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

/*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}

@font-face {
  font-family: "Roboto";
  src: url("/wp-content/themes/recyclingpartnership/Fonts/Roboto-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  src: url("/wp-content/themes/recyclingpartnership/Fonts/Roboto-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  src: url("/wp-content/themes/recyclingpartnership/Fonts/Roboto-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  src: url("/wp-content/themes/recyclingpartnership/Fonts/Roboto-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}
/*Styles*/

body{ overflow-x: hidden; color: #4a4a4a;}
body, select, input, textarea{ font-family: "Source Sans Pro", 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: #00A887;}
.button, button, .gform_save_link{ 
  display: inline-block; 
  margin-top: 30px; 
  background-color: #00A887; 
  color: #fff; 
  letter-spacing: 0; 
  text-transform: capitalize; 
  font-weight: 400; 
  font-size: 19.13px; 
  padding: 12px 40px; 
  -webkit-appearance: 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: #006e63; color: #fff;}
a, img{ transition: all 0.2s ease 0s;}
.home-slider .slide .slide-content .button {background-color: transparent !important; padding: 15px 32px!important;}


.home-slider .slide .slide-content .button:hover {background-color: #006e63 !important; padding: 15px 32px!important;}

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





a.button{
  border-radius:50px;
  background:transparent;
  color:white;
  border:1px solid white ;
  text-transform:capitalize ;
  font-family:Roboto,sans-serif;
}
a.button:hover{
  background:#006e63 !important;
}

.facetwp-load-more{
  border-radius:40px;
  background:transparent !important;
  color:#00A887 !important;
  border:1px solid #00A887 !important;
  text-transform:capitalize !important;
  font-family:Roboto,sans-serif;

}


.facetwp-load-more:hover{
  background:#006e63 !important;
}

.gform_button.button{
  border-radius:40px;
  background:transparent !important;
  color:white !important;
  border:1px solid white !important;
  text-transform:capitalize !important;
  font-family:Roboto,sans-serif;

}

.gform_button.button:hover{
  background:#006e63 !important;
} 

.related-section .column:hover .post-overlay{
  background:rgb(0, 168, 135,0.8);
}

/*.page-section.cta-section.text-white{
background:#244C5A !important;
}
*/

.d-none{
  display:none;
}


#page-wrap{ font-size: 18px; line-height: 30px;}
.wrapper{ width: 90%; max-width: 1400px; 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: 1800px; width:95%;}
#header .logo{ max-width: 220px; float: left;}
#header .nav{ float: right; margin-top: 20px; font-family: "Source Sans Pro", 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: 15px; 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: #00A887; 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{font-size: 22px; 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: capitalize; color: #fff; background-color: #00A887; 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: capitalize; 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: #00A887; 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: #00A887; 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: #006e63; color: #fff; letter-spacing: 0; text-transform: capitalize; 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(images/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: 360px; 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: capitalize; 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: capitalize; 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 #00A887;}
.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-top:60px;margin-bottom: 60px; width: 300px; height:300px; object-fit:cover;}
.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: #e1e1e1;}
.staff-content .grid .grid-item:hover a{ color: #000;}
.staff-content .grid .staff-image{ width: 100%; height: 300px; background-size: cover; background-position: center 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: 60px 0}
.basic-section.section-padding{ padding: 100px 0;}
/** .basic-section:nth-of-type(1){ padding-top: 0;} */
.page-id-34938 .basic-section:nth-of-type(1){padding-bottom:0;}
.page-id-34938 .basic-section.section-padding{padding-top: 0 !important; }
.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 .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; letter-spacing:normal; font-size: 18px; line-height: 18px; font-weight: bold; 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: 19px; 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: #00A887;}
.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: #00A887; 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(images/ghg-savings.jpg);}
#gform_5 #input_5_14{ padding-top: 100px; background-image: url(images/water-savings.jpg);}
#gform_5 #input_5_17{ padding-top: 100px; background-image: url(images/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(https://recyclingpartnership.org/wp-content/uploads/2018/06/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(https://recyclingpartnership.org/wp-content/uploads/2018/06/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: #006e63; 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: #00A887;}
#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(https://recyclingpartnership.org/wp-content/uploads/2018/06/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(https://recyclingpartnership.org/wp-content/uploads/2018/06/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(https://recyclingpartnership.org/wp-content/uploads/2018/06/no-food.png);}
#input_4_12 li.gchoice_4_12_1{ background-image: url(https://recyclingpartnership.org/wp-content/uploads/2018/06/dont-bag.png);}
#input_4_12 li.gchoice_4_12_2{ background-image: url(https://recyclingpartnership.org/wp-content/uploads/2018/06/no-clothing.png);}
#input_4_12 li.gchoice_4_12_3{ background-image: url(https://recyclingpartnership.org/wp-content/uploads/2018/06/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: #00A887; 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: #006e63; 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;}

.bg-emerald-btn{
  background:#006e63 !important;
  color:white !important;
}

/* 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;}
  #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: #006e63;
}
.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:#006e63;
}
.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;
  }
}




/* Rebranding */


#header{
  padding:20px 0px;
}
#header .wrapper{
  display:grid;
  grid-template-columns:max-content auto max-content;
  align-items:center;
} 

#header .nav{
  margin-top:0;
}
#header .nav li a{
  font-family:Roboto,sans-serif;
  color:#244C5A;
  letter-spacing:0;
  font-weight:500;
  font-size:18px;
}
#header .nav .sub-menu li a{
  font-size:16px;
}

