/*   
Theme Name: SCNPS
Author: Sandlapper Creative
Author URI: http://www.sandlappercreative.com
Version: 2.0
*/

/*Reset*/
a,hr{padding:0}a,input[type=checkbox]{vertical-align:baseline}article,aside,figure,footer,header,hgroup,hr,img.aligncenter,nav,section{display:block}abbr,address,article,aside,audio,b,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0;margin:0;padding:0}td,td img{vertical-align:top}embed,img,object{max-width:100%;height:auto;}html{overflow-y:scroll}ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}a{font-size:100%;background:0 0;margin:0}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}.alignleft,img.alignleft{float:left;margin:15px 15px 15px 0}alignright,img.alignright{float:right;margin:15px 0 15px 15px}.aligncenter,img.aligncenter{margin:15px auto}table{border-collapse:collapse;border-spacing:0;font:100%}th{vertical-align:bottom}td{font-weight:400}hr{height:1px;border:0;border-top:1px solid #ccc;margin:1em 0}input,select{vertical-align:middle}pre{white-space:pre-line;word-wrap:break-word}input,select,textarea{font:99% sans-serif}a:active,a:hover{outline:0}small{font-size:85%}strong,th{font-weight:700}sub,sup{font-size:75%;line-height:0;position:relative}sup{top:-.5em}sub{bottom:-.25em}code,kbd,pre,samp{font-family:monospace,sans-serif}.clickable,button,input[type=button],input[type=submit],label{cursor:pointer}button,input,select,textarea{margin:0}button{width:auto;overflow:visible}.ie7 img{-ms-interpolation-mode:bicubic}.ie6 html{filter:expression(document.execCommand("BackgroundImageCache",false,true))}.clearfix:after,.clearfix:before{content:"\0020";display:block;height:0;overflow:hidden}.clearfix:after{clear:both}.clearfix{zoom:1}.ie6 input,input[type=radio]{vertical-align:text-bottom}


/*Styles*/

body{}
body, select, input, textarea{ font-family: "Nunito Sans", Helvetica, Arial, sans-serif;}

a{ color: #3e83b3;}
a:hover, a:focus{ text-decoration: none;}
.button, button{ -webkit-appearance: none; display: inline-block; font-size: 14px; line-height: 14px; text-transform: uppercase; text-decoration: none; letter-spacing: .15em; font-weight: 800; padding: 20px 50px; color: #393b3d; border: 3px solid #3e83b3; border-radius: 100px;}
.button:hover, button:hover, .button:focus, button:focus{ background-color: #3e83b3; color: #fff;}
.screen-reader{ position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden;}

h1, h2, h3, h4, h5, h6{ line-height: normal; font-family: "Playfair Display", Georgia, "Times New Roman", serif; color: #393b3d; font-weight: 400;}
h1{ font-size: 42px;}
h2{ font-size: 36px;}
h3{ font-size: 30px;}
h4{ font-size: 24px;}
h5{ font-size: 21px;}
h6{ font-size: 18px;}

.photo-credit{ font-size: 12px; line-height: 12px; color: #fff; background: rgba(0,0,0,.7); position: absolute; bottom: 0; right: 0; padding: 5px; margin: 0 !important; z-index: 9;}
.photo-caption, .wp-caption-text{ font-size: 14px; line-height: 21px; font-style: italic; color: #666; margin-top: 5px !important; text-align: right;}
.image-overlay{ opacity: 0; visibility: hidden; background: rgba(0,0,0,.8); width: 100%; height: 100%; top: 0; left: 0; font-size: 14px; line-height: 21px; color: #fff; padding: 30px; box-sizing: border-box; position: absolute; transition: all 0.15s;}
.has-overlay:hover .image-overlay{ opacity: 1; visibility: visible; transition: all 0.15s;}
.photo-description{ font-size: 14px; line-height: 21px; font-style: italic; color: #fff; margin-top: 5px;}

.page-wrap{}
.wrapper{ width: 90%; max-width: 1200px; margin: 0 auto;}
.wrapper:after{ content: ""; display: table; clear: both;}

nav ul{ list-style: none; position: relative; float: left; margin:0; padding:0;}
nav ul a{ display: block; line-height: 32px; text-decoration: none;}
nav ul li{ position: relative; float: left; margin: 0; padding: 0;}
nav ul li.current-menu-item a, .nav ul li:hover > a{}
nav ul ul{ display: none; position: absolute; top: 100%; left: 0; padding: 0; text-align: left;}
nav ul ul li{ float: none; width: 150px;}
nav ul ul a{ line-height: 120%;}
nav ul ul ul{ top: 0; left: 100%;}
nav ul li:hover > ul{ display: block;}

.subheader{ background-color: #046648; padding: 15px 0; text-align: right;}
.subheader ul{ margin: 0; padding: 0; float: right;}
.subheader ul li{ display: inline; padding: 0 10px; border-right: 1px solid #07866e;}
.subheader ul li:nth-last-of-type(1){ border-right: 0; padding-right: 0;}
.subheader ul li a{ color: #fff; text-decoration: none; font-size: 13px; line-height: 13px;}
.subheader ul li a:hover{ color: #ffed00;}
.subheader .wrapper{ width: 95%; max-width: 1400px; display: flex; justify-content: flex-end;}
.subheader .search-form i{ 
  font-size: 16px; 
  float: left; 
  margin: -3px 0 0 20px; 
  color: #ffed00;
}

.subheader .search-form .search-input{ 
  position: absolute; 
  opacity: 0; 
  visibility: hidden; 
  transition: all .3s ease-in-out 0s; 
  padding: 10px; 
  border: 1px solid #e4e4e4; 
  font-size: 14px; 
  right: 5px; 
  top: 10px; 
  width: 0; 
  z-index: 99; 
  -webkit-appearance: none;
}

.subheader .search-form:hover .search-input, 
.subheader .search-form .search-input:focus{ 
  top: 10px; 
  opacity: 1; 
  visibility: visible; 
  transition: all .3s ease-in-out 0s; 
  width: auto; 
  right: 75px; 
  min-width: 300px; 
  max-width: 600px;
}

.subheader .search-form .search-input:focus{ 
  outline-width: 0;
}

.header{ padding: 25px 0;}
.header .container{ display: flex; justify-content: space-between; align-items: center; width: 95%; max-width: 1400px; margin: 0 auto;}
.header .logo{ max-width: 180px;}
.header .nav{ font-size: 15px;}
.header .nav li{ margin-left: 35px;}
.header .nav li.menu-item-has-children a:after{ font-family: FontAwesome, "Font Awesome 6 Free", "Font Awesome"; content: "\f0d7"; font-size: 10px; float: right; margin: -1px 0 0 5px; color: #07866e;}
.header .nav a{ color: #393b3d; text-decoration: none; font-weight: 700; border-bottom: 2px solid #fff;}
.header .nav li:hover > a{ border-bottom: 2px solid #ffed00; color: #07866e;}
.header .nav .sub-menu{ z-index: 2; background-color: #fff; padding: 10px; left: -15px; font-size: 14px; font-weight: 500;}
.header .nav .sub-menu li{ margin-left: 0;}
.header .nav li.menu-item-has-children li a:after{ content: "";}
.header .nav .sub-menu li:hover > a{ border: none; color: #07866e;}
.header .nav .sub-menu li a{ padding: 5px; border: none;}
.header .nav .sub-menu ul{ top: -10px; left: 150px;}
.header .nav #menu-item-256 ul{ left: auto; right: 0;}
.header .nav #menu-item-256 ul ul{ right: 150px;}
.rmp-menu-subarrow{ font-family: FontAwesome, "Font Awesome 6 Free", "Font Awesome";}
.header .nav #menu-item-11337 .sub-menu{ left: auto; right: 0;}

.content{ color: #4e5052; font-size: 16px; line-height: 26px;}
.content p{ margin-top: 15px;}
.content ul{ list-style: disc; margin: 15px 0 0 30px;}
.content ol{ margin: 15px 0 0 30px;}
.meta{}
.meta span:after{ content: "|"; margin: 0 5px;}
.meta span:nth-last-of-type(1):after{ content: ""; margin: 0;}

.sidebar{}

.navigation{ padding: 0; text-align: center;}
.navigation li a, .navigation li a:hover, .navigation li.active a, .navigation li.disabled{ color: #fff; text-decoration: none;}
.navigation li{ display: inline;}
.navigation li a, .navigation li a:hover, .navigation li.active a, .navigation li.disabled{ background-color: #666; cursor: pointer;}
.navigation li a:hover, .navigation li.active a{ background-color: #333;}

.search-form{}
.search-input{}
.search-submit{}

.footer{ border-top: 15px solid #d0e2da; background-color: #eaf1ee; padding: 30px 0 80px; font-size: 12px; color: #4e5052;}
.footer img{ max-width: 130px; float: left; margin-right: 30px;}
.footer .footer-content{ width: 65%; float: left;}
.footer .legal, .footer .design{ font-size: 12px;}
.footer .footer-links{ margin: 15px 0 0; padding: 0;}
.footer .footer-links li{ display: inline; text-transform: uppercase; padding: 0 7px 0 5px; border-right: 1px solid #4e5052;}
.footer .footer-links li:nth-of-type(1){ padding-left: 0;}
.footer .footer-links li:nth-last-of-type(1){ border-right: none;}
.footer .footer-links li a{ color: #07866e; text-decoration: none; font-size: 14px; line-height: 14px; font-weight: 600;}
.footer .footer-links li a:hover{ color: #4e5052;}
.footer .credit{ font-size: 14px; margin: 5px 0; font-weight: 600;}
.footer .design{ margin-top: 10px;}
.footer .design a{ color: #a4b4ad; text-decoration: none;}
.footer .design a:hover{ color: #07866e;}
.footer .social{ margin: 10px 0 0; padding: 0; float: right; font-size: 24px;}
.footer .social li{ display: inline-block; margin-left: 15px;}
.footer .social li a{ width: 50px; height: 50px; border-radius: 100px; display: flex; justify-content: center; align-items: center; background-color: #07866e; color: #eaf1ee; text-decoration: none;}
.footer .social li a:hover{ background-color: #4e5052;}

.video-wrapper, .map-wrapper{ position: relative; padding-bottom: 56.25%; height: 0;}
.video-wrapper iframe, .map-wrapper iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.tabs{ overflow: hidden;}
.tab{ width: 100%; overflow: hidden; margin-bottom: 10px;}
.tabs input{ position: absolute; opacity: 0; z-index: -1;}
.tab-label{ display: flex; justify-content: space-between; padding: 1em; cursor: pointer; font-family: "Playfair Display", Georgia, "Times New Roman", serif; font-size: 21px; line-height: 21px; background-color: #f4fafc;}
.tab-label:hover{ background:;}
.tab-label::after{ content: "\2715"; width: 1em; height: 1em; text-align: center; transition: all 0.35s; transform: rotate(45deg);}
.tab-content{ max-height: 0; padding: 0 1em; transition: all 0.35s;}
.tab-close{ display: flex; justify-content: flex-end; padding: 1em; cursor: pointer;}
.tab-close:hover{ background:;}
.tabs input:checked + .tab-label{ background:;}
.tabs input:checked + .tab-label::after{ transform: rotate(90deg);}
.tabs input:checked ~ .tab-content{ max-height: 500vh; padding: 1em 1em 3em;}
 
.lity-content{ max-width: 800px;}
.lity-content img{ width: auto !important; height: auto !important; max-width: 800px !important; max-height: 600px !important;}
.lity-content .book-lightbox{ padding: 45px; background-color: #fff; overflow-y: scroll;}
.lity-content .book-lightbox h3{ font-size: 21px; margin-bottom: 30px;}
.lity-content .book-lightbox p{ margin-bottom: 15px;}
.lity-content .book-lightbox .button{ margin-top: 20px;}
div.pdfemb-viewer{ margin-top: 30px !important;}

.payment_method_ppcp-credit-card-gateway{ display: block !important;}


/* Homepage */

.home .slider .slick-dots{ margin: 0;}
.home .slider .slide{ background-size: cover; background-position: center center; position: relative;}
.home .slider .slide:after{ content: ""; display: block; padding-bottom: 45%;}
.home .slider .slide{ position: relative;}
.home .slider .slide .slide-content{ width: 55%; padding: 40px 30px; box-sizing: border-box; font-size: 18px; line-height: normal; position: absolute;}
.home .slider .slide .slide-content h2{ font-size: 42px; margin: 0;}
.home .slider .slide .slide-content p{ margin: 30px 0;}
.home .slider .slide .slide-content .button{ background-color: #3e83b3; color: #fff; float: right;}
.home .slider .slide .slide-content .button:hover{ color: #3e83b3; background-color: #fff; border: 3px solid #fff;}
.home .slider .wrapper{ position: absolute; left: 0; right: 0; margin: 0 auto;}
.home .slider .slide-content.dark{ background-color: rgba(0,0,0,.8); color: #fff;}
.home .slider .slide-content.dark h2{ color: #fff;}
.home .slider .slide-content.dark .button{ color: #fff;}
.home .slider .slide-content.top-left{ top: 60px; left: 5%;}
.home .slider .slide-content.top-center{ top: 60px; left: 0; right: 0; margin: 0 auto;}
.home .slider .slide-content.top-right{ top: 60px; right: 5%;}
.home .slider .slide-content.center-left{ top: 0; bottom: 0; margin: 0 auto; left: 5%;}
.home .slider .slide-content.center{ top: 0; bottom: 0; left: 0; right: 0; margin: 0 auto;}
.home .slider .slide-content.center-right{ top: 50%; bottom: 50%; right: 5%;}
.home .slider .slide-content.bottom-left{ bottom: 60px; left: 5%;}
.home .slider .slide-content.bottom-center{ bottom: 60px; left: 0; right: 0%; margin: 0 auto;}
.home .slider .slide-content.bottom-right{ bottom: 30px; right: 2.5%;}

.home .slick-prev, .home .slick-next{ z-index: 9;}
.home .slick-next{ right: 2.5% !important;}
.home .slick-prev{ left: 2.5% !important;}

.home .callouts{ padding: 70px 0; background-color: #f4fafc;}
.home .callouts .callout{ -webkit-box-shadow: 0px 0px 15px 0px rgba(227,239,245,1); -moz-box-shadow: 0px 0px 15px 0px rgba(227,239,245,1); box-shadow: 0px 0px 15px 0px rgba(227,239,245,1); background-color: #fff; border-bottom: 15px solid #8cb7d3;}
.home .callouts .callout-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 50px;}
.home .callouts .callout-visual{ background-size: cover; background-position: center center; position: relative;}
.home .callouts .callout-visual:after{ content: ""; display: block; padding-bottom: 56.25%;}
.home .callouts .callout-visual a{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.home .callouts .callout-content{  padding: 20px 30px 100px;}
.home .callouts .post-categories{ margin: 0; padding: 0;}
.home .callouts .callout-content .lede, .home .callouts .callout-content li{ font-size: 14px; font-weight: bold; text-transform: uppercase; color: #3e83b3; letter-spacing: .1em; margin: 0; list-style: none;}
.home .callouts .callout-content li, .blog .post-container .post-content li, .archive .post-content li{ display: inline-block; margin-right: 5px; font-size: 12px;}
.home .callouts .callout-content li:after, .blog .post-container .post-content li:after, .archive .post-content li:after{ content: "|"; margin-left: 8px;}
.home .callouts .callout-content li:nth-last-of-type(1):after, .blog .post-container .post-content li:nth-last-of-type(1):after, .archive .post-content li:nth-last-of-type(1):after{ content: ""; margin: 0;}
.home .callouts .callout-content li a{ text-decoration: none;}
.home .callouts .callout-content h3{ font-size: 21px; margin: 20px 0 0;}
.home .callouts .callout-content h3 a{ color: #393b3d; text-decoration: none;}
.home .callouts .callout-content h3 a:hover{ color: #3e83b3;}
.home .intro{ padding: 50px 0 20px;}
.home .intro .column{ width: 46%; float: left;}
.home .intro .column:nth-of-type(2){ float: right;}
.home .intro h2{ font-size: 48px; line-height: 60px; margin: 0;}
.home .intro h2 span{ color: #07866e;}
.home .intro .column:nth-of-type(1) ul{ margin: 60px 0 0; padding: 0;}
.home .intro .column:nth-of-type(1) ul li{ display: inline-block; margin: 0 30px 30px 0;}
.home .intro .column:nth-of-type(2) ul{ margin: 25px 0 25px 30px; line-height: normal;}
.home .intro .column:nth-of-type(2) ul li{ margin-bottom: 5px;}

.home .imgtext{ padding: 60px 0;}
.home .imgtext .container{ display: flex; align-items: stretch; justify-content: space-between; max-width: 1200px; width: 90%; margin: 0 auto;}
.home .imgtext .imgtext-visual{ width: 35%; position: relative;}
.home .imgtext .imgtext-image{ background-size: cover; background-position: center center; height: 100%;}
.home .imgtext .imgtext-content{ width: 60%; padding: 50px 0;}
.home .imgtext .buttons{ list-style: none; margin: 40px 0 0;}
.home .imgtext .buttons li{ display: inline-block; margin-right: 20px;}
.home .imgtext .button{ border: 4px solid #3e83b3; margin-bottom: 15px;}
.home .imgtext:nth-of-type(odd){ background-color: #f4f8f6;}
.home .imgtext:nth-of-type(even) .container{ flex-direction: row-reverse;}
.home .imgtext .imgtext-visual a{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.home .imgtext-content h2{ font-size: 60px; text-align: center; margin: 60px 0 0;}
.home .imgtext-content h2:after{ content: ""; display: block; height: 5px; width: 160px; background-color: #ffed00; margin: 20px auto 25px;}
.home .imgtext h3{ font-size: 40px;}




/* Flex Content */

.flex .wrapper, .single-post .content .wrapper{ max-width: 900px;}
.flex h2{ font-size: 40px;}
.flex .hero, .single-post .hero{ background-color: #003f2e; color: #fff; text-align: center; padding: 80px 0 180px; font-size: 21px;}
.flex .hero .lede, .single-post .hero .post-categories a{ color: #ffed00; text-decoration: none; text-transform: uppercase; font-size: 14px; letter-spacing: .2em; font-weight: 900; margin: 0;}

.single-post .hero .post-categories li:after{ content: "|"; font-size: 16px; line-height: 16px; margin-left: 10px;}
.single-post .hero .post-categories li:nth-last-of-type(1):after{ content: "";}

.single-post .hero ul{ margin: 0; list-style: none;}
.flex .hero h1, .single-post .hero h1{ font-size: 48px; color: #fff; margin-top: 20px;}
.flex .hero p, .single-post .hero p{ margin-top: 10px;}
.single-post .hero .meta{ font-size: 14px;}
.single-post .hero .meta a{ color: #fff; text-decoration: none;}
.featuredimg{ margin-top: -140px; margin-bottom: 60px;}
.featuredimg .featuredimg-visual{ position: relative; background-size: cover; background-position: center center;}
.featuredimg .featuredimg-visual:after{ content: ""; display: block; margin-top: 20px; padding-bottom: 56.25%;}
.featuredimg .featuredimg-overlay{ opacity: 0; visibility: hidden; background: rgba(0,0,0,.8); width: 100%; height: 100%; top: 0; left: 0; font-size: 14px; line-height: 21px; color: #fff; padding: 30px; box-sizing: border-box; position: absolute; transition: all 0.15s;}
.featuredimg:hover .featuredimg-overlay{ opacity: 1; visibility: visible; transition: all 0.15s;}
.flex .page-section{ margin-bottom: 60px;}
.hero + .basic-content, .hero + .accordion-content{ margin-top: 60px;}
.flex .basic-content{ font-size: 18px; line-height: 32px;}
.flex .basic-content h2, .flex .basic-content h3, .flex .basic-content h4, .flex .basic-content h5, .flex .basic-content h6, .single-post h2, .single-post h3, .single-post h4, .single-post h5, .single-post h6{ margin-top: 30px;}
.flex .basic-content h2, .single-post h2{ font-size: 36px;}
.flex .basic-content h3, .single-post h3{ font-size: 30px;}
.flex .basic-content h4, .single-post h4, .flex .columns-content h2, .flex .columns-content h3, .flex .columns-content h4{ font-size: 24px;}
.flex .basic-content h5, .single-post h5, .flex .columns-content h5{ font-size: 21px;}
.flex .basic-content h6, .single-post h6, .flex .columns-content h6{ font-size: 18px;}
.flex .basic-content h2, .flex .basic-content h3, .flex .basic-content h4, .flex .basic-content h5, .flex .basic-content h6{ margin-bottom: 15px;}
.flex .basic-content p:nth-of-type(1){ margin-top: 0;}
.flex .basic-content .button{ margin-top: 40px; border: 4px solid #3e83b3;}
.flex .basic-content .button:hover, .flex .callout .button:hover, .flex .plant-content .button:hover{ background-color: #3e83b3; color: #fff;}
.flex .basic-content .gform_button{ background: none;}
.flex .basic-content .gform_body input, .flex .basic-content .gform_body textarea{ padding: 20px !important;}
.flex .callout{ padding: 60px 0;}
.flex .callout .container{ display: flex; align-items: stretch; justify-content: space-between; max-width: 1200px; width: 90%; margin: 0 auto;}
.flex .callout .callout-visual{ width: 47%; position: relative;}
.flex .callout .callout-image{ background-size: cover; background-position: center center; height: 100%;}
.flex .callout .callout-content{ width: 47%; padding: 50px 0;}
.flex .callout .buttons{ list-style: none; margin: 40px 0 0;}
.flex .callout .buttons li{ display: inline-block; margin-right: 20px;}
.flex .callout .button{ border: 4px solid #3e83b3; margin-bottom: 15px;}
.flex .callout:nth-of-type(odd){ background-color: #f4f8f6;}
.flex .callout:nth-of-type(even) .container{ flex-direction: row-reverse;}
.flex .callout .callout-visual a{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.flex .card-content{ text-align: center; font-size: 18px; line-height: 32px;}
.flex .card-content .wrapper{ max-width: 1200px;}
.flex .card-content h2:after, .flex .gallery-content h2:after{ content: ""; display: block; margin: 20px auto 30px; height: 5px; width: 150px; background-color: #ffed00;}
.flex .card-content .card-grid{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top: 60px; text-align: left;}
.flex .card-content .card{ position: relative; background-size: cover; background-position: center center;}
.flex .card-content .card:after{ content: ""; display: block; padding-bottom: 75%;}
.flex .card-content .card .card-overlay{ background-color: #fff; width: 75%; padding: 30px; box-sizing: border-box; font-size: 16px; line-height: 21px; position: absolute; bottom: 20px; left: 20px;}
.flex .card h3{ font-size: 24px;}
.flex .card h3 a{ color: #07866e; text-decoration: none;}
.flex .card a:hover{ color: #3e83b3;}
.flex .card .photo-credit{ bottom: auto; top: 0;}
.flex .gallery-content{ text-align: center;}
.flex .gallery-content p{ max-width: 800px; margin: 0 auto;}
.flex .gallery-content .gallery-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 50px; margin-top: 60px;}
.flex .gallery-content .gallery-item .gallery-image{ width: 100%; background-size: cover; background-position: center center; position: relative;}
.flex .gallery-content .gallery-item .gallery-image:after{ content: ""; display: block; padding-bottom: 100%;}
.flex .gallery-content .gallery-item a{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}
.flex .lgtext-content{ text-align: center;}
.flex .lgtext-content:after{ content: ""; display: block; margin: 20px auto 30px; height: 5px; width: 150px; background-color: #ffed00;}
.flex .lgcard-content{ background-size: cover; background-position: center center; position: relative;}
.flex .lgcard-overlay{ background: -moz-linear-gradient(left, rgba(0,0,0,0.85) 25%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(left, rgba(0,0,0,0.85) 25%,rgba(0,0,0,0) 100%); background: linear-gradient(to right, rgba(0,0,0,0.85) 25%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 ); display: flex; align-items: center;}
.flex .lgcard-overlay:after{ content: ""; display: block; padding-bottom: 50%;}
.flex .lgcard-container{ width: 50%; color: #fff;}
.flex .lgcard-container h2{ color: #fff;}
.flex .lgcard-container .button{ margin-top: 40px; color: #fff; border: 4px solid #3e83b3;}
.flex .lgcard-container .button:hover{ background-color: #ffed00; color: #003f2e;}
.lgcard-content + .lgcard-content{ margin-top: -80px;}
.flex .plant-content{ display: flex; align-items: center; justify-content: space-between; flex-direction: row-reverse;}
.flex .plant-content h2{ font-size: 85px; line-height: 85px; color: #00664a;}
.flex .plant-content h3{ font-size: 30px; font-style: italic; margin-top: 20px;}
.flex .plant-container{ width: 46%; margin-left: 8%; padding-right: 3%; box-sizing: border-box;}
.flex .plant-visual{ width: 50%;}
.flex .plant-visual .plant-image{ background-size: cover; background-position: center center; width: 100%; position: relative;}
.flex .plant-visual .plant-image a{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.flex .plant-visual .plant-image:after{ padding-bottom: 100%; content: ""; display: block;}
.flex .plant-content .button{ margin-top: 50px; border: 4px solid #3e83b3;}
.flex .posts-content h2{ color: #383a3c; font-family: "Nunito Sans", Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 30px; font-weight: bold; margin-bottom: 30px;}
.flex .post-container{ padding: 60px 0; background-color: #f4fafc;}
.flex .post-container .single-post{ -webkit-box-shadow: 0px 0px 15px 0px rgba(227,239,245,1); -moz-box-shadow: 0px 0px 15px 0px rgba(227,239,245,1); box-shadow: 0px 0px 15px 0px rgba(227,239,245,1); background-color: #fff; border-bottom: 15px solid #8cb7d3;}
.flex .post-container .post-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 50px;}
.flex .post-container .post-visual{ background-size: cover; background-position: center center; position: relative;}
.flex .post-container .post-visual:after{ content: ""; display: block; padding-bottom: 56.25%;}
.flex .post-container .post-visual a{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.flex .post-container .post-info{  padding: 20px 30px 100px;}
.flex .post-container .post-categories{ margin: 0; padding: 0;}
.flex .post-container .post-info .lede, .flex .post-container .post-info li{ font-size: 14px; font-weight: bold; text-transform: uppercase; color: #3e83b3; letter-spacing: .1em; margin: 0; list-style: none;}
.flex .post-container .post-info li a{ text-decoration: none;}
.flex .post-container .post-info h3{ font-size: 21px; margin: 20px 0 0;}
.flex .post-container .post-info h3 a{ color: #393b3d; text-decoration: none;}
.flex .post-container .post-info h3 a:hover{ color: #3e83b3;}
.flex .books-content .gallery-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 50px; margin-top: 60px; text-align: center;}
.flex .books-content .gallery-item .gallery-image{ background-size: cover; background-position: center center; position: relative;}
.flex .books-content .gallery-item .gallery-image:after{ content: ""; padding-bottom: 100%; display: block;}
.flex .books-content .gallery-item .gallery-image a{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.flex .logo-content{ text-align: center;}
.flex .logo-content .logo-grid{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 50px; margin-top: 60px;}
.flex .logo-content .single-logo{ display: flex; justify-content: center; align-items: center;}
.flex .logo-content .single-logo img{ max-width: 100%; max-height: 100%; width: auto; height: auto;}
.flex .logo-content .single-logo:after{ content: ""; padding-bottom: 100%; display: block;}
.flex .table-content{ padding: 60px 0;}
.flex .table-content .dataTables_length{ margin-bottom: 30px;}
.flex .table-content .wrapper{ max-width: 100%;}
.flex .map-content{ text-align: center;}
.flex .map-content .wrapper{ max-width: 1200px;}
.flex .map-content h2{ margin-bottom: 20px;}
.flex .columns-content h2, .flex .columns-content h3, .flex .columns-content h4, .flex .columns-content h5, .flex .columns-content h6{ margin-top: 30px;}
.flex .col-two-col{ display: grid; grid-template-columns: repeat(2,1fr); gap: 60px;}
.flex .col-three-col{ display: grid; grid-template-columns: repeat(3,1fr); gap: 60px;}
.flex .col-four-col{ display: grid; grid-template-columns: repeat(4,1fr); gap: 60px;}


/* Plant Directory */

.directory .directory-intro{ text-align: center; margin: 80px auto 50px; font-size: 21px; max-width: 715px;}
.directory .directory-intro h1{ font-size: 72px; color: #00664a;}
.directory .facetwp-facet-plant_search{ text-align: center;}
.directory .facetwp-facet-plant_search .facetwp-input-wrap{ width: 100%; max-width: 780px;}
.directory .facetwp-search{ padding: 25px 35px; border: none; background: none; box-shadow: 0px 0px 15px 0px rgba(208,226,218,0.75); width: 100%; box-sizing: border-box;}
.directory .facetwp-facet-plant_search .facetwp-icon{ margin-right: 30px !important;}
.directory .directory-content{ margin: 80px 0 100px;}
.directory .directory-content:after{ clear: both; display: table; content: "";}
.directory .directory-filters{ width: 20%; float: left; background-color: #f4f8f6; padding: 20px;}
.directory .directory-filters h4{ font-size: 18px; margin-bottom: 5px;}
.directory .directory-filters .facetwp-facet{ margin-bottom: 20px;}
.directory .directory-filters .fs-wrap{ width: 100%;}
.directory .directory-filters .fs-label-wrap .fs-label, .directory .directory-filters .fs-label-wrap .fs-label{ padding: 10px 22px 10px 12px;}
.directory .directory-filters .fs-wrap.multiple .fs-option.selected .fs-checkbox i{ background-color: #07866e;}
.directory .directory-filters .reset .facetwp-facet{ margin-bottom: 0 !important;}
.directory .directory-filters .facetwp-facet-clear_filters a{ font-weight: 700; color: #393b3d; text-decoration: none; text-transform: uppercase; letter-spacing: .1em; font-size: 14px;}
.directory .directory-filters .facetwp-facet-clear_filters a:before{ content: "\00d7"; font-size: 16px; margin-right: 3px;}
.directory .directory-filters .facetwp-facet-clear_filters a:hover{ color: #07866e;}
.directory .directory-grid-container{ width: 70%; float: right; text-align: center; margin: 0 0 70px;}
.directory .directory-grid{ display: grid; grid-template-columns: repeat(4,1fr); column-gap: 30px; row-gap: 40px;}
.directory .plant-visual{ background-size: cover; background-position: center center; position: relative; margin-bottom: 20px;}
.directory .plant-visual:after{ content: ""; padding-bottom: 100%; display: block;}
.directory .plant-visual a{ display: block; width: 100%; height: 100%; top: 0; left: 0; position: absolute;}
.directory .directory-grid h2{ font-size: 21px; line-height: 21px; margin-bottom: 5px; text-transform: capitalize;}
.directory .directory-grid h2 a{ color: #393b3d; text-decoration: none;}
.directory .directory-grid h2 a:hover{ color: #07866e;}
.directory .directory-grid h3{ font-family: "Nunito Sans", Helvetica, Arial, sans-serif; letter-spacing: .05em; font-size: 14px;}


/* Single Plant Page */

.single-plants .columns{ position: relative; margin-bottom: 120px;}
.single-plants .column{ width: 46%; float: left;}
.single-plants .column:nth-of-type(1){ padding-top: 100px;}
.single-plants .column:nth-of-type(2){ float: right;}
.single-plants .lede{ font-size: 18px; text-transform: uppercase; font-weight: 900; letter-spacing: .2em; color: #07866e; margin-bottom: 45px;}
.single-plants h1{ font-size: 85px; color: #00664a; line-height: 85px;}
.single-plants h2{ font-size: 30px; font-style: italic; margin-top: 30px;}
.single-plants h3{ font-family: "Nunito Sans", Helvetica, Arial, sans-serif; font-weight: bold; font-size: 14px; text-transform: uppercase; letter-spacing: .05em; color: #07866e;}
.single-plants .column p{ margin-top: 0;}
.single-plants .plant-details, .single-plants .plant-names{ margin-top: 45px; padding-top: 45px; border-top: 2px solid #d0e2da;}
.single-plants .plant-details h3, .single-plants .plant-names h3{ margin-top: 30px;}
.single-plants .plant-details h3:nth-of-type(1), .single-plants .plant-names h3:nth-of-type(1){ margin-top: 0;}
.single-plants .plant-details .tabs{ margin-top: 30px;}
.single-plants .plant-gallery{ margin-bottom: 20px;}
.single-plants .plant-thumbs .slide{ margin: 0 10px; opacity: .5;}
.single-plants .plant-thumbs .slide.slick-current{ opacity: 1;}
.single-plants .slide{ background-size: cover; background-position: center center;}
.single-plants .slide:after{ content: ""; padding-bottom: 100%; display: block;}
.single-plants .slide .lightbox-trigger{ position: absolute; top: 15px; right: 15px; color: #fff; text-decoration: none;}
.single-plants .slide .lightbox-trigger i{ font-family: "Font Awesome", FontAwesome, "Font Awesome 6 Free"; font-style: normal;}
.single-plants .plant-thumbs .slick-dots{ display: none;}
.directory-return{ text-align: center; width: 100%; display: block; clear: both; padding-top: 60px;}


/* Blog */

.blog .blog-intro, .archive .blog-intro, .search .blog-intro{ text-align: center; margin: 80px auto; font-size: 21px; max-width: 715px;}
.blog .blog-intro h1, .archive .blog-intro h1{ font-size: 72px; color: #00664a;}
.blog .blog-intro h1:after, .archive .blog-intro h1:after, .search .blog-intro h1:after{ content: ""; display: block; height: 5px; width: 160px; background-color: #ffed00; margin: 20px auto 25px;}
.post-container{ padding: 70px 0; background-color: #f4fafc;}
.post-container article, .single-post .related-container .related-post{ -webkit-box-shadow: 0px 0px 15px 0px rgba(227,239,245,1); -moz-box-shadow: 0px 0px 15px 0px rgba(227,239,245,1); box-shadow: 0px 0px 15px 0px rgba(227,239,245,1); background-color: #fff; border-bottom: 15px solid #8cb7d3;}
.post-container .post-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 50px;}
.post-container .post-visual{ background-size: cover; background-position: center center; position: relative;}
.post-container .post-visual:after{ content: ""; display: block; padding-bottom: 56.25%;}
.post-container .post-visual a{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.post-container .post-content{  padding: 20px 30px 100px;}
.post-container .post-categories{ margin: 0; padding: 0;}
.single .post-categories li{ display: inline-block; margin: 0 5px;}
.post-container .post-content .lede, .post-container .post-content li{ font-size: 14px; font-weight: bold; text-transform: uppercase; color: #3e83b3; letter-spacing: .1em; margin: 0; list-style: none;}
.post-container a{ text-decoration: none;}
.post-container h2{ font-size: 21px; margin: 10px 0 0;}
.post-container h2 a{ color: #393b3d; text-decoration: none;}
.post-container h2 a:hover{ color: #3e83b3;}
.single-post .entry-content{ font-size: 18px; line-height: 32px; padding-bottom: 80px; max-width: 740px; margin: 0 auto;}
.related-container h3{ text-align: center; font-weight: bold; font-family: "Nunito Sans", Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 30px; margin-bottom: 30px;}
.blog .facetwp-type-pager, .archive .facetwp-type-pager, .search .facetwp-type-pager{ margin-top: 60px; text-align: center;}
.blog .facetwp-type-pager button, .archive .facetwp-type-pager button, .search .facetwp-type-pager button{ background: none;}
.blog .facetwp-type-pager button:hover, .archive .facetwp-type-pager button:hover, .search .facetwp-type-pager button:hover{ background-color: #3e83b3;}
.search .blog-intro .lede{ font-size: 14px; text-transform: uppercase; letter-spacing: .1em; font-weight: bold;}
.search .blog-intro h1{ font-size: 48px; color: #00664a;}
.search article{ padding: 30px 0; border-bottom: 1px solid #ccc;}
.search h2{ font-size: 30px;}
.search-results .content .wrapper{ max-width: 900px;}
.blog .facetwp-facet{ margin-bottom: 0;}
.blog .fs-label{ font-size: 16px; padding: 10px !important;}
.blog .fs-wrap{ margin-top: 15px; text-align: left;}
.blog .fs-option{ font-size: 16px;}


/* 404 */

.error404 .content{ padding: 60px 0 100px; text-align: center;}
.error404 .content h1{ font-size: 48px; color: #00664a;}
.error404 .content .button{ margin-top: 45px;}


/* Store */

.woocommerce .site-main{ width: 90%; max-width: 1400px; margin: 60px auto 100px;}
.woocommerce .site-main:after{ content: ""; clear: both; display: block;}
.woocommerce-cart .flex .hero, .woocommerce-checkout .flex .hero{ padding: 5px 0 30px;}


/* Media queries */

@media (max-width: 1100px) {
	.header .nav, .subheader .nav, .search-form{ display: none;}
	.subheader{ padding: 0; height: 15px;}
}

@media (max-width: 960px) {
	.home .callouts .callout-grid, .flex .post-container .post-grid, .flex .books-content .gallery-grid{ grid-template-columns: repeat(2,1fr);}
	.home .slider .slide::after{ padding-bottom: 56.25%;}
	.home .slider .slide-content{ top: 30px !important; bottom: 30px !important; left: 30px !important; right: 30px !important; width: calc(100% - 60px) !important; box-sizing: border-box;}
	.home .intro{ padding: 80px 0;}
	.home .intro .column{ width: 100%; float: none;}
	.home .intro .column:nth-of-type(1) ul li{ display: block; width: 100%;}
	.home .intro .column:nth-of-type(1) ul li a{ display: block; width: 100%; text-align: center; box-sizing: border-box;}
	.home .intro h2{ font-size: 36px; line-height: normal;}
	.footer .footer-content, .footer .social{ width: 100%; float: none; text-align: center;}
	.footer img{ float: none; margin: 0 auto;}
	.footer .social{ margin-top: 30px;}
	.flex .hero .lede{ font-size: 14px; line-height: normal;}
	.flex .hero h1{ font-size: 36px; line-height: 36px;}
	.flex .callout .container, .home .imgtext .container{ flex-direction: column !important;}
	.flex .callout .callout-content, .flex .callout .callout-visual, .home .imgtext .imgtext-content, .home .imgtext .imgtext-visual{ width: 100%;}
	.flex .callout .callout-image:after, .home .imgtext .imgtext-image:after{ content: ""; display: block; padding-bottom: 100%;}
	.flex .callout .photo-credit, .home .imgtext .photo-credit{ bottom: 5px;}
	.flex .callout .buttons li, .flex .callout .buttons li a, .home .imgtext .buttons li, .home .imgtext .buttons li a{ width: 100%; display: block; text-align: center; box-sizing: border-box;}
	.flex .plant-content{ flex-direction: column;}
	.flex .plant-visual{ width: 100%;}
	.flex .plant-visual .photo-caption{ padding: 0 2.5%;}
	.flex .plant-container{ width: 100%; padding: 0 2.5%; margin: 60px 0 0;}
	.flex h2{ font-size: 36px; line-height: normal;}
	.flex .plant-content h2{ font-size: 42px; line-height: normal;}
	.flex .plant-content h3{ font-size: 24px; margin-top: 0;}
	.flex .plant-container{ text-align: center;}
	.flex .lgcard-container{ width: 100%; padding: 60px 0;}
	.flex .logo-content .logo-grid{ grid-template-columns: repeat(3,1fr);} 
	.directory .directory-content{ display: flex; flex-direction: column-reverse;}
	.directory .directory-filters, .directory .directory-grid-container{ width: 100%; float: none; box-sizing: border-box;}
	.directory .directory-grid{ grid-template-columns: repeat(3,1fr);}
	.directory .directory-filters{ margin-bottom: 60px;}
	.post-container .post-grid{ grid-template-columns: repeat(2,1fr);}
	.flex .card-content .card .card-overlay{ bottom: 0; left: 0; padding: 20px 20px 5px 5px;}
	.flex .card h3{ font-size: 16px; line-height: normal;}
	.single-plants h1, .blog .blog-intro h1, .archive .blog-intro h1, .home .imgtext-content h2{ font-size: 48px; line-height: 48px;}
	.single-plants .column{ width: 100%; float: none;}
	.single-plants .column:nth-of-type(1){ margin-bottom: 30px; padding-top: 45px;}
}

@media (max-width: 800px) {
	.home .slider .slide::after{ padding-bottom: 75%;}
	.home .slider .slide .slide-content{ display: flex; justify-content: center; flex-direction: column;}
	.home .slider .slide .slide-content h2{ font-size: 30px;}
	.home .slider .slide .slide-content .button{ text-align: center;}
	.home .callouts .callout-grid{ grid-template-columns: repeat(1,1fr);}
	.flex .card-content .card-grid{ grid-template-columns: repeat(1,1fr);}
	.flex .gallery-content .gallery-grid{ grid-template-columns: repeat(2,1fr);}
	.flex .logo-content .logo-grid{ grid-template-columns: repeat(2,1fr);} 
	.post-container .post-grid{ grid-template-columns: repeat(1,1fr);}
}

@media (max-width: 600px) {
	.home .callouts .callout-grid, .flex .post-container .post-grid, .flex .books-content .gallery-grid{ grid-template-columns: repeat(1,1fr);}
	.home .slider .slide::after{ padding-bottom: 100%;}
	.home .slider .slide .slide-content{ font-size: 16px; line-height: 24px;}
	.home .slider .slide .slide-content p{ margin: 5px 0 30px;}
	.flex .gallery-content .gallery-grid{ grid-template-columns: repeat(1,1fr);}
	.flex h2{ font-size: 30px;}
	button, .button{ width: 100%; text-align: center; box-sizing: border-box;}
	.directory .directory-grid{ grid-template-columns: repeat(2,1fr);}
}