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

.site-footer{

    background:url("../images/footer/footer-bg.webp") center bottom / cover no-repeat;

    color:#fff;
}

.footer-overlay{

    background:rgba(22,33,82,.20);

    padding:34px 0 18px;
}

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

.footer-container{

    max-width:980px;

    margin:0 auto;

    padding:0 24px;
}

/* ==========================================
   HEADER
========================================== */

.footer-header{

    text-align:center;

    margin-bottom:26px;
}

.footer-header h2{

    font-family:"Manrope",sans-serif;

    font-size:2rem;

    font-weight:700;

    color:#fff;

    margin-bottom:6px;
}

.footer-script{

    font-family:"Caveat",cursive;

    font-size:1.75rem;

    font-weight:400;

    color:rgba(255,255,255,.92);
}

/* ==========================================
   GRID
========================================== */

.footer-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:42px;

    margin-bottom:22px;
}

.footer-column h3{

    margin-bottom:12px;

    font-family:"Manrope",sans-serif;

    font-size:1.05rem;

    font-weight:700;

    color:#fff;
}

.footer-column a,
.footer-column p,
.footer-column span{

    display:block;

    margin-bottom:8px;

    font-family:"Manrope",sans-serif;

    font-size:.95rem;

    font-weight:400;

    line-height:1.45;

    color:rgba(255,255,255,.90);

    transition:.25s;
}

.footer-column a:hover{

    color:#ffd6e8;
}

.footer-community{

    margin-top:10px;

    font-weight:600!important;

    color:#ffbfd6!important;
}

/* ==========================================
   QUOTE
========================================== */

.footer-quote{

    text-align:right;

    margin:8px 0 18px;

    font-family:"Caveat",cursive;

    font-size:1.6rem;

    color:rgba(255,255,255,.88);
}

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

.footer-bottom{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:18px;

    padding-top:14px;

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

    font-family:"Manrope",sans-serif;

    font-size:.82rem;
}

.footer-bottom a{

    color:rgba(255,255,255,.72);

    transition:.25s;
}

.footer-bottom a:hover{

    color:#fff;
}

.footer-bottom span{

    color:rgba(255,255,255,.45);
}