#header .nav li.menu-item-has-children a::after {
  content:"";
}

.basic-section--form form {
  padding: <?= get_field('general_form', 'options')['padding'] ?: '20'; ?>px;
  background-color: <?= get_field('general_form', 'options')['background_color'] ?: '#fff'; ?>;
  margin-top: 20px;
}

/* Search Bar */
#header .search-toggle-wrapper{
  display:flex;
  justify-content:center;
  align-items:center;
  background:#EBEBEC;
  width:42px;
  height:42px;
  border-radius:50%;

}

#header .search-toggle-wrapper img{
  width:18px;
  height:18px;
}

#header .nav li a{
  text-transform:capitalize;
}

#search-bar-wrapper{
  position:absolute;

  z-index:1;
}

#search-bar-wrapper input{
  border:0;
  border-top:1px solid #d3d3d3;
  width:100vw;
  padding-left:50px;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
  padding-right:0;
  height:80px;
  font-size:26px;
  line-height:40px;
  font-weight:500;
}

.home-page-v2-hero{
  background-attachment:fixed;
  background-image: url('https://recyclingpartnership.org/wp-content/uploads/2023/04/hero-sample.jpg');
  background-size:cover;
  background-position:center center;"
  background:#d7d7d7;
  padding-top:148px;
  padding-bottom:170px;
}

.home-page-v2-hero h1{
  width:100%;
  margin-left:0;
  padding-left:0;
  color:#fff;
  font-size:70px;
  line-height:1.2;
  text-align:left;
  font-weight:bold;

}

.home-page-v2-hero p{
  width:50%;
  color:#fff;
  font-size:20pt;
  line-height:50px;
  text-align:left;
  font-weight:400;
  margin-bottom:70px;
}

.home-page-v2-hero .wrapper{
  max-width:1600px;
  margin-left:auto;
  margin-right:auto;
  text-align:left;
}

.green-rounded-btn {
  font-family: Roboto,sans-serif;
  letter-spacing: normal;
  background: #00A886;
  color: white;
  font-size: 19.13px;
  line-height: 30px;
  font-weight: 400;
  text-align: center;
  border-radius: 50px;
  padding: 15px 40px;
  border: 3px solid #00A887;
}

.green-rounded-btn:hover{
  background:white;
  border:3px solid #00A887;
  color:#00A887;
}

.custom-flex-column-gap-20{
  flex-direction:column;
  display:flex;
  align-items:center;
  gap:20px;
  justify-content:center;
}

.home-page-v2-mission-driven{
  text-align:center;
  padding-top:126px;
  padding-bottom:128px;
  max-width:90%;
  margin-left:auto;
  margin-right:auto;
}

.home-page-v2-mission-driven p{
  margin-bottom:25px;
  font-size:36px;
  line-height:48px;
}


