/*==========================================
  Footer
==========================================*/

.footer{

    padding:24px 0;

    background:rgba(255,255,255,.75);

    backdrop-filter:blur(20px);

    border-top:1px solid rgba(229,231,235,.65);

}


/*==========================================
  Wrapper
==========================================*/

.footer-wrapper{

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:20px;

}


/*==========================================
  Left
==========================================*/

.footer-left{

    display:flex;

    flex-direction:column;

    gap:4px;

}


/*==========================================
  Logo
==========================================*/

.footer-logo{

    font-size:24px;

    font-weight:800;

    color:var(--primary);

}


/*==========================================
  Tagline
==========================================*/

.footer-tagline{

    font-size:14px;

    color:var(--text-light);

}


/*==========================================
  Right
==========================================*/

.footer-right{

    display:flex;

    flex-direction:column;

    align-items:flex-end;

    gap:4px;

}


/*==========================================
  Copyright
==========================================*/

.footer-copy{

    font-size:14px;

    color:var(--text-light);

}


/*==========================================
  Email
==========================================*/

.footer-email{

    font-size:14px;

    font-weight:600;

    color:var(--primary);

    transition:var(--transition);

}


.footer-email:hover{

    color:var(--secondary);

}


/*==========================================
  Mobile + Tablet
==========================================*/

@media (max-width:1199.98px){

    .footer{

        padding:20px 0;

    }

    .footer-wrapper{

        flex-direction:column;

        justify-content:center;

        align-items:center;

        text-align:center;

        gap:12px;

    }

    .footer-right{

        align-items:center;

    }

}