/*====================================================
   MADIBENG CONNECT
   FOOTER — V10 MODERN
====================================================*/

.mc-footer{
    --mc-navy:#082b4c;
    --mc-navy-dark:#061f38;
    --mc-lime:#7ed321;
    --mc-lime-dark:#5eae0d;
    --mc-border:rgba(255,255,255,.12);
    --mc-muted:rgba(255,255,255,.72);

    position:relative;
    overflow:hidden;

    margin-top:80px;
    padding:64px 0 24px;

    background:
        radial-gradient(
            circle at 90% 10%,
            rgba(126,211,33,.16),
            transparent 28%
        ),
        linear-gradient(
            135deg,
            var(--mc-navy-dark) 0%,
            var(--mc-navy) 65%,
            #0b3a61 100%
        );

    color:#fff;
}

.mc-footer::before{
    content:"";

    position:absolute;
    right:-140px;
    bottom:-170px;

    width:520px;
    height:220px;

    border:1px solid rgba(126,211,33,.18);
    border-radius:50%;

    transform:rotate(-10deg);

    box-shadow:
        0 0 0 24px rgba(126,211,33,.03),
        0 0 0 48px rgba(126,211,33,.018);

    pointer-events:none;
}

.mc-footer .mc-container{
    position:relative;
    z-index:1;

    width:min(1240px,calc(100% - 40px));
    margin:0 auto;
}

.mc-footer-grid{
    display:grid;
    grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1fr));
    gap:42px;

    padding-bottom:34px;
}

.mc-footer h3,
.mc-footer h4{
    margin:0 0 14px;
    color:#fff;
}

.mc-footer h3{
    font-size:23px;
    line-height:1.15;
    font-weight:900;
    letter-spacing:-.4px;
}

.mc-footer h4{
    font-size:12px;
    font-weight:900;
    letter-spacing:.8px;
    text-transform:uppercase;
}

.mc-footer-about p,
.mc-footer-contact p,
.mc-footer p{
    margin:0;

    color:var(--mc-muted);
    font-size:13px;
    line-height:1.7;
}

.mc-footer-about{
    max-width:420px;
}

.mc-footer-about::after{
    content:"Everything Local. One Place.";

    display:inline-flex;
    align-items:center;

    margin-top:18px;
    padding:8px 11px;

    border:1px solid rgba(126,211,33,.26);
    border-radius:999px;

    background:rgba(126,211,33,.07);
    color:var(--mc-lime);

    font-size:10px;
    font-weight:900;
    letter-spacing:.85px;
    text-transform:uppercase;
}

.mc-footer-links ul,
.mc-footer-contact ul,
.mc-footer-menu{
    margin:0;
    padding:0;
    list-style:none;
}

.mc-footer-links li,
.mc-footer-contact li{
    margin:0;
    padding:0;
}

.mc-footer-links a,
.mc-footer-contact a{
    display:inline-flex;
    align-items:center;

    min-height:34px;

    color:var(--mc-muted);
    text-decoration:none;

    font-size:12px;
    line-height:1.4;

    transition:
        color .18s ease,
        transform .18s ease;
}

.mc-footer-links a:hover,
.mc-footer-contact a:hover{
    color:#fff;
    transform:translateX(2px);
}

.mc-footer-links a::after,
.mc-footer-contact a::after{
    content:"→";

    margin-left:7px;

    color:var(--mc-lime);

    opacity:0;
    transform:translateX(-4px);

    transition:
        opacity .18s ease,
        transform .18s ease;
}

.mc-footer-links a:hover::after,
.mc-footer-contact a:hover::after{
    opacity:1;
    transform:translateX(0);
}

.mc-footer-bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;

    padding-top:20px;

    border-top:1px solid var(--mc-border);
}

.mc-footer-bottom p{
    margin:0;
    color:rgba(255,255,255,.52);
    font-size:10px;
    line-height:1.5;
}

.mc-footer-bottom p:last-child{
    color:rgba(255,255,255,.72);
    font-weight:800;
}

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

@media (max-width:900px){

    .mc-footer-grid{
        grid-template-columns:1fr 1fr;
        gap:32px 24px;
    }

    .mc-footer-about{
        grid-column:1 / -1;
        max-width:620px;
    }

}

@media (max-width:560px){

    .mc-footer{
        margin-top:60px;
        padding:46px 0 20px;
    }

    .mc-footer .mc-container{
        width:calc(100% - 24px);
    }

    .mc-footer-grid{
        grid-template-columns:1fr;
        gap:26px;
    }

    .mc-footer-about{
        grid-column:auto;
    }

    .mc-footer-bottom{
        align-items:flex-start;
        flex-direction:column;
        gap:8px;
    }

}