/*
Theme Name: My Theme
Theme URI: https://framework.themosis.com/
Author: Generation-Web
Author URI: https://www.themosis.com/
Description: A Themosis framework theme.
Version: 1.0.0
License: GPL-2.0-or-later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: easy, organized, expressive.
Text Domain: my_theme
*/


/*header button css start*/
body .custom-search-form-header {
    z-index: 9999;
}
.header-custom-button {
    right: 340px;
    bottom: 32px;
    position: absolute;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    z-index: 999;
    background-color: #e5b033;
    padding: 13px 25px 13px 25px;
    border-radius: 50px;
    border: 0px solid #2d3e4a;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.3s ease;
}

.header-custom-button:hover {
    background-color: #e5b033;
    transform: scale(1.02);
    text-decoration: none;
}

.header-custom-button .button-icon {
    width: 27px;
    height: auto;
}

.header-custom-button .button-text {
    color: #ffffff;
    font-size: 21px;
    line-height:32px;
    text-transform:uppercase;
    font-weight: 400;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    letter-spacing: 0.5px;
}
.special-large-heading-block h2{
    font-family: 'Oswald', sans-serif;
    font-size: 60px;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    line-height: 1.2;
    text-align: center;
    margin: 0;
    padding: 0;
}
.inner-page h4{
color: #193c4f;
font-family: 'Lora', serif;
font-size: 2.1rem;
font-weight: 600;
line-height: 1.5;
}
/* Responsive */
@media (max-width: 1395px) {

    .header-custom-button {
        right: 334px !important;
        top: 62px !important;
        bottom: unset !important;
    }
}
@media (max-width: 974px) {
    .header-custom-button {
        position: static !important;
        margin-left: 15px;
    }
    .actions li.header-search {
        margin-bottom: 0px !important;
    } 
}
@media (max-width: 889px) {
    .header-custom-button {
        margin-right: 155px;
        float: right;
    }
}
@media (max-width: 887px) {
    .header-custom-button {
    margin-right: 102px !important;
    margin-bottom: 20px !important;
    }
}
@media (max-width: 768px) {
  body  section.blog_post_block .related-page-title-and-arrow {
        margin-left: 0;
        margin-bottom: 20px;
    }
   body .wp-block-columns {
        padding: 0 10px 0 10px !important;
    }
    .special-large-heading-block{
        margin-top: 0px;
    }
    .special-large-heading-block h2{
            font-size: 42px;   
    }
    .header-custom-button {
        padding: 10px 18px 10px 18px;
        gap: 8px;
    }

    .header-custom-button .button-icon {
        width: 27px;
    }

    .header-custom-button .button-text {
        font-size: 18px;
    }
}

@media (min-width: 661px) and (max-width: 681px) {    
    .header-custom-button {
        float:left;
    }
}

@media (max-width: 636px) {
    .img-txt-mb{
        float:left;
        width:100%;
    }
    .img-txt-mb figure{
        float:left !important;
        margin-bottom:30px !important;
        margin-left: 40px !important;

    }
    .siteheader .container{
        text-align:center;
    }
    .header-custom-button {
        float:none !important;
        margin:20px auto 14px auto !important;
    }
    .gap-mb-col{
        margin-bottom: -10% !important;
        margin-top: -16% !important;
    }
}
@media (max-width: 500px) {

    .special-large-heading-block h2{
        font-size:30px;
        line-height:32px;
    }
}
@media (max-width: 330px) {
    .special-large-heading-block h2 {
        font-size: 26px;
        line-height: 26px;
    }
}
/*header button css end*/
.thumbnail-pdf-resource-area{
    width: 110px !important; 
}
.thumbnail-pdf-resource-area .thumbnail-pdf-resource{
    height: 120px;
    object-fit: cover;  
}
body{
    -ms-overflow-x: hidden;
    -webkit-overflow-x: hidden;
    -moz-overflow-x: hidden;
    overflow-x: hidden;
    font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica,Arial,sans-serif !important;
}
.mob-banner-sect{
		display:none;
	}
a:focus {
    outline: none !important;
}
.main-content a:visited {
    color: #3395a5; /* #86a93e; */
}
.main-content h3 a:visited {
    color: #82191f
}
.main-content a.btn-primary:visited {
    color: #fff;
}
strong{font-weight:600}
p b, p strong, li strong{color:#222;}
mark strong {color: inherit !important;}

#wnb-bar {
    z-index: 1000 !important;
}
.resource-page .btn-print, .resource-page .btn-eco{
    font-size: 20px !important;
}
.child-page .banner-image-1{
    height: 300px;
    background-position: center 15%;
}
/*sharethis css start*/
 body .at-share-btn-elements a{
      background-color: transparent !important;
     }
body  .at-resp-share-element .at-share-btn .at-label{display: none !important;}
.social-share strong{
    position: absolute;
    left: 35px;
    top: 13px;
}
.social-share {
    position: relative;
}
/*sharethis css end*/


h3{
    position: relative;
    font-size: 21px;
    /* color: #82191f; */
    color: #3395A5;
    font-family: 'Lora', serif;
    font-weight: bold;
}
h3 a,
h3 a:visited{
	color: #82191f;
}
h3:before, h3:before{
    display: none;
}
.main-content{
    min-height: 50vh;
    position: relative;
    z-index: 501;
}
.main-content:after {
    content: "";
    display: table;
    height: 1em;
}
h2{
    font-size: 30px;
    color: #3395A5;
    font-family: 'Oswald', sans-serif;
    /* text-transform: uppercase; */
}
h4{
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    font-size: 28px;
}
/* h2,h3,h4,h5,h6,  h2 a,h3 a,h4 a,h5 a,h6 a{
    white-space: inherit !important;
    color: #3395A5 !important;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
}
.sidebar_menu_ar h2, .sidebar_menu_ar h3, .sidebar_menu_ar h4, .sidebar_menu_ar h5, .sidebar_menu_ar h6{
    color:white !important;;
}  */
p{
    font-size: 18px; 
    color: #4D4D4F;
    line-height: 28px;
    font-weight: normal;
    font-family: 'Source Sans Pro' !important;
}
.section-intro p{
    font-size: 20px; 
    color: #4D4D4F;
    line-height: 24px;
    font-weight:400;
    font-family: 'Source Sans Pro' !important;
}

.siteheader{
    background: #1a3c4f;
    padding: 10px 0px 0px 0px;
}
.siteheader .container{
    width: 100%;
    padding: 0;
    padding-left: 4%;
}
.logo{
    width: 185px;
}
.logo img{
    max-width: 100%;
}

@media (max-width: 460px) {
  .logo img{
    max-width: 80%;
  }
}
/*header search css start */
.custom-search-form-header{
    left: 25%;
    width: 310px;
    position: absolute;
    top: 40px;
    opacity: 0;
}
.custom-search-form-header label{
    width: 100%;
    margin-bottom:unset !important;
}
.custom-search-form-header input{
    float: left;
    width: 80% !important;
    border-radius: 0px !important;
    font-family: 'Oswald',sans-serif !important;
}
.custom-search-form-header button:hover,.custom-search-form-header button:active, .custom-search-form-header button:visited, .custom-search-form-header button:focus{
    color: #fff;
    background-color: #db4422;
}
.custom-search-form-header button{
    float: left;
    background: #86a93e;
    border-radius: 0px;
    color: #fff;
    font-weight: 400;
    height: 34px;
    font-size: 15px;
    text-transform: uppercase;
    border: 0px;
    font-family: 'Oswald',sans-serif;
}
/*header search css end */
@media screen and (min-width: 661px) {
    .logo{
        margin: 2.4rem 0 0 0;
    }
}

@media screen and (min-width: 888px) {
    .siteheader .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    }
	.siteheader .container .clearfix {
    display: none !important;
    }
	.siteheader .container::after, .siteheader .container::before {
    display: none !important;
    }
	.logo {
    width: 30% !important;
    max-width: 236px;
    margin: 0 !important;
    }
}

.actions li{
    display: inline-block;
    vertical-align: top;
    margin-left: 1em;
    overflow: hidden;
}
/*header button css start*/
.actions li.header-search {
    padding: 1em 0 0.25em 0;
    margin-bottom:20px;
    position: relative;
    top: -1em;
    overflow: initial;
}
/*header button css end*/
@media screen and (max-width: 660px) {
  .actions li.header-search {
    padding: 0 0 0.25em 0;
    top: 0;
  }
}

ul li, ol li{
    font-size: 19px;
}
ul.wp-block-social-links li {
    font-size: inherit;
}
.mark, mark {
    padding: 0;
    background-color: none;
}
.actions ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
.actions li a {
    /* color: #73ccd2; */
    color: #fff;
    font-family: 'Oswald', sans-serif;
    font-size: 21px;
    display: block;
    text-decoration: none;
}
.actions li.highlight a {
    color: #DB4422; 
}
.actions li a:focus,
.actions li a:hover,
.actions li.highlight a:focus,
.actions li.highlight a:hover {
    color: #f15633;
}
.actions .header-search a {
    color: #fff;
}
.actions .header-search a:focus,
.actions .header-search a:hover {
    color: #73ccd2;
}
.actions .header-search label {
    cursor: pointer;
    position: relative;
    margin: 0 auto;
}
.header-search i {
    display: inline-block;
    height: 1.4em;
    line-height: 1.4em;
    vertical-align: top;
}
@media screen and (min-width: 661px) {
  .header-search i {
    width: 1.8em;
    padding-left: 0.4em;
  }
}
.header-search label input.form-control {
    transition: all 0.5s ease-in-out;
    position: relative;
    margin: 0 0 -3rem 0;
    z-index: 100;
    border-radius: 0;
    border: 3px solid #86A93E;
    padding: 20px 5px 20px 10px;
    box-shadow: inset 0 0 1px 1px rgba(26,60,79,0.8);
    width: 19em;
    height: 2.4em;
    margin: 0;
    opacity: 1;
}

.quote_content_ar .quote_block:after{
    content: "";
    display: block;
    clear: both;
}
@media screen and (max-width:1139px) {
    .header-search label input.form-control {
        position: relative;
    }
}

/*
.header-search label:focus input.form-control,
.header-search label:hover input.form-control,
.header-search label:active input.form-control,
.header-search label input.form-control:focus,
.header-search label input.form-control:active {
    width: 19em;
    height: 2.4em;
    margin: 0;
    opacity: 1;
}
*/

.header-search ::-webkit-input-placeholder { /* Chrome */
    color: #777 !important;
    font-family: 'Oswald', sans-serif !important;
    font-weight: normal;
}
.header-search :-ms-input-placeholder { /* IE 10+ */
    color: #777 !important;
    font-family: 'Oswald', sans-serif !important;
    font-weight: normal;
}
.header-search ::-moz-placeholder { /* Firefox 19+ */
    color: #777 !important;
    font-family: 'Oswald', sans-serif !important;
    font-weight: normal;
    opacity: 1 !important;
}
.header-search :-moz-placeholder { /* Firefox 4 - 18 */
    color: #777 !important;
    font-family: 'Oswald', sans-serif !important;
    font-weight: normal;
    opacity: 1 !important;
}

.search-input-txt {
    background-color: #fff;
    border-radius: 0;
    font-family: 'Lora', serif;
    border: none;
    padding-left: 10px;
}
li.header-search a:hover {
    text-decoration: none !important;
}
.staff-sec .person-tabs ul li.active a{
   color: #3294a4 !important; 
}
.actions li a.cycling{
    background-color: #86A93E;
    padding: 0px 12px 0 0;
    color: #fff;
}
.actions li a.cycling:focus,
.actions li a.cycling:hover {
    color: #193C4F;
}
.main-nav ul{
    margin: 0;
    padding: 0;
}
.main-nav ul li{
    display: inline-block;
    margin-right: 18px;
}
.main-nav{
    margin-top: 11px;
    position:relative;
    z-index: 999;
}
.modal-backdrop {
    z-index: 102 !important;
}