.green-rounded-btn--hover{
  border:3px solid #00A886;
  color:#00A886;
  background:white;
  border-radius:50px;
  padding:12px 40px;
  font-size:19.13px;
  line-height:30px;
}

.green-rounded-btn--hover:hover{
  background:#00A886;
  color:white;
}

.home-page-v2-blogs{
  border-bottom:1px solid #00A887;
  padding-top:70px;
}

.home-page-v2-blogs .posts{
  padding-bottom:0;
}

.home-page-v2-blogs .v2-heading{
  font-family:Roboto,sans-serif;
  color:#244C5A;
  font-size:42px;
  line-height:131px;
  font-weight:bold; 
  text-align:center;
}

.home-page-v2-blogs .facetwp-load-more{
  border:2px solid #00A887;
  color:black;
  background:white;
  border-radius:40px;
  padding:10px 30px !important;
  font-size:20px;
  line-height:30px;
  font-weight:400;
  text-transform:capitalize;
}

.home-page-v2-blogs .facetwp-load-more:hover{
  background:#00A887;
  color:white;
}


.home-page-v2-stats{
  background: url('https://recyclingpartnership.org/wp-content/uploads/2023/04/Bales_and_Forklift3.jpeg');
  height:700px;
  background-size: cover;
  background-position: center center;
  padding:5rem 0;
}

.home-page-v2-stats .stat-img {
  height: 120px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: end;
}

.home-page-v2-stats p.heading{
  color:white;
  text-align:center;
  font-size:32px;
  line-height:50px;
  padding-top:145px;
  padding-bottom:90px;
}
.home-page-v2-stats .stats-grid {
  display:grid;
  grid-template-columns:1fr 1fr 1fr auto;
  max-width:1300px;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}
.home-page-v2-stats .stats-grid .stat-item h6{
  margin-top:40px;
  font-size:60px;
  color:white;
  font-weight:bold;
}

.home-page-v2-stats .stats-grid .stat-item  img{
  height:90px;
}

.home-page-v2-stats .stats-grid .stat-item p{
  color:white;
  font-size:19px;
  line-height:26px;
  margin-top:0;
}

.home-page-v2-form {
  position:relative;
}

.home-page-v2-form .form{

  width:830px;
  margin-bottom:-70px;
  margin-left:auto;
  margin-right:auto;
  text-align:center;


}

.home-page-v2-form .form h3{
  color:#244C5A;
  font-size:42px;
  font-weight:bold;
  padding-top:70px;
  padding-bottom:70px;
}





/* Custom Select */
.home-page-v2-form .form .custom-select{
  position: relative;
  font-family: Roboto,sans-serif;
  font-weight:500;
  letter-spacing:0;
  border-left: 10px solid #00A886;
}

.home-page-v2-form .form select {
  display: none !important;
}

.select-selected {
  background-color: white;
  color:#244C5A;

}

/*style the arrow inside the select element:*/
.select-selected:after {
  position: absolute;
  content: "+";
  width: 0;
  font-family: 'Roboto';
  top: 27%;
  font-weight: 400;
  font-size: 2.5rem;
  right: 15%;
  height: 0px;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
  color: #006e63;
}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;

}

/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
  color: #244C5A;
  font-size:22px;
  font-family:Roboto;
  font-weight:bold;

  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
  user-select: none;
  text-align:left;
  box-shadow: 2px 0px 4px #00000033;
}
.select-items div a{
  display:block;
  padding: 30px 53px;
}

.select-selected{
  padding: 30px 53px;
}
/*style items (options):*/
.select-items {
  position:absolute;
  background-color: #244C5A;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}

.select-items div{
  border-bottom:1px solid #00A887;
  color:white;
}

.select-items div a{color:white;}

/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: #00A887;
}

.home-page-v2-recent-news{
  padding-top:108px;
  padding-bottom:140px;
}

.home-page-v2-recent-news h3{
  font-family:Roboto,sans-serif;
  padding-bottom:60px;
  font-size:42px;
  font-weight:bold;
  text-align:center;
  color:#244C5A;
}

