/*   
Theme Name: Environmental Paper Network
Author: Sandlapper Creative
Author URI: http://www.sandlappercreative.com
Version: 1.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: "Avenir Next", Avenir, "Nunito", Helvetica, Arial, sans-serif; color: #333; font-size: 18px; line-height: 32px;}

a{ color:#1E8FB3;}
a:hover, a:focus{ color: #6eb43f;}
.button, button{ -webkit-appearance: none; display: inline-block; text-decoration: none; color: #00381e; font-size: 14px; line-height: 14px; font-weight: bold; letter-spacing: .1em; padding: 20px 40px; background-color: #eee254; text-transform: uppercase; border-radius: 1000px;}
.button:hover, button:hover, .button:focus, button:focus{ color: #fff; background-color: #00323c;}
.screen-reader, .gform_required_legend{ position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden;}

h1, h2, h3, h4, h5, h6{ line-height: normal;}
h1{ font-size: 60px;}
h2{ color: #00323c; font-size: 40px;}
h3{ font-size: 36px;}
h4{ font-size: 30px;}
h5{ font-size: 24px;}
h6{ font-size: 21px;}
.lede{ font-weight: bold; font-size: 14px; text-transform: uppercase; letter-spacing: .1em; color: #00853e;}

.page-wrap{ border-top: 6px solid #00323c;}
.wrapper, .container{ width: 95%; max-width: 1400px; margin: 0 auto;}
.container{ display: flex;}
.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: 200px;}
nav ul ul a{ line-height: 120%;}
nav ul ul ul{ top: 0; left: 100%;}
nav ul li:hover > ul{ display: block;}

.header{ padding: 15px 0 20px;}
.header .container{ justify-content: space-between; align-items: center;}
.header .header-right{ display: flex; margin-top: 10px; align-items: center;}
.header .logo{ max-width: 270px;}
.header .nav{ font-size: 16px; font-weight: 500;}
.header .nav a{ color: #00323c;}
.header .nav li{ margin-left: 30px;}
.header .nav li:hover > a{ color: #6eb43f;}
.header .search-form{ padding: 10px 0;}
.header .search-form i{ font-size: 21px; float: left; margin: 0 0 0 20px; color: #60cae4;}
.header .search-form .search-input{ position: absolute; opacity: 0; visibility: hidden; transition: all .3s ease-in-out 0s; padding: 10px 15px; border: 1px solid #00323c; font-size: 14px; right: 75px; top: 65px; width: 0; z-index: 99; -webkit-appearance: none; box-sizing: border-box;}
.header .search-form:hover .search-input, .header .search-form .search-input:focus{ top: 65px; opacity: 1; visibility: visible; transition: all .3s ease-in-out 0s; right: 75px; max-width: 400px; width: 400px;}
.header .search-form .search-input:focus{ outline-width: 0;}
.header .header-right .button{ padding: 16px 30px; margin-left: 30px;}

#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator::after{ content: "\f107"; font-family: "Font Awesome", FontAwesome, "Font Awesome 6 Free"; font-size: 10px; color: #6eb43f;}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link{ line-height: 17px !important;}
.mega-sub-menu .mega-sub-menu .mega-sub-menu li{ margin-top: 8px !important;}

.content{}
.content p{ margin-top: 15px;}
.content ul{ list-style: disc; margin: 15px 0 0 30px;}
.content ol{ margin: 15px 0 0 30px;}
.entry h2, .entry h3, .entry h4, .entry h5, .entry h6{ margin-top: 25px;}

.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; font-size: 14px; line-height: 14px;}
.navigation li a, .navigation li a:hover, .navigation li.active a, .navigation li.disabled{ background-color: #666; cursor: pointer; padding: 6px 10px;}
.navigation li a:hover, .navigation li.active a{ background-color: #333;}

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

.search-results .wrapper{ max-width: 960px;}
.search-results h1{ margin-bottom: 45px;}
.search-results article{ padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #ddd;}
.search-results h2{ font-size: 24px;}

.footer{ text-align: center; margin: 60px 0 100px; color: #00323c; font-size: 14px; line-height: 18px;}
.footer .legal{ display: flex; justify-content: center;}
.footer .legal a{ color: #00853e; text-decoration: none;}
.footer .legal a:before{ content: "|"; margin: 0 5px; color: #00323c;}
.footer .legal a:hover{ color: #6eb43f;}
.footer .credit{ margin-top: 5px; font-size: 12px; line-height: 16px;}
.footer .credit a{ color: #5f6062; text-decoration: none;}
.footer .credit a:hover{ color: #00853e;}
.footer .social{ display: flex; justify-content: center; align-items: center; font-size: 24px; margin-bottom: 30px;}
.footer .social li{ margin: 0 10px;}
.footer .social li a{ color: #00381e;}
.footer .social li a:hover{ color: #00853e;}


.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%;}

.hero{ margin: 0 10px; border-radius: 30px; background-size: cover; background-position: center center; position: relative; width: calc(100% - 20px);}
.hero:before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,56,30,.5); border-radius: 30px;}
.hero-overlay{ position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; gap: 40px; padding: 100px 20px; width: 100%; box-sizing: border-box;}
.hero-content{ text-align: center;}

.hero-nobkg{ margin-bottom: 30px;}
.hero-nobkg h1{ font-size: 40px; margin-top: 60px; text-align: center;}
.hero-nobkg .hero-content{ width: 100%;}
.hero-nobkg + .basic-container {
    padding-top: 20px !important;
}


/* Homepage */

