/*   
Theme Name: Recycling Partnership
Version: 1.1
*/

/*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{ overflow-x: hidden; color: #4a4a4a;}
body, select, input, textarea{ font-family: "Open Sans", Helvetica, Arial, sans-serif; letter-spacing: -.5px;}
.screen-reader{ position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden;}

a{ color: #4797a8; text-decoration: none;}
a:hover{ color: #55BE47;}
.button, button, .gform_save_link{ display: inline-block; margin-top: 30px; background-color: #55be47; color: #fff; letter-spacing: 0; text-transform: uppercase; font-weight: bold; font-size: 14px; padding: 15px 45px!important; letter-spacing: .05em; -webkit-appearance: none; border-radius: 0; border: none;}
.button-large{ font-size: 16px; letter-spacing: .1em; font-weight: bold;}
.button:hover, .button-large:hover, button:hover, .gform_save_link:hover{ background-color: #003151; color: #fff;}
a, img{ transition: all 0.2s ease 0s;}
.home-slider .slide .slide-content .button {background-color: #02509A!important; padding: 15px 32px!important;}
.home-slider .slide .slide-content .button:hover {background-color: #55be47!important; padding: 15px 32px!important;}

h1, h2, h3, h4, h5, h6{ line-height: normal; letter-spacing: -.5px;}
h1{ font-family: "Montserrat", Helvetica, Arial, sans-serif; font-size: 68px; line-height: 70px;}
h2, .single h1.post-title{ font-family: "Montserrat", Helvetica, Arial, sans-serif; font-size: 45px; line-height: 45px;}
h3{ font-size: 26px; line-height: 38px;}
h4{ font-size: 20px; line-height: 36px;}
h5{}
h6{}
h10 { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 26px; line-height: 38px; font-weight: 400; letter-spacing: -.5px;}

#page-wrap{ font-size: 18px; line-height: 30px;}
.wrapper{ width: 90%; max-width: 1100px; margin: 0 auto;}
.wrapper:after{ content: ""; display: table; clear: both;}
.widecolumn{ width: 90%; max-width: 1100px; margin: 0 auto; padding: 60px 0 100px;}

nav ul{ list-style: none; position: relative; float:left; margin:0; padding:0; z-index: 999;}
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 a:hover{}
nav ul ul{ display: none; position: absolute; top: 100%; left: 0; padding: 0; text-align: left;}
nav ul ul li{ float: none; width: 300px;}
nav ul ul a{ line-height: 120%;}
nav ul ul a:hover{}
nav ul ul ul{ display: block; position: relative;}
nav ul li:hover > ul{ display: block;}

.subheader{ background-color: #005a6d; font-size: 14px; padding: 10px 0;}
.subheader .wrapper{ max-width: 1600px;}
.subheader li{ float: left; width: 16.667%;}
.subheader li a{ color: #fff; display: flex; justify-content: center; align-items: center; font-weight: bold;}
.subheader li a:hover{ text-decoration: underline;}
.subheader li img{ max-width: 30px; max-height: 30px; width: auto; height: auto; margin-right: 5px;}
.subheader-menu{ width: calc(100% - 60px); float: left;}

#header{ padding: 40px 0;}
#header .wrapper{ max-width: 1600px;}
#header .logo{ max-width: 275px; float: left;}
#header .nav{ float: right; margin-top: 20px; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 700;}
#header .nav a:hover, #header .nav li.current-menu-item ul li a:hover, #header .nav li.descriptor li a:hover{ color: #2F6F7A;}
#header .nav li a{ text-transform: uppercase; color: #4a4a4a; margin-left: 30px;}
#header .nav li.descriptor a{ cursor: default;}
#header .nav li.descriptor a:hover{ color: #4a4a4a;}
#header .nav li.descriptor li a{ cursor: pointer}
#header .nav .sub-menu{ background-color: #fff; padding: 15px 0 10px; font-size: 14px;}
#header .nav .sub-menu li{ padding: 0 0 5px;}
#header .nav .sub-menu li a{ text-transform: capitalize;}
#header .nav .current-menu-item a{ font-weight: 600; color: #2F6F7A;}
#responsive-menu-container .responsive-menu-search-box{ border: none !important; background-color: rgba(255,255,255,.1) !important;}
#header .nav li.current-menu-item ul li a{ font-weight: normal; color: #4797a8;}
#header .nav li.button{ padding: 0 !important; margin: 0 0 0 25px !important;}
#header .nav .button a{ color: #fff; padding: 0 10px; margin: 0 !important;}
#header .nav li.menu-item-has-children a:after{ content: "+"; margin-left: 3px;}
#header .nav li.menu-item-has-children .sub-menu a:after{ content: ""; margin-left: 0;}
#header .nav .sub-link{ margin-left: 10px; width: 280px;}
#header .nav .descriptor .sub-menu{ margin-left: 15px; background-color: none !important; width: calc(100% - 15px);}
#responsive-menu{ font-weight: bold;}
#responsive-menu .menu-item{ text-transform: uppercase; font-weight: normal !important;}
#responsive-menu .menu-item .menu-item{ text-transform: none;}
#responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow{ font-size: 24px !important;}


button#responsive-menu-button.is-active{ top: 0 !important; right: 0 !important;}
#responsive-menu{ padding-top: 60px !important;}

.content{}
.content p{ margin-top: 30px; letter-spacing: 0;}
.content ul{ list-style: circle; margin: 15px 0 0 30px; letter-spacing: 0;}
.content ul li {padding-bottom: 10px; line-height: 1.4;}
.content ul ul { list-style: disc; margin: 5px 0 0 30px;}
.content ul ul ul { list-style: none; margin: 5px 0 0 30px;}
.content ul ul ul li:before {content: "–"; position: absolute; display: inline-block; margin-left: -20px;}
.content ol{ margin: 15px 0 0 30px; letter-spacing: 0;}

.aa_loginForm{ margin-top: 30px;}
.aa_loginForm p{ margin-top: 10px;}
.aa_loginForm .login-remember, .aa_loginForm .lostpw{ font-size: 14px;}
.login-content h2{ margin-top: 30px;}

.blog .post-title{ font-size: 18px; line-height: 22px;}
.hero{ width: 100%; height: 675px; background-size: cover; background-position: center center; display: flex; justify-content: center;  align-items: center; text-align: center; flex-direction: column; color: #fff;}
.hero .hero-content{ padding: 40px 40px 60px 120px; background-color: rgba(71,151,168,.7); color: #fff; width: 50%; box-sizing: border-box;}
.hero h1, .hero-video h1{ padding: 0 5%; text-align: center; max-width: 1100px; margin: 0 auto;}
.hero-overlay{ text-align: center;}
.video-hero{ background-size: cover; background-position: center center;}
.page-hero{ position: relative;}
.page-hero .funder-intro{ margin-bottom: -1px;}
.text-hero h1{ margin-top: 30px;}
.text-hero hr{ border: none; background: none; margin-top: 30px; background-color: #55BE47; height: 2px; max-width: 150px;}
.meta{ font-size: 12px;}
.more{ font-size: 14px;}

.hero-button{padding: 10px 18px;}

.sidebar{}

.navigation{ clear: both;}
.next-posts{ width: 45%; float: left;}
.prev-posts{ width: 45%; float: right; text-align: right;}

.searchform{}
.s{}
.searchsubmit{}

#footer{ font-size: 14px; line-height: 20px; text-align: center; background-color: #f3f3f3; padding: 50px 0; color: #4a4a4a;}
#footer .wrapper{ max-width: 1600px;}
#footer h6{ text-transform: uppercase; font-size: 16px; margin-bottom: 25px;}
#footer a{ color: #4a4a4a;}
#footer img{ max-width: 50px;}
#footer .return{ text-transform: uppercase; font-size: 11px; letter-spacing: 0;}
#footer .return a{ color: #807d79;}
#footer .columns{ margin-top: 80px;}
#footer .columns:after{ clear: both; display: table; content: "";}
#footer .column{ width: 20%; float: left; text-align: left;}
#footer .email{ margin-bottom: 25px;}
#footer .social-links{ margin-bottom: 35px;}
#footer .social-links img{ max-width: 30px; margin-right: 5px;}
#footer .credits{ text-align: left; font-size: 12px; margin-top: 70px;}
#footer .gform_wrapper li.hidden_label input{ margin: 0 !important; border: none;}
#footer .gform_footer{ margin: 8px 0 0 !important; padding: 0 !important;}
#footer .gform_footer .gform_button{ display: block; width: 95%; box-sizing: border-box; background: none; border: none; font-size: 12px; line-height: 12px;text-transform: uppercase; color: #fff; background-color: #55be47; padding: 10px 0;}

.search-form{ float: right; margin: 0 0 0 30px; position: relative;}
.search-icon{ max-width: 30px;}
.search-form .search-box{ opacity: 0; visibility: hidden; transition: all 0.2s ease 0s; position: absolute; top: 35px; right: 0; width: 300px;}
.search-form:hover .search-box{ opacity: 1; visibility: visible; background-color: #4797a8; color: #fff; padding: 10px;}
.search-form .search-box{ float: left;}
.search-form .search-field{ width: 220px; padding: 4px 10px; border: none; background: none; background-color: rgba(255,255,255,.1); color: #fff;}
.search-form .search-submit{ float: right; width: 55px; background: none; border: none; background-color: #fff; color: #4797a8; text-transform: uppercase; padding: 4px 0; margin-left: 5px;}
.search-content{ max-width: 1100px; margin: 0 auto 100px;}
.search-content article{ margin-top: 45px; padding-bottom: 45px; border-bottom: 1px solid #ccc;}
.search-content article h2{ font-size: 36px;}
.search-content .navigation{ margin-top: 45px;}
.search-result{ margin-top: 30px;}
.search-result .tab{display: none;}
.search-result .tab.active{ display: block;}
.tab_cat{ font-size: 1.25rem; padding: .55rem 2.5rem; margin: 0 .25rem;}
.tab_cat{ -webkit-transition: .2s all; transition: .2s all; border: 1px solid #01a9c4; border-top: 3px solid #01a9c4; color: #fff; background: #01a9c4; font-family: Montserrat, Helvetica, Arial, sans-serif; font-weight: 600; position: relative; font-size: 1rem; cursor: pointer;}
.tab_cat.active{ border: 1px solid #4797a8; border-top: 5px solid #4797a8; background: #fff; color: #4797a8;}
.count-key{ position: absolute; top: -11px; right: -11px; z-index: 100; font-size: .65rem; vertical-align: middle; height: 18px; width: 18px; display: inline-block; line-height: 18px; text-align: center; background: #ea993e; color: #fff; border-radius: 50%;}


/* Homepage */

