/*************** MOBILE *******************/
.footer-wrapper {
    background-color: #C1B6AB;
    padding: 58px 0 15px 0;
    position: relative;
    z-index: 0;
}
.footer-wrapper .footer-inside{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.footer-wrapper .footer-inside .desktop{display: none;}
.footer-wrapper .footer-inside .mobileOnly{
    display: block;
    margin-bottom: 50px;
}
.footer-wrapper .footer-inside .CTAButton.Btn-footer{
    font-size: 12px;
    line-height: 14.4px;
    padding: 0;
    margin-bottom: 68px;
    background-image: linear-gradient(to right, #000000 0 50%, #FF0000 50% 100%);
    background-image: -moz-linear-gradient(right, #FF0000 0, #FF0000 50%, #000000 50%, #000000 100%);
    width: 100%;
    height: 42px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 400px;
}


.CTAButton:hover {
    background-position: 0;
}
.footer-wrapper .footer-inside .footer-nav h2{display: none;}
.footer-wrapper .footer-inside .footer-nav ul{margin-bottom:66px;}
.footer-wrapper .footer-inside .footer-nav ul li{
    text-align: center;
    margin-bottom: 25px;
}

.footer-wrapper .footer-inside .footer-nav ul li a{
    color: #131719;
    font-size: 14px;
    font-family: 'Lato';
    font-weight: 800;
    text-decoration: none;
}
.footer-wrapper .footer-inside .footer-nav ul li:last-child{margin-bottom: 0;}
.footer-wrapper .footer-inside .sub-footer-nav{width: 100%;}
.footer-wrapper .footer-inside .sub-footer-nav ul{
    padding-top: 80px;
    padding-bottom: 30px;
    border-top: 1px solid rgba(19, 23, 25, 0.2);
    border-bottom: 1px solid rgba(19, 23, 25, 0.2);
    position: relative;
}
.footer-wrapper .footer-inside .sub-footer-nav ul li a.isoLogo{
    font-size: 0;
}
.footer-wrapper .footer-inside .sub-footer-nav ul li a.isoLogo::before{
    content: "";
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    background: url(../img/iso_logo_white.svg) center no-repeat; 
    background-size: contain;
    width: 70px;
    height: 70px;
}
.footer-wrapper .footer-inside .sub-footer-nav ul li{
    text-align: center;
    margin-bottom: 25px;
}
.footer-wrapper .footer-inside .sub-footer-nav ul li a{
    color: #918677;
    font-size: 14px;
    font-family: 'Lato';
    font-weight: 800;
    text-decoration: none;
}
.footer-wrapper .footer-inside .sub-footer-nav ul li:last-child{margin-bottom: 0;}

.footer-wrapper .footer-inside .copyright > div {
    margin-top: 20px;
    margin-bottom: 0px;
    font-size: 12px;
    letter-spacing: 0.96px;
    line-height: 14.4px;
    font-family: 'Lato';
    font-weight: 800;
    color: #918677;

}
.footer-wrapper .footer-inside #block-footersocialicons{
    width: 100%;
    margin-bottom: 38px;
    max-width: 316px;
}
.footer-wrapper .footer-inside #block-footersocialicons    .social-img-link > div a {
    position: relative;
    display: inline-block;
}
.footer-wrapper .footer-inside #block-footersocialicons    .social-img-link > div img{
    width: auto;
    height: 36px;
}
.footer-wrapper .footer-inside #block-footersocialicons    .social-img-link > div img + img{
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .3s ease-in-out;
}
.footer-wrapper .footer-inside #block-footersocialicons    .social-img-link > div a:hover img + img{
    opacity: 1;
}

.footer-wrapper .footer-inside .social-img-link {
    margin-bottom:37px;
}
/* .footer-wrapper .footer-inside .social-img-link > div img{height: 30px;} */

.footer-wrapper #block-footernewsletter > div > div:first-child {display: none;}
.footer-wrapper #block-footernewsletter > div > div:last-child {display: block;}