.home-page-v2-recent-news--wrapper{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:130px;
  margin-left:auto;
  margin-right:auto;
}

.home-page-v2-recent-news--wrapper .news-card .title a{
  font-family:Roboto,sans-serif;
  font-size:24px;
  font-weight:bold;
  color:#244C5A;
  padding-bottom:70px;
}

.home-page-v2-recent-news--wrapper .news-card .meta{
  font-size:18px;
  font-weight:400;
  padding-bottom:20px;
}


.home-page-v2-recent-news--wrapper .news-card .continue-reading-link{
  font-size:18px;
  line-height:50px;

  text-decoration:underline;
  color:#244C5A;

}

.home-page-v2-recent-news--wrapper .news-card .continue-reading-link:hover{
  color:#00a887; 
}

.home-page-v2-cta-row{
  background:#00A887;
  color:white;
  min-height:640px;
  display:flex;
  align-items:center;
}

.home-page-v2-cta-row .content-wrapper{
  display:grid;
  grid-template-columns:1fr 1fr;
  width:100%;
}


.home-page-v2-cta-row .content-wrapper .text h3{
  font-size:42px;
  line-height:61px;
  font-weight:bold;
}

.home-page-v2-cta-row .content-wrapper .form-wrapper{
  /* max-width:580px; */
}

.home-page-v2-cta-row .content-wrapper .form-wrapper select{
  background:white;
  color:black;
  height:66px;
  font-size:20px;
  line-height:30px;
  border:0;
  padding-left:25px;
  margin-bottom:35px;
  width:100%;

}

.home-page-v2-cta-row .content-wrapper .form-wrapper input{
  border-radius:0px;
  background:white;
  color:black;
  height:50px;
  font-size:20px;
  line-height:30px;
  border:0;
  padding-left:15px;	
  opacity:1;
  width:100%;

}

.home-page-v2-cta-row .content-wrapper .form-wrapper input::before{
  padding-left:25px;
}

.home-page-v2-cta-row .content-wrapper .form-wrapper button{
  background:transparent;
  color:white;
  border:2px solid white;
  font-size:28.3px;
  line-height:42px;
  font-weight:400;
  text-align:center;
  border-radius:40px;
  padding:10px 30px;
  text-transform:capitalize;

}

.home-page-v2-cta-row{
  position:relative;
  padding:0 4rem;
}


.home-page-v2-cta-row img{
  max-width:90px;
  position:absolute;
  top:-45px;
  left:130px;
}



/* Mobile */

