/* ===== CRYPTOACCESS SLIM PREMIUM FOOTER ===== */

footer{
    width:100% !important;
    max-width:none !important;

    min-height:0 !important;
    height:auto !important;

    margin:0 !important;

    padding:18px 16px !important;

    box-sizing:border-box !important;

    text-align:center !important;

    background:rgba(7,14,29,0.88) !important;

    border-top:
        1px solid rgba(0,229,255,0.14) !important;

    box-shadow:none !important;
}

/* Remove large inner card behavior */
footer > div{
    width:auto !important;
    max-width:none !important;

    min-height:0 !important;

    margin:0 auto !important;
    padding:0 !important;

    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
}

/* Small brand title */
footer h3{
    margin:0 0 5px !important;
    padding:0 !important;

    font-size:18px !important;
    line-height:1.25 !important;
    font-weight:800 !important;

    color:#00f5a0 !important;

    text-shadow:
        0 0 10px rgba(0,245,160,0.12) !important;
}

/* Small footer text */
footer p{
    margin:3px 0 !important;
    padding:0 !important;

    font-size:13px !important;
    line-height:1.45 !important;

    color:#aebbd0 !important;
}

/* Any links inside footer */
footer a{
    font-size:13px !important;
    color:#c8d6e8 !important;
    text-decoration:none !important;
}

footer a:hover{
    color:#00f5a0 !important;
}

/* Prevent inherited huge typography */
footer span,
footer small{
    font-size:12px !important;
    line-height:1.4 !important;
}

/* Mobile */
@media(max-width:768px){

    footer{
        padding:16px 12px !important;
    }

    footer h3{
        font-size:17px !important;
    }

    footer p,
    footer a{
        font-size:12px !important;
    }
}

/* ===== PUBLIC PAGE BOTTOM GAP FIX ===== */

html{
    min-height:100% !important;
    margin:0 !important;
    padding:0 !important;
    background:#050b18 !important;
}

body{
    min-height:100vh !important;
    margin:0 !important;
    padding:0 !important;

    display:flex !important;
    flex-direction:column !important;
}

/* Footer always closes the page */
body > footer{
    flex:0 0 auto !important;
    width:100% !important;
    margin-top:auto !important;
    margin-bottom:0 !important;
}

/* Scripts must not affect flex layout */
body > script{
    display:none !important;
}


/* ===== FOOTER TEXT CENTER FIX ===== */

footer,
footer h3,
footer p,
footer a,
footer span,
footer small{
    text-align:center !important;
}

footer p{
    width:100% !important;
    max-width:none !important;
}

