/* =====================================================
   MIGHTY MUSINGS FOOTER
===================================================== */

.mm-footer{

    margin-top:6rem;
    padding:5rem 2rem 2rem;

    background:#faf8f4;
    border-top: none;

    box-shadow: 0 -6px 24px rgba(0,0,0,.05);

}

.mm-footer-inner{

    max-width:1400px;
    margin:0 auto;

}

.mm-footer-grid{

    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:2rem;
    margin-bottom:4rem;

}

.mm-card{

    display:flex;
    flex-direction:column;
    gap:1rem;

    padding:2rem;

    text-decoration:none;

    color:#2f2f2f;

    background:#ffffff;

    border:1px solid #e8e2d8;
    border-radius:18px;

    transition:.25s;

}

.mm-card:nth-child(1){

    background:#F8F3EA;

}

.mm-card:nth-child(2){

    background:#EEF4EC;

}

.mm-card:nth-child(3){

    background:#F7F1DD;

}

.mm-card:nth-child(4){

    background:#EEF3F8;

}

.mm-card:hover{

    transform:translateY(-6px);

    box-shadow:0 15px 40px rgba(0,0,0,.08);

}

.mm-icon{

    font-size:2rem;

}

.mm-card h3{

    margin:0;

    font-size:1.45rem;

    text-decoration:none;

}

.mm-card p{

    margin:0;

    color:#666;

    line-height:1.7;

    text-decoration:none;

}

.mm-footer-nav{

    display:flex;

    justify-content:center;

    gap:2rem;

    flex-wrap:wrap;

    padding-top:2rem;

    border-top:1px solid #e6dfd4;

}

.mm-footer-nav a{

    text-decoration:none;

    color:#666;

}

.mm-footer-nav a:hover{

    color:#000;

}

.mm-copyright{

    margin-top:2rem;

    text-align:center;

    color:#888;

    font-size:.9rem;

}

/* ===============================
   Responsive
================================ */

@media(max-width:1000px){

.mm-footer-grid{

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

}

}

@media(max-width:640px){

.mm-footer-grid{

grid-template-columns:1fr;

}

}