h2{
    margin-bottom: 0;
}
.hero-section{
    background-image: url("/images/local-initiatives/header.jpg");
    background-image: url("/images/local-initiatives/header.jpg");
    background-size: cover;
    background-position: bottom;
    color: #ffffff;
}
.co2.icon{
    width: 150px;
    margin: auto;
}
#reducingEmissions .col,
#reducingEmissions .card{
    background-color: transparent;
}

.repair{
    background-image: url('/images/local-initiatives/repair.jpg');
}

.refurbish{
    background-image: url('/images/local-initiatives/refurbish.jpg');
}

.recycling{
    background-image: url('/images/local-initiatives/recycle.jpg');
    background-position-x: right;
}
.tile-copy ul{
    padding-left: 22px;
}
.tile-copy li,
.tile-copy,
.slide-up .desc-container:hover .tile-copy{
    text-align: left;
}

.cp-link{
    color: #ff7c4f;
    text-decoration: none;
}

.cp-link:hover{
    text-decoration: underline;
}

.certification.icon{
    width: 90px;
}

.blue-bg .btn{
    color: #ffffff;
    font-weight: normal;
}

.blue-bg .btn.btn-primary-inverse::after {
    border-left-color: #ffffff;
}

.blue-bg .btn.btn-primary-inverse:hover{
    color: #10218b;
    text-decoration: none;
}

.blue-bg .btn.btn-primary-inverse:hover:after {
    border-left-color: #10218b;
}

.article-image img{
    width: 250px;
}

#membershipCarousel .splide__slide{
    padding-bottom: 50px;
    padding-top: 50px;
    gap: 30px;
}

#membershipCarousel h3{
    color: #10218b;
}

#resourceLoopCarousel .desc-container{
    background-color: rgba(0, 0, 0, 0.7);
}

#resourceLoopCarousel .desc-inner-container{
    height: 100%;
    justify-content: center;
    width: 85%;
}

#resourceLoopCarousel .btn-orange-outline{
    max-width: 368px;
}

#resourceLoopCarousel .btn.btn-orange-outline::after {
    top: 72%;
}

.repair .btn.btn-orange-outline::after {
    right: 185px;
}

.refurbish .btn.btn-orange-outline::after {
    right: 212px;
}

.recycling .btn.btn-orange-outline::after {
    right: 150px;
}

.slide-up .tile-container {
    min-height: 550px;
}

.btn.btn-primary-inverse{
    text-align: left;
    display: inline;
}

.apco .btn.btn-primary-inverse::after{
    top: 79%;
}

@media screen and (min-width: 768px) {
    .apco .btn.btn-primary-inverse::after {
        top: 51%;
    }
}

@media screen and (min-width: 992px) {
    .row-cols-lg-2{
        display: flex!important;
    }
    .card-body{
        padding: 35px 0 0!important;
        gap: 30px;
    }
    .card-body > *{
        margin-bottom: 0;
    }
    #reducingEmissions .card-image img{
        min-height: 295px;
        max-height: 295px;
    }
    #resourceLoopCarousel .btn.btn-orange-outline::after {
        top: 73%;
    }
    .btn-orange-outline{
        width: 80%;
    }
    .btn.btn-orange-outline::after {
        right: 190px;
        top: 35px;
    }
    .repair .btn.btn-orange-outline::after {
        right: 170px;
    }
    .refurbish .btn.btn-orange-outline::after {
        right: 193px;
    }
    .recycling .btn.btn-orange-outline::after {
        right: 135px;
    }
    .eal-columns.left-wide .eal-col:last-child{
        width: 30%;
    }
    .slide-up .tile-container {
        min-height: unset;
    }
    #resourceLoopCarousel .splide__arrows {
        display: block!important;
    }
}

@media screen and (min-width: 1024px) {
    .row .card-img, .row .card-img-top {
        max-height: 450px;
    }
    #communityGiving img{
        height: 100%;
        object-fit: cover;
    }
}

@media screen and (min-width: 1200px) {
    #resourceLoopCarousel .desc-container{
        background-color: transparent;
    }
    #resourceLoopCarousel .desc-container:hover{
        background-color: rgba(0, 0, 0, 0.7);
    }
    #resourceLoopCarousel .btn-orange-outline{
        max-width: unset;
    }
    .slide-up .tile-container {
        width: 32%;
        min-height: 650px;
    }
    .slide-up .tile-title {
        bottom: 78px;
        background-color: rgba(0, 0, 0, 0.7);
        min-height: 78px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .slide-up .desc-inner-container{
        width: 90%;
    }
    .slide-up .tile-title h3{
        width: 90%;
        margin: auto;
        font-size: 30px;
    }
    .slide-up .desc-container:hover .tile-title{
        background-color: unset;
        min-height: unset;
    }
    .slide-up .desc-container:hover .tile-title h3{
        width: 100%;
    }
    .slide-up .desc-container:hover {
        background-color: rgba(0, 0, 0, 0.7);
    }
    #resourceLoopCarousel .splide__arrows{
        display: none!important;
    }
    .btn-orange-outline{
        width: unset;
    }
    .repair .btn.btn-orange-outline::after {
        right: 40px;
    }
    .refurbish .btn.btn-orange-outline::after {
        right: 97px;
    }
    .recycling .btn.btn-orange-outline::after {
        right: -5px;
    }
}

@media screen and (min-width: 1400px) {
    .splide__pagination {
        bottom: 20px;
    }
    .row-cols-xl-2{
        display: flex!important;
    }
    #reducingEmissions .card-image img{
        max-height: 450px;
        background-position: center;
    }
    #membershipCarousel .splide__slide{
        gap: unset;
    }
    .repair .btn.btn-orange-outline::after {
        right: 158px;
    }
    .refurbish .btn.btn-orange-outline::after {
        right: 176px;
    }
    .recycling .btn.btn-orange-outline::after {
        right: 114px;
    }
    #communityGiving img{
        height: 370px;
        object-fit: cover;
    }
}

@media screen and (min-width: 1600px) {

    .repair .btn.btn-orange-outline::after {
        right: 265px;
    }
    .refurbish .btn.btn-orange-outline::after {
        right: 213px;
    }
    .recycling .btn.btn-orange-outline::after {
        right: 157px;
    }
}

@media screen and (min-width: 1900px) {
    .slide-up .tile-container {
        min-height: unset;
    }
    /* .recycling .btn.btn-orange-outline::after {
        right: 315px;
    } */
    /* .refurbish .btn.btn-orange-outline::after {
        right: 360px;
    } */
    /* .repair .btn.btn-orange-outline::after {
        right: 325px;
    } */
}

 h1{
        font-size: 46px;
    }
    h2{
        font-size: 38px;
    }
 p{
        font-size: 18px;
    }
p15{
        font-size: 15px;
    }