.home-slider .slide{ height: 90vh; position: relative; background-size: cover; background-position: center center; display: flex !important; align-items: center;}
.home-slider .slide .slide-content{ padding: 60px 60px 60px 120px; background-color: rgba(71,151,168,.7); color: #fff; width: 50%; box-sizing: border-box; font-size: 22px; letter-spacing: 0;}
.home-slider .slide h2{ font-size: 68px; line-height: 69px; letter-spacing: -1px;}
.home-slider .slick-dots{ bottom: 30px; right: 30px; width: auto;}
.home-slider .slick-dots li button::before{ color: #fff; font-size: 12px; opacity: 1;}
.home-slider .slick-dots li.slick-active button::before{ color: #4797a8;}
.home-slider.slick-dotted.slick-slider{ margin-bottom: 0;}
.home-posts:after, .home-posts .post-columns:after{ clear: both; display: table; content: "";}
.home-posts{ display: flex; border-top: 5px solid #fff; border-bottom: 5px solid #fff; border-right: 5px solid #fff;}
.home-posts .post-intro{ width: 33.333%; float: left; color: #fff; background-color: #55be47; border-left: 5px solid #fff;}
.home-posts .post-intro a{ display: block; height: 100%; width: 100%;}
.home-posts .post-intro h2{ padding: 30% 10% 0;}
.home-posts .post-intro:after{ content: ""; display: block; padding-bottom: 30%;}
.home-posts .post-columns{ width: 66.667%; float: right; display: flex;}
.home-posts .post-columns a{ width: 25%; float: left; display: flex; border-left: 5px solid #fff; box-sizing: border-box;}
.home-posts .column{ background-size: cover; background-position: center center; width: 100%; position: relative;}
.home-posts .column .post-icon, .posts .post-icon{ position: absolute; top: 10px; left: 20px;}
.home-posts .post-container, .posts .post-container{ position: absolute; padding: 20px; bottom: 0; left: 0; transition: all 0.2s ease 0s;}
.home-posts .column:hover .post-container, .posts .post:hover .post-container{ bottom: 60px;}
.home-posts a, .posts .post .post-container a{ color: #fff;}
.home-posts p, .posts p{ margin: 0;}
.home-posts .post-overlay, .posts .post-overlay{ position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,.2); transition: all 0.2s ease 0s;}
.home-posts .column:hover .post-overlay, .posts .post:hover .post-overlay{ background-color: rgba(71,151,168,.8);}
.home-posts .post-container h4, .related-section .post-container p, .posts .post h4{ margin: 0; line-height: 25px;}
.home-posts .post-container h4{ margin: 8px 0;}
.home-funders .funder-intro h2, .home-about .about-content h2{ font-size: 70px; line-height: 72px;}
.home-funders .funder-carousel{ margin: 30px auto;}
.home-funders .slick-slide img{ margin: 0 auto !important;}
.home-funders .slick-prev, .home-funders .slick-next{ top: 30%;}
.home-funders .slick-prev::before, .home-funders .slick-next::before{ color: #ccc;}
.home-funders .funder-intro{ position: relative; width: 100%; padding-bottom: 56.25%; overflow: hidden;}
.home-funders .funder-overlay, .home-funders .funder-video{ position: absolute; top: 0; left: 0; height: 100%; width: 100%;}
.home-funders .funder-overlay{ z-index: 9; display: flex; justify-content: center; flex-direction: column; color: #fff;}
.home .home-funders .funder-overlay{ background-color: rgba(71,151,168,.4) !important;}
.home-funders .funder-video iframe{ position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.home-about{ height: 90vh; background-size: cover; background-position: center center; display: flex; justify-content: center; flex-direction: column; color: #fff; margin-top: 5px;}
.home-about .about-content, .home-funders .funder-content{ width: 50%; max-width: 700px;}
.home-newsletter{ padding: 85px 0; background-color: #55be47; color: #fff;}
.home-newsletter h5{ text-transform: uppercase; float: left; width: 35%; padding: 15px 0;}
.home-newsletter .newsletter-form{ float: right; width: 65%;}
.home-newsletter .gform_wrapper, .home-newsletter .gfield, .home-newsletter .ginput_container, .home-newsletter input, .home-newsletter .gform_footer{ margin: 0 !important; padding: 0 !important;}
.home-newsletter .gform_body input{ width: 80% !important; float: left !important; clear: none !important; border: none; background: none; background-color: #fff; font-size: 16px; padding: 15px 25px !important;}
.home-newsletter .gform_footer{ width: 20% !important; float: right !important; clear: none !important;}
.home-newsletter .gform_footer input{ background: none; border: none; background-color: #003151; color: #fff; letter-spacing: 0; text-transform: uppercase; font-weight: bold; font-size: 14px !important; padding: 18px 0 !important; width: 100% !important;}


/* Info Hub */

.hero.featured-post{ position: relative; background-size: cover; background-position: center center; display: flex !important; align-items: start; justify-content: center; text-align: left; height: 675px;}
.hero.featured-post h1{ text-align: left; padding: 0; font-size: 40px; line-height: 43px; letter-spacing: -1px;}
.hero.featured-post a{ color: #fff;}
.post-nav{ width: 100%; background-color: #e8e8e8; margin: 100px 0 30px;}
.post-nav:after, .posts:after{ clear: both; display: table; content: "";}
.post-nav .searchandfilter{ margin-bottom: -8px;}
.post-nav button.fwp-reset{ margin: 8px 0 0 8px; padding: 13.5px 45px!important;}
.post-nav ul{ margin: 0;}
.post-nav .facetwp-facet{ width: 300px; overflow: hidden;}
.post-nav .facetwp-facet input{ background: none !important; border: none !important; padding: 10px 30px 12px; margin: 0 0 8px 8px; font-weight: bold; text-transform: uppercase; background-color: #fff !important;}
.post-nav .facetwp-facet select{ width: 300px; background: transparent; -webkit-appearance: none; border: none !important; color: #4a4a4a !important; background-color: #fff !important; padding: 10px; margin: 8px 0 8px 8px; font-weight: bold; text-transform: uppercase; background-image: url(../image/down-arrow.png) !important; background-repeat: no-repeat !important; background-position:  240px center !important; background-size: 36px !important; border-radius: 0 !important;}
.post-nav .facetwp-facet-search{ margin-top: 8px;}
.post-nav .facetwp-facet-search .facetwp-btn{ right: 15px;}
.post-nav .facetwp-facet{ float: left; margin-bottom: 0;}
.post-nav .fwp-submit{ float: left; margin:; padding: 15px 30px; border: none; margin: 8px 0 0 8px !important;}
.facetwp-pager{ clear: both;}
.posts{ padding-bottom: 100px;}
.posts .post{ background-size: cover; background-position: center center; box-sizing: border-box; position: relative; margin-bottom: 20px; color: #fff;}
.posts .post:nth-of-type(3n+2){ margin: 0 1.5%}
.posts .post a{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; color: #fff;}
.posts .post{ width: 32.333%; height: 460px; float: left;}
.page-id-2 .posts p{line-height: 26px;}
.newsletter-container{ background-color: #f3f3f3; box-sizing: border-box; padding: 20px; width: 32.333%; float: right; height: 400px;}
.newsletter-container h3{ font-size: 36px; line-height: 36px; text-transform: uppercase; margin: 0;}
.newsletter-container .gform_wrapper li, .newsletter-container .gform_wrapper .ginput_container, .newsletter-container .gform_wrapper .ginput_container input{ margin: 0 !important; padding: 0 !important;}
.newsletter-container .gform_wrapper .ginput_container input{ border: none; background: none; background-color: #fff; margin-bottom: 15px !important; font-size: 16px; padding: 5px 10px !important; width: 100%!important;}
.newsletter-container .gform_footer{ margin: 15px 0 0 !important; padding: 0 !important;}
.newsletter-container .gform_footer input{ display: block !important; width: 100% !important; border: none;}
.archive-hero{ margin-bottom: 100px;}
.search-hero h1{ margin-bottom: 30px;}
.search-hero .facetwp-autocomplete{ padding: 10px; min-width: 600px; border: none;}
.search-hero .facetwp-autocomplete-update{ padding: 10px 25px; background-color: #1e5095; border: none; color: #fff; text-transform: uppercase; font-weight: bold;}
.facetwp-facet-load_more{ text-align: center;}
.facetwp-facet-load_more button{ background-color: #10314e;}
.facetwp-facet-load_more button:hover{ background-color: #1e5095;}
.suggestions h2{ font-size: 36px; line-height: normal; margin-bottom: 30px;}
.content .suggestions{ padding: 100px 0; text-align: center;}
.content .suggestions ul li{ width: 25%; float: left; margin: 0 0 5px; padding-bottom: 0; line-height: normal; font-size: 16px; list-style: none;}
.search-assist{ width: 100%; text-align: center; padding-top: 80px; clear: both;}
.search-assist h3{ margin-bottom: 15px;}
.search-assist .search-field{ padding: 10px; min-width: 600px; font-size: 16px; border: none; border: 1px solid #ccc;}
.search-assist .search-submit{ padding: 10px 25px; background-color: #1e5095; border: none; color: #fff; text-transform: uppercase; font-weight: bold;}


/* Single Posts */

.single p.return{ margin: 30px 0; font-weight: bold;}
.single p.return a{ color: #4a4a4a;}
.single .meta p{ margin-bottom: 10px;}
.single h1.post-title{ margin-bottom: 30px;}
.single .social-sharing img{ max-width: 30px; margin-right: 5px;}
.single .entry-content{ padding-bottom: 60px;}
.single .entry-content p{ margin-top: 30px;}
.single .entry-content h2, .single .entry-content h3, .single .entry-content h4, .single .entry-content h5, .single .entry-content h6{ margin-top: 30px;}
.single .entry-content blockquote{ margin-left: 30px; padding-left: 10px; font-style: italic; border-left: 2px solid #55BE47;}
.post-section.button-section{ margin-bottom: 30px;}
.post-section.gallery-section:after, .post-section.column-section:after{ clear: both; display: table; content: "";}
.post-section.gallery-section{ margin: 45px 0 35px; text-align: center;}
.post-section.gallery-section .grid-item{ margin: 0 .5% 10px; width: 32%; display: inline-block;}
.post-section.column-section{ margin-bottom: 60px;}
.post-section.column-section .column{ width: 48%; margin-left: 2%; float: left;}
.post-section.post-video-section{ margin-top: 45px;}
.post-section.post-video-section iframe{ width: 100%; max-width: 800px; margin: 30px auto; display: block;}


/* Staff Pages */

.staff-content{ padding-bottom: 60px;}
.staff-content.staff-single img{ margin-bottom: 60px; width: 100%;}
.staff-content .grid{ margin-top: 60px;}
.staff-content .grid .grid-item{ width: 29.333%; margin: 30px 2%; box-sizing: border-box; float: left; background-color: #f8f8f8; transition: all 0.2s ease 0s;}
.staff-content .grid a{ color: #4a4a4a;}
.staff-content .grid .grid-item:hover{ background-color: #4797a8;}
.staff-content .grid .grid-item:hover a{ color: #fff;}
.staff-content .grid .staff-image{ width: 100%; height: 225px; background-size: cover; background-position: top center;}
.staff-content .grid .staff-info{ padding: 20px 25px 40px; min-height: 85px;}
.staff-content .grid h2{ font-size: 20px; line-height: 30px;}
.staff-content .grid p{ margin-top: 0; font-size: 16px; line-height: normal;}


/* Flexible Content */

.page .home-funders .funder-overlay{ background-color: rgba(0,0,0,.15);}
.page-section{ position: relative;}
.basic-section{ padding: 0 0 80px;}
.basic-section.section-padding{ padding: 100px 0;}
.basic-section:nth-of-type(1){ padding-top: 0;}
.basic-section h2{ margin-top: 30px;}
.intro-section{ color: #fff; text-align: center; padding: 75px 0 75px;}
.intro-section a{ color: #fff; text-decoration: underline;}
.fwimg-section .fw-content{ position: absolute; z-index: 9; color: #fff; height: 100%; width: 50%; max-width: 700px; display: flex; justify-content: center; flex-direction: column;}
.fwimg-section .fw-overlay, .page-hero .hero-overlay{ position: absolute; height: 100%; width: 100%; top: 0; left: 0; background-color: rgba(0,0,0,.15);}
.page-hero .hero-overlay{ display: flex; justify-content: center; align-items: center; flex-direction: column;}
.fwimg-section{ margin-bottom: -8px; height: 775px; background-size: cover; background-position: center center;}
.half-section{ display: flex; color: #fff;}
.half-section .half.text-gray, .cta-section.text-gray h5{ color: #4a4a4a;}
.half-section .half{ width: 50%; box-sizing: border-box; padding: 100px 5%; float: left; background-size: cover; background-position: center center;}
.half-section .button-container, .half-section .button{ margin: 0 auto !important; text-align: center;}
.half-section .half p{ margin: 30px 0;}
.half-section .half h3{ margin-bottom: -15px;}
.callout-section{ columns: 2; column-gap: 0; padding: 100px 0 80px; max-width: 1100px; margin: 0 auto;}
.callout-section .callout{ text-align: center; background-color: #f5f5f5; padding: 50px 5% 45px; margin-bottom: 45px; min-height: 280px;}
.related-section{ background-color: #e8e8e8; text-align: center; padding: 60px 0 100px;}
.related-section .related-grid{ margin-top: 60px;}
.related-section .column{ width: 28%; margin: 0 1.25%; display: inline-block; box-sizing: border-box; position: relative; text-align: left; background-size: cover; background-position: center center; vertical-align: top;}
.related-section .column:after{ content: ""; display: block; padding-bottom: 150%;}
.related-section .column .post-icon{ position: absolute; top: 10px; left: 20px;}
.related-section .post-container{ position: absolute; padding: 20px; bottom: 0; left: 0; transition: all 0.2s ease 0s; color: #fff;}
.related-section .column:hover .post-container{ bottom: 60px;}
.related-section a{ color: #fff;}
.related-section h3{ text-transform: uppercase;}
.related-section .post-overlay{ position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,.3); transition: all 0.2s ease 0s;}
.related-section .column:hover .post-overlay{ background-color: rgba(71,151,168,.8);}
.related-section .post-container h4, .related-section .post-container p{ margin: 0; line-height: normal;}
.related-section .post-container h4{ margin: 8px 0;}
.grid-section .wrapper{ columns: 3; }
.grid-section .grid-image{ width: 100%; background-size: cover; background-position: center center; position: relative;}
.grid-section .grid-image:after{ padding-bottom: 125%; content: ""; display: block;}
.grid-section a h3{ color: #fff; background-color: #4797a8; font-size: 18px; line-height: 18px; font-weight: normal; padding: 45px 5%; text-align: center; margin: 0; position: absolute; bottom: 0; left: 0; width: 100%; transition: all 0.2s ease 0s; box-sizing: border-box;}
.grid-section .grid-item:hover a .grid-image h3{ padding: 60px 5%;}
.image-grid{ margin-top: 30px;}
.image-grid .grid-image{ margin-bottom: 15px;}
.image-grid .grid-image:after{ padding-bottom: 65%; content: ""; display: block;}
.cta-section{ text-align: center; padding: 45px;}
.cta-section h5{ display: inline-block; font-size: 18px; line-height: 18px; margin-right: 30px; color: #fff;}
.cta-section .button{ margin: 0;}
.funders-section{ padding: 100px 0; text-align: center;}
.funders-section .funder-grid{ margin-top: 30px;}
.funders-section .funder{ display: inline-block;}
.funders-section .funder-grid img{ width: 128px;}
.funders-section .funder-grid.funders-second, .funders-section .funder-grid.funders-third, .funders-section .funder-grid.funders-fourth, .funders-section .funder-grid.funders-fifth, .funders-section .funder-grid.funders-sixth{ margin-top: 0; border-top: 1px solid #ccc;}
.funders-section .funder-grid.funders-second img{ width: 110px;}
.funders-section .funder-grid.funders-third img{ width: 90px;}
.funders-section .funder-grid.funders-fourth img{ width: 90px;}
.funders-section .funder-grid.funders-fifth img{ width: 85px;}
.funders-section .funder-grid.funders-sixth img{ width: 80px;}
.spacer-section{ height: 100px;}
.video-section{ margin: 15px 0 60px;}
.video-section .video-container{ position: relative; padding-bottom: 56.26%; height: 0;}
.video-section iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.column-section{ padding: 100px 0;}
.column-section:after{ clear: both; display: table; content: "";}
.column-section .column{ width: 46%; margin-right: 4%; float: left;}
.column-section .column b{ color: #d86018;}
.column-section .column p:nth-of-type(1){ margin-top: 5px;}
.form-intro-section{ width: 100%; height: 675px; color: #fff; background-size: cover; text-align: center;}
.form-intro-section .wrapper{ display: flex; justify-content: center; align-items: center; flex-direction: column; height: 100%;}
.form-intro-section h1{ width: 100%; max-width: 900px; margin: 0 auto;}
.form-intro-section p{ width: 100%; max-width: 700px; margin: 15px auto 0;}
.form-intro-section a, .gform_wrapper .gfield_required, .gform_wrapper div.validation_error, .gform_wrapper .validation_message{ color: #F5A623;}
.form-intro-section .button, .gform_wrapper .gfield_error .gfield_label{ color: #fff;}
.gform_wrapper div.validation_error, .gform_wrapper li.gfield.gfield_error{ border: 2px solid #F5A623; background: none; padding: 15px !important;}
.gform_wrapper .gfield_required, .gform_wrapper .validation_message, .gform_wrapper .gfield_error .gfield_label, .gform_wrapper li.gfield_error div.ginput_complex.ginput_container label, .gform_wrapper li.gfield_error ul.gfield_checkbox, .gform_wrapper li.gfield_error ul.gfield_radio{color: #F5A623!important;}
.gform_wrapper div.validation_error { color: #F5A623!important; border: 2px solid #F5A623!important; background: none; padding: 15px !important;}



/* Tools */

.tool-form{ padding: 60px 0;}
.tool-hero h1{ width: 100%; max-width: 900px; margin: 0 auto; padding: 0;}
.tool-hero p{ width: 100%; max-width: 690px; margin: 30px auto 0;}
.tool-hero .hero-overlay{ background-color: rgba(71,151,168,.7);}
.tool-cta{ background-color: #55be47;}
.tool-cta h5{ margin: 0 auto; font-size: 24px;}
.tool-half{ color: #4a4a4a;}
#gform_5 .gfield label{ font-weight: 400; font-size: 16px;}
#gform_5 .gfield_radio label{ margin: 0; background-color: #e5e5e5; padding: 10px 15px !important; border-radius: 4px; text-align: center; min-width: 140px; font-weight: bold; font-size: 14px;}
#gform_5 .gfield_radio input[type=radio]:checked + label{ background-color: #55be47; color: #fff;}
#gform_5 .gfield_radio input{ display: none;}
#gform_5 .ginput_container_number input{ background: none; border: none; background-color: #ededed;}
#gform_5 .gform_footer{ display: none;}
#gform_5 #input_5_13, #gform_5 #input_5_14, #gform_5 #input_5_17{ background: none; border: none; font-size: 48px; line-height: 52px; color: #2f6f7a; font-weight: bold; text-align: center; margin: 0; padding: 0; overflow: visible; background-repeat: no-repeat; background-position: center top;}
#gform_5 #input_5_13{ padding-top: 90px; background-image: url(../image/ghg-savings.jpg);}
#gform_5 #input_5_14{ padding-top: 100px; background-image: url(../image/water-savings.jpg);}
#gform_5 #input_5_17{ padding-top: 100px; background-image: url(../image/trash-savings.png);}
#gform_5 #field_5_13 .gfield_description, #gform_5 #field_5_14 .gfield_description, #gform_5 #field_5_17 .gfield_description{ text-align: center; font-size: 12px; line-height: 12px; margin: 0; padding: 0;}
#gform_5 #field_5_13 .gfield_description{ margin-bottom: 60px;}
#gform_5 #field_5_14 .gfield_description{ margin-bottom: 40px;}
#gform_5 #field_5_13{ margin-top: -275px;}
#gform_5 #field_5_14{ margin-top: -60px;}
#gform_5 #field_5_17{ margin-top: -525px;}

#gform_5 .gfield{ width: 65.667% !important; float: left !important; clear: none !important;}
#gform_5 #field_5_13, #gform_5 #field_5_14, #gform_5 #field_5_17{ width: 28.333% !important; float: right !important; clear: right !important;}
#gf_progressbar_wrapper_6{ position: absolute; top: 240px;}
#gform_6 input, #gform_4 input, #gform_15 input{ border: none;}
#gform_6 label, #gform_4 label, #gform_15 label{ font-weight: normal;}
#gform_6 ul.gform_fields li.gfield{ padding-right: 0 !important;}
#gform_6 #gform_page_6_1, #gform_6 #gform_page_6_2, #gform_6 #gform_page_6_3, #gform_6 #gform_page_6_4, #gform_6 #gform_page_6_5, #gform_6 #gform_page_6_6, #gform_6 #gform_page_6_7, #gform_6 #gform_page_6_8, #gform_6 #gform_page_6_9, #gform_6 #gform_page_6_10, #gform_6 #gform_page_6_11, #gform_6 #gform_page_6_12{ background-image: url(../image/ghg-water-tool.jpg); background-size: cover; padding: 150px 0 100px; min-height: 675px;}
#gform_6 .gform_page_fields, #gform_4 .gform_page_fields, #gform_15 .gform_page_fields{ width: 100%; max-width: 750px; margin: 0 auto;}
#field_6_2 label, #field_6_3 label, #field_6_4 label, #field_6_6 label{ float: left; margin-top: 5px; max-width: 60%; margin-bottom: 45px;}
#field_6_2 .ginput_container, #field_6_3 .ginput_container, #field_6_4 .ginput_container, #field_6_6 .ginput_container{ float: right; clear: none; margin: 0 !important; padding: 0 !important;}
#gform_6 #gform_page_6_13 .gform_page_fields{ max-width: 100%;}
#gform_6 .recommendation{ padding: 60px 0;}
#gform_6 .recommendation h3, #gform_6 .overall-rating h1{ font-weight: 600;}


#gform_6 .overall-rating{ background-image: url(../image/ghg-water-tool.jpg); background-size: cover; text-align: center; padding: 150px 0 80px; font-size: 24px; font-weight: bold; position: relative; z-index: 999;}
#gform_6 .overall-rating img{ width: 100%; max-width: 400px !important; margin-top: 15px;}
#gform_6 ul.gform_fields li.gfield.recovery-score, #gform_6 ul.gform_fields li.gfield.contamination-score, #gform_6 #field_6_56{ width: 33.333% !important; clear: none !important; text-align: center !important; float: left !important; background-color: #3f6d77; color: #fff; padding: 45px 2.5% !important; margin: 0 !important; min-height: 226px;}
#gform_6 ul.gform_fields li.gfield.recovery-score img, #gform_6 ul.gform_fields li.gfield.contamination-score img{ margin: 0 auto; display: block; max-width: 150px !important;}
#gform_6 .recovery-score .gfield_label, #gform_6 .gfield.contamination-score .gfield_label{ margin-bottom: 10px;}
#gform_6 .save-results{ background-color: #003151; color: #fff; padding-top: 50px; padding-bottom: 70px; text-align: center; font-size: 21px; font-weight: bold;}
#gform_6 .save-results p{ margin-top: 0 !important;}
#gform_6 #gform_page_6_13 .gform_page_footer{ display: none;}


#gform_6 #field_6_43, #gform_6 #field_6_48 { padding: 60px 0; text-align: center; color: #4a4a4a;}
#gform_6 #field_6_43 h3, #gform_6 #field_6_48 h3{ font-weight: bold; margin-bottom: 15px;}
#gform_6 #field_6_43 p, #gform_6 #field_6_48 p { width: 100%; max-width: 750px; margin: 0 auto;}
#gform_6 #field_6_48 p{ margin-bottom: 60px;}
#gform_6 #field_6_53 input, #gform_6 #field_6_54 input, #gform_6 #field_6_55 input, #gform_6 #field_6_56 input{ background: none; border: none; color: #fff; text-align: center; font-size: 30px; font-weight: bold; margin: 0 !important;}
#gform_6 #field_6_53 .gfield_label, #gform_6 #field_6_54 .gfield_label, #gform_6 #field_6_55 .gfield_label, #gform_6 #field_6_56 .gfield_label{ font-size: 21px; margin-bottom: 15px;}
#gform_6 #field_6_53 .gfield_description, #gform_6 #field_6_54 .gfield_description, #gform_6 #field_6_55 .gfield_description, #gform_6 #field_6_56 .gfield_description{ width: 100% !important; margin: 0 !important; padding: 0 !important;}
#gform_6 .gf_progressbar_title, #gform_6 .gf_progressbar_percentage span, #gform_4 .gf_progressbar_title, #gform_4 .gf_progressbar_percentage span, #gform_15 .gf_progressbar_title, #gform_15 .gf_progressbar_percentage span{ display: none;}
#gform_6 .gf_progressbar, #gform_4 .gf_progressbar, #gform_15 .gf_progressbar{ padding: 0; background-color: #fff; width: 100%; max-width: 750px; margin: 0 auto 45px;}
#gform_6 .gf_progressbar_percentage, #gform_4 .gf_progressbar_percentage, #gform_15 .gf_progressbar_percentage{ background: #55be47;}
#gform_6 .gf_progressbar::after, #gform_4 .gf_progressbar::after, #gform_15 .gf_progressbar::after{ background: none; box-shadow: none; height: 0; padding: 0;}
#gform_6 .gf_progressbar, #gform_6 .gf_progressbar_percentage, #gform_4 .gf_progressbar, #gform_4 .gf_progressbar_percentage, #gform_15 .gf_progressbar, #gform_15 .gf_progressbar_percentage{ border-radius: 0;}
#gform_6 .gform_page_footer, #gform_4 .gform_page_footer, #gform_15 .gform_page_footer{ border: none; text-align: center;}
#gform_6 .gform_page_footer .button, #gform_4 .gform_page_footer .button, #gform_15 .gform_page_footer .button{ margin: 0 0px;}
#gform_6 .form-overlay{ text-align: center; padding: 15px 0 45px;}
#gform_6 .form-overlay h1{ width: 100%; max-width: 900px; margin: 0 auto;}
#gform_6 .form-overlay p{ width: 100%; max-width: 700px; margin: 15px auto 0;}
#gform_6 .form-note{ background-color: rgba(85,190,71,.8); padding: 30px; margin: 45px 0;}
#gform_6 .form-note p{ margin: 0;}
#gform_4 img{ margin-top: 45px; max-width: 102%!important;}
#gform_15 img{ margin-top: 45px; max-width: 102%!important;}
.form-background{ padding: 0; color: #fff;}
.form-background .gform_wrapper{ margin: 0;}
.recommendation{ text-align: center !important; color: #4a4a4a !important; padding: 60px 0 0;}
.recommendation p{ width: 100%; max-width: 750px; margin: 0 auto 60px;}
.recommendation h3{ font-weight: bold; margin-bottom: 15px;}
#gform_wrapper_4, #gform_confirmation_wrapper_4{ background-image: url(../image/recycling-background-1.png); background-size: cover; background-position: center center; padding: 150px 0 100px;}
#gform_wrapper_15, #gform_confirmation_wrapper_15{ background-image: url(../image/recycling-background-1.png); background-size: cover; background-position: center center; padding: 150px 0 100px;}
#input_4_12{ columns: 4;}
#input_4_12 label{ display: none;}
#input_4_12 li{ min-height: 150px; text-align: center; background-size: contain; background-position: center top; background-repeat: no-repeat;}
#input_4_12 li.gchoice_4_12_0{ background-image: url(../image/no-food.png);}
#input_4_12 li.gchoice_4_12_1{ background-image: url(../image/dont-bag.png);}
#input_4_12 li.gchoice_4_12_2{ background-image: url(../image/no-clothing.png);}
#input_4_12 li.gchoice_4_12_3{ background-image: url(../image/no-wires.png);}
#input_4_12 li input{ position: absolute; bottom: 0; left: 50%; right: 50%; margin: 0 auto;}
#input_4_19{ columns: 2;}
#label_4_19_7{ line-height: normal;}
#gform_page_4_4 label{ float: left;}
#gform_page_4_4 .gfield_radio{ float: right; width: 150px;}
#gform_page_4_4 .gfield_radio label{ float: none; margin: 0 0 0 5px;}
#field_4_22 #input_4_22, #field_4_24 #input_4_24, #field_4_25 #input_4_25{ columns: 2;}
#gform_page_4_6 table{ margin-top: 15px;}
#gform_page_4_6 .map-it-link{ display: none;}
#gform_page_4_6 table td font, #gform_page_4_6 table td strong{ font-size: 16px !important; line-height: normal;}
#gform_page_4_6 table td strong{ display: block; margin-top: 25px; padding-top: 25px; border-top: 1px solid #fff;}
#gform_confirmation_wrapper_4{ padding-bottom: 200px;}
#gform_confirmation_message_4{ width: 90%; max-width: 900px; margin: 0 auto; text-align: center;}
#gform_confirmation_message_4 br{ display: none;}
#gform_confirmation_message_4 .button{ margin: 60px 5px 0;}
.lity{ background: rgba(255,255,255,.6);}
.lity a{ color: #fff;}
.lity-container{ background-color: #4797a8; padding: 45px; text-align: center!important; color: #fff; max-width: 500px;}
.lity-content:after{ box-shadow: none !important; -moz-box-shadow: none !important;}
#tool-login{ width: 300px; margin: 20px auto 5px; text-align: left;}
#tool-login label{ width: 100%; display: block; font-size: 12px; text-transform: uppercase; letter-spacing: .025em;}
#tool-login #user_login, #tool-login #user_pass{ width: 100%; border: none; margin-bottom: 10px; padding: 5px;}
#tool-login .button{ width: 100%; padding: 10px 0; margin-top: 20px;}
.tool-lostpw{ font-size: 14px; margin: 25px 0 25px; text-align: center;}
.tool-newacct{ font-size: 14px; margin-bottom: 15px; font-weight: bold; text-align: center;}
.tool-proceed{ font-size: 14px; text-decoration: underline;}
.gform_page_footer{ max-width: 750px; margin: 60px auto !important;}
.gform_previous_button{ float: left;}
.gform_next_button{ float: right;}
.gform_save_link{ margin-top: 0 !important; background: none !important; font-weight: normal !important; text-transform: none !important; text-decoration: underline; letter-spacing: none !important; font-size: 14px !important;}
#gform_page_4_8 .gform_save_link{ display: none;}
#gform_page_4_8 .gform_page_footer{ text-align: center;}
#gform_page_4_8 .gform_page_footer .button{ float: none !important; margin-bottom: 15px;}
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {border: .5px; border-style: solid; color: #8d8d8d;}

#input_4_36 li input{ vertical-align: text-top;}

/* Account Page */

.account-heading{ background-color: #4797a8; color: #fff; margin-bottom: 30px;}
.account-heading h1{ font-size: 30px; font-weight: 600; letter-spacing: .025em;}
.account-nav{ width: 15%; float: left; margin: 5px 0 100px;}
.account-nav ul{ margin: 0; padding: 0;}
.account-nav li{ list-style: none;}
.account-nav a{ text-align: center; background-color: #f3f3f3; padding: 15px 0; font-weight: bold; margin-bottom: 5px; color: #4a4a4a; display: block; text-transform: uppercase; font-size: 14px;}
.account-nav a:hover, .account-nav li.current-menu-item a:hover{ background-color: #4797a8; color: #fff;}
.account-nav li.current-menu-item a{ background-color: #fff; border-left: 5px solid #4797a8;}
.account-content{ width: 80%; float: right; margin-bottom: 100px;}
.account-content .acf-button{ margin-left: 12px;}
.account table{ width: 100%; font-size: 14px;}
.account table p{ margin: 0;}
.account table tr{ border-bottom: 1px solid #979797;}
.account table thead tr, .account table tfoot tr{ display: none;}
.account table tr td{ padding: 20px 0;}
.account .gv-field-4-entry_link{ text-align: right;}
.account .gv-field-4-entry_link a{ display: inline-block; background-color: #55be47; color: #fff; letter-spacing: 0; text-transform: uppercase; font-weight: bold; font-size: 14px; line-height: normal; padding: 6px 20px; letter-spacing: .05em; -webkit-appearance: none; border-radius: 0; border: none;}
.account .gv-field-4-entry_link a:hover{ background-color: #003151; color: #fff;}
#adduser .form-username:after, #adduser .form-password:after{ clear: both; display: table; content:"";}
#adduser .half{ width: 48%; margin-right: 2%; float: left;}
#adduser label, .account-content .acf-label{ display: block; width: 100%; font-size: 14px; text-transform: uppercase; font-weight: bold; margin-bottom: 10px;}
#adduser .half input{ width: 100%; margin-bottom: 15px;}
#adduser .form-email input{ width: 98%; margin-bottom: 15px;}
#adduser .form-username, #adduser .form-email{ border-bottom: 1px solid #eee; margin-bottom: 15px;}


/* Careers Section */

.career-content{ margin: 100px auto 40px;}
.career-content .post-nav{ margin-bottom: 45px;}
.career-content .position{ padding-bottom: 45px; margin-bottom: 45px; border-bottom: 1px solid #979797;}
.career-content .position:nth-last-of-type(1){ border-bottom: none;}
.career-content h2{ font-size: 36px;}
.career-content .post-date{ font-size: 12px;}
.career-section .half:nth-of-type(1){ background-color: #006476;}
.career-form{ margin-top: 60px;}



/* Media queries */
@media (max-width: 1400px) {
	.home-slider .slide h2 {font-size: 50px; line-height: 50px;}
	#header .nav {font-size: 13px; letter-spacing: 0px;}
}


@media (max-width: 1250px) {
	#header .logo{ max-width: 175px;}
	#header .nav {font-size: 13px; letter-spacing: 0px;}
	h1 {font-size: 60px;}
	.home-slider .slide h2 {font-size: 50px; line-height: 53px;}
	.hero.featured-post h1{ text-align: left; padding: 0; font-size: 30px; line-height: 32px; letter-spacing: -1px;}
}

@media (max-width: 1100px) {
	h1 {font-size: 50px; line-height: 60px;}
	#header{ padding: 22px 0;}
	#header .logo{ max-width: 160px;}
	.half-section .half{ width: 50%; box-sizing: border-box; padding: 100px 5%; float: left; background-size: cover; background-position: center center;min-height: 600px;}
	#header .nav, #header .search-form, .subheader{ display: none;}
	#responsive-menu li a{ padding: 0 0 0 45px !important;}
	#responsive-menu #responsive-menu-item-28789{ margin-top: 15px;}
	#responsive-menu #responsive-menu-item-28789 a.responsive-menu-item-link{ background: none !important; padding-left: 0 !important; margin: 0 !important;}
	button#responsive-menu-button.is-active{ padding-left: 20px !important;}
}

@media (max-width: 960px) {
	.home-funders .funder-intro h2, .home-about .about-content h2, .home-slider .slide h2, h1, h2{ font-size: 36px; line-height: 40px;}
	.hero.featured-post h1{ text-align: left; padding: 0; font-size: 26px; line-height: 29px; letter-spacing: -1px;}
	h3{ font-size: 30px; line-height: 36px;}
	h4{ font-size: 24px; line-height: 30px;}
	h5{ font-size: 21px; line-height: 27px;}
	h6{ font-size: 18px; line-height: 24px;}
	#footer .column{ width: 50%;}
	#footer .menu-column{ display: none;}
	#footer .show-mobile{ display: block;}
	#footer .newsletter-column{ width: 100%; margin-top: 30px; text-align: center;}
	.post-section.column-section .column{ width: 100%; float: none; margin-left: 0;}
	.post-section.column-section{ margin-bottom: 0;}
	.post-section.video-section iframe{ margin: 0 auto;}
	.post-section.gallery-section .grid-item{ width: 48%;}
	.home-slider .slick-dots{ bottom: 10px;}
	.home-about .about-content, .home-funders .funder-content{ width: 100%;}
	.staff-content .grid .grid-item{ width: 46%;}
	.hero{ height: 400px;}
	.grid-section .wrapper{ columns: 1;}
	.grid-section .grid-item, .related-section .column{ width: 100%; max-width: 400px; margin: 0 auto 30px; float: none; display: block;}
	.half-section{ display: block;}
	.half-section .half, .column-section .column{ width: 100%; float: none;}
	.fwimg-section .fw-content{ width: 90%;}
	.home-posts .post-intro, .home-posts .post-columns, .home-posts{ width: 100%; display: block; float: none;}
	.home-posts .post-intro, .home-posts .post-columns{ border-right: 5px solid #fff; box-sizing: border-box;}
	.home-posts .post-columns a{ width: 50%; border-top: 5px solid #fff;}
	.home-posts .column{ height: 400px;}
	.posts .post, .newsletter-container{ width: 50% !important; margin: 0 !important; box-sizing: border-box; border: 5px solid #fff;}
	.newsletter-container h3{ font-size: 30px; line-height: 30px;}
	.search-form{ display: none;}
	#gform_5 .gfield, #gform_5 #field_5_13, #gform_5 #field_5_14, #gform_5 #field_5_17, #gform_6 ul.gform_fields li.gfield.recovery-score, #gform_6 ul.gform_fields li.gfield.contamination-score, #gform_6 #field_6_56{ width: 100% !important; float: none !important; clear: both !important;}
	#gform_6 ul.gform_fields li.gfield.recovery-score, #gform_6 ul.gform_fields li.gfield.contamination-score, #gform_6 #field_6_56{ min-height: 0;}
	#gform_5 #field_5_13, #gform_5 #field_5_14, #gform_5 #field_5_17{ margin-top: 45px;}
	#gform_wrapper_4{ padding: 150px 5% 100px;}
	#gform_wrapper_15{ padding: 150px 5% 100px;}
	#gf_progressbar_wrapper_6{ top: 160px;}
}

@media (max-width: 800px) {
	.home-funders .funder-intro h2, .home-about .about-content h2, .home-slider .slide h2, h1, h2{ font-size: 36px; line-height: 40px;}
	h3{ font-size: 20px; line-height: 32px;}
	#header .logo{ max-width: 160px;}
	#header { padding: 22px 0;}
	#footer h6{ margin-bottom: 5px;}
	#footer .columns{ margin-top: 30px;}
	#footer .column{ width: 100%; text-align: center;}
	#footer .show-mobile{ margin-top: 30px;}
	#footer .column.newsletter-column{ margin-top: 30px;}
	#footer .social-links{ margin-bottom: 30px;}
	#footer .gform_footer .gform_button{ width: 100%;}
	#footer .credits{ text-align: center; margin-top: 30px;}
	.hero{ height: 100vh;}
	.home-slider .slide{ height: 100vh;}
	.home-slider .slide .slide-content, .hero .hero-content{ width: 100%; padding: 60px 5%;}
	.home-slider .slide .slide-content p{ margin-top: 15px;}
	.home-about, .home-funders .funder-intro{ height: 100vh;}
	.home-funders .funder-intro{ background-size: cover; background-position: center center; padding-bottom: 0;}
	.home-funders .funder-video, .hero-video{ display: none;}
	.home-newsletter h5, .home-newsletter .newsletter-form{ width: 100%; float: none; text-align: center; padding: 0; margin-bottom: 15px;}
	.single-hero{ height: 300px;}
	.staff-content .grid .grid-item{ width: 100%; margin: 30px 0 0;}
	.post-section.gallery-section .grid-item{ width: 100%; margin: 0 0 10px;}
	.single h1.post-title{ font-size: 32px; line-height: 38px; margin-bottom: 30px;}
	.callout-section{ columns: 1;}
	.home-posts .post-columns a{ width: 100%;}
	.posts .post, .newsletter-container{ width: 100% !important;}
	.cta-section h5, .cta-section .button{ display: block;}
	.cta-section h5{ margin: 0 auto 30px;}
	#input_4_12, #input_4_19{ columns: 2;}
	#adduser .half{ width: 100%; margin-right: 0; float: none;}
	.account-nav, .account-content{ width: 100%; float: none; margin-bottom: 60px;}
	#gform_6 .gform_page_fields{ padding: 0 5%;}
	#gform_6 #gform_page_6_13 .gform_page_fields{ padding: 0;}
	#gf_progressbar_wrapper_6, #gform_6 .gform_page_footer .button{ margin: 0 5% 30px; width: 90%;}
	#field_6_2 label, #field_6_3 label, #field_6_4 label, #field_6_6 label, #field_6_2 .ginput_container, #field_6_3 .ginput_container, #field_6_4 .ginput_container, #field_6_6 .ginput_container{ float: none; max-width: 100%;}
	.recommendation p{ padding: 0 5%;}
	.content .suggestions ul li{ width: 40%;}
	.suggestions{ display: none;}
	.scrollto{ margin-top: 30px;}
	.search-hero .facetwp-autocomplete{ min-width: 300px;}
}

.lity-wrap p.tool-proceed {display: none !important;}


@media (max-width: 840px) and (min-width: 620px) {
	.post-nav .facetwp-facet, .post-nav .facetwp-facet select {width: 200px; background-position: 145px center !important;}
}
@media (max-width: 619px) {
	.post-nav .facetwp-facet, .post-nav .facetwp-facet select, .post-nav .facetwp-facet-search{width: 98.5%; background-position: 96.5% center !important;}
	.facetwp-facet.facetwp-facet-job_type.facetwp-type-dropdown select {margin: 0 8px 8px;}
	.post-nav button.fwp-reset {margin: 0px 0 8px 8px; padding: 13.5px 45px!important; width: 97%;}
	.post-nav .facetwp-search{ width: 100%; padding-left: 15px;}
	.post-nav .facetwp-facet-search .facetwp-btn{ right: 95px;}
}

@media (max-width: 500px) { 
	.content .suggestions ul li{ width: 100%; margin: 0 0 5px;}
	.search-hero .facetwp-autocomplete{ min-width: 200px;}
}

.all-in-slider-wrapper, .all-in-slider-wrapper .slick-list{
	height: 100%;
}

.all-in-slider-wrapper .slick-list{
	display: flex;
	align-items: center;
}

.all-in-slider-wrapper h2 span{
	font-size: 69px;
	line-height: 75px;
	display: inline-block;
}

.all-in-slider-wrapper img{
	text-align: center;
}

.all-in-slider-wrapper .slick-track {
	display: flex;
}
.all-in-slider-wrapper .slick-track .slick-slide {
	display: flex;
	height: auto;
	align-items: center;
	justify-content: center;
	flex-flow: row wrap;
}



/*********
Content Block Grid
**********/

.page-section.content-block-grid .content-block-grid-wrap {
	   display: flex;
     flex-wrap: wrap;
}
.page-section.content-block-grid .content-block-grid-wrap .content-block-grid-item{
	flex:0 0 33.33%;
	margin-bottom:50px;
	padding-right:30px;
  box-sizing: border-box;
}
.content-block-grid-item img{
	margin-bottom:10px;
}
.content-block-grid-item p{
	margin-top:10px;
	font-size: 16px;
}
.page-section.content-block-grid .content-block-grid-item h3{
	font-size:20px;
	color: #005a6d;
}

.page-section.content-block-grid .content-block-grid-item h4{
    font-size: 18px;
    margin-bottom: 10px;
    line-height: 26px;
}

.page-section.content-block-grid .content-block-grid-item h5{
	font-size:16px;
	line-height: 1.6;
}

@media only screen and (max-width: 1000px) {
	.page-section.content-block-grid .wrapper .content-block-grid-item{
		flex:0 0 50%;
	}
}
@media only screen and (max-width: 600px) {
	.page-section.content-block-grid .wrapper .content-block-grid-item{
		flex:0 0 100%;
		padding-right: 0;
	}


}

@media screen and (max-width: 1100px) {
  #responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow {
    color: #fff !important;
  }
}

.page-id-32249 .page-accordions {margin-top: 0;}

@media only screen and (max-width: 767px){
.page-id-32719 img.alignleft{
float: none;
  margin-bottom: -100px;
}
}

@media only screen and (max-width: 1100px){
  button#responsive-menu-button{
    padding: 0 !important;
  }
}

/*2021-08 Edits*/
#gform_wrapper_26 .gform_page_footer {border: 0 !important; text-align: center;}
#field_26_48 {text-align: center;}
#gform_wrapper_26 .gform_page_footer #gform_next_button_26_49 {float: none;}
#gform_wrapper_26 #gform_submit_button_26 {float: right;}
#gform_wrapper_26 .partial_entry_warning {display: none;}


	

.page-id-407 nav.nav,.page-id-33676 nav.nav,.page-id-33675 nav.nav,
.page-id-407 #footer .column.menu-column, .page-id-33676 #footer .column.menu-column, .page-id-33675 #footer .column.menu-column,
.page-id-407 .subheader-menu, .page-id-33676 .subheader-menu, .page-id-33675 .subheader-menu {
    display: none;
}

body.page-id-407 .hero-overlay a.button, body.page-id-407 .fw-content a.button {
    background-color: #003151;
}
.quiq-togglechatbutton-wrapper .quiq-togglechatbutton-button {
    padding: var(--cs-space-four)!important;
}
body.page-id-407 .hero-overlay a.button,body.page-id-407 .fw-content a.button{
background-color:#003151;
}
.page-id-407 .half.text-white a {
    display: none;
}

.page-id-407 .half.text-white:last-child {
    cursor: pointer;
}

@media (max-width: 619px) {
  .page-id-407 .half.text-white:last-child {
      background-size: contain;
      background-repeat: no-repeat;
      background-color: rgb(47, 111, 122);
      min-height: auto;
  }
}

/* [animated_infographic] */
.ai {
	--blue: #003B64;
	--yellow: #F89A1C;
	font-family: 'Montserrat', sans-serif;
}
.ai__bars {
	display: grid;
	gap: 32px;
	position: relative;
	max-width: 1000px;
	margin: 120px auto 60px;
}
.ai__bar {
	display: flex;
	align-items: center;
	gap: 20px;
}
.ai__bars-text {
	color: var(--blue);
	font-size: 1.25rem;
	font-weight: bold;
	text-align: end;
	line-height: 1.3;
	min-width: 200px;
}
.ai__bars-money-wrapper {
	color: var(--blue);
	font-size: 2.25rem;
	line-height: 1.1;
	font-weight: bold;
}
.ai__invested-bar {
	width: 200px;
	height: 70px;
	background-color: var(--yellow);
}
.ai__value-bar {
	width: 500px;
	height: 70px;
	background-color: var(--blue);
}
.ai__bars-img svg {
	width: 150px;
	height: 150px;
	position: absolute;
	top: -80px;
	right: 70px;
}
.ai__cards {
	display: grid;
	grid-template-columns: 760px 1fr;
	gap: 20px;
	max-width: 1070px;
	margin: 0 auto;
}
.ai__cards-feat {
	font-size: 2.5rem;
	font-weight: bold;
	position: relative;
	top: -2px;
}
.ai__cards-left {
	display: grid;
	grid-template-columns: repeat(10, 1fr);
	gap: 20px;
}
.ai__card {
	background-color: var(--blue);
	color: #fff;
	padding: 20px;
	min-height: 150px;
}
.ai__card-content {
	font-size: 1.375rem;
	line-height: 1.3;
}
.ai__diverted {
	grid-column: span 10;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	position: relative;
}
.ai__diverted-icon {
	justify-self: center;
}
.ai__diverted-icon svg {
	width: 140px;
	height: 140px;
}
.ai__inspected {
	grid-column: span 4;
}
.ai__reached {
	grid-column: span 6;
	position: relative;
}
.ai__reached-icon {
	position: absolute;
	right: 20px;
	bottom: 8px;
}
.ai__reached-icon svg {
	width: 160px;
	height: 90px;
}
.ai__supported {
	grid-column: span 6;
	position: relative;
}
.ai__supported-icon svg {
	width: 130px;
	height: 130px;
	position: absolute;
	top: 30px;
	right: 30px;
}
.ai__avoided {
	grid-column: span 4;
}
.ai__cards-right {
	display: grid;
	grid-template-rows: 9fr 6fr;
	gap: 20px;
}
.ai__placed {
	position: relative;
}
.ai__placed-icon svg {
	width: 100px;
	height: 130px;
	position: absolute;
	left: 95px;
	top: 160px;
}

@media(max-width: 1180px) {
	.ai__cards {
		grid-template-columns: 1fr;
	}
	.ai__cards-right {
		grid-template-rows: 1fr;
		grid-template-columns: 2fr 1fr;
	}
	.ai__placed-icon svg {
    left: unset;
    top: 40px;
    right: 20px;
	}
}
@media(max-width: 1000px) {
	.ai__bars {
		gap: 60px;
	}
	.ai__bar {
		flex-direction: column;
		align-items: unset;
	}
	.ai__bars-text {
		min-width: unset;
		text-align: start;
	}
	.ai__bar br.removable {
		display: none;
	}
	.ai__bars-img svg {
		top: 60px;
	}
}
@media(max-width: 900px) {
	.ai__cards-right {
		grid-template-columns: 3fr 2fr;
	}
}
@media(max-width: 800px) {
	.ai br.removable {
		display: none;
	}
	.ai__cards-left {
		grid-template-columns: 1fr;
	}
	.ai__diverted,
	.ai__inspected,
	.ai__reached,
	.ai__supported,
	.ai__avoided {
		grid-column: unset;
		grid-template-columns: 1fr;
	}
	.ai__cards-right {
		grid-template-columns: 1fr;
	}
	.ai__diverted-icon {
		position: relative;
		top: 20px;
	}
}
@media(max-width: 600px) {
	.ai__bars {
		margin-bottom: 0;
	}
	.ai__cards-feat {
		font-size: 2rem;
	}
	.ai__diverted-icon {
		position: absolute;
		top: 20px;
		right: 20px;
	}
	.ai__diverted-icon svg {
		max-width: 60px;
		width: unset;
		height: unset;
	}
	.ai__reached-icon {
		bottom: 20px;
	}
	.ai__reached-icon svg {
		max-width: 60px;
		width: unset;
		height: unset;
	}
	.ai__supported-icon svg {
		max-width: 60px;
		width: unset;
		height: unset;
		top: 20px;
		right: 20px;
	}
	.ai__placed-icon svg {
		max-width: 60px;
		width: unset;
		height: unset;
		top: 20px;
		right: 20px;
	}
	.ai__value-bar {
		width: unset;
		max-width: 500px;
	}
}
@media(max-width: 500px) {
	.ai {
		margin-top: 160px;
	}
	.ai__bars-img svg {
		top: -160px;
		right: unset;
		left: 0;
	}
}