/*--------------------------------------------------------------
# Fonts
--------------------------------------------------------------*/

@font-face {
    font-family: 'archiaregular';
    src: url('fonts/archia-regular-webfont.eot');
    src: url('fonts/archia-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/archia-regular-webfont.woff2') format('woff2'),
         url('fonts/archia-regular-webfont.woff') format('woff'),
         url('fonts/archia-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'Graphik Light';
	font-style: normal;
	font-weight: normal;
	src: local('Graphik Light'), url('fonts/GraphikLight.woff') format('woff');
}

@font-face {
	font-family: 'Graphik Light Italic';
	font-style: normal;
	font-weight: normal;
	src: local('Graphik Light Italic'), url('fonts/GraphikLightItalic.woff') format('woff');
}

@font-face {
	font-family: 'Graphik Medium';
	font-style: normal;
	font-weight: normal;
	src: local('Graphik Medium'), url('fonts/GraphikMedium.woff') format('woff');
}

@font-face {
	font-family: 'Graphik Bold';
	font-style: normal;
	font-weight: normal;
	src: local('Graphik Bold'), url('fonts/GraphikBold.woff') format('woff');
}

@font-face {
	font-family: 'Graphik Semibold';
	font-style: normal;
	font-weight: normal;
	src: local('Graphik Semibold'), url('fonts/GraphikSemibold.woff') format('woff');
}

:root {
    --lcr-dark-green: #27461f;
	--lcr-light-green: #a2bd30;
	--lcr-soft-yellow: #fffbf1;
	--lcr-light-blue: #d0eced;
	--list-ol-color: #27461f;
	--list-li-color: #27461f;
	--secondary: black;

    --input-background-lg: white;
    --page-footer-background: var(--lcr-dark-green);
    --menu-background: var(--lcr-dark-green);
    --menu-fp-link-color-hover: var(--lcr-light-green);
    --menu-fp-link-border-bottom-hover: var(--lcr-light-green);
    --menu-link-color: var(--lcr-light-green);
    --menu-link-color-hover: white;
    --menu-link-border-bottom-hover: transparent;

	--body-front-page-md-left-color: white;

	--box2-border: 1px solid var(--lcr-light-green);

	--box1-border: #f3e6c4;
	--box1-background: #f3e6c4;
	--tab-active-background: #f3e6c4;
}

a:hover {
	text-decoration: none;
}



body {
    font-family: "archiaregular", "Graphik Light", Arial, Tahoma, Sans-serif;
    background: var(--lcr-soft-yellow);
}

strong, b {
    font-family: "Graphik Semibold", Arial, Tahoma, Sans-serif;
}

nav.navbar .btn {
    color: var(--lcr-light-green);
}
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(177,203,32, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.form-control:focus {
	box-shadow: 0 0 0 .25rem rgba(162, 189, 48, .25);
	border-color: var(--lcr-light-green);
}

#header-video {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: fixed;
    z-index: -1000;
}

main.container-fluid.background-left div.col.col-xxl-9 {
	/* From https: //css.glass */
    margin-bottom: 2rem;
    padding: 2rem;
    background: rgba(255, 255, 255, 0.36);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(9.9px);
    -webkit-backdrop-filter: blur(9.9px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

body.front-page .background-left {
	background: transparent !important;
}
div.background-right {
	background: transparent !important;
}

body.front-page {
	background: var(--body-front-page-xs-background);
	background-size: cover;
}

@media (min-width: 992px) {
	body.front-page {
		background: var(--body-front-page-md-right-background);
		background-size: cover;
	}
}

.front-page .form-control {
	background: var(--input-background-xs);
	border: var(--input-border-xs);
	color: var(--input-text-color-xs);
}
body.front-page .form-floating > label {
	color: var(--input-text-color-xs);
}
.input-group-text {
	background: var(--input-background-xs);
	border: var(--input-border-xs);
	color: var(--input-text-color-xs);
}

body.front-page nav .navbar-brand img {
    height: calc(4.9rem + 0.9vmin);
    margin-top: -1.1rem;
	margin-left: 2rem;
}
body:not(.front-page) nav .navbar-brand img {
    height: calc(3rem + 0.9vmin);
	margin-top: -0.5rem;
	margin-left: 2rem;
}

body:not(.front-page) nav.navbar {
	padding-bottom: calc(0.0rem + 0.6vmin);
	padding-top: calc(0.0rem + 0.6vmin);
}
nav.navbar .offcanvas-lg.show li a:link {
	border-bottom: 1px solid var(--lcr-light-green);
}
nav.navbar .offcanvas-lg.show li a:link, nav.navbar .offcanvas-lg.show li a:visited, nav.navbar .offcanvas-lg.show li a:active, nav.navbar .offcanvas-xl.show li a:link, nav.navbar .offcanvas-xl.show li a:visited, nav.navbar .offcanvas-xl.show li a:active, nav.navbar .offcanvas-xl.showing li a:link, nav.navbar .offcanvas-xl.showing li a:visited, nav.navbar .offcanvas-xl.showing li a:active  {
	--menu-link-color-hover: var(--lcr-dark-green);
    --menu-link-border-bottom-hover: var(--lcr-dark-green);
}

.video-sound {
	position: absolute;
	display: block;
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNyAzMS44NiI+PGRlZnM+PHN0eWxlPi5mZWJlOTQ1OC03ZjViLTQ2MzgtOGFhZC03YWY1YjQyYjUzOTB7ZmlsbDojZmZmfTwvc3R5bGU+PC9kZWZzPjxnIGlkPSJlM2JlYzViZi1lOGRhLTRmY2UtOGVjZC0yNDA1MzA3N2FiNDMiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9ImIxNmY2YWE5LWRmNjUtNGFmMC1iNThiLTNkMjFjMzQ3YzljYSIgZGF0YS1uYW1lPSJJc29sYXRpb24gTW9kZSI+PHBhdGggY2xhc3M9ImZlYmU5NDU4LTdmNWItNDYzOC04YWFkLTdhZjViNDJiNTM5MCIgZD0iTTE5Ljg1LjA1TDYuNCA5djEzLjg2bDEzLjQ1IDlhLjMuMyAwIDAgMCAuNDctLjI1Vi4zYS4zLjMgMCAwIDAtLjQ3LS4yNXpNNS40OCAyMi44NEguNmEuNi42IDAgMCAxLS42LS42VjkuNjJBLjYuNiAwIDAgMSAuNiA5aDQuODh6TTI4LjI5IDI5LjMzbDIuMDYgMi4wNmEuMzEuMzEgMCAwIDAgLjQ1IDAgMjEuOTQgMjEuOTQgMCAwIDAtLjIzLTMwLjhsLS4xMi0uMTJhLjMxLjMxIDAgMCAwLS40NCAwTDI4IDIuNTNBLjMxLjMxIDAgMCAwIDI4IDNsLjEyLjExYTE4LjQgMTguNCAwIDAgMSAuMjEgMjUuOC4zMi4zMiAwIDAgMC0uMDQuNDJ6Ii8+PHBhdGggY2xhc3M9ImZlYmU5NDU4LTdmNWItNDYzOC04YWFkLTdhZjViNDJiNTM5MCIgZD0iTTI0LjYyIDI1LjQybDEuODQgMS44NGEuMzMuMzMgMCAwIDAgLjQ1IDAgMTYuMSAxNi4xIDAgMCAwLS4yMy0yMi41NGwtLjEyLS4xMmEuMzEuMzEgMCAwIDAtLjQ0IDBsLTEuODQgMS44NGEuMzEuMzEgMCAwIDAgMCAuNDRsLjEyLjEyYTEyLjg3IDEyLjg3IDAgMCAxIC4yMiAxOCAuMzEuMzEgMCAwIDAgMCAuNDJ6Ii8+PC9nPjwvZz48L3N2Zz4=) 0 0 no-repeat;
	width: 26px;
	height: 22px;
	left: 16px;
	bottom: 8px;
	z-index: 5;
}