button:focus {
    outline: 0;
}

.btn:focus, .navbar-toggler:focus {
	box-shadow: unset;
}

select:invalid {
	color: #6c757d!important;
}

/*Fix bugs padding in expand-md in BS4 - IF change breakpoint, you have to change the same in CSS*/
.navbar-expand-md>.container, .navbar-expand-md>.container-fluid {
    padding-left: 15px;
    padding-right: 15px;
}

/*animated button collapse*/

.icon-bar {
	width: 22px; 
	height: 2px;
	background-color: #B6B6B6;
	display: block;
	transition: all 0.2s;
	margin-top: 4px
}
 
.navbar-toggler {
  border: none;
  background: transparent !important;
}

.navbar-toggler .top-bar {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
}
 
.navbar-toggler .middle-bar {
  opacity: 0;
}
 
.navbar-toggler .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
}
 
.navbar-toggler.collapsed .top-bar {
  transform: rotate(0);
}
 
.navbar-toggler.collapsed .middle-bar {
  opacity: 1;
}
 
.navbar-toggler.collapsed .bottom-bar {
  transform: rotate(0);
}

#map .gm-style-iw, #map .gm-style-iw div  {
    overflow: hidden !important;
}

#map .gm-style-iw {
	padding: 12px!important;
}

#map .gm-style img {
    width: 150px;
}

#backToTopBtn {
    right: 15px; /* padding from the right side of the window */
    z-index: 999;
}

#backToTopBtn span {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-size: 100% 100%;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23aaa' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
    transform: rotate(270deg);
}

#backToTopBtn.sps {
    transition: bottom 500ms ease-in-out;
    position: fixed; /* allows it to "slide" up into view */
    bottom: -60px; /* negative of the offset - height of link element */
}

#backToTopBtn.sps--blw {
    position: fixed; /* keeps it on the bottom once in view */
    bottom: 15px; /* height of link element */
}

 #top-link-block a {
	 color: #798300;
 }
 
 #cookieinfo * {
    margin: 0px;
    padding: 0px;
}

#cookieinfo {
    position: fixed;
    font-size: 12px;
    font-family: Arial, Verdana, sans-serif;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background-color: #323334; 
    padding: 20px;
    box-shadow: 0px -1px 3px rgba(0, 0, 0, 0.5);
    z-index: 1000;
}

#cookieinfo h6 {
    font-size: 16px;
    font-weight: bold;
    color: #cdd7da;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
    margin-bottom: 7px;
}

#cookieinfo p {
    font-size: 12px;
    color: #afb4bc;
    line-height: 1.5em;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
}

#cookieinfo a {
    display: block;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 22px;
    height: 22px;
    border-radius: 11px;
    line-height: 22px;
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    background-color: #ff6000;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}

#cookieinfo a:hover {
    background-color: #ff7925; 
}

.grecaptcha-badge {
	visibility: collapse !important;  
	display:none !important;
}

.modal-ie .modal-title {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

/* START CORRECT CODE */

:root {
	--color-red: #004730;
	--color-gray: #fbfbfb;
	--color-text: #2B2A29; 		/*#7e7e7e; */
	--color-text2: #7e7e7e;
	--bs-breadcrumb-divider: ">";
	--text-size-small: 12px;
	--text-size-medium: 17px;
}

body {
	color: black;
	font: 15px/20px 'PT Sans', Arial, Helvetica, 'Nimbus Sans L', sans-serif;
	padding-top: 98px;
}

main a {
	color: var(--color-red);
}

main a:hover,
footer a:hover {
	opacity: .5;
}

h1, h2, h3 {
	color: var(--color-red);
	font-family: Georgia, Times, "Century Schoolbook L", serif;
	margin-bottom: 3rem;
}

.h1 {
	font-family: Georgia, Times, "Century Schoolbook L", serif;
}

/* STYLING WEBISTE */

.navbar-custom {
	background: white;
	border-bottom: 2px solid var(--color-red);
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}

.navbar-custom img {
	width: 100%;
	max-width: 250px;
}

.navbar-custom .navbar-nav .nav-link {
	color: black;
	font-family: Georgia, Times, "Century Schoolbook L", serif;
	font-size: var(--text-size-medium);
	padding-left: .25rem;
	padding-right: .25rem;
}

@media (min-width: 992px) {
	.navbar-custom .navbar-nav .nav-link {
		padding-left: 1rem;
		padding-right: 1rem;
	}
}

@media (min-width: 1200px) {
	.navbar-custom .navbar-nav .nav-link {
		padding-left: 2rem;
		padding-right: 2rem;
	}
}

.navbar-custom .navbar-nav .nav-link:hover,
.navbar-custom .navbar-nav .nav-item .nav-link.active {
	color: var(--color-red);
}

.home header img {
	height: 390px;
}

@media (max-width: 767.98px) {
	.home header img {
		height: 200px;
	}
}

.bookmarks header {
	background: var(--color-gray);
	box-shadow: inset 0 0 6px rgba(0,0,0,.1);
}

.bookmarks header img {
	height: 250px;
}

@media (max-width: 767.98px) {
	.bookmarks header img {
		height: 150px;
	}
}

.img-header {
	width: 100%;
	object-fit: cover;
}

.bookmarks header nav {
	display: flex;
	flex-direction: row-reverse;
	padding-block: 2rem;
}

.bookmarks header .breadcrumb {
	font-size: var(--text-size-small);
	margin: 0;
}

.bookmarks header .breadcrumb .breadcrumb-item a {
	color: var(--color-red);
	text-decoration: none;
}

.bookmarks header .breadcrumb .breadcrumb-item {
	color: black;
}

.bookmarks header .breadcrumb .breadcrumb-item+.breadcrumb-item::before {
	color: black;
}

section {
	color: var(--color-text);
	padding: 4rem 0;
}

section strong {
	color:  var(--color-red);
}

section p {
	text-align:  justify;
}

.img-float {
	padding-right: 2rem;
	padding-bottom: 2rem;
}

#map {
	height: 500px;
	margin-bottom: 1rem;
}

#map .gm-style-iw div a {
	color: black;
	font-weight: bold;
}

#map .gm-style-iw div a:hover {
	opacity: .5;
}

footer {
	color: var(--color-text2);
	font-size: var(--text-size-small);
	background: black;
	padding: 1rem 0;
}

footer .nav-link {
	padding-left: .25rem;
	padding-right: .25rem;
}

@media (max-width: 575.98px) {
	footer .nav {
		flex-direction: column;
	}
	
	footer .nav-link {
		padding-left: 0;
		padding-right: 0;
	}
}

footer a {
	color: white!important;
	text-decoration: none;
}

footer p {
	margin: 0;
}