/* ==========================================================
SECTION 02
FOOTER SYSTEM
Owner : Footer
Architecture V2
========================================================== */

.site-footer{

    background:#234567;

    color:#e8eef6;

    margin-top:50px;

    padding:18px 0;

}

.footer-top{

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:20px;

    flex-wrap:wrap;

}

.footer-brand{

    display:flex;

    align-items:center;

    gap:12px;

    flex-wrap:wrap;

}

.footer-logo{

    color:#ffffff;

    text-decoration:none;

    font-size:18px;

    font-weight:700;

}

.footer-logo:hover{

    opacity:.90;

}

.footer-tagline{

    font-size:14px;

    color:#cfd9e6;

    font-weight:500;

}

.footer-contact{

    display:flex;

    align-items:center;

    gap:14px;

    flex-wrap:wrap;

    font-size:14px;

}

.footer-item{

    display:flex;

    align-items:center;

    gap:6px;

}

.footer-item i{

    width:16px;

    height:16px;

    color:#dbe7f3;

}

.footer-item a{

    color:#e8eef6;

    text-decoration:none;

}

.footer-item a:hover{

    color:#ffffff;

    text-decoration:underline;

}

.footer-divider{

    opacity:.35;

}

.footer-bottom{

    margin-top:12px;

    padding-top:10px;

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

    text-align:center;

    font-size:12px;

    color:#b7c6d8;

}

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

@media (max-width:768px){

.footer-top{

    flex-direction:column;

    align-items:flex-start;

}

.footer-brand{

    flex-direction:column;

    align-items:flex-start;

    gap:4px;

}

.footer-contact{

    flex-direction:column;

    align-items:flex-start;

    gap:10px;

}

.footer-divider{

    display:none;

}

.footer-bottom{

    text-align:left;

}

}