.home .hero{ text-align: center; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 21px; line-height: 31px; font-weight: 500;}
.home .hero h1{ font-size: 72px; line-height: 72px; font-weight: 600;}
.home .hero h1 span{ color: #6eb43f; display: block;}
.home .hero p{ max-width: 650px; margin: 15px auto 30px;}
.home .hero-carousel{ width: 100%; max-width: 100%; box-sizing: border-box;}
.home .hero-carousel .slick-list{ overflow: hidden;}
.home .hero-carousel .single-post{ width: 100%; margin: 0 10px; box-sizing: border-box;}
.home .hero-carousel .slick-track{ display: flex;}
.home .hero-carousel h2{ font-size: 16px; line-height: 20px; font-weight: 600;}
.home .hero-carousel h2 a{ color: #fff; text-decoration: none;}
.home .hero-carousel h2 a:hover{ color: #eee254;}
.home .hero-carousel .post-content{ background-color: #0c1f16; text-align: left; padding: 20px 25px 25px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; min-height: 85px; box-sizing: border-box;}
.home .hero-carousel .post-visual{ background-color: #0c1f16;}
.home .hero-carousel .slick-dots{ margin-left: 0; bottom: -40px;}
.home .hero-carousel .slick-dots li{ width: 15px; height: 15px; margin: 0 8px;}
.home .hero-carousel .slick-dots li button{ width: 15px; height: 15px; padding: 0;}
.home .hero-carousel .slick-dots li button:before{ width: 15px; height: 15px; font-size: 15px; line-height: 15px; color: #fff; opacity: 1;}
.home .hero-carousel .slick-dots li.slick-active button:before{ color: #60cae4; opacity: 1;}
.home .hero .more{ font-size: 14px; line-height: 14px; text-transform: uppercase; font-weight: 600; letter-spacing: .05em; text-decoration: none; color: #eee254;}
.home .hero .more:hover{ color: #6eb43f;}

.home .intro{ background: linear-gradient(to bottom,  rgba(248,247,240,0) 0%,rgba(248,247,240,1) 100%); padding: 100px 0 70px;}
.home .intro .container{ justify-content: space-between; align-items: center;}
.home .intro .intro-content{ width: 35%; font-size: 18px; line-height: 32px;}
.home .intro .intro-content .lede{ margin: 0;}
.home .intro .intro-content h2{ font-size: 40px; line-height: 44px; margin: 30px 0 0;}
.home .intro .intro-content p{ margin: 10px 0 0;}
.home .intro .intro-content .button{ margin-top: 30px;}
.home .intro .intro-columns{ display: grid; grid-template-columns: repeat(2,1fr); gap: 30px; width: 60%;}
.home .intro .intro-columns .single-column{ background-color: #fff; border-radius: 10px; box-shadow: 0px 0px 15px 5px rgba(242,239,226,1);}
.home .intro .intro-columns .column-visual{ background-size: cover; background-position: center center; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.home .intro .intro-columns .column-visual:after{ content: ""; padding-bottom: 56.25%; display: block;}
.home .intro .intro-columns .column-content{ padding: 30px 20px 80px; position: relative; font-size: 16px; line-height: 24px;}
.home .intro .intro-columns .column-content h3{ font-size: 21px; line-height: 26px; font-weight: 600; color: #00323c;}
.home .intro .intro-columns .column-content .more{ position: absolute; bottom: 30px; left: 20px; font-size: 14px; line-height: 14px; text-transform: uppercase; font-weight: 600; letter-spacing: .05em; text-decoration: none; color: #6eb43f;}
.home .intro .intro-columns .column-content .more:hover{ color: #00853e;}

.home .resources{ text-align: center; padding: 120px 0 100px;}
.home .resources h2{ font-size: 40px; margin-top: 10px;}
.home .resources .resource-grid{ display: grid; grid-template-columns: repeat(3,1fr); max-width: 1000px; margin: 50px auto;}
.home .resources .resource-grid .single-resource{ border-bottom: 2px solid #60cae4; padding: 50px 30px; border-right: 2px solid #60cae4;}
.home .resources .resource-grid .single-resource:nth-child(3n){ border-right: none;}
.home .resources .resource-grid .single-resource:nth-last-child(-n+3){ border-bottom: none;}
.home .resources .resource-grid .single-resource:nth-child(-n+3){ padding-top: 20px;}
.home .resources .resource-grid .single-resource .resource-icon{ width: 70px; height: 70px; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px;}
.home .resources .resource-grid .single-resource h3{ font-size: 21px; line-height: 21px; font-weight: 600;}
.home .resources .resource-grid .single-resource a{ text-decoration: none; color: #00323c;}
.home .resources .resource-grid .single-resource a:hover{ color: #6eb43f;}

.home .newsletter{ background-color: #00323c; text-align: center; padding: 40px 0 50px;}
.home .newsletter .lede{ color: #6eb43f;}
.home .newsletter h2{ color: #fff; font-size: 40px; margin-bottom: 20px;}
.home .newsletter .wrapper{ max-width: 1060px;}
.home .newsletter .gform_fields{ display: flex !important; justify-content: space-between; align-items: center;}
.home .newsletter .gform_fields .ginput_container{ width: 300px;}
.home .newsletter .gform_fields .ginput_container input{ padding: 9.5px !important; box-sizing: border-box;}
.home .newsletter .gform_body .button{ border: none; border-radius: 0;}
.home .newsletter .gform_body .button:hover{ background-color: #6eb43f;}


/* Flexible Content */

.flex .hero{ color: #fff; font-size: 18px; line-height: 28px; font-weight: 500; position: relative; min-height: 350px; margin-bottom: 80px;}
.flex .hero:after{ content: ""; padding-bottom: 25%; display: block;}
.flex .hero .container{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; align-items: flex-end;}
.flex .hero .hero-content{ max-width: 600px; position: relative; z-index: 2; margin: 0 0 20px 2.5%; text-align: left;}
.flex .hero h1{ font-size: 42px; line-height: 42px; font-weight: 600;}
.flex .hero h1 span{ color: #6eb43f; display: block;}
.flex .hero p{ max-width: 650px; margin: 15px auto 30px;}
.flex .hero .lede{ margin: 0 0 25px; color: #6eb43f;}

.flex .page-section{ margin-bottom: 80px;}

.flex .columns-container{ background: linear-gradient(to bottom,  rgba(248,247,240,0) 0%,rgba(248,247,240,1) 100%); padding: 0 0 100px;}
.flex .columns-container .columns-intro .container{ justify-content: space-between;}
.flex .columns-container .columns-intro .columns-headlines, .flex .columns-container .columns-intro .entry{ width: 48%;}
.flex .columns-container .columns-intro .entry{ font-size: 18px; line-height: 26px;}
.flex .columns-container .columns-intro h2{ font-size: 40px; line-height: 44px; margin-top: 5px;}
.flex .columns-container .columns-grid, .flex .posts-container .post-grid, .blog .post-grid{ display: grid; grid-template-columns: repeat(3,1fr); gap: 30px; margin-top: 50px;}
.flex .columns-container .single-column, .flex .posts-container .single-post, .blog .single-post{ background-color: #fff; border-radius: 10px; box-shadow: 0px 0px 15px 5px rgba(242,239,226,1);}
.flex .columns-container .column-visual, .flex .posts-container .post-visual, .blog .single-post .post-visual, .home .hero-carousel .post-visual{ background-size: cover; background-position: center center; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.flex .columns-container .column-visual:after, .flex .posts-container .post-visual:after, .blog .post-visual:after, .home .hero-carousel .post-visual:after{ content: ""; padding-bottom: 56.25%; display: block;}
.flex .columns-container .column-content, .flex .posts-container .post-content, .blog .post-content{ padding: 30px 20px 80px; position: relative; font-size: 16px; line-height: 24px; text-align: left;}
.flex .columns-container .column-content h3, .flex .posts-container .post-content h3, .flex .posts-container .post-content h3 a, .blog .post-content h2, .blog .post-content h2 a{ font-size: 21px; line-height: 26px; font-weight: 600; color: #00323c; text-decoration: none;}
.flex .columns-container .column-content .more, .flex .posts-container .post-content .more, .blog .post-content .more{ position: absolute; bottom: 30px; left: 20px; font-size: 14px; line-height: 14px; text-transform: uppercase; font-weight: 600; letter-spacing: .05em; text-decoration: none; color: #6eb43f;}
.flex .columns-container .column-content .more:hover, .flex .posts-container .post-content .more:hover, .blog .post-content .more:hover{ color: #00853e;}

.flex .cta-container{ background-color: #00323c; text-align: center; padding: 80px 0 100px; color: #fff; font-size: 18px; line-height: 24px;}
.flex .cta-container .lede{ color: #6eb43f; margin-bottom: 15px;}
.flex .cta-container h2{ color: #fff; font-size: 40px;}
.flex .cta-container p{ margin-top: 5px;}
.flex .cta-container .wrapper{ max-width: 600px;}
.flex .cta-container .button{ margin-top: 30px;}
.flex .cta-container .button:hover{ background-color: #6eb43f;}

.flex .callout-container{ padding: 80px 0; margin-top: -80px;}
.flex .callout-container .container{ justify-content: space-between;}
.flex .callout-container .single-callout:nth-of-type(even) .container{ flex-direction: row-reverse;}
.flex .callout-container.no-alternating .single-callout .container{ flex-direction: row !important;}
.flex .callout-container .single-callout{ margin-bottom: 40px;}
.flex .callout-container .single-callout:nth-last-of-type(1){ margin-bottom: 0;}
.flex .callout-container .single-callout .callout-content, .flex .callout-container .single-callout .callout-visual{ width: 48%;}
.flex .callout-container .callout-visual{ background-size: cover; background-position: center center; border-radius: 10px;}
.flex .callout-container .callout-content{ padding: 100px 0;}
.flex .callout-container .callout-content p{ margin-top: 5px;}
.flex .callout-container .callout-content .lede{ margin-bottom: 10px;}
.flex .callout-container .callout-content h2{ font-size: 40px;}
.flex .callout-container .callout-content .button{ margin-top: 30px;}

.flex .overlay-container{ background-size: cover; background-position: center center; padding: 200px 0; position: relative; color: #fff;}
.flex .overlay-container:after{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to right,  rgba(0,56,30,1) 0%,rgba(0,56,30,0) 100%);}
.flex .overlay-container .wrapper{ position: relative; z-index: 2;}
.flex .overlay-container .overlay-content{ width: 45%;}
.flex .overlay-container h2{ font-size: 40px; line-height: 48px; color: #fff;}
.flex .overlay-container p{ margin-top: 5px;}
.flex .overlay-container .lede{ margin-bottom: 10px; color: #6eb43f;}
.flex .overlay-container .button{ margin-top: 30px;}
.flex .overlay-container .button:hover{ background-color: #6eb43f;}

.flex .basic-container .wrapper, .flex .quote-container .wrapper{ max-width: 740px;}
.flex .basic-container h2.section-headline{ font-size: 40px;}
.flex .basic-container + .basic-container, .flex .basic-container + .callout-container, .flex .basic-container + .quote-container, .flex .callout-container + .basic-container, .flex .callout-container + .quote-container{ padding-top: 0;}
.flex .basic-container + .quote-container{ margin-top: -60px;}
.flex .basic-container.basic-bkg{ background-color: #f8f7f0; padding: 80px 0;}
.flex .basic-container .gform_body input, .flex .basic-container .gform_body textarea{ padding: 15px !important; background: none; border: none; border: 1px solid #60cae4; background-color: #fff;}
.flex .basic-container .gform_wrapper.gravity-theme .gfield_label{ font-size: 18px !important;}
.flex .basic-container .gform_button{ border: none;}
.flex .basic-container.wide-layout .wrapper{ max-width: 1200px;}

.flex .quote-container blockquote{ background-color: #f8f7f0; border-left: 4px solid #60cae4; padding: 30px; font-size: 21px; line-height: 34px; font-style: italic;}
.flex .quote-container blockquote .quote-source{ font-weight: 500; font-size: 14px;}
.flex .quote-container blockquote .quote-source:before{ content: "_ ";}
.flex .quote-container .quote:before{ content: "“"}
.flex .quote-container .quote:after{ content: "”"}

.flex .posts-container, .blog .content{ background-color: #f8f7f0; text-align: center; padding: 80px 0 100px;}

.flex .faq-container .faq-intro .lede{ margin-bottom: 10px;}
.flex .faq-container .faq-intro p{ margin-top: 5px;}
.flex .faq-container .faq-intro h2{ font-size: 40px; line-height: 48px;}
.flex .faq-container .container{ justify-content: space-between;}
.flex .faq-container .faq-intro{ width: 35%;}
.flex .faq-container .tabs input{ position: absolute; opacity: 0; z-index: -1;}
.flex .faq-container .tabs .row{ display: flex;}
.flex .faq-container .tabs .row .col{ flex: 1;}
.flex .faq-container .tabs .row .col:last-child{ margin-left: 1em;}
.flex .faq-container .tabs{ overflow: hidden; width: 55%;}
.flex .faq-container .tabs .tab{ width: 100%; overflow: hidden; border-bottom: 1px solid #60cae4;}
.flex .faq-container .tabs .tab:nth-last-of-type(1){ border-bottom: none;}
.flex .faq-container .tabs .tab-label{ display: flex; justify-content: space-between; padding: 1em; cursor: pointer; font-size: 21px; font-weight: 600; color: #00323c;}
.flex .faq-container .tabs .tab-label:hover{}
.flex .faq-container .tabs .tab-label::after{ content: "+"; width: 1em; height: 1em; text-align: center; transition: all 0.35s;}
.flex .faq-container .tabs .tab-content{ max-height: 0; padding: 0 1em; transition: all 0.35s; display: none; visibility: hidden; opacity: 0;}
.flex .faq-container .tabs .tab-close{ display: flex; justify-content: flex-end; padding: 1em; cursor: pointer;}
.flex .faq-container .tabs .tab-close:hover{}
.flex .faq-container .tabs input:checked + .tab-label{ padding-bottom: 0;}
.flex .faq-container .tabs input:checked + .tab-label::after{ content: "-";}
.flex .faq-container .tabs input:checked ~ .tab-content{ max-height: 10000vh; padding: 0 5em 2em 1em; visibility: visible; display: block; opacity: 1;}
.flex .faq-container.vertical-layout .container{ flex-direction: column; max-width: 740px;}
.flex .faq-container.vertical-layout .faq-intro, .flex .faq-container.vertical-layout .tabs{ width: 100%;}


.flex .fwimg-container{ margin: 0 30px;}
.flex .fwimg-container img{ width: 100%; border-radius: 30px;}

.flex .video-container iframe{ border-radius: 30px;}

.flex .logos-container{ text-align: center; padding: 80px 0;}
.flex .logos-container h2{ margin-bottom: 40px;}
.flex .logos-container .single-logo{ display: flex; align-items: center; justify-content: center;}
.flex .logos-container .single-logo img{ max-height: 150px; max-width: 300px; height: auto; width: auto;}

.flex .basic-container + .flex .callout-container, .flex .callout-container + .flex .basic-container, .flex .basic-container + .flex .faq-container, .flex .faq-container + .flex .basic-container, .flex .basic-container + .flex .logos-container, .flex .logos-container + .flex .basic-container, .flex .faq-container + .flex .callout-container, .flex .callout-container + .flex .faq-container, .flex .faq-container + .flex .logos-container, .flex .logos-container + .flex .faq-container, .flex .callout-container + .flex .logos-container, .flex .logos-container + .flex .callout-container{ margin-top: -80px;}

.flex .team-container{ padding: 80px 0; background-color: #f8f7f0;}
.flex .team-container .team-header{ display: flex; justify-content: space-between; align-items: flex-start;}
.flex .team-container .bio-toggle{ cursor: pointer; font-size: 20px; line-height: 1; background: none; border: none; padding: 0; color: #6eb43f; margin-top: 5px;}
.flex .team-container .team-bio{ max-height: 0; overflow: hidden; transition: max-height 0.3s ease;}
.flex .team-container .team-bio.active{ max-height: 1000px;}
.flex .team-container .bio-toggle.active .toggle-icon{ display: inline-block; transform: rotate(45deg);}
.flex .team-container h2{ text-align: center; margin-bottom: 20px;}
.flex .team-container .team-grid{ display: grid; grid-template-columns: repeat(3,1fr); gap: 30px; align-items: start;}
.flex .team-container .single-person{ background-color: #fff; padding: 30px;}
.flex .team-container .team-grid h3{ font-size: 24px; cursor: pointer;}
.flex .team-container .team-grid h4{ font-size: 14px; font-weight: normal; text-transform: uppercase; letter-spacing: .05em; cursor: pointer;}
.flex .team-container .team-headshot{ display: flex; align-items: center; justify-content: center; aspect-ratio: 16/9; margin-bottom: 20px; cursor: pointer;}
.flex .team-container .team-bio{ font-size: 16px; line-height: 24px;}


/* Blog */

.blog h1, .single h1{ font-size: 42px; line-height: 42px; color: #00323c;}
.blog-intro{ max-width: 740px; margin: 0 auto;}
.single-post .content{ padding: 40px 0 100px;}
.single-post .wrapper{ max-width: 960px;}
.single-post h1{ font-size: 40px; text-align: left;}
.single-post .featuredimg img{ border-radius: 30px; margin: 30px 0 0;}
.single-post .post-meta{ font-size: 14px; text-transform: uppercase; letter-spacing: .05em;}

.blog .filters .wrapper{ width: 100%; grid-template-columns: repeat(4,1fr); text-align: left; margin-top: 30px;}
.blog .post-grid{ margin-top: 0;}

.facetwp-pager{ margin-top: 45px; text-transform: uppercase; font-size: 14px; letter-spacing: .1em;}
.facetwp-pager a{ color: #00323c; font-weight: 500;}


/* Biomass Library */

.library-intro{ max-width: 960px; margin: 45px auto;}
.library-intro h1{ font-size: 42px;}
.biomass-library .single-item{ background-color: #f8f7f0; padding: 45px; border-bottom: 1px solid #5cc9e3;}
.biomass-library .single-item:nth-of-type(1){ border-top: 1px solid #5cc9e3;}
.biomass-library .single-item:nth-of-type(even){ background-color: #fff;}
.biomass-library .single-item .container{ justify-content: space-between; margin-top: 15px; width: 100%; max-width: 100%;}
.biomass-library .single-item .container .item-details{ width: 30%; font-size: 14px; line-height: 21px; margin-top: 5px;}
.biomass-library .single-item .container .item-description{ width: 65%;}
.biomass-library .single-item .container .item-description h2{ font-size: 28px;}
.biomass-library .single-item .container .item-description h2 a{ color: #00323c; text-decoration: none;}
.biomass-library .single-item .container .item-description h2 a:hover{ color: #6eb43f;}
.biomass-library .single-item .item-details p{ margin: 0 0 5px;}
.biomass-library .single-item .more{ font-size: 14px; line-height: 14px; text-transform: uppercase; font-weight: 600; letter-spacing: .05em; text-decoration: none; color: #6eb43f; display: inline-block; margin-top: 20px;}

.facetwp-pager{ text-align: center; font-size: 16px;}
.filters .wrapper{ display: grid; grid-template-columns: repeat(5,1fr); gap: 15px;}
.filters .fs-wrap{ width: 100%;}
.filters .fs-label-wrap .fs-label{ padding: 12px 22px 12px 14px;}
.filters .fs-arrow{ right: 10px;}
.facetwp-facet input.facetwp-search, .facetwp-facet input.facetwp-location{ border: 1px solid #ddd; font-size: 18px; line-height: 18px; padding: 8px 30px 8px 12px;}
.filters .facetwp-icon{ right: 10px;}

/* EPN Reports */

.report-library .single-item{ background-color: #f8f7f0; padding: 45px; border-bottom: 1px solid #5cc9e3;}
.report-library .single-item:nth-of-type(1){ border-top: 1px solid #5cc9e3;}
.report-library .single-item:nth-of-type(even){ background-color: #fff;}
.report-library .single-item .container{ justify-content: space-between; margin-top: 15px; width: 100%; max-width: 100%;}
.report-library .single-item .container .item-details{ width: 30%; font-size: 14px; line-height: 21px; margin-top: 5px;}
.report-library .single-item .container .item-description{ width: 65%;}
.report-library .single-item .container .item-description h2{ font-size: 28px;}
.report-library .single-item .container .item-description h2 a{ color: #00323c; text-decoration: none;}
.report-library .single-item .container .item-description h2 a:hover{ color: #6eb43f;}
.report-library .single-item .item-details p{ margin: 0 0 5px;}
.report-library .single-item .item-thumbnail{ width: 50%; margin-bottom: 15px;}
.report-library .single-item .item-thumbnail img{ width: 100%; height: auto;}
.report-library .single-item .item-files{ display: flex; flex-wrap: wrap; gap: 20px; margin-top: 20px;}
.report-library .single-item .item-files .more{ margin-top: 0;}
.report-library .single-item .more{ font-size: 14px; line-height: 14px; text-transform: uppercase; font-weight: 600; letter-spacing: .05em; text-decoration: none; color: #6eb43f; display: inline-block; margin-top: 20px;}

.single-report.content{ padding: 60px 0 100px;}
.single-report .button{ margin-top: 30px;}
.single-report .item-thumbnail{ margin-bottom: 30px;}



/* Media queries */

@media (max-width: 1200px) {
	.header .nav, .header .search-form{ display: none;}
	.home .hero:after{ padding-bottom: 100%;}
	.header .button{ margin-right: 90px;}
	.header{ position: fixed; top: 0; left: 0; width: 100%; background-color: #fff; height: 105px; z-index: 999; box-sizing: border-box;}
	#main{ margin-top: 105px;}
	#rmp_menu_trigger-150{ top: -20px;}
	.home .intro .container{ flex-direction: column;}
	.home .intro .intro-content, .home .intro .intro-columns{ width: 100%;}
	.home .intro .intro-content{ margin-bottom: 40px;}
	.home .resources .resource-grid{ grid-template-columns: repeat(2,1fr);}
	.home .resources .resource-grid .single-resource{ border-right: 2px solid #60cae4 !important; border-bottom: 2px solid #60cae4 !important;}
	.home .resources .resource-grid .single-resource:nth-of-type(even){ border-right: none !important;}
	.home .resources .resource-grid .single-resource:nth-last-of-type(1), .home .resources .resource-grid .single-resource:nth-last-of-type(2){ border-bottom: none !important;}
	.flex .hero{ text-align: center; min-height: 0;}
	.flex .hero .container{ position: relative; padding: 100px 0;}
	.flex .hero::after { padding-bottom: 0;}
	.flex .columns-container .columns-intro .container{ flex-direction: column; text-align: center;}
	.flex .columns-container .columns-intro .columns-headlines, .flex .columns-container .columns-intro .entry{ width: 100%;}
	.flex .columns-container .columns-grid, .flex .posts-container .post-grid, .blog .post-grid{ grid-template-columns: repeat(1,1fr);}
	.flex .callout-container .container{ flex-direction: column !important;}
	.flex .callout-container .single-callout .callout-visual:after{ content: ""; display: block; padding-bottom: 56.25%;}
	.flex .callout-container .single-callout .callout-content, .flex .callout-container .single-callout .callout-visual{ width: 100%;}
	.flex .callout-container .single-callout .callout-content{ padding: 0; margin-top: 30px;}
	.flex .callout-container .single-callout{ margin-bottom: 60px;}
	.flex .overlay-container .overlay-content{ width: 100%; text-align: center;}
	.flex .overlay-container{ padding: 100px 0;}
	.flex .faq-container .container{ flex-direction: column;}
	.flex .faq-container .faq-intro, .flex .faq-container .tabs{ width: 100%;}
	.flex .faq-container .faq-intro{ text-align: center;}
	.flex .faq-container .faq-intro{ margin-bottom: 40px;}
}

@media (max-width: 900px) {
	.home .hero .hero-carousel{ max-width: 500px;}
	.flex .team-container .team-grid{ grid-template-columns: repeat(2,1fr);}
	.biomass-library .single-item .container{ flex-direction: column;}
	.biomass-library .single-item .container .item-description, .biomass-library .single-item .container .item-details{ width: 100%;}
	.biomass-library .single-item .container .item-description{ margin-bottom: 20px;}
	.biomass-library .single-item{ padding: 30px;}
	.filters .wrapper{ grid-template-columns: repeat(1,1fr);}
	.report-library .single-item .container{ flex-direction: column;}
	.report-library .single-item .container .item-description, .report-library .single-item .container .item-details{ width: 100%;}
	.report-library .single-item .container .item-description{ margin-bottom: 20px;}
	.report-library .single-item{ padding: 30px;}
}

@media (max-width: 768px) {
	.home .hero, .flex .hero{ font-size: 18px; line-height: 26px;}
	.home .hero:after{ padding-bottom: 120%;}
	.home .hero h1, .flex .hero h1{ font-size: 40px; line-height: 44px;}
	.home .intro .intro-columns, .home .resources .resource-grid{ grid-template-columns: repeat(1,1fr);}
	.home .resources .resource-grid .single-resource{ border-right: none !important;}
	.home .resources .resource-grid .single-resource:nth-last-of-type(2){ border-bottom: 2px solid #60cae4 !important;}
	.home .newsletter .gform_fields{ flex-direction: column;}
	.footer .legal{ flex-direction: column;}
	.footer .legal li{ display: block;}
	.footer .legal a::before{ display: none; margin: 0;}
	.flex .team-container .team-grid{ grid-template-columns: repeat(1,1fr);}
}