.main-nav > .menu-main-menu-container > ul > li > a{
    color: #fff;
    font-family: 'Oswald', sans-serif;
    font-size: 19px;
    line-height: 32px;
    height: 32px;
    display: block;
    padding: 0px 14px 0px 14px;
    background-color: #3395a5;
    position: relative;
    background: #3395a5;
    background: -moz-linear-gradient(left,  rgba(38, 125, 140) 0%, rgba(51,149,165,1) 100%);
    background: -webkit-linear-gradient(left,  rgba(38, 125, 140) 0%,rgba(51,149,165,1) 100%);
    background: linear-gradient(to right,  rgb(38, 125, 140) 0%,rgba(51,149,165,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28899a', endColorstr='#3395a5',GradientType=1 );

}
.main-nav > .menu-main-menu-container > ul > li > a:after{
    content: "";
    display: block;
    position: absolute;
    width: 0px;
    height: 0;
    border: 16px solid #3395a5;
    border-right: 16px solid transparent;
    border-top: 16px solid transparent;
    right: -32px;
    top: 0;
    z-index: 1;
    box-sizing: content-box;
    box-shadow: -1px 0 0 0px #3395a5;
}

.main-nav > .menu-main-menu-container > ul > li > a:before{
    content: "";
    display: block;
    position: absolute;
    width: 0px;
    height: 0;
    border: 16px solid rgba(38, 125, 140);
    border-left: 16px solid transparent;
    border-top: 16px solid transparent;
    left: -32px;
    top: 0;
    z-index: -1;
    box-sizing: content-box;
    box-shadow: 1px 0 0 0px rgb(38 125 140);
}
.main-nav li ul.sub-menu li a:before {
    box-shadow: none !important;
}

.main-nav > .menu-main-menu-container > ul > li:first-child a{
    padding-left: 30px;
}
.main-nav ul li {
    position: relative;
}
.main-nav ul li:focus,
.main-nav ul li:hover {
    z-index: 100;
}
.main-nav ul li:focus a,
.main-nav ul li:hover a {
    background: #ffc200;
    text-decoration: none;
}
.main-nav ul li:hover a:after {
    border-left-color: #ffc200;
    border-bottom-color: #ffc200;
    box-shadow: -1px 0 0 0px #ffc200;
}
.main-nav ul li:hover a:before {
    border-right-color: #ffc200;
    border-bottom-color: #ffc200;
    box-shadow: 1px 0 0 0px #ffc200;
}
.main-nav li ul.sub-menu li a:before {
    box-shadow: none !important;
}
.main-nav ul.sub-menu {
    position: absolute;
    z-index: 9999999999;
    display: none;
    background: #ffc200;
    z-index: 9999;
    left: -32px;
    width: calc(100% + 64px);
    bottom: 0;
    top: 100%;
    padding: 0;
    margin: 0;
}
.main-nav ul.sub-menu li {
    float: none;
    display: block;
    width: 100%;
}
.main-nav ul li ul.sub-menu a {
    display: block;
    color: #fff;
    background: #B7AC99;
    font-size: 1.8rem;
    line-height: 140%;
    padding: 0.4em 8px 0.4em 46px;
    width: 100%;
    box-sizing: border-box;
    border: none;
    opacity: 0.9;
    transition: all 0.3s ease;
}
/*
.main-nav ul li:first-child ul.sub-menu a {
    padding: 0.4em 8px 0.4em 40px;
}
*/
.main-nav ul li ul.sub-menu a:focus,
.main-nav ul li ul.sub-menu a:hover {
    background: #ffc200;
    border: none !important;
    opacity: 0.8;
}
.main-nav ul li ul.sub-menu li.unlinked a:focus,
.main-nav ul li ul.sub-menu li.unlinked a:hover {
    opacity: 0.9;
}
.main-nav ul li:hover ul.sub-menu {
    display: block;
}

@media (min-width: 854px) and (max-width:1100px) {
    .main-nav > .menu-main-menu-container > ul > li > a:before,
    .main-nav > .menu-main-menu-container > ul > li > a:after {
        display: none;
    }
    .main-nav ul li {
    display: inline-block;
    margin-right: -2px;
    }
    .main-nav > .menu-main-menu-container > ul > li > a {
        font-size: 16px;
    }
}
button#rmp_menu_trigger-9716:before {
    display: block;
    content: "Menu";
    background: #202E39;
    color: #fff;
    position: absolute;
    top: 0;
    width: 100%;
    font-size: 1rem;
    line-height: 1.2;
}

.azicon img{
    width: 26px;
    margin: -6px 5px 0 5px;
}
.azicon{
    background-color: rgba(255,255,255,0.3);
}
.actions li span{
    display: inline-block;
    padding: 1px 0px 5px 0px;
    font-size: 18px;
}
.footer-menu ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
.footer-menu ul li{
    position: relative;
    margin-bottom: 18px;
}
.footer-menu li a i{
    margin-right: 13px;
    font-size: 21px;
    position: absolute;
    left: -30px;
}
.footer-menu li a{
    font-family: 'Oswald', sans-serif;
    font-size: 18px;
    color: #9cbccd;
}
.footer-menu{
    padding-left: 6%;
    padding-right: 8%;
    padding-top: 44px;
    padding-bottom: 1em;
}
.footer-nav{
    background-color: #3d688c;
}
.eq-col{
    display: table-cell;
    float: none;
}
.full-row{
    display: table;
    width: 100%;
}
.footer-menu-2{
    background-color: #25557d;
}
.footer-menu-2 p{
    font-family: 'Lora', serif;
    font-size: 14px;
    color: #adb9bf;
    margin-bottom: 12px;
}
.footer-contact-info{
    padding-left: 5%;
    padding-right: 5%;
}
.footer-contact-info ul {
    margin: 0 26px;
}
.sidebar-left {
    font-size: 1.7rem;
    padding: 30px 15px 30px 0;
}
@media (max-width: 767px) {
.sidebar-left {
    padding: 30px 15px 10px 15px;
}
}
.sidebar-left ul {
    margin: 0 0 1em 0;
}
.sidebar-left a {
    font-size: 1.7rem;
}
/*.sidebar-left h2 {
    font-size: 2rem
}*/
.sidebar-left h2 a {
    color: inherit;
    font-size: inherit;
}
.sidebar-left ul.menu {
    list-style: none;
    background: #85BFC9;
    padding: 1.5em 1em 1em 0.5em;
}
.sidebar-left ul.menu a, .sidebar-left ul.menu a:visited {
    display: block;
    padding: 0.2em 0;
    color: #fff;
}

.sidebar-page-main-column {
    padding: 2em 0;
}


.inline-form{
    background-color: #86a93e;
    background-image: url(png/recycle-icon-transp-for-dark-bg.png);
    background-position: 5% 50%;
    background-size: auto 99%;
    background-repeat: no-repeat;
}
.inline-form h3{
    font-family: 'Oswald', sans-serif;
    font-size: 30px;
    color: #fff;
    font-weight: 400;
}
.center-box{
    position: absolute;
    top: 0;
    bottom: 0;
    height: 131px;
    margin: auto;
    width: 65%;
    left: 0;
    right: 0;
}
@media screen and (max-width:540px){
  .center-box{
    width: auto;
  }
}
.form-inline label{
    font-size: 24px;
    font-family: 'Lora', serif;
    color: #fff;
}
.form-inline hr{
    background-color: #70b5c0;
    height: 3px;
}
.form-inline .form-group{
    width: 100%;
}
:-ms-input-placeholder{
    color: #4d4d4f;
    font-family: 'Lora', serif;

}
::placeholder {
    color: #4d4d4f !important;
    font-family: 'Lora', serif !important;;

}
.banner, .banner img{
    position: relative;
}
.banner img{
    width: 100%;
}
.banner-txt{
    position: absolute;
    z-index: 10;
    top: -25%;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    height: 152px;
}
.banner-txt h3{
    font-family: 'Lora', serif;
    font-weight: 700;
    font-size: 24px;
    text-align: center;
    color: #fff;
}
.banner-txt h1{
    font-size: 52px;
    color: #fff;
    font-family: 'Oswald', sans-serif;
    font-weight: 600;
    text-align: center;
    margin: 0;
}
.banner-bottom{
    height: 204px;
}
.bottom-txt{
    width: 728px;
    background-color: #3395a5;
    padding: 34px 89px 34px 34px;
    position: absolute;
    z-index: 10;
    max-width: 78%;
    /* top: 66%; */
    bottom: 80px;
}
.bottom-txt p{
    /*font-family: 'Source Sans Pro' !important;
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    line-height: 40px;
    */
    font-family: 'Lora', serif !important;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 34px;
    color: #ffffff;
    margin-bottom: 15px;
}
.bottom-txt-1 .bottom-link-1 a span{
    font-family: 'Lora', serif;
    font-weight: 700;
    font-size: 24px;
}
@media (max-width: 855px) {
  .bottom-txt-1 .bottom-link-1 a span{
    font-size: inherit;
    line-height: 1.3;
    display: inline-block;
  }
}

.bottom-txt:after{
    content: "";
    display: block;
    position: absolute;
    background-image: url(png/right-tri.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 50px;
    height: 100%;
    right: -50px;
    top: 0;
}
.bottom-link{
    width: 200px;
    max-width: 100%;
    border-top: 2px solid #73ccd2;
    padding-top: 10px;
}
.bottom-link a i{
    color: #193c4f;
    float: right;
    /* margin-top: 8px; */
    font-size: 29px;
}
.bottom-link a{
    font-family: 'Lora', serif;
    font-size: 19px;
    color: #fff !important;
    text-decoration: none;
}
/* general banner */
.banner-1{
    position: relative;
    z-index: 500;
}
.banner-image-1 {
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding: 24% 0 0 0;
    height: 500px;
}
.banner-image-1:before {
    position: absolute;
    content: '';
    background-color: black;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0.4;
}
.large-banner .banner-image-1 {
    padding: 56.25% 0 0 0;
    height: 1px;
}
.banner-image-1.banner-image-mobile {
    display: none;
}
.banner-txt-1{
    position: absolute;
    z-index: 20;
    top: 12%;
    bottom: 25%;
    right: 0;
    left: 0;
    margin: auto;
    height: auto;
    text-shadow:  1px  1px 1px rgba(0,0,0,0.6);
}
.large-banner .banner-txt-1{
    top: 25%;
    bottom: 0;
    padding: 0 4rem 0 0;
}
.banner-txt-1 h3{
    font-family: 'Lora', serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.4;
    text-align: left;
    padding-left: 10%;
    color: #fff;

}
@media screen and (max-width: 855px) {
  .banner-txt-1 h3{
      display: none;
  }
}
.banner-txt-1 h1{
    font-size: 60px;
    color: #fff;
    font-family: 'Oswald', sans-serif;
    font-weight: 600;
    text-align: left;
    padding-left: 10%; 
    margin: 0.5em 0 0 0;
}
.banner-bottom-1 {
    height: 400px;
    width: 100%;
    position: absolute;
    bottom: -200px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.bottom-txt-1 {
    width: 59%;
    background-color: #3395a5;
    padding: 34px 89px 34px 34px;
    position: relative;
    z-index: 20;
}
@media screen and (max-width: 855px) {
  .main-content .sidebar-text-block-sec {
    margin-top: 0 !important;
  }
}
.sidebar-text-block-sec .section-sidbar-block-pd {
    padding: 0px 15px 0px 15px !important;
}
.sidebar-text-block-sec {
	position: relative;
	z-index: 500;
}
.bottom-txt-1 p{
    /*font-family: 'Oswald', sans-serif;*/
    font-size: 19px;
    color: #fff;
    margin-bottom: 15px;
}
.bottom-txt-1 h1 {
    font-family: 'Oswald', sans-serif;
    font-size: 2rem;
    color: #fff;
    /* text-transform: uppercase; */
    margin: 0 0 0.4em 0;
}
@media (min-width: 576px) {
    .bottom-txt-1 h1 {
        font-size: 3rem;
    }
}
@media (min-width: 768px) {
    .bottom-txt-1 h1 {
        font-size: 3.6rem;
    }
}
.bottom-txt-1:after{
    content: "";
    display: block;
    position: absolute;
    background-image: url(png/right-tri.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 8%;
    height: 100%;
    right: -8%;
    top: 0;
}
.bottom-link-1 {
    max-width: 100%;
    padding-top: 10px;
    font-family: 'Lora', serif;
    font-size: 19px;
    color: #fff;
    text-decoration: none;
}
h1 + .bottom-link-1 {
    border-top: 2px solid #73ccd2;
}
.baner-text-spacer {
    height: 100px;
}
#wnb-bar{
    background-image: none !important;
    box-shadow: none !important;
}

@media screen and (max-width: 1100px) {
    .banner-txt-1 h1 {
        font-size: 35px;
    }
}

@media screen and (max-width: 855px) {
    
    
    .main-content .child-page .banner-image-1 {
        padding: 60.7% 0 0 0 !important;
    }
    .banner-image-1.banner-image-desktop {
        background: transparent !important;
        padding: 0;
        height: auto;
    }
    .banner-image-1.banner-image-desktop iframe {
        display: none;
    }
    .main-content .child-page .banner-image-1.banner-image-desktop {
        padding: 0 !important;
        height: auto;
    }

    .banner-image-1.banner-image-desktop .banner-txt-1 {
        display: none;
    }
    .banner-image-1.banner-image-mobile {
        display: block;
    }
    .banner-bottom-1 {
        height: auto;
        position: relative;
        bottom: auto;
        overflow: visible;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }
    .bottom-txt-1 {
        width: 100%;
        background-color: #3393A3;
        padding: 1em 20px;
        position: relative;
    }
    .child-page .bottom-txt-1 {
        width: 100% !important;
    }
    .bottom-txt-1:after {
        background-image: url(png/top-tri.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        width: 100%;
        height: 0;
        padding: 11% 0 0 0;
        right: 0;
        top: auto;
        left: 0;
        bottom: 99%;
    }
    .baner-text-spacer {
        height: 0px
    }
}

.siteheader .actions.pull-right {
    position: relative;
}
.custom-search-form-header {
    top: auto;
    bottom: auto;
    right: 95%;
    left: auto;
    z-index: 200;
}

@media screen and (max-width: 692px) {
  .custom-search-form-header {
    right: auto;
    left: -100%;
	top: 0;
	bottom: auto;
    margin: auto;
    width: 80%;
  }
  .custom-search-form-header.show_search_bar {
    position: relative;
	left: 0;
  }
  .custom-search-form-header input {
    width: 100% !important;
  }
  .custom-search-form-header button {
    position: absolute;
    right: 0;
  }
}
@media (max-width: 500px) {
  .custom-search-form-header {
    width: 20rem;
  }
  .custom-search-form-header input {
    width: 72% !important;
  }
}

/*
@media screen and (max-width:769px) {
    .custom-search-form-header {
        top: 40px !important;
    }
}
*/


@media screen and (max-width: 660px) {
    .banner-txt h3 {
        font-size: 24px;
    }
    .banner-txt-1 h1 {
        font-size: 31px;
    }
}
.show_search_bar{
    opacity: 1 !important;
}
/*
@media (max-width: 575px) {
    .bottom-txt-1 {
        padding: 2em 2em;
        width: 70%;
    }
    .bottom-link-1 {
        display: none;
    }
}
*/
.bottom-link-1 a, .bottom-link-1 a:visited {
    font-family: 'Lora', serif;
    font-size: 19px;
    color: #fff;
    text-decoration: none;
    display: inline-block;
}
.bottom-link-1 a:focus,
.bottom-link-1 a:hover {
    color: #fff;
    /* text-shadow: 1px 1px 0 #000, 0 -1px 0 #86a93e; */
}
.bottom-link-1 a i {
    color: #193c4f;
    font-size: 1.6em;
    margin: 0 0 0 2em;
    cursor: pointer;
    float: right;
}
@media (min-width: 856px) {
  .bottom-link-1 a i {
    position: absolute;
    top: 50%;
    margin-top: -0.5em;
    right: 0em;
  }
}
.bottom-link-1 a:focus  i,
.bottom-link-1 a:hover i {
    color: #fff;
    text-shadow: none;
}
/* END general banner */

.services{
    padding: 10px 0px 70px 0px;
}
.circle-images{
    max-width: 450px;
    margin: auto;
}
@media (min-width: 992px) {
    .circle-images{
        display: inline-block;
    }
}
.circle-img a{
    text-decoration: none;
    color: #fff !important;
    position: absolute;
    font-size: 54px;
    color: #fff;
    z-index: 99;
    top: 0;
    bottom: 0;
    margin: 0;
    right: 0;
    left: 0;
    display: flex;
    justify-content: center;
    flex-basis: auto;
    align-items: center;
    opacity: 0.8;
    transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transform: scale(1);
}
.circle-img a:focus,
.circle-img a:hover {
    /* opacity: 1; */
    -ms-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    transform: scale(1.5);
}
.circle-img{
    /* position: relative;
    max-width: 90%;
    margin: 0 auto;
    border-radius: 50%;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transform: scale(1,1);
    */
    position: relative;
    max-width: 90%;
    margin: 0 auto;
    border-radius: 50%;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transform: scale(1,1);
    padding: 0 0 90% 0;
    height: 0;
    border: 10px solid #82191f;
    box-sizing: content-box;

    background-color: #3395A5;
    background-size: cover;
}
.circle-images img {
    width: 100%;
}
.round-img{
    border-radius: 50%;
    border: 10px solid #82191f;
}
.circle-img:hover{
    transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
}
.services h2{
    margin: 10px 0px 40px 0px;
	font-size: 38px;
}
.greenborder, .greenborder img{
    border: 10px solid #86a93e;
}
.greyborder, .greyborder img{
    border: 10px solid #b7ac99;
}
.yellowborder, .yellowborder img{
    border: 10px solid #ffc200;
}
.circle-txt{
    max-width: 90%;
    margin: 0 auto;
    margin-top: 25px;
    margin-bottom: 20px;
}
.circle-txt h4{
    color: #82191f;
}
@media screen and (max-width: 590px) {
  .circle-txt h4 {
    font-size: 21px;
  }
}
.circle-txt p{
    color: #82191f;
}
.green h4, .green p{
    color: #86a93e;
}
.grey h4, .grey p{
    color: #b7ac99;
}
.yellow h4, .yellow p{
    color: #ffc200;
}
.impact-description{
    max-width: 700px;
    margin: 0 auto;
}
.impact-programs{
    background-color: #eeebe7;
}
.related-content {
    margin: 4em 0;
    background-color: #e8f3f5;
    padding: 0 0 2rem 0;
}
.related-content.full-block:after {
    content: "";
    height: 2em;
    display: block;
    clear: both;
    width: 100%;
}
.hover-txt p{
    color: #fff;
}
p.clearfix{
    margin: 0;
}
.hover-txt h3,
.content_box_area_cp .hover-txt h3 {
    color: #193c4f;
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    margin-bottom: 25px;
    text-align: center;
    text-transform: uppercase;
}
@media (min-width: 992px) {
    .hover-txt h3{
        font-size: 2.4rem;
        margin-top: 0;
        margin: 0;
        min-height: 2.6em;
    }
}
@media (max-width: 540px) {
    .hover-txt h3{
        min-height: 3em;
    }
}
.hover-txt h3 a {
    color: #193c4f;
    text-decoration: none;
}
.impact-link a{
    color: #193c4f !important;
    font-size: 21px;
    font-family: 'Lora', serif;
    font-weight: bold;
    float: left;
    width: 100%;
    text-align: left;
}
.related-conent-link a{
    color: #FFC200 !important;
    font-size: 21px;
    font-family: 'Lora', serif;
    font-weight: bold;
    float: left;
    width: 100%;
    text-align: left;
}
.bottom-link.related-conent-link a i {
    color: #FFC200;
}
.impact-link,
.related-conent-link {
    width: 100%;
}
.hover-txt{
    padding: 4px 43px 11px 43px;
    background-color: #3395a5;
    position: absolute;
    width: 92.2%;
    transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    width: 92.2%;
    top: 72%;
    bottom: 0;
}
@media (max-width: 393px) {
  .hover-txt{
    top: 68%;
  }
}
.top-arrow-hover i{
    float: right;
    color: #1a3f52;
    transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
}
.top-arrow-hover i{
    opacity: 1;
}
.hover-txt:hover .top-arrow-hover i{
    opacity: 0;
}
.hover-txt:hover{
    bottom: 0;
    top: 0;
}
.hover-txt:before{
    content: "";
    background-image: url(webp/top-tri--lt-blue.webp);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    top: -30px;
    width: 100%;
    height: 32px;
    left: 0;
}
.cards{
    padding-bottom: 73px;
    /*max-height: 296px;*/
    overflow: hidden;
    height: 245px;
    overflow: hidden;
}
.cards img{
    margin: 0 auto;
    width: 97%;
}

.related-content .cards {
    padding: 0;
}
#menu-about-zero-waste li.active a{
    text-decoration: underline;
    color: #3395a5;
}
.related-content .card-img {
    margin: 0 auto;
    display: block;
    width: 100%;
}
.related-content .hover-txt {
    background-color: #193C4F;
    left: 0;
    margin-left: 6%;
    width: 88%;
    top: calc(100% - 7rem);
}
.related-content .hover-txt:hover {
    top: 0.3rem;
}

.related-content .hover-txt h3 {
    color: #FFC200;
    /* white-space: nowrap; */
    overflow: hidden;
    /* text-overflow: ellipsis; */
    font-size: 1.6rem;
    height: 2.2em;
    padding-top: 0;
    margin-top: 0.4em;
    transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
}
.related-content .hover-txt:hover h3 {
    font-size: 2rem;
    margin: 0 0 0.3em 0;
}
.search_no_found{
    margin: 50px 0;
}
.related-content .hover-txt:before{
    background-image: url(png/top-tri--drk-blue.png);
}

.banner2 .banner-txt h1{
    text-align: center;
}
.banner2 .a-z-banner {
    width: 100%;
    height: 1px;
    padding: 0 10%;
    background-color: #86a93e;
    background-image: url(png/recycle-icon-transp-for-dark-bg.png);
    background-position: 5% 0%;
    background-size: auto 88%;
    background-repeat: no-repeat;
    text-align: center;
}
.banner2 .banner-txt{
    background-color: rgba(25,59,78,0.7);
    width: 1Z0px;
    max-width: 100%;
    margin: 0 auto;
    padding: 29px 10% 29px 10%;
    height: 23%;
    top: -32%;
}
.banner2 .form-inline label.full-width {
    padding: 0.5em 0;
}
.banner2 .form-inline .btn {
    background-color: #86a93e;
}
.banner2 .form-inline .btn.btn-primary {
    background-color: #204d74;
}
.banner2 .simple-search .btn:before {
    border-color: transparent #86a93e transparent transparent;
}
.banner2gamelink {
    color: #fff;
    clear: both;
    padding: 6% 0 0 0;
    text-align: center;
}

@media (max-width: 853px) {
  .home-a-z-guide {
    border-top: 30px solid #86a93e;
    border-bottom: 30px solid #86a93e;
  }
    .banner2 .a-z-banner {
        position:absolute;
        height: 100%;
        top: 0;
        bottom: 0;
        background-size: auto 58%;
    }
    .banner2  .a-z-banner + .banner-txt  {
        position: relative;
        z-index: 10;
        margin: 0;
        top: 0;
    }
}
@media (min-width: 854px) {
    .banner2 .a-z-banner {
    padding: 0;
    height: 34em;
    }
    .banner2  .a-z-banner + .banner-txt {
        height: auto;
        top: 12%;
        bottom: 12%;
    }
}
@media (min-width: 992px) {
    .banner2 .a-z-banner {
    /*    padding: 0 0 16%;  */
    padding: 0;
    height: 24em;
    }
    .banner2  .a-z-banner + .banner-txt {
        height: auto;
        top: 10%;
        bottom: 10%;
    }
}

@media (min-width: 1400px) {
    .banner2gamelink {
        padding: 11% 0 0 0;
    }
    .banner2 .a-z-banner {
    height: 31em;
    }
}
.banner2 hr{
    background-color: #86a93e;
    width: 100%;
    float: left;
}
/*
.banner2 .banner-txt:after{
    content: '';
    position: absolute;
    display: block;
    height: 100%;
    top: 0;
    background-image: url(assets/images/cut.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 53.3%;
    right: -53.3%;
}
*/
.banner2 .banner-txt:after {
    content: '';
    position: absolute;
    display: none;
    height: 100%;
    top: 0;
    right: -100%;
    width: 100%;
    border-style: inset;
    border-width: 120px 0 0 400px;
    border-color: transparent transparent transparent #29739c;
    transition: all 0.3s ease;
    /* opacity: 0.7; */
    opacity: 0.669;
}
.banner2{
    overflow: hidden;
    /* margin-top: 50px; */
}
.banner2.home-a-z-guide {
	overflow: visible;
}
.banner2 .bottom-txt{
    width: 728px;
    background-color: #fff;
    padding: 74px 89px 34px 34px;
    bottom: 142px;
    display: none;
}
.banner2 .bottom-txt:after{
    background-image: url(png/right-arrow.png);
}
.blurb-title{
    color: #193c4f;
    background-color: rgba(255,255,255,0.7);
    position: absolute;
    bottom: 0;
    margin-bottom: 0;
    padding: 6px 23px;
    left: 0;
}
.blurb-title:after{
    content: "";
    background-image: url(webp/right-white.webp);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: -50px;
    top: 0;
    width: 50px;
    height: 100%;
}
.blurb-title a{
    color: #193c4f !important;
}
.blurb-title a i{
    margin-left: 24px;
}
.blurb{
    position: relative;
    margin-bottom: 20px;
    display: inline-block;
    text-decoration: none !important;
}
.blurb img{

}
.shift-alt .shifted-alt--txt .program-box .program-box-link a{ color:#82191F !important; }
.shift-alt .shifted-alt--txt .program-box .program-box-link a:hover{ color:#3395a5 !important; }
@media (min-width: 992px) {
    .arrow-cols .container>.row {
        display: flex;
        align-items: stretch
    }
}
.blurb-title-containe{
    position: relative;
}
.info-blurb .blurb-title{
    font-weight: normal;
    color: #ffc200;
    position: static;
    padding: 0 4px;
    background: no-repeat;
    margin-bottom: 20px;
    line-height: normal;
}
.link-box{
    display: block;
    border-top: 1.4px solid #ffc200;
    padding: 0px 6px;
    padding-top: 12px;
}
.info-blurb p{
    color: #fff;
    padding: 0px 8px;
}
.link-box .link-txt{
    color: #ffc200;
    font-family: 'Lora', serif;
    font-weight: bold;
    font-size: 18px;
}
.red-blurb .link-box .link-txt {
    color: #db4422;
}
.green-blurb .link-box .link-txt {
    color: #86a93e;
}
a:hover .link-box .link-txt,
a:hover .link-box .link-txt i {
    color: #ffffff;
}
.info-blurb{
    padding: 50px 35px;
    text-decoration: none;
    background-color: #193c4f;
    margin-bottom: -23px;
    margin-top: -14px;
    min-height: calc(100% + 37px);
}
.info-blurb.red-blurb {
    background: transparent;
}
.fa-arrow-circle-o-right{
    font-size: 28px;
}
.info-blurb .fa-arrow-circle-o-right{
    float: right;
    color: #ffc200;
    font-size: 28px;
}
.arrow-cols{
    background-color: #193c4f;
    overflow: hidden;
    margin-bottom: 4rem;
}
.info-blurb .blurb-title:after{
    display: none !important;
}
.arrow-cols .link-box i.fa{
    float: none !important;
}
.green-blurb h4.blurb-title{
    color: #86a93e;
}
.red-blurb h4.blurb-title{
    color: #db4422;
}
.red-blurb .fa-arrow-circle-o-right{
    color: #db4422;
}
.green-blurb .fa-arrow-circle-o-right{
    color: #86a93e
}
.red-blurb .link-box{
    border-color: #db4422
}
.green-blurb .link-box{
    border-color: #86a93e
}
.odd-blurb{
    background-color: #3b5969;
    position: relative;
    /* box-shadow: 40px 70px 67px 2px rgba(0,0,0,0.8); */
    z-index: 99;
}
.odd-blurb:before{
    content: "";
    display: block;
    background-image: url(webp/right-arrow-blue.webp);
    background-size: 100% 100%;
    width: 50px;
    height: 100%;
    right: -49px;
    background-repeat: no-repeat;
    top: 0;
    position: absolute;
    z-index: 99;
}
.odd-blurb:after{
    content: "";
    display: block;
    background-image: url(webp/leftinside.webp);
    background-size: 100% 100%;
    width: 50px;
    height: 100%;
    left: -49px;
    background-repeat: no-repeat;
    top: 0;
    position: absolute;
    z-index: 99;
}
.placeholderhr{
    background-color: #fff;
    height: 15px;
    width: 100%;
    margin: 0;
    z-index: 80;
    position: relative;
}
.take-actions{
    margin-top: 70px;
}
.take-actions h2{
    text-align: center;
    color: #640901;
    margin-bottom: 35px;
}
.footer-social{
    margin: 0.5em 0;
}
.footer-social ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
a{
    font-family: 'Oswald', sans-serif;
    color: #fff;
}
.footer-social ul li{
    display: inline-block;
    font-family: 'Oswald', sans-serif;
    color: #fff;
    font-size: 20px;
    margin-right: 6px;
}
.footer-social li a{
    color: #fff;
    border: 1px solid;
    border-radius: 50%;
    width: 32px;
    display: inline-block;
    text-align: center;
    transition: all 0.3s ease-in-out;
}
.footer-social li a:focus,
.footer-social li a:hover {
    color: #3395a5;
}
.footer-logo{

}
@media screen and (max-width:660px) {
  .footer-logo img{
    max-width: 90%;
  }
}

.footer-logo img{
  width: 280px;
}

.upper-footer{
    background-color: #0d426f;
    padding: 35px 0px;
    position: relative;
    z-index: 60;
    padding-top: 59px;
}
footer .newsletter h4 {
    color: #fff;
    display: inline-block;
    font-size: 20px;
}

@media screen and (min-width:661px) {
    .newsletter form {
        width: 70%;
        display: inline-block;
        margin: 0 0 0 2em;
    }
}
@media screen and (min-width:1201px) {
    .newsletter form {
        position: relative;
        top: -0.5em;
    }
}

.newsletter .form-inline .btn {
    background-color: #3395a5;
    color: #193c4f;
}
.newsletter .form-inline .simple-search .btn:before {
    border-width: 10px 10px 10px 0;
    border-color: transparent #3395a5 transparent transparent;
}
.main-footer{
    margin-top: -16px;
}
.latestposts h2{
    color: #193c4f;
    text-align: left;
}
.search-link a{
    background: none !Important;
}
.search-link a:before, .search-link a:after{
    display: none !important;
}
.card-img{
    /*    height: 245px;
        overflow: hidden;*/
}
.main-content > *{
    width: 1230px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 30px;
    max-width: 100%;
}
@media (max-width: 767px) {
  .main-content > *{
    padding: 0px 15px;
  }
  .wp-block-columns {
    padding: 0 0 0  30px !important;
  }
}
.full-block{
    width: 100%;
    max-width: 100%;
    padding: 0;
}
.impact-programs.full-block{
    padding: 0 0 6rem 0;
}
.col-md-2-5{
    width: 19.6%;
    padding: 6px;
    display: inline-block;
    vertical-align: top;
}
.persons .col-md-2-5 a img{
    object-fit: cover;
    height: 253px;
    width: 100%;
}
.person-desc .bio-cont p{
    color: #fff;
}
.persons .col-md-2-5 a span{
    display: block;
    background-color: rgba(0,0,0,0.3);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0 auto;
    transition: all 0.5s ease-in-out;
    opacity: 1;
}
.persons .col-md-2-5 a{
    position: relative;
    display: block;
}
.persons .col-md-2-5 a:hover .overlay-grey{
    opacity: 0;
}
.person-tabs .nav li{
    padding: 10px 0px;
}
.person-tabs .nav li a{
    color: #3294a4;
    padding: 0px 15px;
    background-color: transparent;
    border-right: 1px solid;
    border-radius: 0;
    outline: none;
}
.person-tabs .nav-pills>li.active>a, .person-tabs .nav-pills>li.active>a:focus, .person-tabs .nav-pills>li.active>a:hover{
    background-color: transparent;
    color: #1a3c4f;
}

.person-tabs .nav>li>a:focus, .person-tabs .nav>li>a:hover{
    background-color: transparent;
    color: #1a3c4f;
}
.person-tabs .nav li:last-child a{
    border: none;
}
.person-tabs{
    margin-bottom: 100px;
    margin-top: 20px;
}
.person-title{
    top: auto !important;
    padding: 2px 14px 5px 14px;
    line-height: normal;
    background-color: #3395a5 !important;
    color: #fff;
    font-size: 17px;
    font-weight: normal;
}
.bio-cont{
    position: relative;
}
.selected-person a{
    position: relative;
}
.selected-person a .overlay-grey{
    background-color: rgba(0,0,0,0) !important;
}
.selected-person a:before{
    content: "";
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-bottom-width: 25px;
    border-bottom-style: solid;
    position: absolute;
    bottom: -25px;
    margin-left: 0;
    left: calc(50% - 25px);
}
.selected-person{
    /*color: #1a3c4f !important;*/
}
.person-desc{
    background-color: #3395a5;
    color: #fff;
    padding: 15px 30px 1px 30px;
    margin-top: 19px;
    display: none;
}
.light-blue a{
    color: #3395a5 !Important;
}
.dark-blue a{
    color: #1a3c4f !Important;
}
.light-green a{
    color: #86a93e !Important;
}
.light-blue .person-title, .selected-person.light-blue ~ .person-desc{
    background-color: #3395a5 !Important;
}
.dark-blue .person-title, .selected-person.dark-blue ~ .person-desc{
    background-color: #1a3c4f !Important;
}
.light-green .person-title, .selected-person.light-green ~ .person-desc{
    background-color: #86a93e !Important;
}
.single-article{
    margin: 20px 0px;
}
.single-article h2{ text-align: left;}
.single-article h4{
    color: #3395a5;
    font-size: 20px;
}
.no-result {
    font-size: 24px;
    padding-left: 60px;
}
.pagination {
    padding-left: 60px;
    display: block;
}
a.next-page {
    margin-left: 10%;
}
a.next-page, a.last-page, a.prev-page, a.first-page {
    width: 70px !important;
    float: right !important;
    display: block !important;
}
.related-blogposts-sec h3 {
    text-align: center;
    font-size: 16px;
    line-height: 20px;
}
a.next-page:hover, a.last-page:hover, a.prev-page:hover, a.first-page:hover{
    background-color: transparent !important;
}
a.prev-page, a.first-page {
    margin-left: 10%;
    /* margin-right: -10%; */
}

.related-resources-sec .program-box-link {
    width: 200px;
    margin-left: 30px;
    color : #fff;
    border-top: 2px solid #51acc7;
}
.related-resources-sec .program-box-link a{
    color : #fff;
}
.related-resources-sec .program-box-link  i{
    margin: 5px 0;
}
.related-resources-sec .program-box-link a:hover{
    color: #fff !important;
}
.related-resources-sec{
    width: 100%;
    background-color: #193d4f;
    padding: 30px 0;
}
.related-resources-sec  h2{
    margin-left: 30px;
    color: #fff;
    text-align: left;
    margin-bottom: 50px;
}
.related-resources-sec .content-ar {
    max-width: 100%;
    width: 300px;
}
.related-resources-sec .content-ar img {
    width: 100%;
}
.related-resources-sec .content-ar a:hover, .related-resources-sec .content-ar a:focus{
    text-decoration: none;
}
.related-resources-sec  img {
    /* height: 280px !important; */
    height: auto;
    max-width: 100%;
    object-fit: cover;
    object-position: center center;
}
@media (min-width: 992px) {
  .relatedresourceimg {
    min-height: 331px;
    overflow: hidden;
    display: flex;
    align-items: end;
  }
}
.related-resources-sec h3{
    text-align: center; 
    color: #fff;
}

.related-resources-sec ul
{
    border-bottom:5px solid #3395a5;
    width:95%;
    list-style: none;
    padding: 0;
    margin: 0 30px;
}
.related-resources-sec ul li{

    display: inline-block;
}
.related-resources-sec nav > .nav.nav-tabs{

    border: none;
    color:#fff;
    background:transparent;
    border-radius:0;

}

.heading-intro-block .cards img {
    height: 167px;
    margin: 6px;
    width: 97%;
    object-fit: cover;
    object-position: center center;

}
.related-resources-sec nav > div a.nav-item.nav-link
{
    border: none;
    padding: 10px 25px;
    position: relative;
    color: #fff;
    background: transparent;
    border-radius: 0;
    text-align: center;
    min-width: 170px;
    display: inline-block;
    text-decoration: none;


}
.related-resources-sec nav > div a.nav-item.nav-link.active
{
    border: none;
    padding: 10px 25px;
    position: relative;
    color: #193d4f;
    background: #3395a5;
    border-radius: 0;
    text-align: center;
    min-width: 170px;
    display: inline-block;
    text-decoration: none;
    box-shadow: 0 2px 0 0 #3395a5;

}

.related-resources-sec nav > div a.nav-item.nav-link.active:after
{
    content: "";
    position: absolute;
    bottom: -35px;
    left: 40%;
    border: 15px solid transparent;
    border-top-color: #3395a5;
    box-shadow: 0 -2px 0 0 #3395a5;
}
.related-resources-sec .tab-content{
    background: transparent;
    line-height: 25px;
    padding:30px 25px;

}

.related-resources-sec nav > div a.nav-item.nav-link:hover,
.related-resources-sec nav > div a.nav-item.nav-link:focus
{
    border: none;
    background: #3395a5;
    color:#193d4f;
    border-radius:0;
    transition:background 0.20s linear;
}

@media (max-width: 416px) {
  .rmp-menu-wrap {
    padding-top: 40px !important;
  }
}

@media (max-width: 767px) {
  .main-content .related-resources-sec ol, .main-content .related-resources-sec ul {
    margin: 0 2em 1.5em 1.4em;
    width: auto;
  }
  .related-resources-sec {;
    padding: 60px 0 !important;
  }
}
.unlinked, .unlinked>a{
    display: block;
    cursor: default;
}
@media screen and (max-width:1200px){
    .footer-logo, .footer-social, .newsletter{
        float: none;
        width: 100%;
        text-align: center;
        margin-bottom: 12px;
    }
    .newsletter .form-inline .form-group {
        text-align: center;
    }
}
@media screen and (max-width:1185px){
    .hover-txt{
        bottom: -178px;
    }
}
@media screen and (max-width:1100px){
    .banner-txt h1 {
        font-size: 35px;
    }
    .form-inline label {
        font-size: 20px;
    }
    footer .form-inline label{
        font-size: 15px;
    }
    footer .form-inline .form-group {
        width: 86%;
    }
    .footer-menu{
        padding-right: 1%;
    }
}
@media screen and (max-width:990px){
    footer .eq-col{
        display: block;
    }
    .footer-contact-info p span,
    .footer-menu-2 p {
      font-size: 18px !important;
    }
    .eq-col.inline-form{
        padding-bottom: 22px;
    }
    footer .form-inline .form-group {
        width: 100%;
    }
    .footer-menu {
        padding-left: 17%;
    }
    footer .center-box{
        position: static;
        padding-top: 1px;
        height: auto;
    }
    .arrow-cols .col-md-4{
        width: 86%;
        margin: 0 auto;
    }
    .odd-blurb{
        /* box-shadow: 40px 67px 67px 2px rgba(0,0,0,0.6); */
    }
    .blurb{
        display: block;
    }
    .blurb img{
        width: 100%;
    }
    .latestposts .col-md-7, .latestposts .col-md-5{
        text-align: center;
    }
    .cards{
        max-height:  max-content;
        height: auto;
        padding: 0;
        margin-bottom: 30px;
    }
    .hover-txt,
    .related-content .hover-txt {
        position: static;
        width: 100%;
        margin-left: 0;
        min-height: 0;
    }
    .hover-txt
    {
        position: absolute;
        width: 100%;
        margin-left: 0;
        min-height: 0;
         
    }
   .content_box_area_cp .hover-txt h3 {
    margin-bottom: 35px;
    padding-top: 0;
    margin-top: 0;
    }
    .cards img{
        width: 100%;
    }
    .top-arrow-hover i{
        display: none;
    }
}
@media screen and (max-width:925px){
    .bottom-txt{
        width: 728px;
        background-color: #3395a5;
        padding: 23px 89px 12px 34px;
        position: absolute;
        z-index: 10;
        max-width: 78%;
        bottom: 75px;
    }
}
@media screen and (max-width:855px){
    .banner-bottom{
        display: block;
    }

    .banner2 .banner-txt {
        width: 100%;
        height: auto;
        position: absolute;
        z-index: 999;
        /* position: relative; */
        top: auto;
    }
    .person-row .col-md-2-5{
        width: 200px;  
    }
}
@media screen and (max-width:890px){
    .main-nav ul li a{
        font-size: 14px;
        padding: 3px 7px 5px 7px;
    }
}
@media screen and (max-width:776px){
    .bottom-txt{
        width: 728px;
        background-color: #3395a5;
        padding: 23px 11px 12px 34px;
        position: absolute;
        z-index: 10;
        max-width: 78%;
        /* top: 66%; */
        bottom: 140px;
    }
    .bottom-txt p{
        font-size: 14px;
    }
    .bottom-link a{
        font-size: 16px;
    }
    .bottom-link a i{
        font-size: 23px;
    }
    #input-txt{
        float: none;
    }
}
@media screen and (max-width:660px){
    .siteheader .container{
        padding-left: 0;
    }
    .logo, .actions{
        float: none !Important;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 12px;
    }
    .header-search form {
      margin: 12px 0 0 0;
    }
    .bottom-txt {
        width: 728px;
        background-color: #3395a5;
        padding: 23px 30px;
        position: static;
        z-index: 10;
        max-width: 100%;
        /* top: 66%; */
        bottom: 140px;
    }
    .bottom-txt:after{
        display: none;
    }
    .banner-txt{
        top: -42%;
    }
    .banner-txt h1{
        font-size: 31px;
    }
    .banner-txt h3{
        font-size: 24px;
    }
}
@media screen and (max-width:590px){
    h4{
        font-size: 17px;
    }
    .related-page-title-and-arrow h4 {
        font-size: 28px;
    }
    .banner-txt {
        top: -10%;
    }
}
@media screen and (max-width:500px){
    .banner2 .banner-txt {
        width: 100%;
        height: auto;
        position: relative;
        z-index: 999;
        /* position: relative; */
        top: auto;
        margin-top: -3px;
    }
    h2{
        font-size: 28px;
    }
    h3{
        font-size: 23px;
    }
    .odd-blurb:before, .odd-blurb:after{
        display: none;
    }
    .blurb {
        box-shadow: none;
    }
    .odd-blurb{
        padding: 50px 15px;
    }
    .banner-bottom .bottom-txt:after{
        width: 48px;
        height: 94%;
        right: 192px;
        top: 6px;
        transform: rotate(-90deg);
        display: none;
    }
    .services {
        padding: 50px 0px 25px 0px;
    }
    .banner-txt {
        height: 280px;
    }
}
@media screen and (max-width:450px){
    li.header-search:first-of-type{
        display: inline-block;
    }
    header .actions li{
        margin-left: 5px;
        margin-right: 5px;
    }
}
@media screen and (max-width:450px){
    .actions li{
        margin-top: 15px;
    }
    .blurb-title:after{
        display: none;
    }
}

@media (max-width: 887px) {
    .main-nav,
    .img-mega-menu,
    .rmp-submenu .rmp-menu-item-link br {
        display: none;
    }
    .siteheader .actions.pull-right {
      clear: both;
    }
    #wnb-bar + .loading + .main-container .rmp_menu_trigger {
      top: 4.3rem !important;
    }
}

@media (max-width: 886px) {
  .a-z-input-wrap {
    padding: 2px 4px;
    background: #86a93e;
  }
  .header-search label input.form-control {
    box-shadow: 0 0 0 1px #fff;
  }
  .actions li a.cycling {
      padding: 5px !important;
  }
}
@media (min-width: 887px) {
    .actions li a.cycling {
        background-color: transparent;
        padding: 0px 12px;
        color: #fff;
    }
    .header-search label input.form-control {
        border: none;
        margin-left: 11px;
    }
    .actions li a.cycling .azicon {
        display: none;
    }
    .actions li.header-search form {
        position: relative;
        width: 320px;
        display: block;
    }
    .actions li.header-search form:before {
        content: "";
        display: block;
        background-color: #86a93e;
        background-image: url(png/recycle-icon-transp-for-dark-bg.png);
        background-position: 99% 50%;
        background-size: auto 99%;
        background-repeat: no-repeat;
        top: -20%;
        width: 100%;
        height: 135px;
        position: absolute;
    }
}

/* ###############
   Inner Pages
   ############### */

section.inner-page {
    padding: 60px 15px;
}
section.inner-page.full-block {
    padding: 60px 0;
}
.heading-intro-block{
    padding-top:0px !important;
}
.wp-container-3 .cta-block-wrap, .wp-container-8 .cta-block-wrap{
    padding:0px !important;
}
.wp-container-1 .cta-block-wrap{
    padding-top:0px !important;
}
@media (max-width: 767px) {
  section.inner-page.full-block.cta-block-wrap {
    padding: 0;
  }
}
section.inner-page.tone-2 + section.inner-page.tone-2 {
    padding: 0 15px 60px 15px;
}
section.inner-page.full-block.tone-2 + section.inner-page.full-block.tone-2 {
    padding: 0 0 60px 0;
}
@media (min-width: 855px) {
/*
    section.inner-page:first-child,
    section.inner-first,
    section.inner-page.full-block:first-child,
    section.full-block.inner-first {
        padding: 200px 15px 60px 15px;
    }
*/
    section.inner-first,
    section.full-block.inner-first {
        padding-top: 100px;
    }
    section.inner-page:first-child .row .col-sm-5 + .col-sm-7,
    section.inner-first .row .col-sm-5 + .col-sm-7,
    section.inner-page.full-block:first-child .row .col-sm-5 + .col-sm-7,
    section.full-block.inner-first .row .col-sm-5 + .col-sm-7,
    section.full-block .row .col-sm-5 + .col-sm-7 {
        padding-right: 14%;
    }
}
one-1 {
    background-color: #E8F3F5;
}
.tone-2 {
    background-color: #F6F4F2;
}
/* ###############
   Resource-Library
   ############### */
.video-play-icon {
    top: 49px;
    position: absolute;
    color: #f3f3f3;
    font-size: 32px !important;
    z-index: 9;
    left: 32px;
}

.search-resources {
    background: #EAF0F5;
}
.search-resources-2 {
    padding: 0 15px 16px 15px;
}

.form-resources {
    max-width: 700px;
    margin: auto;
}
.form-resources h2 {
    color: #193c4f;
    font-family: 'Oswald', sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 3rem;
    padding: 0;
    margin: 0;
    line-height: 4rem;
}
label.full-width {
    width: 100%;
}
.form-resources label h2 {
    letter-spacing: -1px;
}
.use-policy-thumb {
    margin: 1em 1.5em;
}
.section-add-rsources {
    margin: 0 1.5em 1em 1.5em;
}
.btn.toggle-box {
    display: block;
    width: 100%;
    border-radius: 0;
    font-weight: 600;
}
.use-policy-thumb .card-body {
    background: #f6f6f6;
    padding: 0.5em 1em;
    font-size: 14px;
    font-style: italic;
}
.section-add-rsources .card-body {
    background: #f6f6f6;
    padding: 0.5em 0;
}
.toggle-box-btm-btn {
    border-radius: 0;
    display: block;
    width: auto;
    border: 1px solid #d9d9d9;
    background: #eee;
}
.btn-contact {
    background-color: #3395a5;
    color: #fff;
    font-size: 15px;
    padding: 10px 30px;
    display: inline-block;
    text-align: center;
    border-radius: 5px;
    margin: 0 auto;
    font-weight: bold;
}
a.btn-contact:visited {
    color: #FFF;
}
form.add-resource-list {
    padding: 0px 15px;
}
form.add-resource-list a {
    font-size: 16px;
    color: #404040;
    padding-left: 10px;
}
.social-share {
    text-align: center;
}
@media (min-width: 768px) {
    .form-resources h2 {
        text-align: left;
    }
}

.simple-search {
    position: relative;
    width: 100%;
    font-size: 1.8rem;
}
input[type=text].simple-search-txt {
    border: none;
    padding: 0 4rem 0 1rem;
    display: block;
    height: 3em;
    border-radius: 0;
    font-size: 1em;
    width: 100%;
    top: 0;
    margin: 0;
    font-family: 'Lora', serif;
}
.header-search .btn {
    display: none;
}
@media (min-width: 887px) {
    .header-search .btn {
        display: inline-block;
    }
}
.header-search .btn,
.simple-search .btn {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background: #193c4f;
    color: #ffffff;
    border-radius: 0;
    border: none;
    transition: all 0.3s ease;
    width: auto;
    min-width: 3em;
    height: 3em;
    font-size: 1em;
    margin: 0;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
}
.header-search .btn { 
    /* background: #86a93e; */
    height: 2.82em !important;
    top: 2.57em;
    right: -3em;
    /* bottom: 0em !important; */
    z-index: 100;
    font-size: 14px;
}
.header-search .btn:before,
.simple-search .btn:before {
    content: "";
    display: block;
    position: absolute;
    top: 0.92em;
    right: 99%;
    width: 0;
    height: 0;
    border-style: inset;
    border-width: 10px 10px 10px 0;
    border-color: transparent #193c4f transparent transparent;
    -webkit-transform: rotate(360deg);
    transition: all 0.3s ease;
}
.header-search .btn:before {
    left: -0.6em;
    z-index: 100;
    top: 0.6em;
}
.header-search .btn:focus,
.header-search .btn:hover,
.simple-search .btn:focus,
.simple-search .btn:hover {
    background:#DB4422;
    color: #fff;
    border: none;
    outline: none;
}
.header-search .btn:focus:before,
.header-search .btn:hover:before,
.simple-search .btn:focus:before,
.simple-search .btn:hover:before {
    border-color: transparent #DB4422 transparent transparent !important;
}
.inner-first.search-resources hr {
    background-color: #3395A5;
    height: 3px;
}
.left-refine-search {
    background-color: #85BFC9;
    padding: 0 15px 60px 15px;
    position: sticky;
    top: 86px;
    z-index: 700;
}
@media (max-width: 767px) {
  .left-refine-search {
    margin-bottom: 70px;
    padding-bottom: 1em;
  }
  .left-refine-search.hidden-filter {
    padding: 0 15px;
    height: 4px;
  }
  .left-refine-search h3.arrow-title.dark-arrow-title {
    cursor: pointer;
  }
  .left-refine-search h3.arrow-title.dark-arrow-title:after {
    content: "click to hide";
    display: block;
    color: #000;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    font-size: 0.7em;
    font-weight: normal;
  }
  .left-refine-search.hidden-filter h3.arrow-title.dark-arrow-title:after {
    content: "click to filter";
  }
  .refine-search-filter {
	  background: #85BFC9;
	  transition: all 0.3s ease-in-out;
	  height: calc(100vh - 150px);
	  overflow:auto;
	  width: 100%;
  }
  .refine-search-filter.hidden-filter-filters {
	  transition: all 0.3s ease-in-out;
	  height: 0;
	  overflow: hidden;
  }
}
@media (min-width: 768px) {
  .refine-search-filter {
    display: block !important;
  }
}
.refine-search-filter {
    color: #fff;
}
.refine-search-filter h4 {
    font-size: 1.8rem;
}
.refine-search-filter h4 {
    font-size: 1.9rem;
}
.refine-search-filter ul,
.refine-search-filter li {
    list-style: none;
    padding-left: 0.5em;
    margin-left: 0;
}
.refine-search-list label {
    display: flex;
    align-items: center;
    font-size: 1.5rem;
    cursor: pointer;
    margin-bottom: 0;
    padding-bottom: 3px;
}
.refine-search-list label input[type=checkbox], 
.refine-search-list label input[type=radio] {
    margin-right: 0.7em;
}
.filter-result-number {
    display: inline-block;
    padding-left: 1em;
    display: inline-block;
    padding-left: 1em;
    font-weight: normal;
}
.filter-result-number:before {
    content: "(";
}
.filter-result-number:after {
    content: ")";
}

a.reset, button.reset {
    font-size: 1.8rem;
    border: none;
    background: #3395A5;
    color: #fff;
    display: inline-block;
    width: auto;
    position: relative;
    white-space: nowrap;
    font-weight: normal;
    border-radius: 0;
}
a.reset i, button.reset i {
    padding-left: 0.5em;
}
a.reset:after, button.reset:after {
    content: "";
    position: absolute;
    background-image: url(png/right-tri.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 0.7em;
    height: 100%;
    right: -0.7em;
    top: 0;
}
a.reset {
    font-family: sans-serif;
    padding: 5px 18px;
}
a.reset:visited {
    color: #fff;
}





/* column titles */
/* 
.sidebar-left .widgettitle, .sidebar-left h2 {
    position: relative;
    top: 0px;
    font-family: 'Oswald', sans-serif;
    font-weight: 450;
    text-align: center;
    line-height: 2;
    box-sizing: border-box;
    z-index: 500;
    white-space: nowrap;
    background: #3395A5;
    color: #fff;
    margin: auto;
    display: block;
    /* padding: 0.2em 0.5em;
        width: 80%; */
/*}*/
/* 
.sidebar-left .widgettitle:after, .sidebar-left h2:after{
    content: "";
    display: block;
    height: 20px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 100%;
    background: transparent url(assets/images/btm-tri.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
*/
.sidebar-left .sidebar_menu_ar h2{
    padding: 10px;
    text-align: center;
    background: #1a3c4f;
    margin-bottom: 0px;
}
.sidebar-left .sidebar_menu_ar:first-child h2{
    margin-top: 0px;
}
.arrow-title {
    margin: 0;
    position: relative;
    top: -51px;
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    font-weight: 450;
    text-align: center;
}
.arrow-title > span {
    position: relative;
    display: inline-flex;
    align-items: stretch;
    padding: 0.3em 0.75em;
    height: 51px;
    box-sizing: border-box;
    z-index: 500;
    white-space: nowrap;
}
.page-with-sidebar .banner-image-1 {
    padding: 35% 0 0 0;
    margin-bottom: 90px;
}
.arrow-title > span:after {
    content: "";
    display: block;
    background: transparent;
    background-repeat: no-repeat;
    height: 20px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 100%;
}
.page-with-sidebar .banner-txt-1 h1 {
    font-size: 34px;
}
.page-with-sidebar .banner-txt-1 h3 {
    font-size: 20px;
}
.page-with-sidebar .sidebar-page-main-column .banner-bottom-1 {
    height: 200px;
    bottom: -100px;
}
.page-with-sidebar  .sidebar-page-main-column .bottom-txt-1 {
    width: 57%;
    padding: 24px 73px 25px 30px;
}
.dark-arrow-title > span {
    background: #3395A5;
    color: #fff;
}
.arrow-title.dark-arrow-title > span:after {
    background: transparent url(png/btm-tri.png);
    background-size: 100% 100%;
    box-shadow: 0 -2px 0 0 #3395A5;
}
.light-arrow-title > span {
    background: #85BFC9;
    color: #fff;
}
.arrow-title.light-arrow-title > span:after {
    background: transparent url(png/btm-tri-lgt.png);
    background-size: 100% 100%;
    box-shadow: 0 -2px 0 0 #85BFC9;
}
.arrow-title > span span {
    margin-left: 0.5em;
}
.arrow-title > span span:first-child {
    margin-left: 0;
}
.arrow-title > span span.lora {
    font-size: 0.7em;
    font-family: 'Lora', serif;
    color: #00498F;
    line-height: 1.5em;
    font-weight: 600;
}
@media (max-width: 959px) {
    .sort-by-label {
        display: none;
    }
}


@media (max-width: 767px) {
    .results-number {

    }
    .results-sort-by {
        top: -20px;
    }
}
/* the select arrow */
label.chevron-light select {
    font-family: 'Oswald', sans-serif;
    font-size: 3rem;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    padding: 0 2em 0 0.5em;
    background: #EAF0F5;
    color:#3395A5;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
    min-width: 100% !important;
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-right:2em;}
}

label.chevron-light {
    position: relative;
    top: -9px;
}
label.chevron-light:before {
    content:'';
    right:0.2em; 
    top:0.2em;
    bottom: 0.2em;
    width:2rem;
    background: #EAF0F5 url(png/select-chevron.png) no-repeat;
    background-position: center;
    background-size: contain;
    position:absolute;
    pointer-events:none;
    display:block;
}

/* resource list */
.resource-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.resource-list li {
    padding: 3em 60px;
    overflow: hidden;
}
.resource-list li:first-child {
    padding: 1em 60px 3em 60px;
}
/*Ajax Loader*/
/* Absolute Center Spinner */
.loading {
    position: fixed;
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: visible;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

/* Transparent Overlay */
.loading:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
    /* hide "loading..." text */
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.loading:not(:required):after {
    content: '';
    display: block;
    font-size: 10px;
    width: 1em;
    height: 1em;
    margin-top: -0.5em;
    -webkit-animation: spinner 1500ms infinite linear;
    -moz-animation: spinner 1500ms infinite linear;
    -ms-animation: spinner 1500ms infinite linear;
    -o-animation: spinner 1500ms infinite linear;
    animation: spinner 1500ms infinite linear;
    border-radius: 0.5em;
    -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
    box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.loading {
    display: none;
}

@media screen and (max-width:980px){
    .resource-list li {
        padding: 2em 30px;
        overflow: hidden;
    }
    .resource-list li:first-child {
        padding: 1em 30px 2em 30px;
    }
}
.resource-list li:nth-child(even) {
    background: #EAF0F5;
}
.resource-list-thumb-link {
    text-align: center;
    position: relative;
    display: block;
    float: left;
    width: 11%;
    margin: 0 4% 0 0;
}
a.resource-list-thumb-link .video-play-icon  {
    color: #fff;
    font-size: 1.5rem !important;
    margin: -0.2em auto 0 -0.6em;
    line-height: 1;
    font-weight: normal;
    position: absolute;
    left: 50%;
    top: 50%;
    right: auto;
    display: block;
    transition: all 0.2s ease-in-out;
    width: 1em;
    height: 1em;
    text-indent: 0.2em;
    opacity: 0.8;
}
a.resource-list-thumb-link:focus .video-play-icon,
a.resource-list-thumb-link:hover .video-play-icon  {
    opacity: 1;
}

.pdf-resource-list-thumb-link {
    position: relative;
}
.pdf-resource-list-thumb-link a {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 100;
}

@media screen and (min-width:581px){
    a.resource-list-thumb-link .video-play-icon  {
        font-size: 3rem !important;
        margin: -0.2em auto 0 -0.6em;
    }
}

@media screen and (min-width:981px){
    a.resource-list-thumb-link .video-play-icon  {
        font-size: 4rem !important;
    }
}
.resource-list li img,
a.resource-list-thumb-link .resource-list-thumb  {
    display: block;
    width: 100%;
    height: auto;
    margin: 1em 0 0 0;
}
a.resource-list-thumb-link .resource-list-thumb {
    font-size: 4rem;
}
.resource-list li > div {
    overflow: hidden;
}
.resource-list h4 {
    color: #193C4F;
    padding: 0 0 0.3em 0;
    border-bottom: 3px solid #88C6DD;
    text-transform: uppercase;
}
body .resource-list h4 a {
    color: #193C4F !important;
}
.resource-list h4 span.resource-list-date {
    font-size: 0.62em;
    float: right;
}
.resource-list p {
    margin: 0;
    font-size: 1.8rem;
    line-height: 1.7;
}
.resource-list p.resource-list-cats {
    color: #193C4F;
}
span.resource-list-cat {
    display: inline-block;
    padding-right: 1em;
}
span.resource-list-cat:last-child {
    padding-right: 0;
}
.clickable-type {
    cursor: pointer;
    color: #85bec8;
}
.resource-list p.resource-list-cats.strong {
    text-transform: uppercase;
    font-weight: 900;
}

/* ###############
  Pagination compatible with WP-PageNavi 
############### */ 

.pagination .wp-pagenavi {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-size: 1.8rem;

}
.pagination .wp-pagenavi > a,
.pagination .wp-pagenavi .current {
    font-size: 1.8rem;
    padding: 0;
    text-decoration: none;
    border: none;
    border-left-width: 0;
    border-radius: 2em;
    width: 2em;
    height: 2em;
    line-height: 2em;
    display: inline-block;
    text-align: center;
    float: none;
    color: #3395A5 !important; /* also keeps color the same after visited */
}
.pagination .wp-pagenavi > a:focus,
.pagination .wp-pagenavi > a:hover {
    color: #DB4422;
    background-color: #D1CFCF;
}
.pagination .wp-pagenavi > a.previouspostslink,
.pagination .wp-pagenavi > a.nextpostslink,
.pagination .wp-pagenavi > a.last {
    width: auto;
    height: auto;
    padding: 0 0.5em;
    order: 10;
    border-radius: 0;
}
.pagination .wp-pagenavi > a.previouspostslink:focus,
.pagination .wp-pagenavi > a.nextpostslink:focus,
.pagination .wp-pagenavi > a.last:focus,
.pagination .wp-pagenavi > a.previouspostslink:hover,
.pagination .wp-pagenavi > a.nextpostslink:hover,
.pagination .wp-pagenavi > a.last:hover {
    background-color: transparent;
}

@media (min-width: 768px) {
    .pagination .wp-pagenavi > a.previouspostslink{
        margin-left: 6em;
    }
}
.pagination .wp-pagenavi > a.previouspostslink:after {
    content: " Previous";
}
.pagination .wp-pagenavi > a.nextpostslink:before {
    content: "Next ";
}

.pagination .wp-pagenavi > a.last {
    width: auto;
    height: auto;
}
.pagination .wp-pagenavi span {
    font-size: 1.8rem;
    display: inline-block;
}
.pagination .wp-pagenavi .pages,
.pagination .wp-pagenavi .last {
    display: none;
}
.pagination .wp-pagenavi .current {
    color: #4169e1;
    background-color: #D1CFCF;
    font-weight: bold;
}
/* ###############
  END Pagination compatible with WP-PageNavi 
############### */

/* ###############
   resource-page
   ############### */
section.inner-page.resource-page.full-block {
    padding: 30px 0 0 0;
}

/* single-resource-page */
.resource-thumb {
    text-align: center;
}
.resource-thumb a.video-thumbnail {
    position: relative;
}
.resource-thumb a.video-thumbnail:before {
    content: "\f144";
    color: #fff;
    opacity: 0.7;
    font-family: "FontAwesome";
    font-size: 3.4em;
    margin: -0.5em auto 0 -0.5em;
    line-height: 1;
    font-weight: normal;
    position: absolute;
    left: 50%;
    top: 33%;
    display: block;
    transition: all 0.2s ease-in-out;
}
.resource-thumb a.video-thumbnail:focus:before,
.resource-thumb a.video-thumbnail:hover:before {
    opacity: 1;
}
.resource-thumb .btn-eco,
.resource-thumb .btn-print {
    display: block;
    width: 300px;
    max-width: 100%;
    margin: 1em auto;
}

.social-share .addthis_inline_share_toolbox {
    display: inline-block;
    vertical-align: middle;
    padding-left: 0.5em;
}

.social-share .at-share-btn-elements a span.at-icon-wrapper .at-icon {
    color: #1A3C4F !important;
    fill: #1A3C4F !important;
}
.modal-body {
    padding: 0 15px;
}
/*
.resource-thumb .social-share {
    width: 300px;
    max-width: 100%;
    margin: 1em auto;
    text-align: left;
}
.resource-thumb .social-share ul {
    text-align: left;
    padding: 0;
    margin: 0;
    list-style: none;
}
.resource-thumb .social-share ul li {
    display: inline-block;
    padding: 0 1em 0 0;
    margin: 0;
    list-style: none;
}
*/
@media (min-width: 992px) {
    .resource-thumb {
        text-align: left;
    }
}

/* ###############
  Modals 
############### */
.modal-dialog {
    top: 15%;
    font-size: 12px;
}
.modal-title {
    font-size: 1.5em;
    font-weight: bold;
    padding-left: 10px;
}
.sli-element {
    margin-top: .5em;
    margin-bottom: .5em;
}
.modal-dialog button.close {
    position: absolute;
    z-index: 10;
    top: 1px;
    right: 2px;
    left: auto;
    bottom: auto;
    display: block;
    color: #fff;
    background: #000000;
    font-size: 2.5rem;
    opacity: 0.9;
    text-shadow: none;
}
.modal-dialog button.close:focus,
.modal-dialog button.close:hover {
    color: #ffc200;
    opacity: 1;
}
.video-modal-content,
.video-iframe-container {
    width: 100%;
    height: 0;
    position: relative;
    padding: 0 0 56.25% 0;
}
.video-modal-content iframe,
.video-iframe-container iframe {
    width: 100%;
    height: 100%;
    position: absolute;
}
.modal iframe {
    width: 560px;
    height: 315px;
    max-height: 100%;
    max-width: 100%;
}
.modal-xl {
    width: 100%;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%; /*16:9*/
    padding-top: 30px; 
    height: 0; 
    overflow: hidden;
}
.modal-dialog.modal-rl-preview {
    top: 4%;
    font-size: 12px;
    bottom: 1% !important;
    height: 90%;
}
.video-container.container-rl-preview {
    position: relative;
    padding-bottom: 89%;
    padding-top: 10px;
    height: 0;
    overflow: hidden;
}

.container-rl-preview div.pdfemb-viewer {
    position: absolute;
    left: 0;
    right: 0;
    top: 1%;
    bottom: 1%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.single_resource_pg{
    position: static !important;
    z-index: 1 !important;
}

/* ###############
  Equal-Height Columns 
############### */
/* for col-sm */
@media (min-width: 768px) {
    .row-eq-height-sm {
        display: flex;
    }
}

/* ###############
  About Us
############### */
section.inner-page:last-child {
    margin-bottom: 16px;
}
.inner-page h2.section-header {
    font-size: 3rem;
}
.inner-page h3.section-header {
    font-size: 2rem;
}
/*section.inner-page,
.inner-page p,
.inner-page {
    font-size: 1.8rem;
    line-height: 1.7;
}
*/
.image-tone {
    display: flex;
    justify-content: space-around;
    padding: 8% 2%;
}
.image-tone-img {
    width: 80%;
}
@media (min-width: 768px) {
  .image-tone {
    justify-content: flex-end;
    padding: 8%;
  }
    .image-tone-1 {
        justify-content: flex-end;
        margin-top: 1.3em;
    }
}

section.inner-page h2 {
    /* text-transform: uppercase;
    font-weight: 400; */
}
/*section.inner-page h3 {
    color: #193c4f;
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    font-weight: 450;
    text-transform: uppercase;
}*/
section.inner-page h4 {
    color: #193c4f;
    font-family: 'Lora', serif;
    font-size: 2.1rem;
    font-weight: 600;
    line-height: 1.5;
}

.main-content ol, .main-content ul {
    font-size: 18px;
}
@media (max-width: 767px) {
  .main-content ol, .main-content ul {
    margin: 0 0 1.5em 0;
  }
}
/*
.arrow-bullet-list-blue,
.arrow-bullet-list-blue ul {
    margin-left: 0;
} */
.arrow-bullet-list-blue li,
.arrow-bullet-list-blue ul li {
    list-style: none;
    position: relative;
    font-size: 18px;
    color: #4D4D4F;
}
.arrow-bullet-list-blue ul li:before,
.arrow-bullet-list-blue li:before {
    position: absolute;
    content: "";
    display: inline-block;
    width: 1em;
    height: 1.7em;
    background-image: url(webp/arrow-bullet-blue.webp);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    left: -30px;
}
.breadcrumbs ul li:before{
    display: none;
}
.breadcrumbs ul{
    margin-left: auto;
}
.section-headline {
    text-align: center;
    max-width: 620px;
    margin: auto;
}
.section-headline h2,
section.inner-page .section-headline h2 {
    margin-top: 0;
    margin-bottom: 2rem;
}
.section-headline h2:after {
    content: "";
    display: none;
    height: 2px;
    width: 20%;
    background: #898173;
    margin: 1.5rem auto;
}
.section-headline h3,
section.inner-page .section-headline h3 {
    color: #82191f;
    font-family: 'Lora', serif;
    text-transform: none;
}


.shift .shifted,
.shift-alt {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
}
.shift-alt .shifted-alt {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
}
.shifted-alt--img {
    width: 100%;
    padding: 5% 5% 0% 5%;
    position: relative;
}
.shifted-alt--txt {
    width: 100%;
    padding: 0 5% 5% 5%;
}
.shifted-alt--img img {
    display: block;
    margin: auto;
    width: 100%;
}
.program-box-wrap {
    background-color: #fff;
    padding: 10%;
    display: flex;
    align-items: center;
    flex-wrap:wrap;
}
.program-box h3 {
    color: #82191F !important;
    margin: 0 0 0.7em 0;
}
.main-content p a{
    color: #82191F !important;
}
.main-content .inner-page ul li  a{
    color: #82191F !important;
}
.main-content .inner-page ol li  a{
    color: #82191F !important;
}
.program-box-link {
    margin-right: 1em;
    padding: 0.5em 0;
    border-top: 2px solid #82191F;
    font-size: 1.6rem;
}
.program-box-link a,
.main-content .program-box-link a:focus,
.main-content .program-box-link a:hover {
    color: #82191F;
    font-family: 'lora', sans-serif;
    font-weight: 600;
}
.program-box-link a i.fa {
    float: right;
    font-size: 1.333em;
}
.sponsor_section{
    position: relative;
    min-height: 300px;
    background: #fff;
    margin: 20px auto;
    padding: 30px 0;
}
.sponsor_section h2{
    text-align: center;
    margin: 10px 0 50px 0;
}
.logo_sponsor img{
    max-width: 100%;
    max-height: 100%;
    height: auto;
    object-fit: cover;
}
.logo_sponsor{
    min-height: 120px;
    display: flex;
    align-items: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media (min-width: 768px) {
    .shifted .container {
        margin: 0 -15px;
        Width: 100%;
    }
    .shifted .container > .row {
        margin: 0 -30px;
    }
    .shifted-alt {
        flex-direction: row;
        align-items: center;
        align-items: stretch;
    }
    .shift-alt:nth-child(even) .shifted-alt {
        justify-content: flex-end;
        flex-direction: row-reverse;
    }
    .shifted-alt--img,
    .shifted-alt--txt {
        width: 50%;
        padding: 0;
    }
    .shifted-alt--txt {
        display: flex;
        align-items: stretch;
    }
    .shifted-alt--img {
        background: #fff;
        justify-content: flex-end;
        display: flex;
        background-size: cover; /* change to contain for non-streched image that may not fill the box */
        background-position: 100% 50%;
        background-repeat: no-repeat;
    }
    .shift-alt:nth-child(even) .shifted-alt--img {
        background-color: #fff;
        justify-content: flex-start;
        background-position: 0% 50%;
    }
    .shifted-alt--img img {
        height: 100%;
        max-width: none;
        position: absolute;
        display: none;
    }
    .program-box-wrap {
        margin: 0 16% 0 0;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }
    .shift-alt:nth-child(even) .program-box-wrap {
        margin: 0 0 0 16%;
        justify-content: flex-end;
    }
    .program-box {
        max-width: 333px;
    }
}
@media (max-width: 767px) {
    .shifted-alt--img {
    /* background-image: none !important; */
    height: 1px;
    margin: 0 5%;
    padding: 0 10% 30% 10%;
    background-color: #fff;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    }
}

/* call-to-action and serious facts */
.cta-block,
.serious-fact {
    position: relative;
}
.cta-caption,
.fact-caption {
    background: #B7AC99;
    padding: 1em;
    position: relative;
    color: #fff;
}
.fact-caption:before,
.cta-caption:before {
    content: "";
    display: block;
    position: absolute;
    background-image: url(png/left-tri-tone-2-b7ac99.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 15%;
    left: -14%;
    top: 0;
    bottom: 0;
}
.cta-caption:before {
    background-image: url(png/right-tri-tone-5-82191f.png);
    left: auto;
    right: -14%;
}

.cta-caption {
    background: #82191F;
}
.cta-caption.cta-dark-blue {
    background: #193C4F;
}
.cta-caption.cta-light-blue {
    background: #3395A5;
}
.cta-caption.cta-even-lighter-blue {
    background: #73CCD2;
}
.cta-caption.cta-dark-red {
    background: #640901;
}
.cta-caption.cta-red {
    background: #82191F;
}
.cta-caption.cta-tan {
    background: #B7AC99;
}
.cta-caption.cta-green {
    background: #86A93E;
}
.cta-caption.cta-yellow {
    background: #FFC200;
}
.cta-caption.cta-orange {
    background: #DB4422;
}
.cta-caption.cta-dark-blue:before {
    background-image: url(png/right-tri-tone-1-193c4f.png);
}
.cta-caption.cta-light-blue:before {
    background-image: url(png/right-tri-tone-3-3395a5.png);
}
.cta-caption.cta-even-lighter-blue:before {
    background-image: url(png/right-tri-tone-8-73ccd2.png);
}
.cta-caption.cta-dark-red:before {
    background-image: url(png/right-tri-tone-4-640901.png);
}
.cta-caption.cta-red:before {
    background-image: url(png/right-tri-tone-5-82191f.png);
}
.cta-caption.cta-tan:before {
    background-image: url(png/right-tri-tone-2-b7ac99.png);
}
.cta-caption.cta-green:before {
    background-image: url(png/right-tri-tone-6-86a93e.png);
}
.cta-caption.cta-yellow:before {
    background-image: url(png/right-tri-tone-7-ffc200.png);
}
.cta-caption.cta-orange:before {
    background-image: url(png/right-tri-tone-9-db4422.png);
}

@media (max-width: 767px) {
    .cta-caption:before,
    .fact-caption:before {
        background-image: url(png/top-tri-tone-2.png);
        height: 0;
        width: 100%;
        padding: 10% 0 0 0;
        left: 0;
        right: 0;
        top: auto;
        bottom: 99%;
    }
    .cta-caption:before {
        background-image: url(png/top-tri-tone-5.png);
    }
    .cta-caption.cta-dark-blue:before {
        background-image: url(png/top-tri-tone-1.png);
    }
    .cta-caption.cta-light-blue:before {
        background-image: url(png/top-tri-tone-3.png);
    }
    .cta-caption.cta-even-lighter-blue:before {
        background-image: url(png/top-tri-tone-8.png);
    }
    .cta-caption.cta-dark-red:before {
        background-image: url(png/top-tri-tone-4.png);
    }
    .cta-caption.cta-red:before {
        background-image: url(png/top-tri-tone-5.png);
    }
    .cta-caption.cta-tan:before {
        background-image: url(png/top-tri-tone-2.png);
    }
    .cta-caption.cta-green:before {
        background-image: url(png/top-tri-tone-6.png);
    }
    .cta-caption.cta-yellow:before {
        background-image: url(png/top-tri-tone-7.png);
    }
    .cta-caption.cta-orange:before {
        background-image: url(png/top-tri-tone-9.png);
    }
}


@media (min-width: 768px) {
    .cta-block,
    .serious-fact {
        padding-bottom: 4em;
    }
    .fact-img {
        width: 70%;
    }
    .cta-img {
        width: 70%;
        margin-left: 30%;
    }

    .fact-caption {
        position: absolute;
        height: auto;
        bottom: 0;
        right: 0;
        width: 40%;
    }
    .cta-caption {
        position: absolute;
        height: auto;
        bottom: 0;
        left: 0;
        width: 40%;
        padding: 1.4em 0.5em 1.4em 2em;
    }
}
.fact-title h3,
section.inner-page .fact-title h3 {
    color: #0D426F;
}
.cta-title h3,
section.inner-page .cta-title h3{
    color: #ffffff;
}
.cta-link,
.fact-link {
    margin-right: 1em;
    padding: 0.5em 0;
    border-top: 2px solid #E2DED6;
    font-size: 1.6rem;
}
.main-content .cta-link a,
.cta-link a:focus,
.cta-link a:hover,

.main-content .fact-link a,
.fact-link a:focus,
.fact-link a:hover {
    color: #f9f5ec;
    font-family: 'lora', sans-serif;
    font-weight: 600;
}
.main-content .cta-link a:focus,
.main-content .cta-link a:hover,
.main-content .fact-link a:focus,
.main-content .fact-link a:hover {
    color: #ffffff;
}
.cta-link a i.fa,
.fact-link a i.fa {
    float: right;
    font-size: 1.333em;
}

/* accordions */
.accordion {
    margin-bottom: 2em;
}
.accordion .panel {
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.accordion .card-header h5 {
    margin: 0.5em 0 0 0;
}

.accordion .card-header h5 button {
    color: #193C4F;
    display: block;
    width: 100%;
    text-align: left;
    border: none;
    border-bottom: 2px solid #73CCD2;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    background: none;
    border-radius: 0;
    outline: none !important;
}
.accordion .card-header h5 button:focus,
.accordion .card-header h5 button:hover {
    color: #3395A5;
    text-decoration: none;
}
.accordion h5 button:before {
    content: "\f077";
    color: #86A93E;
    font: bold 14px/1 FontAwesome;
    display: inline-block;
    position: relative;
    top: -0.2em;
    padding: 0 0.7em 0 0;
}
.accordion h5.collapsed button:before,
.accordion h5 button.collapsed:before {
    content: "\f078";
}
.accordion h5 button:focus:before,
.accordion h5 button:hover:before {
    color: #DB4422;
}
.accordion .card-body {
    padding: 1em 2em 0.01em 2em;
    background: rgb(232,243,245);
    background: -moz-linear-gradient(top,  rgba(232,243,245,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(232,243,245,1) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom,  rgba(232,243,245,1) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8f3f5', endColorstr='#ffffff',GradientType=0 );

}
.accordion .card-body:after {
    content: "";
    clear: both;
    display: table;
}
.accordion-content {
    overflow: hidden;
}
.accordion-image {
    width: 100%;
    height: 0;
    padding: 1px 0 100% 0;
    background-size: cover;
    background-position: center;
    margin: 0.4em auto 0.5em auto;
}
@media (min-width: 580px) {
    .accordion-image {
        width: 250px;
        padding: 1px 0 249px 0;
        float: left;
        margin: 0.4em 1em 1em 0;
    }
}


/* nested accordion */

.accordion .accordion {
    background: #fff;
}
.accordion .accordion .panel {
    border-radius: 0;
    margin: 0;
}
.accordion .accordion .card-header h5 button {
    border-bottom: 1px solid #86A93E;
}
.accordion .accordion .panel .card-body {
    background: #deeff2;
}
.accordion .accordion .panel h5 {
    margin: 0;
}

/* Main Wide Menu Display */

.main-nav li.wide-menu {
    position: static;
}
.main-nav li.wide-menu > ul.sub-menu {
    width: 90vw;
    position: absolute;
    left: 5%;
    top: 100%;
    bottom: auto;
    justify-content: space-between;
    height: auto !important;
    padding: 1em 31px 0.5em 0;
    background-color: #fff;
    border: 1px solid #0D426F;
    border-top: none;
    box-shadow: 10px 10px 20px rgba(0,0,0,0.6)
}
.main-nav li.wide-menu:focus > ul.sub-menu,
.main-nav li.wide-menu:hover > ul.sub-menu {
    display: flex !important;
}
.main-nav li.wide-menu > ul.sub-menu li {
    display: block !important;
    position: relative !important;
    background-color: #fff;
}
.main-nav li.wide-menu > ul.sub-menu > li > a {
    text-transform: uppercase;
    position: relative;
    padding-top: 0.5em;
    /* padding-bottom:57%; */
    padding-top: 1em;
    padding-bottom: 1em;
    min-height: 2.6em;
    display: block !important;
    box-sizing: content-box;
    width: auto;
}
/*.main-nav li.wide-menu > ul.sub-menu > li > a:before {
    content: "";
    position: relative;
    display: block;
    width: auto;
    height: 0;
    padding: 0 0 50% 0;
    margin: 0 0 0.5em;
    background-image: url(/content/uploads/2019/05/img3.png);
    background-size: cover;
    background-position: 50%;
}*/
.img-mega-menu{
    height: 132px;
    width: 100%;
    object-fit: cover;
    margin-bottom: 7px;
}
.main-nav li.wide-menu > ul.sub-menu > li a {
    color: #000;
    background-color: #fff;
    line-height: 1.3;
}
.main-nav li.wide-menu > ul.sub-menu ul.sub-menu {
    display: block !important;
    width: 100%;
    position:relative;
    height: auto;
    min-height: 5em;
    top: 0;
    left: 0;
    background-color: #fff;
}
.main-nav li.wide-menu > ul.sub-menu  ul.sub-menu li a {
    color: #1A3C4F;
    padding-bottom: 0.5em;
}
.main-nav li.wide-menu > ul.sub-menu > li a:focus,
.main-nav li.wide-menu > ul.sub-menu > li a:hover,
.main-nav li.wide-menu > ul.sub-menu  ul.sub-menu li a:focus,
.main-nav li.wide-menu > ul.sub-menu  ul.sub-menu li a:hover {
    color: #c00009;
}

.main-nav li.wide-menu > ul.sub-menu > li a .unlinked:focus,
.main-nav li.wide-menu > ul.sub-menu > li a .unlinked:hover,
.main-nav li.wide-menu > ul.sub-menu  ul.sub-menu li a .unlinked:focus,
.main-nav li.wide-menu > ul.sub-menu  ul.sub-menu li a .unlinked:hover,
.main-nav li.wide-menu > ul.sub-menu > li.unlinked > a:focus,
.main-nav li.wide-menu > ul.sub-menu > li.unlinked > a:hover,
.main-nav li.wide-menu > ul.sub-menu  ul.sub-menu li.unlinked > a:focus,
.main-nav li.wide-menu > ul.sub-menu  ul.sub-menu li.unlinked > a:hover {
    color: #000;
}

/* ###############
  some missing bootstrap stuff 
############### */

.pb-0 {
    padding-bottom: 0 !important;
}

/* accordion */
.show.collapse.in .card-body {
    display: block;
}
.show.collapse .card-body {
    display: none;
}
.accordion h5 button {
    font-weight: bold;
    font-size: 1.9rem;
}

/* special link buttons */

.btn-eco,
.btn-print {
    margin: 1em 1em 1em 0;
    padding: 0.5em 0;
    border-top: 2px solid #82191F;
    border-radius: 0;
    padding-right: 7em;
    position: relative;
    display: inline-block;
    color: #82191F !important;
    font-family: 'lora', sans-serif;
    font-weight: 600;
    font-size: 1.2em;
    white-space: initial;
    text-align: left;
}
/*
.btn-print {
    border-top: 2px solid #86a93e;
    color: #86a93e !important;
}
*/
.btn-eco:after,
.btn-print:after {
    content: "\f18e";
    font-family: "FontAwesome";
    font-size: 1.1em;
    font-weight:normal;
    position: absolute;
    right: 0;
    top: auto;
    z-index: 10;
    text-decoration: none;
}
.btn-eco:focus,
.btn-eco:hover {
    color: #82191F;
    text-decoration: underline;
}
.btn-print:focus,
.btn-print:hover {
    color: #86a93e;
    text-decoration: underline;
}

/* Related Resources block */

.related-resources .container.text-center {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}
.related-resources {
    background: #193c4f;
    padding: 1em 0 0 0 !important;
}
.related-resources-title:after {
    content: "";
    clear: both;
    display: table;
}
.related-resources-title h3 {
    position: relative;
    display: block;
    background: #3395a5;
    color: #fff !important;
    margin-bottom: 0;
    padding: 0.5rem 0.5rem 0.5rem 2rem;
    float: left;
    font-size: 3rem;
    line-height: 3rem;
    height: 4rem;
}
@media (max-width: 479px) {
    .related-resources-title h3 {
        font-size: 2.5rem;
    }
}
.related-resources-title h3:after {
    content: "";
    display: block;
    position: absolute;
    width: 0.5rem;
    height: 0;
    border: 4rem solid #3395a5;
    border-left: 0 solid transparent;
    border-right: 4rem solid transparent;
    border-top: 0 solid transparent;
    right: -4.4rem;
    top: 0;
    z-index: 1;
    box-sizing: content-box;
}
@media (max-width: 991px) {
    .related-resource-card {
        width: 50%;
    }
}
@media (max-width: 479px) {
    .related-resource-card {
        width: 100%;
    }
}

.related-resources .container.text-center {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}
.related-resources {
    background: #193c4f;
    padding: 1em 0;
}
@media (max-width: 991px) {
    .related-resource-card {
        width: 50%;
    }
}
@media (max-width: 414px) {
    .related-resource-card {
        width: 100%;
    }
}

.related-resource-card {
    margin-bottom: 1em;
}
.related-resource-card .card-img {
    height: 100%;
}
.related-resource-card .card-img a {
    display: block;
    height: 100%;
    min-height: 12em;
    width: 100%;
    padding: 6px;
    background-color: #193C4F;
    color: #fff;
    overflow: hidden;
    position: relative;
    transition: all 0.5s ease-in-out;
}
.resource-thumb-wrap {
    width: 50%;
    float: left;
    height: 100%;
    display: flex;
    align-items: start;
    position: relative;
}
.related-resource-card .card-img .resource-thumb-wrap:before {
    font-family: "FontAwesome";
    font-size: 3.4em;
    line-height: 2;
    font-weight: normal;
    position: absolute;
    left: 0%;
    top: 1rem;
    right: 0;
    bottom: 0;
    display: block;
    opacity: 0;
}
.related-resource-card .card-img a:focus,
.related-resource-card .card-img a:hover {
    /* background: #FFC200;
    color: #000; */
    text-decoration: none;
}
.related-resource-card .card-img a img {
    position: relative;
    z-index:10;
    border: 1px solid;
    margin-top: 1.1em;
    -webkit-filter: grayscale(0.5);
    filter: grayscale(0.5);
    transition: all 0.5s ease-in-out;
}
.related-resource-card .card-img a:focus img,
.related-resource-card .card-img a:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.related-resource-card .card-img.photo .resource-thumb-wrap:before {
    content: "\f03e"
}
.related-resource-card .card-img.video .resource-thumb-wrap:before {
    content: "\f1c8"
}
.related-resource-card .card-img.document .resource-thumb-wrap:before {
    content: "\f15c"
}
.related-resource-card .card-img.website .resource-thumb-wrap:before {
    content: "\f0ac"
}
.related-resource-card .card-img a:focus .resource-thumb-wrap:before,
.related-resource-card .card-img a:hover .resource-thumb-wrap:before,
.related-resource-card .card-img.photo a .resource-thumb-wrap:focus:before,
.related-resource-card .card-img.photo a .resource-thumb-wrap:hover:before,
.related-resource-card .card-img.video a .resource-thumb-wrap:focus:before,
.related-resource-card .card-img.video a .resource-thumb-wrap:hover:before,
.related-resource-card .card-img.document a .resource-thumb-wrap:focus:before,
.related-resource-card .card-img.document a .resource-thumb-wrap:hover:before,
.related-resource-card .card-img.website a .resource-thumb-wrap:focus:before,
.related-resource-card .card-img.website a .resource-thumb-wrap:hover:before {
    content: "\f18e";
    z-index: 100;
    color: #fff;
    opacity: 0.9;
}
.related-resource-card .resource-title {
    font-size: 0.8em;
    line-height: 1.4;
    display: block;
    padding: 0;
    color: #fff;
}
.resource-extract {
    width: 50%;
    float: left;
    text-align: left;
    padding: 0 0 0 0.5em;
}
.resource-extract p {
    font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica,Arial,sans-serif !important;
    font-size: 1.5rem;
    line-height: 1.4;
}
.single-resource-meta {
    color: #111;
    font-size: 1.4rem;
    line-height: 1.5;
    padding: 0.5em 0 1em 0;
}
.single-resource-meta a {
    color: #3395a5;
    font-size: 1.4rem;
    font-weight: normal;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

/* Sponsors block 
 - use regular gallery block but add the class .sponsors */
ul.wp-block-gallery.sponsors {
    width: 100%;
    align-items: center;
    justify-content: space-around;
    margin: 2em auto;
    padding: 2em;
    flex-wrap: wrap !important;
    border-top: 20px solid #404040;
    border-bottom: 20px solid #404040;
}
ul.wp-block-gallery.sponsors:before {
    content: "OUR SPONSORS";
    font-family: 'Oswald', sans-serif;
    font-size: 3rem;
    display: block;
    width: 100%;
    text-align: center;
    padding: 0 0 20px 0;
}
.wp-block-gallery.sponsors .blocks-gallery-item {
    width: initial !important;
    max-width: 200px;
}

/* alternative realted pages block */

.alt-related-pages.full-block {
    padding-bottom: 60px;
}
.alt-related-cards .card-img {
    display: block;
    width: 60%;
    height: 0;
    padding: 0 0 60% 0;
    border: 4px solid #338595;
    border: 4px solid #039cba;
    border-radius: 100%;
    background-size: cover;
    transition: all 0.3s ease;
    -webkit-filter: grayscale(0.5);
    filter: grayscale(0.5);
}
.alt-related-cards .card-img:focus, .alt-related-cards .card-img:hover {
    transform: scale(1.1) translateX(6px);
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}
.alt-related-txt h4, .alt-related-txt h4 a {
    line-height: 1.3;
    color: #338595 !important;
    height: 2.5em;
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    font-size: 28px;
}
.alt-related-txt p {
    font-size: 1.8rem;
}
.alt-related-txt p.alt-related-excerpt {
    height: 15rem;
}

.alt-related-txt a.btn-eco {
    padding: 0;
    width: 96%;
}

.content_box_area_cp{
    margin: 15px 0;
}
.block_child_pages .hover-txt {
    padding: 24px 15px 11px 15px;

}
.block_child_pages p{
  /*   text-align: left; */
}
.block_child_pages .cards{
    height: 300px;
}
.block_child_pages .impact-description {
    max-width: 97%;
}
.content_box_area_cp h3, .content_box_area_cp h2{
    text-align: left;
}
.services h3{
    text-align: center;
}
.resource_callout_block .related-resources-title h3{
    float: right;
    background-color: #5f7382;
    margin-right: 0;
    padding-right: 20px;
    margin-top: 0;

}
.resource_callout_block .box_img{
    position: relative;
    min-height: 300px;
}
.resource_callout_block .box_img-bg{
    min-height: 240px;
    background-size: cover;
    background-position: top center;
}
@media only screen and (max-width: 600px){
	.mob-banner-sect{
		display:block;
	}
	.banner-image-mobile{
		display:none !important;
	}
}
@media (max-width: 768px) {
  .resource_callout_block .box_img-bg {
    min-height: 1px;
    padding: 0 0 40% 0;
    background-size: cover;
    background-position: top center;
  }
}
.resource_callout_block .resource_callout_block .box_img i{
    color: #fff;
    font-size: 62px;
    position: absolute;
    top:37%;
    left: 40%;
    display: none;

}
.related-page-title-and-arrow {
    position: relative;
    min-height: 116px;
    padding-bottom: 3em;
}
.resource_callout_block .related-page-title-and-arrow i.fa.fa-arrow-circle-o-right {
    position: absolute;
    bottom: 0em;
    left: 1em;
}
@media (max-width: 767px) {
  .resource_callout_block .related-page-title-and-arrow i.fa.fa-arrow-circle-o-right {
    position: absolute;
    bottom: 0em;
    left: 1em;
    position: relative;
    left: initial;
    bottom: initial;
    float: none;
    font-size: 3em;
  }
}
.footer-contact-info p span{
    color: #eaedee;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
}
a.footer-newsletter-button,
a.footer-newsletter-button:visited {
    color: #fff;
}
a.footer-newsletter-button:after {
    content: "";
    display: inline-block;
    content: "\f18e";
    font-family: "FontAwesome";
    font-size: 1.1em;
    font-weight: normal;
    text-decoration: none;
    transition: all 0.5s ease;
    position: relative;
    padding: 0.5em;
}
a.footer-newsletter-button:focus,
a.footer-newsletter-button:hover {
    color: #3395a5;
    text-decoration: none;
}
a.footer-newsletter-button:focus:after,
a.footer-newsletter-button:hover:after {
    left: 1em;
}
.resource_callout_block .box_img:hover img{
    border: 5px solid #667e8a; 
    cursor: pointer;
}
.resource_callout_block .box_img:hover i{
    display: block; 
}
.resource_callout_block .resource_active i{
    display: block;
}
.resource_callout_block .resource_active img{
    border: 5px solid #667e8a;  
}
.resource_callout_block h4{
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase;
    text-align: center;
    color:#667e8a !important; 
}
.quote_block span{
    text-transform: uppercase;
    float: right;
    font-size: 16px;
    color: #3a5966;
    font-weight: bold;
}
.quote_block{
    max-width: 75%;
    padding: 40px;
    color: #499ca9;
    min-height: 279px;
    background: #e6f0f6;
    position: relative;
    margin: 0 auto;
}
.quote_block:before {
    background-image: url(png/arrow-blue.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: right center;
    content: "";
    display: block;
    top: 0;
    bottom: 0px;
    width: 50px;
    position: absolute;
    left: -50px;
}
/*.quote_block:before {
   top: 0px;
    content: "";
    position: absolute;
    left: -83px;
    bottom: 0;
    border-right: 83px solid #e6f0f6;
    border-top: 134px solid transparent;
    border-bottom: 148px solid transparent;
}*/
/*.wp-block-column .quote_block:before {
   top: 0px;
    content: "";
    position: absolute;
    left: -95px;
    bottom: 0;
    border-right: 95px solid #e6f0f6;
    border-top: 187px solid transparent;
    border-bottom: 187px solid transparent;
}*/
.resource_callout_block img{
    height: 270px;
    max-width: 100%;
}
.resource_callout_block a{text-decoration: none;}
.resource_callout_block .related-resources{
    padding: 60px 0 35px 0 !important;
    min-height: 400px;
}
.resource_callout_block .related-resources-title h3:after{
    display: none;
}
.resource_callout_block .related-resources-title h3:before {
    content: "";
    display: block;
    position: absolute;
    width: 0.5rem;
    height: 0;
    border: 4rem solid transparent;
    border-right: 36px solid #5f7382;
    border-left: 0 solid #5a525200;
    border-top: 0 solid #7d1d1d00;
    left: -4.1rem;
    top: 0;
    z-index: 1;
    box-sizing: content-box;
}
.photo_captionblock{
    width: 100%;
    padding: 0px;
    margin: 20px 0;
    position: relative;
}
 .fact-caption-ar-01 .fact-caption .fact-title h3{
        color: #fff !important;
 }
 .fact-caption-ar-01 .fact-caption .fact-text p, .main-content .fact-caption-ar-01 .fact-caption .fact-text a, .cta-dark-red{
        color: #fff !important;
  }
 .cta-dark-red .cta-text p{
        color: #fff !important;
  }
  
.photo_captionblock .blurb-title:after{
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 6px;
    border: 43px solid #f5f4f2;
    border-right: 45px solid transparent;
    border-left: 0 solid transparent;
    border-top: 0 solid transparent;
    right: -45px;
    top: -6px;
    z-index: 1;
    box-sizing: content-box;
}
.mcap-title{
    width: 44%;
    color: #ecb906;
    position: absolute;
    bottom: 0;
    min-height: 170px;
    background: #193c4f9e;
    padding: 10px 30px;
}
.mcap-title:after{
    
    content: "";
    display: none;
    position: absolute;
    width: 0;
    height: 6px;
    border: 170px solid #193c4f9e;
    border-right: 185px solid transparent;
    border-left: 0 solid transparent;
    border-top: 0 solid transparent;
    right: -185px;
    top: -6px;
    z-index: 1;
    box-sizing: content-box;
}
.arrow-liststyle ul{
    list-style: none;
}
.arrow-liststyle ul li{
    margin: 5px 0px;
}
.arrow-liststyle ul li:before{
    background-repeat: no-repeat;
    left: 0;
    background-image: url(png/r-arrow.png);
    width: 14px;
    height: 10px;
    content: "";
    margin-top: 0;
    margin-right: 14px;
    margin-left: 0;
    font-size: 12px;
    display: inline-block;
}
ul.arrow-liststyle {
    list-style: none;
}
ul.arrow-liststyle li{
    margin: 5px 0px;
}
ul.arrow-liststyle li:before{
    background-repeat: no-repeat;
    left: 0;
    background-image: url(png/r-arrow.png);
    width: 14px;
    height: 10px;
    content: "";
    margin-top: 0;
    margin-right: 14px;
    margin-left: 0;
    font-size: 12px;
    display: inline-block;
}

ol.arrow-liststyle {
    list-style: none;
}
ol.arrow-liststyle li{
    margin: 5px 0px;
}
ol.arrow-liststyle li:before{
    background-repeat: no-repeat;
    left: 0;
    background-image: url(png/r-arrow.png);
    width: 14px;
    height: 10px;
    content: "";
    margin-top: 0;
    margin-right: 14px;
    margin-left: 0;
    font-size: 12px;
    display: inline-block;
}
.breadcrumbs{
    margin: -3em 0 3em -1em;
}
.breadcrumbs ul{
    margin: 0px;
    padding-left: 10%;
}
.breadcrumbs ul a:visited {
    color: #ffffff;
}
.breadcrumbs span{
    font-weight: normal;
    font-size: 15px;
    color: #ffffff;
}
.breadcrumbs ul li{
    font-family: 'Oswald', sans-serif;
    font-size: 14px;
    display: inline-block;
    text-transform: capitalize;
    color: #ffffff;
    display: inline-block;
}
.breadcrumbs ul li a:hover{text-decoration: none;}
.breadcrumbs ul li a{
    color: #fff;
    text-transform: capitalize;
    font-size: 14px;
    display: inline-block;
}
.mcap-title h4{text-align: left;}
.mcap-title p{
    max-width: 100%;
    text-align: left;
    font-size: 15px;
    color: #d4d4d4;
}
.mcap-title span{
    color: #ecb906;
}

.photo_captionblock .blurb-title{
    display: none;
    background: #f5f4f2;
    height: 43px;
    width: 100%;
    position: absolute;
    bottom: 0;
    margin-bottom: 0;
    padding: 6px 23px;
    left: 0;
    font-size: 0;
    z-index: 2;
}
.wp-block-column .mcap-title {
    width: 60%;
}
.wp-block-column .mcap-title h4{
    font-size: 20px;
}
.wp-block-column .mcap-title:after{
    height: 6px;

} 
.cap_content_area{
    position: relative;
    width: 100%;
}

.blog-page .main-blogtitle{
    position: relative;
    text-align: left;
    margin: 50px 0 20px 0;
}
.blog-page .main-blogtitle:before{
    width: 200px;
    top: -10px;
    left: 0px;
    height: 4px;
    background-color: #3395A5;
    content: "";
    position: absolute;
}
.blog-page article h2{
    text-align: left;
    text-transform: capitalize;
}
.blog-page article{
    padding: 30px 30px;
    margin: 0px 0 50px 0;
}
.blog-page .pagination ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.blog-page .pagination ul li{
    display: inline-block;
    margin: 0px 4px;

}
.blog-page .cat_list{
    list-style: none;
    margin: 0;
    padding: 0;
}

.blog-page .cat_list li a, .main-content .inner-page .blog-page .cat_list li a{
    color: #3395A5 !important; 
}
.blog-page .cat_list li a:hover, .main-content .inner-page .blog-page .cat_list li a{
    color: #3395A5 !important; 
}
.blog-page .sidebar_blog{
    padding: 10px 6px 50px 6px;
}
.blog_post_block{
    background: #eeebe7;  
}
.blog_post_block i{
    font-size: 40px;
    color: #615e5e;
    margin:0px;
    float: left;
    transition: all 0.2s ease;
}
.blog_post_block a:hover i,
.blog_post_block a:focus i {
    color: #0D426F;
}
.impact-programs_sec h2{
    text-align: left;   
}
.impact-programs_sec .top_ar p{
    width: 50%;
    text-align: left;
}
.impact-programs_sec .cards{ 
    height: 400px;
    margin: 20px 0;
}
.impact-programs_sec .cards h3{ 
    top: 1%;
    left: 35px;
    position: absolute;
    text-align: left;
    color: #fff;
}
.overly-sec{
    position: absolute;
    height: 100%;
    width: 92.3%;
    background: #85bfc978;
}
.impact-programs_sec .hover-txt{
    top:100%;
}
.impact-programs_sec .cards:hover .hover-txt{
    top: 40%;
}
.impact-programs_sec .cards{

}
.impact-programs_sec .cards img {
    width: auto;
    height: 400px;
    object-position: center center;
    object-fit: cover;
}
.impact-programs_sec .top_ar{
    margin-left: 7%;
    margin-bottom: 50px;
}
.impact-programs_sec .hover-txt:before{
    display: none;
}
.impact-programs_sec span{
    float: left;
    text-transform: uppercase;
    color: #3395a5;
    font-size: 21px;
    font-weight: 500;
    margin: 10px 0;
    border-top: 2px solid #3395a5;
}
@media (max-width: 991px) {
  .impact-programs.full-block.block_child_pages  .container {
    max-width: 100%;
	width: 500px;
  }
}


.blog_post_block h2{
    text-align: left;
    margin-bottom: 30px;
}
.blog-page .pagination ul .current{
    font-size: 20px;
    text-transform: capitalize;
    color: #ffc200;
    margin: 0px 4px;
    font-weight: 500;
}
.pagination {
    padding-left: 40px;
}
.blog-page .pagination ul li a{
    font-size: 17px;
    text-transform: capitalize;
    color: #4169e1;   
}
.bg-post-cm{
    background: #eeebe7; 
}
.blog-page article .link-box i{
    font-size: 28px;
    padding: 0 20px;
    color: #ffc200;

}
.blog-page article .link-box {
    text-decoration: none;
    width: 190px;
    border-top: 2px solid #ffc200;

}
.blog-page article .link-box .link-txt {
    font-size: 17px;

}
.blog-page article .link-box:hover{
    text-decoration: none;

}
.alternating-img-block h2{
    text-align: left;
    padding: 10px 0;
    position: relative;
}
.alternating-img-block h2:before{
    /* content: '';
    width: 210px;
    height: 2px;
    left: 0;
    bottom: 0px;
    background-color: #3395a5;
    position: absolute; */
}
/*section.alternating-img-block  h3 {
    color: #3395a5;
    text-transform: capitalize;
    position: relative;
    padding: 10px;
}*/
.alternating-img-block h3:before {
    content: '';
    width: 192px;
    height: 2px;
    left: 0px;
    bottom: -5px;
    background-color: #3395a5;
    position: absolute;
}

section.heading-intro-block  .section-headline h3 {
    color: #82191f;
    font-weight: 600;
}
section.heading-intro-block .section-headline  h2 {
    font-weight: 500;
    margin: 20px 0; 
    line-height: 1.1;
    font-size: 30px;
    color: #3395A5;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
}
.child-page .banner-image-1 {
    /*padding: 29.3% 0 0 0 !important;*/
}
.child-page .bottom-txt-1 {
    width: 50%;
}
.block_child_pages .impact-description h2{
    text-align: center;
}
.pdfemb-pagescontainer, .pdfemb-viewer{
    width: auto !important;
}

@media screen and (max-width: 1024px) {
    .thumbnail-pdf-resource-area{
    max-width: 110px !important; 
}
.thumbnail-pdf-resource-area .thumbnail-pdf-resource{
    height: auto !important;
    width: 60% !important; 
}
    
    .staff-sec img{
       height: auto !important;
    }
    .mcap-title:after{
        display: none;

    } 
    .wp-block-column .mcap-title {
        width: 93.5%;
        padding: 3%;
    }
    .photo_captionblock .mcap-title {
        width: 93%;
        padding: 3%;
    }
    .photo_captionblock .blurb-title:after {
        display: none;
    }
    .wp-block-column .mcap-title {
        width: 93.5%;
    }
    /*.quote_block:before {
        top: 0px;
        content: "";
        position: absolute;
        left: -57px;
        bottom: 0;
        border-right: 57px solid #e6f0f6;
        border-top: 170px solid transparent;
        border-bottom: 170px solid transparent;
    }*/

    .mcap-title {
        padding: 5px 30px 0px 30px;
    }
    .mcap-title h4{
        font-size: 25px;
    }

}
@media screen and (max-width: 1199px) {
    /*.quote_block:before {
        top: 0px;
        content: "";
        position: absolute;
        left: -57px;
        bottom: 0;
        border-right: 57px solid #e6f0f6;
        border-top: 170px solid transparent;
        border-bottom: 170px solid transparent;
    }*/

}
@media screen and (max-width: 991px) {
    /*.quote_block:before {
        top: 0px;
        content: "";
        position: absolute;
        left: -57px;
        bottom: 0;
        border-right: 57px solid #e6f0f6;
        border-top: 212px solid transparent;
        border-bottom: 210px solid transparent;
    }*/
}
@media screen and (max-width: 695px) {
    .quote_block {
        max-width: 90%;
    }
    /*.quote_block:before {
        display: none;
    }*/
    .resource_callout_block img {
        height: auto;
    }
    .resource_callout_block .box_img i {
        left: 45%;
    }

    .mcap-title h4 {
        font-size: 16px;

    }
    .mcap-title p {
        font-size: 14px;
    }
    .logo {
        width: 240px;
        float: none !Important;
        margin: 15px auto;
    }
    #responsive-menu-button .responsive-menu-inner ,#responsive-menu-button .responsive-menu-inner::before, #responsive-menu-button .responsive-menu-inner::after{ 
        background-color: #3395a5 !important;
    }
    button#responsive-menu-button {
        width: 40px !important;
        height: 40px !important;
        top: 7px !important;
        background: #ffffff !important;
    }
    #responsive-menu li.responsive-menu-item a {

        background-color: #3395a5 !important;
    }
    #responsive-menu-container {
        background: #3395a5 !important; 
    }
    #responsive-menu-container #responsive-menu li.responsive-menu-item a:hover {
        background-color: #3395a5 !important;
        border-color: #3395a5 !important;
    }
    #responsive-menu-container #responsive-menu-wrapper {
        background:  #3395a5 !important;
    }
    #responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow {
        left: 0 !important;
        height: 34px !important;
        line-height: 33px !important;
        width: 34px !important;
        color: #ffffff !important;
        border: 2px solid #1f5364 !important;
        background-color: #3395a5 !important;
        border-radius: 50% !important;
    }
    #responsive-menu-container #responsive-menu li.responsive-menu-item a {
        margin-left: 5px !important;
        padding-left: 42px !important;
        border-bottom: 1px solid #3395a5 !important;
    }
    .services h3{
        font-size: 18px;
    }
    .services h2{
        color: #1f5364;
    }
    .services .circle-txt{
        position: relative;   
    }
    .services .circle-txt h4 {
        position: relative;
    }
    .services .circle-txt h4:before {
        content: "";
        position: absolute;
        bottom: -0.45em;
        height: 2px;
        background: #82191f;
        width: 30%;
        left: 35%;
    }
    .services .circle-txt h4:before{
        display: none;
    }
    .services .green .circle-txt h4:before {
        background: #86a93e;
    }
    .services .yellow .circle-txt h4:before {
        background: #ffc200;
    }

}
@media screen and (max-width: 560px) {
.thumbnail-pdf-resource-area .thumbnail-pdf-resource {
    width: 30% !important;
}
}
@media screen and (max-width: 380px) {
    .mcap-title p {
        font-size: 11px;
    }

}

@media (min-width: 1200px) {
    .banner2 .banner-txt {
        width: 1170px;
    }
}

.banner2gamelink a.btn {
    font-size: 18px !important;
}

.wide-menu .sub-menu .sub-menu .sub-menu {
    margin-left: 20px;
}

.block-intro-text {
    padding: 60px 0;
}
.block-intro-text.first-after-header {
    padding: 170px 0 60px 0;
}
@media screen and (max-width: 855px) {
  .block-intro-text {
    padding: 30px 0;
  }
  .block-intro-text.first-after-header {
    padding: 20px 0 10px 0;
  }
}
.block-intro-text h3 {
    font-family: 'Oswald', sans-serif;
    font-size: 24px; line-height: 1.5;
    font-weight:400; text-align: center;
    color: #0D426F;
}
.intro-text-link {
    text-align: right;
    border-top: 2px solid #0D426F;
    margin: 1em;
    padding: 1em 0;
}
.main-content p.intro-text-link a {
    color: #0D426F !important;
    font-size: 1.2em;
}
.intro-text-link i.fa {
    margin-left: 1em;
}