/************************
*
*  SITE FOOTER
*
*************************/

.site-footer {
    background-color:var(--jb-blueberry-100)!important;
    padding:40px 0;
}



#site-footer .jb-app-links ul{
    display:flex;
    gap:13px;
    flex-direction:row;
    margin:0!important;
}


#site-footer .jb-app-links img,
#site-footer .jb-app-links a{
    width:110px;
    height:32px;
    opacity: .95;
}


@media (min-width: 992px) {

    #site-footer .jb-app-links a:hover{
        opacity: 1;
    }
}


#site-footer .jb-social-links{
    margin:20px auto 35px;
}
#site-footer .jb-social-links a{
    padding: 3px;
    background-color: transparent;
    color:white;
    font-size:30px;
}

#site-footer .jb-copyright{
    margin-bottom:5px;
}

@media (min-width: 992px){

    #site-footer .jb-social-links a:hover i{
        opacity:.9;
    }

}








#site-footer .logo-link{
    max-width:180px;
    display:block;
    margin-left:auto;
    margin-right:auto;
}

#site-footer .footer-heading{
    color:white;
    font-size:15px!important;
    margin:36px 0 13px;
}

#site-footer .footer-heading:first-child{
    margin-top:0;
}

#site-footer .footer-contents{
    display:flex;
    justify-content:space-between;
    gap:20px;
    flex-direction:column;
    align-items: center;
}


#site-footer .col-links {
    display:flex;
    gap:80px;
    margin:0 auto;
    justify-content:center;
    text-align:left;
    font-size:14px;
}

#site-footer .col-social-and-apps {
    display:flex;
    justify-content:space-between;
    flex-direction:column;
    gap:30px;
}

#site-footer .col-links ul{
    margin:0;
}

#site-footer .col-links li + li{
    justify-content: flex-start;
    margin-top:8px!important;
}
#site-footer .jb-social-links{
    margin:0;
}



#site-footer .col-social-and-apps .footer-heading{
    text-align:center;
}






#site-footer a{
    color:var(--jb-neutral-30)!important;
}


@media (min-width: 768px) {

    #site-footer .col-logo{
        flex: 1 1 25%;
    }
    #site-footer .col-links{
        flex: 1 1 40%;
        gap:0;
        justify-content: space-around;
    }
    #site-footer .col-social-and-apps{
        flex: 1 1 35%;
    }


    #site-footer .logo-link{
        margin:0;
    }

    #site-footer .footer-contents{
        flex-direction:row;
        align-items: flex-start;
        gap: 30px;
    }

    #site-footer .col-social-and-apps .footer-heading{
        text-align:left;
    }

    #site-footer .jb-social-links ul {
        justify-content: flex-start;
    }
}



.footer-legal-links{
    display:flex;
    gap:13px;
    margin-top:8px;
    opacity:.8;
    justify-content:center;
}


@media (min-width: 768px) {


    .footer-legal-links{
        justify-content:flex-start;
        font-size:14px;
    }

}

@media (min-width: 992px) {

    #site-footer .col-logo{
        flex: 1 1 20%;
    }
    #site-footer .col-links{
        flex: 1 1 38%;
    }
    #site-footer .col-social-and-apps{
        flex: 1 1 42%;
    }

    #site-footer a:hover{
        color:white!important;
    }
    #site-footer .jb-social-links a:hover i{
        opacity:1;
    }

    #site-footer .col-social-and-apps{
        flex-direction:row;
    }

    #site-footer .jb-app-links img,
    #site-footer .jb-app-links a{
        width:138px;
        height:41px;
    }
    #site-footer .jb-app-links ul{
        flex-direction:column;
    }

}


@media (min-width: 1200px) {

    #site-footer .col-logo{
        flex: 1 1 20%;
    }
    #site-footer .col-links{
        flex: 1 1 40%;
    }
    #site-footer .col-social-and-apps{
        flex: 1 1 40%;
        padding-left:30px;
    }

}


@media (min-width: 1480px) {

    #site-footer .col-social-and-apps{
        padding-left:60px;
    }

}