/*!
Theme Name: jecisafaris_24
Theme URI: http://underscores.me/
Author: S2 Web Solutions
Author URI: http://www.s2websolutions.co.za
Description: Built on Underscores framework, by S2 Web Solutions, for Jeci Safaris in Kenya
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: jecisafaris_24

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

jecisafaris_24 is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */
html {line-height: 1.15; -webkit-text-size-adjust: 100%; }

/* Sections
	 ========================================================================== */
body {margin: 0;}
h1 {font-size: 2em; margin: 0.67em 0;}

/* Grouping content
	 ========================================================================== */
hr {box-sizing: content-box; height: 0; overflow: visible;}
pre {font-family: monospace, monospace; font-size: 1em;}
a {background-color: transparent;}

abbr[title] {border-bottom: none; text-decoration: underline; text-decoration: underline dotted;}
b, strong {font-weight: bolder;}
code, kbd, samp {font-family: monospace, monospace; font-size: 1em; }
small {font-size: 80%;}

sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}

/* Embedded content
	 ========================================================================== */
img {border-style: none;}

/* Forms
	 ========================================================================== */
button, input, optgroup, select, textarea {font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0;}
button, input {overflow: visible;}
button, select {text-transform: none;}
button, [type="button"], [type="reset"], [type="submit"] {-webkit-appearance: button; appearance:button;}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {border-style: none; padding: 0;}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}
fieldset {padding: 0.35em 0.75em 0.625em;}
legend {box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal;}
progress {vertical-align: baseline;}
textarea {overflow: auto;}
[type="checkbox"], [type="radio"] {box-sizing: border-box; padding: 0;}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height: auto;}
[type="search"] {-webkit-appearance: textfield; appearance: textfield; outline-offset: -2px;}
[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
::-webkit-file-upload-button {-webkit-appearance: button; font: inherit;}

/* Interactive
	 ========================================================================== */
details {display: block;}
summary {display: list-item;}

/* Misc
	 ========================================================================== */
template {display: none;}
[hidden] {display: none;}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body, button, input, select, optgroup, textarea {color: #404040; font-family: "Red Hat Display", sans-serif; font-size: 16px; font-size: 1.1rem; line-height: 1.5;}
h1, h2, h3, h4, h5, h6 {clear: both;}
p {margin-bottom: 1.5em;}
dfn, cite, em, i {font-style: italic;}
blockquote {margin: 0 1.5em;}
address {margin: 0 0 1.5em;}
pre {background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 0.9375rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em;}
code, kbd, tt, var {font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px; font-size: 0.9375rem;}
abbr, acronym {border-bottom: 1px dotted #666; cursor: help;}
mark, ins {background: #fff9c0; text-decoration: none;}
big {font-size: 125%;}
.slider_grid_content_title, .image-text-grid-text {font-family: "Mrs Saint Delafield", sans-serif; font-weight: 400; font-size:2.5rem;}
.slider_grid_content_text {font-weight: 400; letter-spacing: 3px; text-transform:uppercase; font-size:1.25rem;}
h1 {font-family: "Mrs Saint Delafield", sans-serif; font-size: 2.5rem; font-weight: 400; color: #8d916f; text-align: center; margin: 0; text-transform: none;}
h1.normal-title {font-family: "Red Hat Display", sans-serif; text-transform:uppercase; font-size:1.75rem; font-weight:bold; text-align:unset; margin:0 0 1rem 0;}
.larger-body-text {font-size:1.45rem; line-height:2;}
.large-body-text {font-size:1.25rem; line-height:2;}
.footer_title {display: block; max-width: 360px; margin: 0 auto; text-transform:uppercase; font-weight:600; margin-bottom:1rem; font-size:1.55rem;}
.image_over .image_over_text {text-transform:uppercase; font-size:1.4rem; font-weight:bold; color:#ffffff;}
.entry-sub-title {font-size: 1.0rem; line-height: 45px; color: #8d916f; text-align: center; margin: 0 0 20px 0; text-transform: uppercase; font-weight:bold;}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {box-sizing: border-box;}
*, *:before, *:after {box-sizing: inherit;}
body {background: #fff;}
hr {background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em;}
ul, ol {margin: 0 0 1.5rem 0;}
ul {list-style: disc;}
ol {list-style: decimal;}
li > ul, li > ol {margin-bottom: 0; margin-left: 1.5em;}
dt {font-weight: bold;}
dd {margin: 0 1.5em 1.5em;}
img {height: auto; max-width: 100%;}
figure {margin: 1em 0;}
table {margin: 0 0 1.5em; width: 100%;}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button, input[type="button"], input[type="reset"], input[type="submit"] {border: 1px solid; border-color: #ccc #ccc #bbb; border-radius: 3px; background: #e6e6e6; color: rgba(0, 0, 0, 0.8); font-size: 12px; font-size: 0.75rem; line-height: 1; padding: .6em 1em .4em;}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {border-color: #ccc #bbb #aaa;}
button:active, button:focus, input[type="button"]:active, input[type="button"]:focus,input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus {border-color: #aaa #bbb #bbb;}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {color: #666; border: 1px solid #ccc; border-radius: 3px; padding: 3px;}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {color: #111;}
select {border: 1px solid #ccc;}
textarea {width: 100%;}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {color: inherit;}
a:visited {color: inherit;}
a:hover, a:focus, a:active {color: inherit;}
a:focus {outline: none;}
a:hover, a:active {outline: 0;}

#colophon a {text-decoration:none;}
a.full_btn, .full_btn {text-decoration:none; color: #ffffff; background-color: #aeb297; display:block; width:100%; text-align:center; padding:1rem; border-radius:0.5rem;}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {clear: both; display: block; float: left; width: 100%;}
.main-navigation ul {display: none;}


/* Small menu. */
/**
.menu-toggle, .main-navigation.toggled ul {display: block;}
.site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation {margin: 0 0 1.5em; overflow: hidden;}

.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous {float: left; width: 50%;}
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {float: right; text-align: right; width: 50%;}**/

/* Small menu. */
.menu-toggle, .main-navigation.toggled ul {display: block;}
button.menu-toggle {height: 50px; width: 50px; font-size: 40px; font-size: 2.4rem; padding: 0px; line-height: 1; font-weight: normal; background: none;  border: 0px; outline: 0; float:right; color:#ffffff;}
button.menu-toggle > .ham-1 , button.menu-toggle > .ham-2, button.menu-toggle > .ham-3 {display:block; height:2px; width:100%; background:#ffffff; padding-bottom:1rem;}

.main-navigation.toggled ul {position: fixed; top: 8rem; height: 100%; left: 0; right: 0; width: 100%; background: #ffffff;  margin: 0px;  z-index: 990; padding: 0px; list-style: none; background: #e5edd7; }

.main-navigation.toggled ul li {border-bottom: 1px solid #b6b2b2;}
.main-navigation.toggled ul li a {text-decoration: none; display: block; color: inherit; width: 100%; text-align: center; padding: 0.4em 0px; }

.main-navigation.toggled ul li.menu-item-has-children a, #footer-menu-2 li.menu-item-has-children a  {display: none;}
.main-navigation.toggled ul li.menu-item-has-children .mobile-label  {display: block; width: 100%; text-align: center; cursor: pointer; padding: 5px 0px;}

#footer-menu-2 li.menu-item-has-children .mobile-label  {display: block; width: 100%; cursor: pointer; padding:0px;}

.main-navigation.toggled ul li.menu-item-has-children .mobile-label::after {position: absolute; display: inline-block; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 12px; line-height: 2.5; content: "\f107"; padding-left: 10px;}
#footer-menu-2 li.menu-item-has-children .mobile-label::before {position: absolute; display: inline-block; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 12px; line-height: 2; content: "\f067"; margin-left: -15px;}

.main-navigation [id^=drop]  {display: none;}
#footer-menu-2 [id^=drop2], #footer-menu-2 [id^=drop2]:not(:checked)+ul {display: none; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.5s linear; }
#footer-menu-2 [id^=drop2]:checked+ul {display: block; opacity: 1; visibility: visible; margin: 0 auto; padding: 0px; transition: visibility 0s, opacity 0.5s linear;}
#footer-menu-2 [id^=drop2]:checked+ul li {display: block; width: 100%; border:0px;}
#footer-menu-2 [id^=drop2]:checked+ul li a {display: block; font-size: 0.9em; text-align: center;}

ul#footer-menu-2 li {border-bottom: 1px solid rgba(255,255,255,0.5); padding: 5px;}


.main-navigation.toggled ul ul {display: none;}

.main-navigation.toggled ul li.active ul {width: 90%; -webkit-columns: 2; -moz-columns: 2; columns: 2; transform: translateX(-230px); display: block; z-index: 999; transform: translateX(0px); position: static; padding: 10px; margin:  auto; box-shadow: 0 0 1px #eee, 0 6px 18px rgba(0, 0, 0, 0.15); background: #ffffff; margin-bottom: 10px;}
.main-navigation.toggled ul li.active ul:after {position: absolute; top: -4px; left: 0; right: 0; margin: 0 auto; content: ""; display: block; width: 16px; height: 16px; background: #fff; border-radius: 3px 0 0 0; transform: rotate(45deg); border-top: 1px solid #EAEDF2; border-left: 1px solid #EAEDF2; }
.main-navigation.toggled ul li.active ul li {border-bottom: 0px; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid;}
.main-navigation.toggled ul li.active ul li a {display: block; font-size: 0.9em; text-align: center;}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
.screen-reader-text {border: 0;	clip: rect(1px, 1px, 1px, 1px);	clip-path: inset(50%);	height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px;	word-wrap: normal !important;}
.screen-reader-text:focus {background-color: #f1f1f1;border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; clip-path: none; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000;}
#content[tabindex="-1"]:focus {outline: 0;}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {display: inline; float: left; margin-right: 1.5em;}
.alignright {display: inline; float: right; margin-left: 1.5em;}
.aligncenter {clear: both; display: block; margin-left: auto; margin-right: auto;}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before, .clear:after {content: ""; display: table; table-layout: fixed;}
.clear:after {clear: both;}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {margin: 0 0 1.5em;}
.widget select {max-width: 100%;}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {display: block;}
.post, .page {margin: 0;}
.updated:not(.published) {display: none;}
.page-content, .entry-content, .entry-summary {margin: 1.5em 0 0;}
.page-links {clear: both; margin: 0 0 1.5em;}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {word-wrap: break-word;}
.bypostauthor {display: block;}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {display: none;}
.infinity-end.neverending .site-footer {display: block;}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley {border: none; margin-bottom: 0; margin-top: 0; padding: 0;}
embed, iframe, object {max-width: 100%;}
.custom-logo-link {display: inline-block;}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {margin-bottom: 1.5em; max-width: 100%;}
.wp-caption img[class*="wp-image-"] {display: block; margin-left: auto; margin-right: auto;}
.wp-caption .wp-caption-text {margin: 0.8075em 0;}
.wp-caption-text {text-align: center;}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
/**.gallery {margin-bottom: 1.5em;}*/
.gallery-item {display: inline-block; text-align: center; vertical-align: top; width: 100%;}
.gallery-columns-2 .gallery-item {max-width: 50%;}
.gallery-columns-3 .gallery-item {max-width: 33.33%;}
.gallery-columns-4 .gallery-item {max-width: 25%;}
.gallery-columns-5 .gallery-item {max-width: 20%;}
.gallery-columns-6 .gallery-item {max-width: 16.66%;}
.gallery-columns-7 .gallery-item {max-width: 14.28%;}
.gallery-columns-8 .gallery-item {max-width: 12.5%;}
.gallery-columns-9 .gallery-item {max-width: 11.11%;}
.gallery-caption {display: block;}

/*--------------------------------------------------------------
## Short Code Layouts
--------------------------------------------------------------*/
.clear_all {clear: both; display:block;}
.row_start {display:inline-block; width:100%; float:none; clear:both;}
.one_half, .two_quarter, .one_quarter, .three_quarter, .one_third, .two_third, .one_fifth {display: block; float: none; list-style: none; box-sizing: border-box; margin: 0 auto; width: 100%;}

/*--------------------------------------------------------------
## Grids
--------------------------------------------------------------*/
.grid, #masthead, #colophon, .site-info, .safari-layout, .safari-layout-info {display: grid; width: 100%; max-width: 1080px; margin: 0 auto; padding: 0;}
.one-col, .two-col, .two-col-auto, .three-col, .four-col, .five-col, .six-col, .gallery-grid, .footer-grid, #colophon, .site-info, .contact-grid {grid-template-columns: 1fr;}
.aligned-grid {align-items: center;}
.site-info {grid-gap:0.25rem;}
.gapped-grid-small {grid-gap: 0.5rem;}
.gapped-grid, #masthead, #colophon, .contact-grid {grid-gap: 1rem;}
.gallery-grid {grid-gap:2rem;}
.grid-image {line-height: 0;}
.text-centered, #colophon {text-align: center;}
.nested-grid {width:95%;}

#masthead {grid-template-columns:1fr 1fr auto; align-items:center; padding:1rem 0; width:95%;}
.site-header-list {display: grid; width: 100%; grid-template-columns:1fr 1fr; list-style:none; padding:0; margin:0 auto; grid-gap:0.5rem;}
.footer_contact_list {display: grid; width: 100%; max-width:360px; grid-template-columns:1fr; list-style:none; padding:0; margin:0 auto; grid-gap:0.5rem;}
.icon-grid {display: grid; width: 100%; grid-template-columns:100%; grid-gap:0.25rem; align-items:center;}
.icon-grid i {text-align:center;}
.icon-grid-fb {display: grid; width: fit-content; margin: 0 auto; grid-template-columns:1.5rem; grid-gap:0.25rem; align-items:center; text-align:center;}
#footer-menu {display: grid; width: max-content; grid-template-columns:1fr; grid-gap:0.25rem; align-items:center;  list-style:none; padding:0; margin:0 auto; }
.site-info {max-width:360px; grid-template-rows:minmax(0, 200px) auto auto auto;}

.safari-layout {background:#dcddd5; padding:1rem; grid-gap:2rem; margin:1rem auto;}
.safari-layout-info {grid-template-columns: minmax(100px, 1fr) 3fr; grid-gap:0.25rem; margin-bottom:0.25rem;}
.safari-layout-info > span {background:#ffffff; padding:0.5rem;}
.safari-layout-info:nth-of-type(2n) > span {background:#F7F7F7;}
.safari-layout-info > span > span {margin-bottom:0.5rem;}

.safari-layout-data {color:#555A64;}
.safari-layout-img {height:100%;}
.safari-layout-img > picture > img {height:100%; object-fit:cover;}

.header_grid {display:grid; grid-template-columns:1fr; width:100%; margin:0 auto;}
.header_grid > .header_grid {grid-row:1; grid-column:1; z-index:150;}
.header_grid > .header_grid_image {position: relative;}
.header_grid > .header_grid_image > picture {display:block; line-height: 0;}
.header_grid > .header_grid_image > picture::before {content: ""; background: rgba(16, 16, 16, 0.2); position: absolute; top: 0; min-height: 100%; left: 0; right: 0; margin:0 auto; width:100%; z-index:151;}
.header_grid > .header_grid_content {grid-row:2; grid-column:1; z-index:152; align-self:center; text-align:center; padding:2rem 0;}
.header_grid > .header_grid_content {display:grid; grid-template-columns:1fr; width:100%; margin:0 auto; color:#ffffff;}
.header_grid > .header_grid_content > .header_grid_content_title > span, .header_grid > .header_grid_content > .header_grid_content_text > span  {display:block; width:95%; max-width:680px; margin:0 auto; white-space: normal;}
.header_grid > .header_grid_content > .header_grid_content_text > span {line-height:2rem; min-height: 100px;}
.image-text-grid {display:grid; grid-template-columns:1fr; width:100%; margin:0 auto;}
.image-text-grid > .image-text-grid-image {grid-row:1; grid-column:1; z-index:150; position: relative;}
.image-text-grid > .image-text-grid-image > picture {display:block; line-height: 0;}
.image-text-grid > .image-text-grid-image > picture::before {content: ""; background: rgba(16, 16, 16, 0.2); position: absolute; top: 0; min-height: 100%; left: 0; right: 0; margin:0 auto; width:100%; z-index:151;}
.image-text-grid > .image-text-grid-text {grid-row:1; grid-column:1; z-index:152; align-self:center; text-align:center; padding:2rem 0; color:#ffffff;}

/*--------------------------------------------------------------
## Theme Wrappers and colours
--------------------------------------------------------------*/
.masthead-wrapper {display: block; width: 100%; top:0; left:0; right:0; margin: 0 auto; padding: 0; position: fixed; background:rgba(69, 75, 87, 0.2); z-index:999; }
.navbar-fixed {background:rgba(137, 143, 105, 1); transition: background 0.2s ease-out, box-shadow 0.2s ease-out; box-shadow: 0 0 13px 3px rgba(0, 0, 0, 0.6);}
.white-bg {background:#ffffff; color:#555A64;}
.green-bg {background:#aeb297; color:#ffffff;}
.dark-green-bg {background-color: #898f69; color: #ffffff;}
.green-bg h1 {color:inherit;}
.olive-bg {background:#dcddd5; color:#8d916f;}


.wrapper, #content, .max-1440 {display: block; width: 100%; margin: 0 auto; padding: 0; position: relative;}
#content, .max-1440, .full-width-grid {max-width: 95%;}

.site-main > article {padding:2rem 0;}
.entry-content {display:block; margin:0 auto; text-align:justify;}
.site-header-list li a {color:#ffffff;}
.site-footer-menu {text-align:center;}
.safari-layout p {margin-top:0;}

.no-list, .tick-list {list-style:none; margin:0; padding:0; display:block; width:100%;}
.tick-list li {padding-left: 0.5rem;}
.tick-list li::before {content: "\f00c"; font-family: "Font Awesome 5 Free"; font-weight: 900; padding-right: 0.35rem;}

.image_over {position:relative; display:grid; grid-template-columns:1fr; align-items:center;}
.image_over > picture {line-height:0; grid-column:1; grid-row:1; z-index:10;}
.image_over:before {content: ""; background: rgba(255, 255, 255, 0.8); position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0;-webkit-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; z-index:15;}
.image_over .image_over_text {grid-column:1; grid-row:1; z-index:20; text-align: center; -webkit-transition: all 300ms linear 0s;-o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; align-self: end; padding-bottom:3rem; filter: drop-shadow(2px 4px 6px black);}
.image_over:hover:before {opacity: 1;}
.image_over:hover .image_over_text {color:#000000; filter:unset;}

.hp-block-title {text-align:center; position: relative; text-transform: uppercase; display: block; font-weight:bold; color:#8d916f; margin-bottom:2rem;}
.hp-block {position:relative; display:grid; grid-template-columns:1fr; align-items:center;}
.hp-block > .hp-block-image {line-height:0; grid-column:1; grid-row:1; z-index:10;}
.hp-block > .hp-block-image::before {content: ""; background: rgba(69, 75, 87, 0.8); position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0;-webkit-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; z-index:15; transform: scale(0); transition: .3s ease;}
.hp-block > .hp-block-text {grid-row:1; grid-column: 1; z-index: 995; position: absolute; height:100%; width: 100%;}
.hp-block > .hp-block-text > .hp-block-text-hide {opacity: 0; z-index:20; text-align: center; -webkit-transition: all 300ms linear 0s;-o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; align-self:center; width:80%; left:0; right:0; display:grid; height: fit-content; font-size: 1.0rem; margin:0 auto;}

.hp-block > .hp-block-text > .hp-block-title {opacity:1; color:#ffffff; min-height: 75px; margin:0; background: rgba(69, 75, 87, 0.8); display:grid; align-items: center; top:0; -webkit-transition: all 300ms linear 0s;-o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; line-height: 2;}
.hp-block:hover > .hp-block-text > .hp-block-title {background:unset;}
.hp-block:hover > .hp-block-image::before {opacity: 1; transform: scale(1); bottom:0;}
.hp-block:hover > .hp-block-text > .hp-block-text-hide{opacity: 1; color: white; text-align: center;}

.title_over {position:relative; display:grid; grid-template-columns:1fr; align-items:center;}
.title_over > .title_over_image {line-height:0; grid-column:1; grid-row:1; z-index:10;}
.title_over > .title_over_image:before {content: ""; background: rgba(255, 255, 255, 0.8); position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0;-webkit-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; z-index:15;}
.title_over > .title_over_text {grid-column:1; grid-row:1; z-index:100; text-align:center;}
.title_over > .title_over_text > h2 {text-transform:uppercase; color:#ffffff; width:90%; margin:0 auto; display:block; font-size:1.35rem; filter: drop-shadow(2px 4px 6px black);}
.title_over > .title_over_text > .full_btn {opacity:0; width:90%; margin:0 auto; display:block; padding:0.25rem;}
.title_over:hover > .title_over_text > h2 {color:#000000; filter: unset;}
.title_over:hover > .title_over_image:before, .title_over:hover > .title_over_text > .full_btn {opacity:1;}

.drop-shadw {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

@media screen and (min-width:520px) {
	.gallery-grid, .six-col, .five-col, .four-col {grid-template-columns:repeat(2,1fr);}
	#masthead {grid-template-columns:183px 1fr auto;}
	.nf-form-content .listcheckbox-wrap ul {display: flex; width: 100%; flex-direction: row;}
	
}

@media screen and (min-width:620px) {
    .header_grid > .header_grid_content {grid-row:1; grid-column:1; padding:0;}
    .header_grid > .header_grid_content > .header_grid_content_text > span {min-height: unset;}
}

@media screen and (min-width:720px) {
	.contact-grid{grid-template-columns: 4fr 1.5fr;}
	.gallery-grid, .six-col {grid-template-columns:1fr 1fr 1fr;}
	h1, .slider_grid_content_title, .image-text-grid-text {font-size:4.5rem;}
	.slider_grid_content_text {font-size:1.8rem;}
	.two-col-auto {grid-template-columns: auto auto;}
	.two-col, .safari-layout {grid-template-columns: repeat(2,1fr);}
	.three-col {grid-template-columns: repeat(3,1fr);}
	.four-col, .six-col {grid-template-columns:repeat(4,1fr);}
	.five-col, .gallery-grid  {grid-template-columns:repeat(5,1fr);}

}

@media screen and (min-width: 978px) {
	.header_grid > .header_grid_content > .header_grid_content_title > span, .header_grid > .header_grid_content > .header_grid_content_text > span  {width:100%;}
    .header_grid > .header_grid_content {max-width: 680px; position: absolute; left:0; right:0; margin:0 auto;}

	#masthead {width:100%;}
	.menu-toggle {display: none;}
    .main-navigation ul li.menu-item-has-children .mobile-label {display: none;}
	.main-navigation ul {display: flex; list-style: none; margin: 0; padding-left: 0; color:#ffffff; align-items: center;}
	.main-navigation ul li {flex: auto; text-align: center; position:relative; padding:1rem 0;}
	.main-navigation ul li:hover {color: #aeb297;}
	.main-navigation ul ul li:hover {color:#000000;}
    .main-navigation ul ul {display:none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); float: left; position: absolute; left: 0; right:0; opacity:0; visibility:hidden; z-index: 99999; background:rgba(128,128,128,.65); color:#ffffff; width:250px;}
	.main-navigation ul ul li {text-align:left; font-size:1.1rem; text-transform:none; font-weight:400; border-bottom: 0.0135rem solid #b6b2b2; padding:0.5rem 0;}
    .main-navigation ul ul ul {left: -999em; top: 0;}
    .main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {left: 100%;}
	
    .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul {display:block; opacity:1; visibility:visible; margin-top:1rem; }
	.main-navigation ul li:last-of-type:hover > ul, .main-navigation ul li:last-of-type.focus > ul {left:auto;}

	.main-navigation ul li.menu-item-has-children::before {font-family: "Font Awesome 5 Free"; font-display: swap;  font-weight: 900; content: "\f0d7"; color:inherit; display: inline; width: 20px; padding-right: 10px;}
	.main-navigation ul li.menu-item-has-children a {display: inline; width: 98%;}
	.main-navigation ul li.menu-item-has-children ul.sub-menu a {display:block; width:100%;}
	.main-navigation ul li.current-menu-item, .main-navigation ul li.current-page-ancestor {color:#e5e6de;}
	.main-navigation .current-menu-parent ul.sub-menu .current-menu-item, .main-navigation ul li.current-page-ancestor ul.sub-menu li.current-page-ancestor{color:#000000;}

	.main-navigation a {text-decoration:none;}

	.main-navigation ul li.contact {background: #aeb297; border-radius: 1rem;  padding: 0.5rem 1rem; align-self: center;}
	.main-navigation ul li.current-menu-item.contact {color:#8d916f;}
	/**.main-navigation ul li {display: inline-block;  position: relative; padding: 0 10px; vertical-align: middle; font-size: 0.8em;}
    .main-navigation ul li.menu-item-has-children::after {position: absolute; display: inline-block; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 12px; content: "\f107"; top: 0; right: -2px; line-height: 62px;}**/
    
    .main-navigation ul.sub-menu:after {position: absolute; top: -9px; left: 1rem; right: 0; margin: 0 auto; content: ""; display: block; width: 16px; height: 16px; background: #fff; border-radius: 3px 0 0 0; transform: rotate(45deg); border-top: 1px solid #EAEDF2; border-left: 1px solid #EAEDF2; }
    
    .main-navigation ul li:hover > ul.sub-menu {display: inherit;}
    .main-navigation ul.sub-menu {min-width: 480px; -webkit-columns: 2; -moz-columns: 2; columns: 2; transform: translateX(-230px); display: none; background: #fff; border-radius: 4px; border: 1px solid #EAEDF2; padding: 1rem; position: absolute; /**top: 55px; left: -250px;**/ box-shadow: 0 0 1px #eee, 0 6px 18px rgba(0, 0, 0, 0.15); z-index: 999; line-height: 1em; }
    .main-navigation ul li ul.sub-menu li {color: #666; display: inherit; padding: 3px 0px 0px 0px;  -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; width: 100%;}
    .main-navigation ul li ul.sub-menu li a { font-size: 0.85rem; padding: 0.25rem; display: block;}
    .main-navigation a {color: inherit; text-decoration: none;}
    .main-navigation ul li:hover  {color: #e5e6de;}
	.main-navigation ul li ul.sub-menu li:hover {color: #bbbbb5;}
    .main-navigation a {display: block;	text-decoration: none; font-size: 0.85rem;}
    
    .one_half:first-of-type, .two_quarter:first-of-type, .one_quarter:first-of-type, .three_quarter:first-of-type, .one_third:first-of-type, .two_third:first-of-type, .one_fifth:first-of-type {margin-left: 0; clear: left;}
    .one_half, .two_quarter, .one_quarter, .three_quarter, .one_third, .two_third, .one_fifth {display: block; float: left; margin: 0 0 0 3.06748466257669%;}
    .one_half, .two_quarter {width: 48.46625766871166%;}
    .one_quarter {width: 21.69938650306748%;}
    .three_quarter {width: 74.23312883435584%;}
    .one_third {width: 31.28834355828221%;}
    .two_third {width: 62.47668711656442%;}
    .one_fifth {width: 17.29938650306748%;}
	
	.icon-grid {grid-template-columns:1.5rem auto;}
	.icon-grid-fb {margin: unset;}
	#colophon {text-align:unset; grid-template-columns: 1fr 2fr 1fr;}
	
	.site-footer-contact > .footer_title {width:fit-content; margin-left:0;}
}

@media screen and (min-width: 1280px) {
	.six-col {grid-template-columns:repeat(6,1fr);}
	#content, .max-1440, .full-width-grid {max-width: 1080px;}
	.main-navigation a {font-size: 1rem;}
	.main-navigation ul.sub-menu {min-width:520px;}
	.gallery-grid-item-image {height:100%;}
	.gallery-grid-item-image > picture > img {height:100%; object-fit: cover;}
}

@media screen and (min-width:1440px) {
	/**#content, .max-1440 {max-width: 1280px;}**/
	.site-info {margin:0;}
	.footer_contact_list {float:right;}
}

/**@media screen and (min-width:1500px) {
	#content, .max-1440 {max-width: 1440px;}
}**/

@media screen and (min-width:1920px) {
	.wrapper {width: 100%;}
	#content, .max-1440, .full-width-grid, .grid, #masthead, #colophon, .site-info, .safari-layout, .safari-layout-info	{max-width: 1440px;}
}

.nf-form-content .listcheckbox-wrap li, .nf-form-content .listradio-wrap li {flex: 1; margin: 0 0 0 0 !important; margin-bottom: 0 !important;}
.nf-form-content label, .nf-field-label .nf-label-span, .nf-field-label label {font-size: 1rem!important; line-height: 1.5!important; font-weight: normal!important;}