/* -- CSR Nav -- */

.csr-menu {
    position:fixed;
    top:95px;
    left:0;
    right:0;
    height:55px;
    background-color:#3b6fab;
    z-index: 99999999;
    display:none;
}

.csr-menu.animation {
    animation:fadein 2s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.csr-menu ul {
    list-style: none;
    padding:10px 0;
}

.csr-menu li {
    float:left;
    padding:0 1rem;
}

.csr-menu li a {
    color:#fff;
    font-weight:600;
}

@media(max-width:600px) {
    .csr-menu {
        height:auto;
    }

    .csr-menu li {
        padding: 10px;
    }
}

/* -- Home -- */

.csr-header {
    background-position:center;
    width:100%;
    background-size:cover;
    height:1300px;
    position:relative;
}

.csr-screen {
    background-color: #00000073;
    height: 1300px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.flowers {
    background-image:url('/wp-content/themes/wakefern/img/flowers.png');
    height:1000px;
    position: absolute;
    bottom:0;
    background-position:center;
    width:100%;
    background-size:cover;
    transition-duration:10s!important;
}

.csr-header-text {
    position:relative;
    z-index:9999;
}

.csr-header h1 {
    margin-top:200px;
    text-align:center;
    text-transform: lowercase;
    font-size:4.5rem;
    line-height: 1.1;
    margin-bottom: 32px;
}

.csr-header h1 span {
    display:block;
}

.csr-header h1 span.yellow {    
    color:#ecd17a;
}

.csr-header h1 span.green {    
    color:#91b599;
}
.csr-header h1 span.blue {    
    color:#3b6fab;
}

.csr-header h2 {
    text-align:center;
    color:#3b6fab;
    font-family: 'Open Sans', sans-serif;
    font-size:1rem;
    font-weight: 700;
    line-height:1;
    line-height: 1.4;
    text-transform: none;
}

@media(max-width:900px) {
    .csr-header,
    .csr-screen {
        height:500px;
    }

    .csr-header.csr-header-home {
        height:auto;
    }

    .csr-header h1 {
        margin-top:150px;
    }

    .csr-header.csr-header-home h2 {
        color:#fff;
    }
}

.btn.btn-primary.csr-btn {
    padding: 15px 45px;
    color:#fff;
    border:0;
    text-transform:uppercase;
    font-weight:700;
    display: inline-block;
}

.btn.btn-primary.csr-btn.maroon {
    background-color:#7d3b55;
}

.green-stripe {
    background-color:#91b599;
    color:#fff;
    padding:30px 0;
    text-align:center;
    position: relative;
    z-index:99999;
}

.green-stripe h3 {
    font-family: 'Open Sans', sans-serif;
    font-size:2.4rem;
    line-height: 1.4;
    text-transform: none;

}

.green-stripe .gs-strong .gs-stronger {
    font-weight:700;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.6rem;
}

.csr-img-menu {
    padding:90px 0 60px;
}

.csr-img-menu-item {
    text-align:center;
    position:relative;
    margin-bottom:30px;
    left:75px;
}

.csr-img-menu-item-btn {
    position: absolute;
    left: 60px;
    top: 85px;
    padding: 15px 30px;
    color: #fff;
    font-family: 'Prata', serif;
    font-size: 2rem;
    letter-spacing:1px;
    z-index: 99999;
}

.csr-img-menu-item-btn:hover,
.csr-img-menu-item-btn:focus {
    color:#eee;
}

.csr-img-menu-item-btn.green {
    background-color:#91b599;
}

.csr-img-menu-item-btn.maroon {
    background-color:#7d3b55;
}

.csr-img-menu-item-btn.yellow {
    background-color:#ecd17a;
}

.csr-img-menu-item-btn.blue {
    background-color:#3b6fab;
}

.csr-img-menu-item img {
    height:250px;
    object-fit:cover;
    width: 45%;
}

.csr-img-menu-text {
    padding:0px 0 90px;
    text-align:center;
}

.csr-img-menu-text h3 {
    color:#3b6fab;
    text-transform: none;
    line-height:1.7;
    font-size:2rem;
}

.csr-img-menu-text h3 .green {
    color:#91b599;
}

.csr-img-menu-text h3 .yellow {
    color:#ecd17a;
}

.csr-img-menu-text h2.maroon {
    font-size:2.5rem;
    text-transform: lowercase;
}

.csr-img-menu-text h2.maroon,
.csr-img-menu-text h3 .maroon {
    color:#7d3b55;
}

.csr-img-menu-text p {
    color:#3b6fab;
    margin-top:45px;
    line-height:2.4;
    font-weight:700;
    font-size:1.1rem;
}

.btn.btn-primary.csr-btn.blue {
    background-color:#3b6fab;
}

.stripe {
    color:#fff;
    padding:60px 0 0;
    position:relative;
}

.stripe.maroon {
    background-color:#7d3b55;
}

.stripe.yellow {
    background-color:#d5b95e;
}

.stripe.green {
    background-color:#91b599;
}

.stripe.blue {
    background-color:#466491;
    border-top:2px solid #fff;
    padding: 90px 0px 60px;
}

.stripe.blue p {
    font-weight:700;
    font-size:1.2rem;
}

.stripe.blue h5 {
    font-size:2rem;
    line-height:1.7;
}

.stripe-text.stripe-text-left {
    padding:30px 15px 90px 60px;
}

.stripe-text.stripe-text-right {
    padding:30px 60px 90px 15px;
}

.stripe-text h4 {
    font-size: 2.8rem;
    text-transform: lowercase;
}

.stripe-text p {
    font-weight:700;
}

@media(max-width:900px) {
    .csr-img-menu-item {
        left:0;
    }
    
    .csr-img-menu-item img {
        width:100%;
    }

    .stripe .col-md-8 {
        flex:100%;
        max-width:100%;
    }

    .stripe img {
        width:300px;
        margin:0 auto;
    }

    .stripe-text h4 {
        text-align:center;
        margin-bottom:30px;
    }

    .stripe-text p {
        margin-top:30px;
    }

    .stripe-text.stripe-text-right,
    .stripe-text.stripe-text-left {
        padding: 30px 15px;
    }

}

.btn.btn-primary.csr-btn.ms-btn {
    background-color: #a22860;
}

.btn.btn-primary.csr-btn.ys-btn {
    background-color: #ecd17a;
}

.btn.btn-primary.csr-btn.gs-btn {
    background-color: #98c8a7;
}

.stripe-img {
    position:absolute;
}

.stripe-img.stripe-img-right {
    right:-30px;
    bottom:-10px;
    width:400px;
}

.stripe-img.stripe-img-left {
    left:-30px;
    width:400px;
}

/* -- Community -- */

.csr-header-community h1 {
    color: #fff;
    font-weight: 600;
    letter-spacing: 5px;
    font-size: 6.5rem;
    margin-top: 200px;
}

.csr-header-community h2 {
    font-size: 1.5rem;
    line-height: 0.4;
    color:#fff;
}

.comm-main-stripe {
    color:#fff;
    background-color: #3b6fab;
    padding:60px 0;
    text-align:center;
}

.comm-main-stripe h3 {
    font-size: 2.2rem;
    line-height: 1.4;
    text-transform: none;
    font-family: 'Open Sans', sans-serif;
}

.comm-cards-row {
    background-color:#fff;
    text-align:center;
    padding:90px 0;
}

.comm-cards-row h4 {
    font-size: 2rem;
    margin-bottom: 100px;
}

.comm-card {
    background-color:#7d3b55;
    color:#fff;
    font-family: 'Open Sans', sans-serif;
    min-height: 450px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    position: relative;
}

.comm-card#commCard-1 {
    background-color:#71a480;
}

.comm-card#commCard-2 {
    top:-60px;
    background-color: #fff;
    color: #c4161c;
    border: 2px solid #000;
}