.footer-wrapper #block-footernewsletter form{
    width: 100%;
    max-width: 400px;
}
.footer-wrapper #block-footernewsletter .webform-elements{
    display: flex;
    flex-direction: column;
    align-items:center ;
}
.footer-wrapper #block-footernewsletter .js-form-item{margin: 0;}
.footer-wrapper #block-footernewsletter .form-item-email{order: 0;}
.footer-wrapper #block-footernewsletter .form-item-email label:not(.error) {display: none;}
.footer-wrapper #block-footernewsletter .form-item-email input {
    padding: 10px 55px;
    border: 0;
    font-size: 14px;
    letter-spacing: 0;
    color: #918677;
    line-height: 22px;
    font-family: 'Roboto Slab';
    font-weight: 400;
    text-align: center;
    width: 100%;
    /* max-width: 317px; */
    margin-bottom: 2px;
    border-radius: 0;

}
.footer-wrapper #block-footernewsletter .form-item-email input::placeholder{
    color: rgba(145, 134, 119, 0.77);
    font-size: 14px;
    letter-spacing: 0;
    line-height: 22px;
    font-family: 'Roboto Slab';
    font-weight: 400;
}
.footer-wrapper #block-footernewsletter .form-item-terms{
    order: 2;
    /* max-width: 316px; */
}

.footer-wrapper #block-footernewsletter .form-item-terms .paymentUrgentExtraOption{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap-reverse;
    position: relative;
}
.footer-wrapper #block-footernewsletter .form-item-terms .form-checkbox{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}
.footer-wrapper #block-footernewsletter .form-item-terms .option{
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 18px;
    color: #343434;
    font-family: 'Lato';
    font-weight: 400;
    padding-left: 40px;
    margin: 0;
    position: relative;
    margin-bottom: 31px;
    cursor: pointer;
}
.footer-wrapper #block-footernewsletter .form-item-terms .option::before{
    content: "";
    width: 28px;
    height: 28px;
    background: #ffffff;
    position: absolute;
    top: 3px;
    left: 0px;
}
.footer-wrapper #block-footernewsletter .form-item-terms .option::after{
    content: "";
    display: block;
    height: 20px;
    width: 18px;
    background: url(../img/webformCheck.svg) no-repeat center;
    background-size: contain;
    position: absolute;
    left: 5px;
    top: 7px;
    opacity: 0;
}
.footer-wrapper #block-footernewsletter .form-item-terms .option a {
    color: #131719;
    text-decoration: underline;
}
.footer-wrapper #block-footernewsletter #edit-terms:checked ~ label:after {
    background: url(../img/webformCheck.svg) no-repeat center;
    background-size: contain;
    opacity: 1;
    transition: opacity 0.8s ease;
}
.footer-wrapper #block-footernewsletter .webform-actions {
    width: 100%;
}
.footer-wrapper #block-footernewsletter .CTAButton.Btn-footer.button{
    border: 0;
    margin-bottom: 21px;
    /* padding: 14px 127.5px 14px; */
    padding: 0;
    cursor: pointer;
    background-image: linear-gradient(to right, #000000 0 50%, #FF0000 50% 100%);
    background-position: 99%;
    background-size: 211%;
    border-radius: 0;
    height: 42px;
    width: 100%;

}
.footer-wrapper #block-footernewsletter .CTAButton.Btn-footer.button:hover{
    background-position: 0;
}
.footer-wrapper .footer-inside #block-footercta{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
#block-footernewsletter > h2{
    width: 100%;
    font-size: 20px;
    line-height: 27px;
    letter-spacing: 0;
    font-family: 'Lato';
    font-weight: 800;
    margin-bottom: 24px;
    color: #131719;
    text-align: center;
}



.footerWrapper {
    background-color: #C1B6AB;
    padding: 50px 0 20px;
}

.footerWrapper .footerSocial {
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
    padding-bottom: 25px;
}

.footerWrapper .footerSocial > a > img {
    height: auto;
    width: 215px;
}

.footerWrapper .footerSocial > a > img.mobileOnly { display: none; }

.footerWrapper .footerSocial #block-footersocialicons a {
    display: inline-block;
    position: relative;
}

.footerWrapper .footerSocial #block-footersocialicons a:not(:last-child) { margin-right: 40px; }

.footerWrapper .footerSocial #block-footersocialicons img {
    height: 36px;
    width: auto;
}

