/* =========================================================
   ABUJA MARKETPLACE
   HOMEPAGE DESKTOP FOOTER ONLY
   ========================================================= */

.amh-desktop-footer{
    display:none;
}


@media (min-width: 821px){

    .amh-desktop-footer{
        display:block;

        width:100vw;

        margin-left:calc(50% - 50vw);
        margin-right:calc(50% - 50vw);

        margin-top:70px;

        background:#082F26;

        color:#fff;
    }


    .amh-footer-inner{
        width:min(100% - 48px,1500px);

        margin:0 auto;

        padding:78px 0 82px;

        display:grid;

        grid-template-columns:
            minmax(280px,1.35fr)
            repeat(3,minmax(180px,.8fr));

        gap:70px;

        align-items:start;
    }


    /* BRAND */

    .amh-footer-brand{
        max-width:430px;
    }


    .amh-footer-mark{
        width:60px;
        height:60px;

        position:relative;

        display:grid;
        place-items:center;

        border-radius:14px;

        background:#08705B;

        color:#fff;

        font-size:24px;
        font-weight:900;

        letter-spacing:-.04em;
    }


    .amh-footer-mark span{
        position:absolute;

        left:14px;
        right:14px;
        bottom:10px;

        height:4px;

        border-radius:999px;

        background:#E8B83F;
    }


    .amh-footer-brand h3{
        margin:13px 0 22px;

        color:#fff;

        font-size:24px;
        line-height:1.15;

        font-weight:850;

        letter-spacing:-.03em;
    }


    .amh-footer-brand p{
        margin:0;

        max-width:430px;

        color:#EEF4F1;

        font-size:18px;
        line-height:1.7;
    }


    .amh-footer-install{
        min-height:58px;

        margin-top:23px;

        padding:0 22px;

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

        gap:10px;

        border:0;

        border-radius:15px;

        background:#EDB83B;

        color:#15231E;

        font:inherit;

        font-size:17px;
        font-weight:850;

        cursor:pointer;
    }


    .amh-footer-install i{
        font-size:22px;
    }


    .amh-footer-install:hover{
        background:#F4C44B;
    }


    /* COLUMNS */

    .amh-footer-column{
        display:flex;

        flex-direction:column;

        align-items:flex-start;
    }


    .amh-footer-column h4{
        margin:0 0 20px;

        color:#fff;

        font-size:25px;
        line-height:1.15;

        font-weight:850;

        letter-spacing:-.025em;
    }


    .amh-footer-column a{
        display:inline-flex;

        margin-bottom:17px;

        color:#EEF4F1;

        text-decoration:none;

        font-size:17px;
        line-height:1.45;

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


    .amh-footer-column a:hover{
        color:#EDB83B;

        transform:translateX(2px);
    }

}


@media (min-width:821px) and (max-width:1100px){

    .amh-footer-inner{
        grid-template-columns:
            1.2fr
            repeat(3,1fr);

        gap:34px;
    }


    .amh-footer-brand p{
        font-size:16px;
    }


    .amh-footer-column h4{
        font-size:21px;
    }


    .amh-footer-column a{
        font-size:15px;
    }

}


/* Absolute guarantee:
   never show this footer on mobile/tablet */
@media (max-width:820px){

    .amh-desktop-footer{
        display:none !important;
    }

}

/* =========================================================
   JOIN HOMEPAGE CONTENT DIRECTLY TO FOOTER
   ========================================================= */

@media (min-width:821px){

    .amh-desktop-footer{
        margin-top:0 !important;
        border-top:0 !important;
    }

    .amh-footer-inner{
        padding-top:64px !important;
        padding-bottom:68px !important;
    }

}

