/* special stylesheet for NFS microsite */

h1, h2, h3, h4, h5, h6, .h1-style, .h2-style, .h3-style, .h4-style, .h5-style, .h6-style { color: #4b4b4b; }

h1, .h1-style { font-size: 3rem; color: #4b4b4b; font-weight: 600; line-height: 1.1; }
h2, .h2-style { font-size: 2.25rem; color: #4b4b4b; font-weight: 600; }
h3, .h3-style { font-size: 2rem; color: #4b4b4b; font-weight: 600; }
h4, .h4-style { font-size: 1.5rem; color: #4b4b4b; font-weight: 600; margin-top: 20px;}
h5, .h5-style { font-size: 1.125rem; color: #4b4b4b; font-weight: 300; }
h6, .h6-style { font-size: 1.0625rem; color: #4b4b4b; font-weight: 300; }

ul li::marker { color: #419639; }
div.form-field div.label label, div.form-field .label { color: #4b4b4b; }
div.section_title { color: #fff; background-color: #419639; padding: 20px 15px; text-wrap: balance; }
input[type=text], input[type=tel], input[type=password], input[type=email], textarea, select { border: solid 1px #419639; }

.header { border-bottom: 20px solid #419639; }
.col-menu { margin-right: 20px; }
.menu-icon img { filter: invert(48%) sepia(34%) saturate(849%) hue-rotate(69deg) brightness(94%) contrast(92%); }
.deck-title { text-wrap: pretty; font-size: 2rem; line-height: 1.2;}
.medium {font-weight: unset;}
a, a:link{color: #419639;}
a:visited {color: #419639;}
a:hover {color: #4b4b4b;}
a:active {color: #000;}

/* posts */
ul.post-list li {border: 2px solid #ebebeb; padding: 20px; border-radius: 10px;}
ul.post-list li:hover {box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.15);}
/* banner */
.nfs-banner { position: relative; width: 100%; height: 400px; overflow: visible; display: flex; align-items: center; justify-content: flex-start; }
.nfs-media, .nfs-media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: right center; z-index: 1; }

.nfs-content { position: relative; z-index: 2; width: 100%; max-width: 600px; margin-left: max(24px, calc((100% - 1440px) / 2 + 14px)); padding-left: 0; padding-right: 16px; text-align: left; text-wrap: pretty; }
.nfs-content > * { text-align: left; margin-inline: 0 auto; }

@media (max-width: 768px) {
	.nfs-banner { height: auto; min-height: auto; aspect-ratio: auto; display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start; }
	.nfs-media, .nfs-media img { position: relative; display: block; width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; }
	.nfs-content { max-width: 100%; margin-left: 0; padding: 24px 10px; box-sizing: border-box; }
}
.nfs-smalltitle {font-size: 1.25rem;    text-transform: uppercase;    font-weight: bold;    color: #419639 !important; text-wrap: pretty;}
.nfs-title {color: rgb(75, 75, 75);    font-size: 2.8125rem;    font-weight: bold;    line-height: 1.125;    margin: .5rem 0; text-wrap: balance;}
.nfs-copy {}


/* navigation */
.header-navigation-multi {border: 2px solid #ebebeb; border-radius: 10px;}
.navbar-nav a.nav-link {background-color: #419639;}
.navbar-nav .nav-link.active, .navbar-nav a.nav-link:hover, .navbar-nav .nav-link.show {background-color: #ebebeb;  color: #000 !important;}
.mobile-menu .dropdown .dropdown-toggle.show, .mobile-menu .dropdown .dropdown-toggle:hover {background-color: #ebebeb; color: #000 !important;}
.mobile-menu .dropdown-item:active {font-weight: 400; color: #005a84;}
.mobile-menu .dropdown-item.active { color: #005a84;}

.topnav.topnav-desktop ::after {background: linear-gradient(to right, #FFF, #419639);}
@media screen and (max-width: 767px) {
    div.topnav-mobile::after {background: linear-gradient(to right, #FFF, #419639);}
}

/*footer */
.nfs-footer { background-color: #419639; color: #ffffff; padding: 40px 0 30px; width: 100%; box-sizing: border-box; }
.nfs-footer-container { max-width: 1440px; margin: 0 auto; padding: 0 10px; box-sizing: border-box; }
.nfs-footer-top { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 20px; margin-bottom: 40px; }
.nfs-footer-logo-area { display: flex; align-items: center; gap: 15px; }
.nfs-footer-logo-placeholder { }
.nfs-footer-contact-area { text-align: right; }
.nfs-footer-bottom {padding-top: 25px; }
.nfs-footer-copyright { margin-bottom: 12px; }
.nfs-footer-legal { max-width: 1200px; opacity: 0.9; }

@media (max-width: 768px) {
	.nfs-footer-top { flex-direction: column; align-items: flex-start; }
	.nfs-footer-contact-area { text-align: left; }
}


/* end of file */