.footerWrapper .footerSocial #block-footersocialicons img + img {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .3s ease-in-out;
}

.footerWrapper .footerSocial #block-footersocialicons a:hover img + img { opacity: 1; }

.footerWrapper hr {
    background-color: #918677;
    border: none;
    display: block;
    height: 2px;
    width: 100%;
}

.footerWrapper .footerCopyright {
    color: #918677;
    display: flex;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    font-weight: 800;
    justify-content: flex-end;
    letter-spacing: 0.9px;
    line-height: 15px;
    padding-top: 20px;
}


/************* DESKTOP *******************/

@media (min-width: 992px) {

    .footer-wrapper {
        background-color: #C1B6AB;
        padding: 122px 0 128px;
        /* padding: 50px 0 20px; */
        position: relative;
        z-index: 0;
    }
    .footer-wrapper .footer-inside{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: inherit;
    }

    .footer-wrapper .footer-inside .mobileOnly{display:none}
    .footer-wrapper .footer-inside .desktop{
        display:block;
        pointer-events: all;
    }
    .footer-wrapper .footer-inside > a{
        width: 100%;
        margin-bottom: 75px;
        pointer-events: none;
    }

    .footer-wrapper .footer-inside #block-footernewsletter{
        width: 50%;
        text-align: start;
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .footer-wrapper .footer-inside #block-footercta{
        width: 50%;
        display: flex;
        justify-content: flex-end;
    }
    .footer-wrapper .footer-inside .CTAButton.Btn-footer{
        font-size: 14px;
        line-height: 16.8px;
        padding: 0;
        /* margin-bottom: 108px; */
        margin-bottom: 55px;
        flex: none;
        height: 69px;
        width: 277px;
    }

    .footer-wrapper .footer-inside .footer-nav{
        width: calc( 6 * (100% - 330px) / 12 +    180px );
        display: flex;
        /* align-items: flex-end; */
        margin-bottom: 25px;
        align-items: center;

    }
    .footer-wrapper .footer-inside .footer-nav ul{
        display: flex;
        flex-direction: row;
        margin-bottom:0px;
        /* justify-content: space-between; */
        align-items: center;
        /* flex-wrap: wrap; */
    }
    .footer-wrapper .footer-inside .footer-nav ul li{
        text-align: center;
        margin-bottom: 0;
        margin-right: 40px;
        flex: none;
        margin-bottom: 15px;
    }

    .footer-wrapper .footer-inside .sub-footer-nav ul li:first-child{margin-right: 0;}
    .footer-wrapper .footer-inside .sub-footer-nav ul li a.isoLogo{
        font-size: 0;
    }
    .footer-wrapper .footer-inside .sub-footer-nav ul li a.isoLogo::before{
        content: "";
        position: absolute;
        top: 0;
        left: 22px;
        /* transform: translateX(-50%); */
        background: url(../img/iso_logo_white.svg) center no-repeat; 
        background-size: contain;
        width: 50px;
        height: 50px;
    }
    /* .footer-wrapper .footer-inside .footer-nav ul li:last-child{margin-right: 0;} */
    .footer-wrapper .footer-inside .footer-nav ul li:last-child{margin-bottom: 15px;}

    .footer-wrapper .footer-inside #block-footersocialicons {
        width: calc( 6 * (100% - 330px) / 12 + 150px );
        display: flex;
        justify-content: flex-end;
        max-width: 100%;
        margin: -110px 0 38px auto;
    }

    .footer-wrapper .footer-inside .footer-nav ~ #block-footersocialicons {
        margin-top: 0;
        margin-bottom: 25px;
    }

    .footer-wrapper .footer-inside .social-img-link {
        margin-bottom: 0px;
        display: flex;
        justify-content: flex-end;
    }
    .footer-wrapper .footer-inside .social-img-link > div img {
        height: 36px;
        width: auto;
        margin-left: 46px;
    }
    .footer-wrapper .footer-inside .sub-footer-nav {
        width: calc( 7 * (100% - 330px) / 12 + 180px );
        padding-top: 20px;
        border-top: 1px solid rgba(19, 23, 25, 0.2);
    }
    .footer-wrapper .footer-inside .sub-footer-nav ul{
        padding-top: 0;
        padding-bottom:0;
        border-top: 0;
        border-bottom:0;
        display: flex;
        flex-direction: row;
        margin-bottom:0px;
        /* justify-content: space-between; */
        /* align-items: center; */
        flex-wrap: wrap;
        padding-left: 95px;

    }
    .footer-wrapper .footer-inside .sub-footer-nav ul::before{
        top: 0;
        left: 0;
        transform:unset;
        width: 50px;
        height: 50px;
    }
    .footer-wrapper .footer-inside .sub-footer-nav ul li{
        margin-bottom: 15px;
        margin-right: 22px;
    }
    /* .footer-wrapper .footer-inside .sub-footer-nav ul li:last-child{margin-right: 0px;} */

    .footer-wrapper .footer-inside #block-footercopyright {
        margin-top: -40px;
        width: 100%;
        text-align: end;
        padding-top: 27px;
        border-top: 2px solid rgba(19, 23, 25, 0.2);
    }

    .footer-wrapper .footer-inside #block-subfooter ~ #block-footercopyright {
        margin-top: 0;
        width: calc( 5 * (100% - 330px) / 12 + 150px );
        margin-bottom: 0px;
        border-top: 1px solid rgba(19, 23, 25, 0.2);
        padding-top: 20px;
    }

    .footer-wrapper .footer-inside .copyright > div {margin-top: 0px;}

    .footer-wrapper #block-footernewsletter{
        padding: 0;
    }
    .footer-wrapper #block-footernewsletter form{
        max-width: 100%;
        margin-top: 30px;
    }
    .footer-wrapper #block-footernewsletter .webform-elements{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: inherit;
    }
    .footer-wrapper #block-footernewsletter .CTAButton.Btn-footer.button{
        /* padding: 26px 49px 26px; */
        padding: 0;
        margin-bottom: 14px;
        height: 69px;
    }
    .footer-wrapper #block-footernewsletter .form-item-email{width: 75%;}
    .footer-wrapper #block-footernewsletter .webform-actions{width: 25%;}
    .footer-wrapper #block-footernewsletter .form-item-email input {
        padding: 19px 25px 20px 25px;
        font-size: 16px;
        letter-spacing: 0;
        line-height: 30px;
        margin-bottom: 0px;
        text-align: start;
    }
    .footer-wrapper #block-footernewsletter .form-item-email input::placeholder{
        font-size: 16px;
        letter-spacing: 0;
        line-height: 30px;
    }
    .footer-wrapper #block-footernewsletter .form-item-terms{
        max-width: 590px;
    }
    .footer-wrapper #block-footernewsletter .form-item-terms .option{
        font-size: 16px;
        letter-spacing: 0.4px;
        line-height: 20px;
        color: #343434;
        font-family: 'Lato';
        font-weight: 400;
        padding-left: 40px;
        margin: 0;
        position: relative;
        margin-bottom: 0px;
        cursor: pointer;
    }
    .footer-wrapper #block-footernewsletter .form-item-terms .option a{
        color: #131719;
        text-decoration: underline;
    }
    #block-footernewsletter > h2{
        font-size: 25px;
        line-height: 32px;
        margin-bottom: 30px;
        text-align: left;
        margin-top: -62px;
    }
    .footer-wrapper #block-footernewsletter .form-item-terms .option::before{
        width: 24px;
        height: 24px;
        top: 3px;
    }
    .footer-wrapper #block-footernewsletter .form-item-terms .option::after{
        height: 18px;
        width: 16px;
        left: 4px;
        top: 6px;
    }
}



@media (max-width: 374.98px) {
    .footer-wrapper #block-footernewsletter{
        width:100%;
    }
    /* .footer-wrapper #block-footernewsletter .form-item-email input{
        padding: 10px 30px;
    }
    .footer-wrapper #block-footernewsletter .CTAButton.Btn-footer.button{
        padding: 14px 99px 14px;

    }
    .footer-wrapper .footer-inside .CTAButton.Btn-footer{
        padding: 13px 80px 14px;
    } */
}

@media(max-width:991.8px){
  #block-footersocialicons > div > div > p{
    justify-content: space-between;
    display: flex;
  }
}