@media (max-width:1100px){
  .home-page-v2-hero{
    background-attachment:scroll!important;
  }
  .home-page-v2-hero h1{
    font-size:45px;
    line-height:60px;
  } 

  .home-page-v2-hero p{
    font-size:16px;
    line-height:25px;
    width:100% !important;
  }

  .green-rounded-btn{
    font-size:15px;
  }

  .home-page-v2-hero{
    padding-top:0 !important;
    padding-bottom:0 !important;
  }

  .hero.home-page-v2-hero{
    height:70vh;
  }


  .home-page-v2-hero p{
    margin-bottom:30px;
  }

  .home-page-v2-stats{
    height:max-content;
    padding-bottom:45px;
  }
  .home-page-v2-stats p.heading{
    font-size:16px;
    line-height:25px;
    padding-top:45px;
    padding-bottom:45px;
  }

  .home-page-v2-stats .stats-grid{
    grid-template-columns:1fr 1fr;
  }

  .home-page-v2-stats .stats-grid .stat-item img{
    height:50px;
  }
  .home-page-v2-stats .stats-grid .stat-item h6{
    font-size:48px;
    line-height:55px;
    margin-top:20px;
  }
  .home-page-v2-stats .stats-grid .stat-item p{
    font-size:14px;
  }

  .home-page-v2-form .form{
    margin-top:0;
    width:100%;
  }

  .home-page-v2-form .form h3{
    font-size:22px;
  }

  .home-page-v2-blogs .v2-heading{
    font-size:22px;
  }

  .home-page-v2-recent-news{
    padding-top:50px;
    padding-bottom:70px;
    padding-left:20px;
    padding-right:20px;
  }

  .home-page-v2-recent-news h3{
    font-size:22px;
    padding-bottom:30px;
  }

  .home-page-v2-recent-news--wrapper{
    grid-template-columns:1fr;
  }

  .home-page-v2-recent-news--wrapper .news-card .meta{
    font-size:14px;
    padding-bottom:10px;
  }


  .home-page-v2-recent-news--wrapper .news-card .title a{
    font-size:16px;
    padding-bottom:35px;
  }

  .home-page-v2-recent-news--wrapper .news-card .continue-reading-link{
    font-size:14px;
  }

  .home-page-v2-cta-row img {
    position: absolute;
    top: -60px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .home-page-v2-cta-row .content-wrapper{
    grid-template-columns:1fr;
  }

  .home-page-v2-cta-row .content-wrapper .text h3{
    font-size:24px;
    line-height:36px;
    text-align:center;
    padding-top:65px;
  }

  .home-page-v2-cta-row .content-wrapper .form-wrapper{
    padding-left:20px;
    padding-right:20px;
    margin-top:30px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
  }

  .home-page-v2-cta-row .content-wrapper .form-wrapper button{
    font-size:15px;
    line-height:22px;
  }

  .green-rounded-btn--hover{
    font-size:15px;
    line-height:22px;
  }

  #rmp_menu_trigger-33385{
    display:none !important;
  }
  #header .nav, #header .search-form, .subheader{
    display:block;
  }

  .home-page-v2-form{
    display:none;
  }


  .home-page-v2-recent-news--wrapper{
    gap:60px;
  }

  .home-page-v2-cta-row img{
    max-width:70px;
    position:absolute;
    top:-35px;

  }



  .home-page-v2-cta-row .hbspt-form .hs_submit.hs-submit{
    margin-left:auto;
    margin-right:auto;
    padding-bottom:65px;
  }

  #footer .back-to-top{
    margin-bottom:65px;
  }

  .home-page-v2-stats p.heading{
    max-width:80%;
    margin-left:auto;
    margin-right:auto;
  }

  .search-results-cats-wrapper {
    display:inline-flex;
    flex-wrap:wrap;
    gap:10px;
  }

  .page-id-36636 .page-section.intro-section{
    padding-bottom:0 !important;
  }

  .hf-part-about-np-mob{
    padding-left:0 !important;
    padding-top:0 !important;
  }


  .page-id-36636 .page-section.page-icon-grid .page-icon-grid__title{
    font-size: 48px !important;
    line-height: 55px !important;
    margin-top: 20px !important;
  }



  .page-id-36636 .page-section.page-icon-grid p{
    font-size:14px !important;
    margin-top:0 !important;
  }

}

#footer .back-to-top {
  display: flex !important;
  display: none;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

@media(min-width:1100px){
  .mega-menu-column{
    padding-left:0px !important;
    padding-right:0px !important;
  }

  .home-page-v2-recent-news, .home-page-v2-cta-row .content-wrapper, .home-page-v2-stats p.heading, .home-page-v2-stats .stats-grid {
    max-width:1400px;
    margin:auto;
    width:90%;
  }



}


@media (max-width:1720px){
  .hf-part-about-np-mob{
    padding-left:0 !important;
  }
}

@media (max-width:1400px){
  .home-page-v2-recent-news{
    max-width:90%;
  }
}

.home-posts .column:hover .post-overlay, .posts .post:hover .post-overlay{
  background-color:rgba(0, 168, 135, 0.8);
}

.mega-green-left-border{
  border-left: 1px solid #00A887 !important;

}

/* FEATURED RESOURCES */
.post-container-new {
  background-color: white;
  position: absolute;
  max-width: 70%;
  left: 10%!important;
  transition: all 0.2s ease 0s;
}

.post-container-new .post-title {
  color:black;
}

.post-title span {
  color:#00A887;
}

.home-page-v2-blogs.wrapper:after{ 
  content: ""; 
  display: table; 
  clear: both; 
  padding-top:11rem
}

/* HUBSPOT FORM EDITS */ 
.field.hs-fieldtype-text {
  padding: 0 0 20px 0;
}
input.hs-button.primary.large {
  background: #1E4D59;
  border-radius: 50px;
  padding: 0;
  max-height: 50px;
  color:white;
}

