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

.footer,
footer{

    background:var(--primary-dark);

    color:#fff;

    margin-top:60px;

    width:100%;
}



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

.footer-container{

    max-width:1200px;

    margin:0 auto;

    display:flex;

    flex-direction:column;

    align-items:center;

    padding:40px 20px;
}



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

.footer-products{

    display:flex;

    flex-wrap:wrap;

    justify-content:center;

    align-items:center;

    gap:12px;

    margin-bottom:25px;

    width:100%;
}


.footer-products a{

    color:#fff;

    font-size:14px;

    padding:6px 10px;

    border:1px solid rgba(255,255,255,0.25);

    border-radius:4px;

    white-space:nowrap;
}


.footer-products a:hover{

    background:var(--primary);

    color:#f4d802;
}



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

.footer-info{

    text-align:center;

    line-height:1.8;

    font-size:14px;

    width:100%;
}



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

footer h3{

    margin-bottom:15px;
}



/* =========================================
   FOOTER TEXT / LINKS
   ========================================= */

footer p,
footer a{

    color:#fff;

    font-size:14px;
}


footer a:hover{

    color:#9cc8ff;
}



/* =========================================
   FOOTER BOTTOM / COPYRIGHT
   ========================================= */

.footer-bottom{

    display:flex;

    flex-direction:column;

    gap:6px;

    text-align:center;

    padding:20px 40px !important;

    box-sizing:border-box;

    line-height:1.6;

    border-top:1px solid rgba(255,255,255,0.2);

    font-size:13px;
}



/* =========================================
   FOOTER LINKS / COPYRIGHT
   ========================================= */

.footer-bottom .footer-sep{

    margin:0 3px;

    color:#fff;
}


.footer-bottom a{

    margin:0 6px;

    white-space:nowrap;

    color:rgba(255,255,255,0.9);

    text-decoration:none;
}


.footer-bottom a:hover{

    color:#fff;

    text-decoration:underline;
}



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

.footer-bottom .footer-links-row{

    display:flex;

    flex-wrap:wrap;

    justify-content:center;

    gap:6px;
}


.footer-bottom .footer-copy-row{

    font-size:13px;

    color:#fff;
}



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

@media(max-width:768px){

    .footer-bottom{

        padding:15px 20px !important;

        text-align:center;

        line-height:1.6;
    }

}