/* NetFront Sports — v5.4.0d Footer & Link QA */

.site-footer,
footer.site-footer,
#colophon{
    border-top:1px solid rgba(255,255,255,.08);
    background:
        linear-gradient(
            180deg,
            #0a0f15,
            #06090d
        );
}

.site-footer .site-footer-row,
.site-footer .site-footer-section,
.site-footer .footer-widget-area,
#colophon .site-footer-row{
    min-width:0;
}

.site-footer nav,
.site-footer .footer-navigation,
#colophon nav{
    width:100%;
}

.site-footer ul.menu,
.site-footer .footer-menu,
#colophon ul.menu{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:8px 16px;
    width:100%;
    margin:0;
    padding:0;
    list-style:none;
}

.site-footer ul.menu>li,
.site-footer .footer-menu>li,
#colophon ul.menu>li{
    margin:0!important;
}

.site-footer ul.menu a,
.site-footer .footer-menu a,
#colophon ul.menu a{
    display:inline-flex;
    align-items:center;
    min-height:40px;
    padding:0 3px;
    color:#b5bec8!important;
    font-size:13px;
    font-weight:750;
    line-height:1.25;
    text-decoration:none!important;
    transition:
        color .16s ease,
        transform .16s ease;
}

.site-footer ul.menu a:hover,
.site-footer .footer-menu a:hover,
#colophon ul.menu a:hover{
    color:#fff!important;
    transform:translateY(-1px);
}

.site-footer .nfs-footer-plus>a,
.site-footer .nfs-footer-platform>a[href*="netfront-plus"],
#colophon a[href*="netfront-plus"]{
    color:#ff3155!important;
    font-weight:950!important;
}

.site-footer .nfs-footer-group-legal>a,
#colophon .nfs-footer-group-legal>a{
    color:#7f8a96!important;
    font-size:12px!important;
}

.site-footer .social-icons,
.site-footer .social-links,
.site-footer .wp-social-link,
#colophon .social-icons{
    display:flex;
    align-items:center;
    gap:8px;
}

.site-footer .social-icons a,
.site-footer .social-links a,
.site-footer .wp-social-link a,
#colophon .social-icons a{
    display:grid;
    place-items:center;
    width:40px;
    height:40px;
    border:1px solid #303844;
    border-radius:11px;
    background:#0f151d;
    color:#fff!important;
}

.site-footer .social-icons a:hover,
.site-footer .social-links a:hover,
.site-footer .wp-social-link a:hover,
#colophon .social-icons a:hover{
    border-color:#e51b3e;
    background:rgba(229,27,62,.12);
}

.site-footer .site-info,
.site-footer .footer-html,
#colophon .site-info{
    color:#7f8995;
    font-size:12px;
    line-height:1.5;
}

@media(max-width:900px){
    .site-footer,
    footer.site-footer,
    #colophon{
        padding-top:24px;
        padding-bottom:24px;
    }

    .site-footer .site-footer-row,
    .site-footer .site-footer-section,
    .site-footer .footer-widget-area,
    #colophon .site-footer-row{
        width:min(100% - 24px,1200px);
        margin-right:auto;
        margin-left:auto;
    }

    .site-footer ul.menu,
    .site-footer .footer-menu,
    #colophon ul.menu{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:7px;
    }

    .site-footer ul.menu a,
    .site-footer .footer-menu a,
    #colophon ul.menu a{
        display:flex;
        width:100%;
        min-height:44px;
        padding:0 11px;
        border:1px solid #242c35;
        border-radius:10px;
        background:#0b1016;
        white-space:normal;
    }

    .site-footer .social-icons,
    .site-footer .social-links,
    #colophon .social-icons{
        margin-top:14px;
    }
}

@media(max-width:540px){
    .site-footer ul.menu,
    .site-footer .footer-menu,
    #colophon ul.menu{
        grid-template-columns:1fr;
    }

    .site-footer ul.menu a,
    .site-footer .footer-menu a,
    #colophon ul.menu a{
        min-height:46px;
    }

    .site-footer .site-info,
    .site-footer .footer-html,
    #colophon .site-info{
        text-align:center;
    }
}