.comm-card img {
    width:200px;
}

.comm-card-text {
    margin-top:30px;
    font-size:1.5rem;
}

.comm-row-two {
    padding:90px 0 0;
    background-color:#fff;
}

.comm-background {
    background-image:url('/wp-content/uploads/2022/04/ShopRite_Morristown_Turkey_Donation.jpg');
    height:500px;
    background-size:cover;
    background-attachment:fixed;   
}

.comm-row-hw .comm-background {
    background-image:url('/wp-content/uploads/2022/04/Mel_Trophy_Photo.jpg');
}

.comm-row-ed .comm-background {
    background-image:url('/wp-content/uploads/2022/03/wakerfern-CSR-site-_update-35.jpg');
}

.screen {
    background-color:#00000047;
    height:500px;
    width:100%;
    display:flex;
    justify-content:center;
}

.comm-row-two .comm-background h5 {
    font-size: 5.5rem;
    color:#fff;
    display:flex;
    justify-content:center;
    flex-direction:column;
}

.comm-row-two .comm-background h5 span {
    display:block;
    margin-left:20px;
    font-size:4rem;
}

.comm-row-two .comm-background h5::after {
    content:'';
    border-bottom:2px solid #fff;
    display:block;
    width:150px;
    position:relative;
    top:30px;
}

