/*====================================================
FOOTER
====================================================*/

.site-footer{

    width:100%;

    margin-top:80px;

    background:#000;

    color:#fff;

    overflow:hidden;
}

.footer-container{

    width:100%;

    max-width:1360px;

    margin:0 auto;

    padding:42px 24px 30px;

    box-sizing:border-box;
}

/*====================================================
TOP
====================================================*/

.footer-top{

    display:grid;

    grid-template-columns:auto 1fr auto auto;

    align-items:center;

    gap:32px;

    width:100%;
}

/*====================================================
LOGO
====================================================*/

.footer-logo{

    display:flex;

    align-items:center;

    justify-content:flex-start;

    min-width:186px;
}

.footer-logo a{

    display:flex;

    align-items:center;

    text-decoration:none;
}

.footer-logo img{

    display:block;

    width:186px;

    height:49px;

    max-width:100%;

    object-fit:contain;
}

/*====================================================
TOP MENU
====================================================*/

.footer-navigation{

    display:flex;

    align-items:center;

    justify-content:center;

    min-width:0;
}

.footer-menu{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:26px;

    margin:0;

    padding:0;

    list-style:none;

    flex-wrap:nowrap;
}

.footer-menu li{

    list-style:none;

    flex-shrink:0;
}

.footer-menu a{

    color:#fff;

    text-decoration:none;

    font-size:14px;

    font-weight:500;

    white-space:nowrap;

    transition:.25s ease;
}

.footer-menu a:hover{

    color:#dd111a;
}

/*====================================================
BUTTONS
====================================================*/

.footer-buttons{

    display:flex;

    align-items:center;

    justify-content:flex-end;

    gap:12px;

    flex-shrink:0;
}

.footer-btn{

    display:flex;

    align-items:center;

    justify-content:center;

    height:38px;

    padding:0 20px;

    min-width:150px;

    border:1px solid rgba(255,255,255,.85);

    background:transparent;

    color:#fff;

    text-decoration:none;

    font-size:13px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:.4px;

    transition:.25s ease;

    white-space:nowrap;
}

.footer-btn:hover{

    background:#dd111a;

    border-color:#dd111a;
}

/*====================================================
SOCIAL
====================================================*/

.footer-social{

    display:flex;

    align-items:center;

    justify-content:flex-end;

    gap:14px;

    flex-shrink:0;
}

.footer-social .textwidget{

    display:flex;

    align-items:center;

    gap:14px;
}

.footer-icon{

    display:flex;

    align-items:center;

    justify-content:center;

    width:34px;

    height:34px;

    color:#fff;

    text-decoration:none;

    font-size:24px;

    transition:.25s ease;
}

.footer-icon:hover{

    color:#dd111a;

    transform:translateY(-2px);
}

.footer-icon i{

    line-height:1;
}

/*====================================================
DIVIDER
====================================================*/

.footer-divider{

    width:100%;

    height:1px;

    margin:36px 0 24px;

    background:#2b2b2b;
}

/*====================================================
BOTTOM
====================================================*/

.footer-bottom{

    display:grid;

    grid-template-columns:1fr auto;

    align-items:center;

    gap:24px;

    width:100%;
}

.footer-bottom-left{

    display:flex;

    align-items:center;

    justify-content:flex-start;

    min-width:0;
}

.footer-bottom-right{

    display:flex;

    align-items:center;

    justify-content:flex-end;
}

.footer-bottom-left .menu,
.footer-bottom-right .menu,
.footer-bottom-menu{

    display:flex;

    align-items:center;

    flex-wrap:wrap;

    gap:0;

    margin:0;

    padding:0;

    list-style:none;
}

.footer-bottom-menu li{

    display:flex;

    align-items:center;

    flex-shrink:0;
}

.footer-bottom-menu li:not(:last-child)::after{

    content:"|";

    color:#777;

    margin:0 12px;
}

.footer-bottom-menu a{

    color:#8f8f8f;

    text-decoration:none;

    font-size:13px;

    font-weight:500;

    white-space:nowrap;

    transition:.25s ease;
}

.footer-bottom-menu a:hover{

    color:#fff;
}

/*====================================================
HIDE FOOTER SUBMENU (DESKTOP)
====================================================*/

@media (min-width:769px){

    .footer-menu .sub-menu{
        display:none !important;
    }

    .footer-menu li:hover > .sub-menu{
        display:none !important;
    }

}

@media (max-width:768px){

    .footer-logo img{

        width:auto;

        height:43px;
    }
}