.hs_submit.hs-submit {
  max-width: 150px;
  padding: 30px 0 0 0;
}


/* ABOUT US PAGE EDITS */
.page-id-36636 .related-section{
  background:white;
  padding-bottom:0;
}



.related-section h3{
  text-transform:capitalize;
}


.page-id-36636 .page-section.cta-section.text-white{
  background:white !important;
}




.page-id-36636 .cta-section a.button{
  background:#006e63 !important;
  color:white;
}

.page-id-36636 .page-section.page-icon-grid{
  background:url('https://recyclingpartnership.org/wp-content/uploads/2023/04/Bales_and_Forklift3.jpeg');

  background-size: cover;
  background-position: center center;
  padding: 5rem 0;
}

.page-id-36636 .page-section.page-icon-grid .page-icon-grid__heading{
  color: white;
  text-align: center;
  font-size: 32px;
  line-height: 50px;

}
.page-id-36636 .page-section.page-icon-grid p{
  color: white;
  text-align: center;
  font-size: 19px;
  line-height: 26px;

}

.page-id-36636 .page-section.page-icon-grid .page-icon-grid__title{
  font-family:"Roboto", Helvetica, Arial, sans-serif;
  color: white;

  margin-top:40px;
  font-size: 60px;
  line-height:100%;
  font-weight: bold;
}

.page-id-36636 .page-section.page-icon-grid .page-icon-grid__description{
  margin-top:0;
}

.page-id-36636 .page-section.page-icon-grid .page-icon-grid__description p{
  margin-top:0;
}
.related-section h3{
  font-size:24px;
}

.page-id-36636 .page-icon-grid__img-container .page-icon-grid__img{
  height:90px;
}
.page-id-36636 .page-section.intro-section{
  text-align:center;
  padding-top:126px;
  padding-bottom:128px;
  max-width:90%;
  margin-left:auto;
  margin-right:auto;
}

.page-id-36636 .page-section.intro-section h2{
  text-align:center;
}

.page-id-36636 .page-section.intro-section h2 > span{
  color:#4a4a4a;
  font-family:"Source Sans Pro", Helvetica, Arial, sans-serif;
  margin-bottom:25px;
  font-size:36px;
  line-height:48px;
  letter-spacing:0;
  font-weight:400;
}

.fade-in-text{
  animation: fadeIn 2s;
  -webkit-animation: fadeIn 2s;
  -moz-animation: fadeIn 2s;
  -o-animation: fadeIn 2s;
  -ms-animation: fadeIn 2s;
}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-moz-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-o-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-ms-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}


.page-id-36636 .i-amphtml-layout-size-defined .i-amphtml-fill-content{
  object-fit:contain;
  object-position:center center;
}


.cta-section h5{
  letter-spacing:normal;
}

.related-section .column:hover .post-overlay{
  background-color:rgba(0, 168, 135,.8);
}

p.more{
  text-transform:uppercase;
}

.grid-section a h3{
  background-color:#00A887;
}


.page-id-32177 .intro-section a.button{
  background-color: #006e63 !important;
  text-decoration: none;
}


.page-id-36265 .cta-section a.button{
  background:#006e63 !important;
}


.page-id-32969  a.button{
  background: #006e63 !important;
  color:white;
}

@media (min-width:1920px){
  #page-wrap{
    max-width:1920px;
    margin-left:auto;
    margin-right:auto;
  }
}


.quiq-action-toggle.quiq-togglechatbutton-button{
  background:#00A887 !important;
}

.quiq-togglechatbutton-wrapper .quiq-icon svg{
  width:50% !important;
  height:50% !important;
}

.page-section.intro-section h3{
  letter-spacing:normal;
}

.staff-single.wrapper img{
  width:300px;
  height:300px;
  object-fit:cover;
}

.page-id-33816 .callout a{
  background:#006e63 !important;
}


.page-accordion__title::after {
  color:#006e63 !important;
}


.grid-item.staff-member:hover .staff__pronouns{
  color:black !important;
}