@media(max-width:900px) {
    .csr-header-community h1 {
        font-size: 3.5rem;
    }

    .csr-header-community h2 {
        line-height:1;
    }

    .comm-card {
        margin-bottom:60px;
    }

    .comm-cards-row {
        padding:30px 0;
    }

    .comm-cards-row h4 {
        margin-bottom:0;
    }

    .comm-row-two {
        padding: 30px 0 60px;
    }

    .comm-card#commCard-2 {
        top:0;
    }

    .comm-background {
        height: 300px;
        background-size: cover;
        background-attachment: inherit;
        background-repeat: no-repeat;
    }

    .screen {
        height:300px;
    }

    .comm-row-two .comm-background h5 {
        font-size: 2.5rem;
        margin-top:30px;
    }

    .comm-row-two .comm-background h5 span {
        font-size: 2rem;
    }
}

.comm-row-accordion .card {
    border: 1px solid transparent;
}

.comm-row-accordion .btn-link {
    color:#fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 18px;
}

.comm-row-accordion .card-body {
    background-color:#eee;
}

.csr-header.csr-news-header h1 {
    color:#fff;
    font-size:6rem;
}

.csr-news-header h2 {
    color:#fff;
    font-size:1.5rem;
}

@media(max-width:900px) {
    .csr-header.csr-news-header h1 {
    color:#fff;
    font-size:3rem;
    }

    .mega-icon {
        width:150px;
    }
}

.accordion>.card>.card-header {
    margin-bottom:0;
}

.accordion .card-header {
    position:relative;
    transition:all .3s ease;
}

.accordion .card-header:hover,
.accordion .card-header .btn:focus {
    opacity:.8;
}

.accordion .card-header .btn:hover,
.accordion .card-header .btn:focus {
    text-decoration:none;
}

.accordion .card-header .fal {
    font-size:30px;
    position: absolute;
    right:15px;
}

.accordion .card-header .fas,
.accordion .card-header .fab {
    margin-right:10px;
    font-size: 30px;
}

.comm-slider-wrapper,
.awd-slider-wrapper {
    padding:120px 0 200px;
}

.comm-slider-wrapper h5,
.awd-slider-wrapper h3 {
    font-size:3.5rem;
    margin-bottom:100px;
}

.comm-slider-wrapper h5 span,
.awd-slider-wrapper h3 span {
    display:block;
    margin-left:20px;
    font-size:3rem;
}

.comm-slider-wrapper h5::after,
.awd-slider-wrapper h3::after {
    content:'';
    border-bottom:2px solid #000;
    display:block;
    width:150px;
    position:relative;
    top:30px;
}

.awd-slider .awd-slide {
    min-height:500px;
    padding:30px;
}

.awd-slider .awd-slide a {
    color:#fff;
}

.awd-slider .awd-slide span {
    display:block;
}

.awd-slider .slick-track .awd-slide:nth-child(1n+1) {
    background-color:#32598a;
}

.awd-slider .slick-track .awd-slide:nth-child(2n+2) {
    background-color:#d5b768;
}

.awd-slider .slick-track .awd-slide:nth-child(3n+3) {
    background-color:#71a480;
}

.awd-slider .slick-track .awd-slide:nth-child(4n+1) {
    background-color:#6c2c42;
}

.slick-prev:before, .slick-next:before {
    color: #555!important;
    font-family: "Font Awesome 5 Pro"!important;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 40px!important;
}

.slick-next:before {
    content: "\f105"!important;
}

.slick-prev:before {
    content: "\f104"!important;
}

.slick-prev {
    left: 45%!important;
}

.slick-next {
    left: 51%!important;
}

.slick-prev, .slick-next {
    top: 130%!important;
}

@media(max-width:900px) {
    .comm-slider-wrapper h5, 
    .awd-slider-wrapper h3 {
        font-size:2.5rem;
    }

    .comm-slider-wrapper,
     .awd-slider-wrapper {
        padding:0 0 90px;
    }
}

.csr-header-sust,
.csr-header-vol {
    color:#fff;
}

.csr-header-sust h1,
.csr-header-vol h1 {
    font-size:6rem;
}

.csr-header-sust h2,
.csr-header-vol h2 {
    color:#fff;
    font-size:1.5rem;
}

@media(max-width:900px) {
    .csr-header-sust h1,
    .csr-header-vol h1 {
    font-size:3rem;
    }

    .vol-badge {
        width:150px;
    }

    .flower-icon {
        width:100px;
    }
}

.sust-stripe {
    padding:60px 0;
}

.sust-stripe h3 {
    font-family: 'Open Sans', sans-serif;
}

.csr-col-2 {
    padding:60px 0;
    background-color:#fff;
}

.csr-col-2 h4 {
    font-size: 3.5rem;
    color:#000;
    display:flex;
    justify-content:center;
    flex-direction:column;
    margin-bottom: 60px;
}

.csr-col-2 h4 span {
    display:block;
    margin-left:20px;
    font-size:2.5rem;
}

.csr-col-2 h4::after {
    content:'';
    border-bottom:2px solid #000;
    display:block;
    width:150px;
    position:relative;
    top:30px;
}

.sust-accordion-wrapper {
    padding:60px 0 0px;
}

.sust-accordion .card {
    border: 1px solid transparent;
}

.sust-accordion .card .card-header {
    border:0;
    padding: 2.75rem 1.25rem;
}

.sust-accordion .card .card-header.maroon {
    background-color:#6c2c42;
}

.sust-accordion .card .card-header.light-blue {
    background-color:#209ba6;
}

.sust-accordion .card .card-header.orange {
    background-color:#d9882b;
}

.sust-accordion .card .card-header.blue {
    background-color:#32598a;
}

.sust-accordion .card .card-header.green {
    background-color:#71a480;
}

.sust-accordion .card .card-header.yellow {
    background-color:#d5b768;
}

.sust-accordion .card .card-header.b-orange {
    background-color:#a83f1b;
}

.sust-accordion .card .card-header .fas {
    font-size: 60px;
    position: absolute;
    right: 30px;
    top:60px;
}

.sust-accordion .card .card-header .fas.fa-hand-holding-seedling,
.sust-accordion .card .card-header .fas.fa-hands-helping {
    position:relative;
    top:0;
    font-size:70px;
    left:5px;
}

.sust-accordion .card .card-header h2 .btn {
    color:#fff;
    font-size:2.5rem;
    font-family: 'Open Sans', sans-serif;
}

.sust-accordion .card .card-header img {
    width:100px;
}

.sust-accordion .card .card-header.orange img {
    width:60px;
    margin-left:20px;
}

.sust-accordion .card .card-header.blue img,
.sust-accordion .card .card-header.green img,
.sust-accordion .card .card-header.yellow img {
    width:70px;
    margin-left:10px;
}

.sust-accordion .card .card-header span.line {
    margin:10px 30px;
    width:100px;
    height:3px;
    background-color:#fff;
    display:inline-block;
}

.sust-accordion .card .card-body {
   background-color:#eee;
   padding:60px;
}

@media(max-width:900px) {

    .sust-accordion .card .card-header h2 .btn {
        font-size:1.5rem;
    }

    .sust-accordion .card .card-header img {
        width:36px;
    }

    .sust-accordion .card .card-header.orange img {
        width:36px;
        margin-left:00px;
    }

    .sust-accordion .card .card-header.blue img,
    .sust-accordion .card .card-header.green img,
    .sust-accordion .card .card-header.yellow img {
        width:36px;
        margin-left:00px;
    }

    .sust-accordion .card .card-header span.line {
        display:none;
    }

    .sust-accordion .card .card-header .fas {
        font-size:35px;
    }

    .sust-accordion .card .card-header .fas.fa-hand-holding-seedling,
    .sust-accordion .card .card-header .fas.fa-hands-helping {
        font-size: 50px;
        left: 0;
    }
}

.vol-grid {
    padding:90px 0;
}

.vol-grid .grid-box {
    height:350px;
    color:#fff;
    display:flex;
    justify-content:center;
    flex-direction:column;
    text-align:center;
    font-size:2rem;
    line-height:1.2;
}

.vol-grid .grid-box.grid-box-p {
    padding:0 30px;
}

.vol-grid .grid-box.green {
    background-color:#71a480;
}

.vol-grid .grid-box.blue {
    background-color:#32598a;
}

.vol-grid .grid-box.yellow {
    background-color:#d5b768;
}

.vol-grid .grid-box img {
    object-fit: cover;
    height: 350px;
    width: 100%;
}

/* --- Search --- */ 

#ajaxsearchpro1_1 .probox .promagnifier,
#ajaxsearchpro1_2 .probox .promagnifier, 
div.asp_m.asp_m_1 .probox .promagnifier {
    background-image:none!important;
}