.elementor-1291 .elementor-element.elementor-element-3c26e58{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:139px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1291 .elementor-element.elementor-element-3c26e58:not(.elementor-motion-effects-element-type-background), .elementor-1291 .elementor-element.elementor-element-3c26e58 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#033220;}.elementor-1291 .elementor-element.elementor-element-f9285e9{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1291 .elementor-element.elementor-element-f9285e9:not(.elementor-motion-effects-element-type-background), .elementor-1291 .elementor-element.elementor-element-f9285e9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#033220;}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1291 .elementor-element.elementor-element-3d7cb72{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1291 .elementor-element.elementor-element-3d7cb72:not(.elementor-motion-effects-element-type-background), .elementor-1291 .elementor-element.elementor-element-3d7cb72 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#033220;}.elementor-widget-theme-post-featured-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1291 .elementor-element.elementor-element-ccbd0ad{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1291 .elementor-element.elementor-element-ccbd0ad:not(.elementor-motion-effects-element-type-background), .elementor-1291 .elementor-element.elementor-element-ccbd0ad > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#033220;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1291 .elementor-element.elementor-element-14d4feb{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1291 .elementor-element.elementor-element-14d4feb:not(.elementor-motion-effects-element-type-background), .elementor-1291 .elementor-element.elementor-element-14d4feb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#033220;}.elementor-1291 .elementor-element.elementor-element-24d6ad1{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1291 .elementor-element.elementor-element-24d6ad1:not(.elementor-motion-effects-element-type-background), .elementor-1291 .elementor-element.elementor-element-24d6ad1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#033220;}@media(max-width:767px){.elementor-1291 .elementor-element.elementor-element-3c26e58{--padding-top:200px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1291 .elementor-element.elementor-element-9102144{padding:0px 0px 0px 0px;}.elementor-1291 .elementor-element.elementor-element-f9285e9{--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-1291 .elementor-element.elementor-element-3d7cb72{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1291 .elementor-element.elementor-element-ccbd0ad{--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-1291 .elementor-element.elementor-element-14d4feb{--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-1291 .elementor-element.elementor-element-24d6ad1{--padding-top:35px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-1291 .elementor-element.elementor-element-137dc63{padding:0px 0px 0px 0px;}}/* Start custom CSS for container, class: .elementor-element-f9285e9 *//* =========================================================
   NNF — SINGLE POST TITLE
   CSS ONLY
========================================================= */

@font-face{
    font-family:"TWK Everett";
    src:url("https://netball.org.ng/wp-content/uploads/2026/09/TWKEverett-Light.woff2") format("woff2");
    font-weight:300;
    font-style:normal;
    font-display:swap;
}

@font-face{
    font-family:"TWK Everett";
    src:url("https://netball.org.ng/wp-content/uploads/2026/09/TWKEverett-Regular.woff2") format("woff2");
    font-weight:400;
    font-style:normal;
    font-display:swap;
}

@font-face{
    font-family:"TWK Everett";
    src:url("https://netball.org.ng/wp-content/uploads/2026/09/TWKEverett-Medium.woff2") format("woff2");
    font-weight:500;
    font-style:normal;
    font-display:swap;
}

@font-face{
    font-family:"TWK Everett";
    src:url("https://netball.org.ng/wp-content/uploads/2026/09/TWKEverett-Bold.woff2") format("woff2");
    font-weight:700;
    font-style:normal;
    font-display:swap;
}


/* =========================================================
   TITLE CONTAINER
========================================================= */

.nnf-post-title{
    width:100% !important;
    margin:0 !important;
    padding:80px 10px 75px !important;

    background:#033220 !important;
    color:#FFFFFF !important;

    font-family:"TWK Everett",Arial,sans-serif !important;
}


/* =========================================================
   ELEMENTOR POST TITLE
========================================================= */

.nnf-post-title .elementor-heading-title,
.nnf-post-title h1{
    width:100% !important;
    max-width:1450px !important;

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

    color:#FFFFFF !important;

    font-family:"TWK Everett",Arial,sans-serif !important;

    font-size:clamp(58px,7.2vw,118px) !important;
    line-height:.91 !important;
    font-weight:400 !important;

    letter-spacing:-.055em !important;

    text-align:left !important;
}


/* =========================================================
   ELEMENTOR RESET
========================================================= */

.nnf-post-title .elementor-widget,
.nnf-post-title .elementor-widget-container{
    margin:0 !important;
    padding:0 !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width:1199px) and (min-width:768px){

    .nnf-post-title{
        padding:75px 10px 65px !important;
    }

    .nnf-post-title .elementor-heading-title,
    .nnf-post-title h1{
        max-width:900px !important;

        font-size:clamp(50px,6.8vw,82px) !important;
        line-height:.94 !important;
        letter-spacing:-.052em !important;
    }

}


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

@media (max-width:767px){

    .nnf-post-title{
        padding:70px 10px 50px !important;
    }

    .nnf-post-title .elementor-heading-title,
    .nnf-post-title h1{
        width:100% !important;
        max-width:100% !important;

        font-size:clamp(39px,10.8vw,60px) !important;
        line-height:.97 !important;
        font-weight:400 !important;

        letter-spacing:-.048em !important;

        text-align:left !important;
    }

}


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

@media (max-width:380px){

    .nnf-post-title{
        padding:60px 10px 45px !important;
    }

    .nnf-post-title .elementor-heading-title,
    .nnf-post-title h1{
        font-size:clamp(35px,10.7vw,48px) !important;
        line-height:.98 !important;
        letter-spacing:-.045em !important;
    }

}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media (max-width:340px){

    .nnf-post-title{
        padding:52px 10px 42px !important;
    }

    .nnf-post-title .elementor-heading-title,
    .nnf-post-title h1{
        font-size:34px !important;
        line-height:.99 !important;
        letter-spacing:-.042em !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3d7cb72 *//* =========================================================
   NNF — FEATURED IMAGE
   FULL SCREEN WIDTH
========================================================= */

.nnf-post-featured{
    width:100vw !important;
    max-width:100vw !important;
    min-width:100vw !important;

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

    padding:0 !important;

    overflow:hidden !important;

    background:#033220 !important;
}


/* =========================================================
   ELEMENTOR FEATURED IMAGE WIDGET
========================================================= */

.nnf-post-featured .elementor-widget-theme-post-featured-image{
    width:100vw !important;
    max-width:100vw !important;

    margin:0 !important;
    padding:0 !important;
}


/* =========================================================
   ELEMENTOR WIDGET CONTAINER
========================================================= */

.nnf-post-featured .elementor-widget-container{
    width:100vw !important;
    max-width:100vw !important;

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

    overflow:hidden !important;
}


/* =========================================================
   IMAGE
========================================================= */

.nnf-post-featured img{
    display:block !important;

    width:100vw !important;
    max-width:none !important;
    min-width:100vw !important;

    height:auto !important;

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

    object-fit:cover !important;
    object-position:center center !important;

    border:0 !important;
}


/* =========================================================
   ELEMENTOR IMAGE LINK
========================================================= */

.nnf-post-featured a{
    display:block !important;

    width:100vw !important;

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

    line-height:0 !important;
}


/* =========================================================
   REMOVE ELEMENTOR COLUMN CONSTRAINTS
========================================================= */

.nnf-post-featured .elementor-container,
.nnf-post-featured .elementor-column,
.nnf-post-featured .elementor-widget-wrap{
    width:100vw !important;
    max-width:100vw !important;

    min-width:100vw !important;

    margin:0 !important;
    padding:0 !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width:1199px){

    .nnf-post-featured{
        width:100vw !important;
        max-width:100vw !important;
        min-width:100vw !important;

        margin-left:calc(50% - 50vw) !important;
    }

    .nnf-post-featured img{
        width:100vw !important;
        max-width:none !important;
        min-width:100vw !important;
    }

}


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

@media (max-width:767px){

    .nnf-post-featured{
        width:100vw !important;
        max-width:100vw !important;
        min-width:100vw !important;

        margin-left:calc(50% - 50vw) !important;

        padding:0 !important;
    }

    .nnf-post-featured .elementor-widget-container{
        width:100vw !important;
        max-width:100vw !important;
    }

    .nnf-post-featured img{
        width:100vw !important;
        max-width:none !important;
        min-width:100vw !important;

        height:auto !important;

        object-fit:cover !important;
        object-position:center center !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ccbd0ad *//* =========================================================
   NNF — POST CONTENT
   FULL WIDTH EDITORIAL CONTENT
   TOP SPACE: EXACTLY 20PX
   ========================================================= */

@font-face{
    font-family:"TWK Everett";
    src:url("https://netball.org.ng/wp-content/uploads/2026/09/TWKEverett-Light.woff2") format("woff2");
    font-weight:300;
    font-style:normal;
    font-display:swap;
}

@font-face{
    font-family:"TWK Everett";
    src:url("https://netball.org.ng/wp-content/uploads/2026/09/TWKEverett-Regular.woff2") format("woff2");
    font-weight:400;
    font-style:normal;
    font-display:swap;
}

@font-face{
    font-family:"TWK Everett";
    src:url("https://netball.org.ng/wp-content/uploads/2026/09/TWKEverett-Medium.woff2") format("woff2");
    font-weight:500;
    font-style:normal;
    font-display:swap;
}

@font-face{
    font-family:"TWK Everett";
    src:url("https://netball.org.ng/wp-content/uploads/2026/09/TWKEverett-Bold.woff2") format("woff2");
    font-weight:700;
    font-style:normal;
    font-display:swap;
}


/* =========================================================
   MAIN POST CONTENT SECTION
   ========================================================= */

.nnf-post-content{

    width:100%!important;
    max-width:100%!important;
    min-width:100%!important;

    margin:0!important;

    /* EXACTLY 20PX TOP */
    padding:20px 10px 140px 10px!important;

    background:#033220!important;
    color:#FFFFFF!important;

    font-family:"TWK Everett",Arial,sans-serif!important;

    box-sizing:border-box!important;

    position:relative!important;
}


/* =========================================================
   REMOVE ELEMENTOR TOP SPACING
   ========================================================= */

.nnf-post-content > .elementor-widget{

    margin-top:0!important;
    padding-top:0!important;
}


.nnf-post-content .elementor-widget-theme-post-content{

    width:100%!important;
    max-width:900px!important;

    margin-top:0!important;
    margin-bottom:0!important;
    margin-left:auto!important;
    margin-right:auto!important;

    padding-top:0!important;

    box-sizing:border-box!important;
}


.nnf-post-content .elementor-widget-theme-post-content > .elementor-widget-container{

    width:100%!important;
    max-width:900px!important;

    margin-top:0!important;
    margin-bottom:0!important;
    margin-left:auto!important;
    margin-right:auto!important;

    padding-top:0!important;
    padding-right:0!important;
    padding-bottom:0!important;
    padding-left:0!important;

    box-sizing:border-box!important;
}


/* =========================================================
   REMOVE FIRST-ELEMENT DEFAULT MARGIN
   ========================================================= */

.nnf-post-content .elementor-widget-theme-post-content > .elementor-widget-container > *:first-child{

    margin-top:0!important;
}


/* =========================================================
   BODY TEXT
   ========================================================= */

.nnf-post-content p{

    margin:0 0 30px!important;
    padding:0!important;

    color:#FFFFFF!important;

    font-family:"TWK Everett",Arial,sans-serif!important;

    font-size:clamp(18px,1.35vw,23px)!important;

    line-height:1.58!important;

    font-weight:300!important;
}


/* =========================================================
   H2
   ========================================================= */

.nnf-post-content h2{

    margin:75px 0 28px!important;
    padding:0!important;

    color:#AFC70C!important;

    font-family:"TWK Everett",Arial,sans-serif!important;

    font-size:clamp(34px,3.5vw,55px)!important;

    line-height:.96!important;

    font-weight:700!important;

    letter-spacing:-.045em!important;
}


/* =========================================================
   H3
   ========================================================= */

.nnf-post-content h3{

    margin:55px 0 22px!important;
    padding:0!important;

    color:#AFC70C!important;

    font-family:"TWK Everett",Arial,sans-serif!important;

    font-size:clamp(27px,2.8vw,42px)!important;

    line-height:1!important;

    font-weight:700!important;

    letter-spacing:-.035em!important;
}


/* =========================================================
   H4
   ========================================================= */

.nnf-post-content h4{

    margin:45px 0 18px!important;
    padding:0!important;

    color:#AFC70C!important;

    font-family:"TWK Everett",Arial,sans-serif!important;

    font-size:clamp(22px,2.2vw,32px)!important;

    line-height:1.05!important;

    font-weight:700!important;

    letter-spacing:-.025em!important;
}


/* =========================================================
   FIRST PARAGRAPH
   ========================================================= */

.nnf-post-content p:first-child{

    margin-top:0!important;
}


/* =========================================================
   LINKS
   ========================================================= */

.nnf-post-content a{

    color:#AFC70C!important;

    text-decoration:none!important;
}


.nnf-post-content a:hover{

    text-decoration:underline!important;
}


/* =========================================================
   BOLD
   ========================================================= */

.nnf-post-content strong,
.nnf-post-content b{

    color:#FFFFFF!important;

    font-weight:700!important;
}


/* =========================================================
   BLOCKQUOTE
   ========================================================= */

.nnf-post-content blockquote{

    margin:55px 0!important;

    padding:8px 0 8px 28px!important;

    border-left:3px solid #AFC70C!important;

    color:#FFFFFF!important;

    font-family:"TWK Everett",Arial,sans-serif!important;

    font-size:clamp(24px,2.5vw,40px)!important;

    line-height:1.12!important;

    font-weight:400!important;
}


/* =========================================================
   LISTS
   ========================================================= */

.nnf-post-content ul,
.nnf-post-content ol{

    margin:30px 0 35px 25px!important;

    padding:0!important;
}


.nnf-post-content li{

    margin-bottom:14px!important;

    color:#FFFFFF!important;

    font-family:"TWK Everett",Arial,sans-serif!important;

    font-size:clamp(18px,1.35vw,23px)!important;

    line-height:1.5!important;

    font-weight:300!important;
}


/* =========================================================
   ARTICLE IMAGES
   ========================================================= */

.nnf-post-content img{

    display:block!important;

    width:100%!important;

    height:auto!important;

    margin:50px 0!important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width:1199px) and (min-width:768px){

    .nnf-post-content{

        padding:
            20px
            10px
            110px!important;
    }


    .nnf-post-content .elementor-widget-theme-post-content,
    .nnf-post-content .elementor-widget-theme-post-content > .elementor-widget-container{

        max-width:760px!important;
    }


    .nnf-post-content p{

        font-size:20px!important;

        line-height:1.55!important;
    }


    .nnf-post-content h2{

        font-size:44px!important;
    }


    .nnf-post-content h3{

        font-size:34px!important;
    }
}


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

@media (max-width:767px){

    .nnf-post-content{

        width:100%!important;

        min-width:100%!important;

        margin:0!important;

        padding:
            20px
            25px
            85px!important;
    }


    .nnf-post-content .elementor-widget-theme-post-content,
    .nnf-post-content .elementor-widget-theme-post-content > .elementor-widget-container{

        width:100%!important;

        max-width:100%!important;

        margin-left:0!important;
        margin-right:0!important;

        padding-top:0!important;
    }


    .nnf-post-content p{

        font-size:18px!important;

        line-height:1.55!important;

        margin-bottom:25px!important;
    }


    .nnf-post-content h2{

        margin-top:50px!important;

        margin-bottom:22px!important;

        font-size:35px!important;

        line-height:.98!important;
    }


    .nnf-post-content h3{

        margin-top:40px!important;

        margin-bottom:20px!important;

        font-size:29px!important;
    }


    .nnf-post-content h4{

        margin-top:35px!important;

        margin-bottom:18px!important;

        font-size:24px!important;
    }


    .nnf-post-content blockquote{

        margin:40px 0!important;

        padding-left:20px!important;

        font-size:26px!important;
    }
}


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

@media (max-width:380px){

    .nnf-post-content{

        padding:
            20px
            20px
            70px!important;
    }


    .nnf-post-content p{

        font-size:17px!important;
    }


    .nnf-post-content h2{

        font-size:32px!important;
    }


    .nnf-post-content h3{

        font-size:27px!important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14d4feb *//* =========================================================
   NNF — COMMENTS SECTION
   FULL WIDTH / LEFT ALIGNED
   DEEP GREEN BACKGROUND
   ========================================================= */

.nnf-comments{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;

    margin:0!important;
    padding:80px 10px 120px!important;

    box-sizing:border-box!important;

    background:#033220!important;
    color:#FFFFFF!important;

    font-family:"TWK Everett", Arial, sans-serif!important;
    text-align:left!important;
}


/* =========================================================
   ELEMENTOR COMMENTS WIDGET
   ========================================================= */

.nnf-comments > .elementor-widget,
.nnf-comments .elementor-widget-theme-post-comments,
.nnf-comments .elementor-widget-comments{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
}

.nnf-comments .elementor-widget-container{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
}


/* =========================================================
   COMMENTS HEADING
   ========================================================= */

.nnf-comments h3.comments-title,
.nnf-comments .comments-title,
.nnf-comments h3.title-comments{

    width:100%!important;

    margin:0 0 35px!important;
    padding:0!important;

    color:#AFC70C!important;

    font-family:"TWK Everett", Arial, sans-serif!important;
    font-size:clamp(32px,4vw,58px)!important;
    line-height:.95!important;
    font-weight:700!important;
    letter-spacing:-.04em!important;

    text-align:left!important;
}


/* =========================================================
   COMMENT FORM
   ========================================================= */

.nnf-comments .comment-respond{
    width:100%!important;
    max-width:none!important;

    margin:0 0 70px!important;
    padding:0!important;

    text-align:left!important;
}


/* =========================================================
   "LEAVE A REPLY" HEADING
   ========================================================= */

.nnf-comments .comment-reply-title{

    width:100%!important;

    margin:0 0 25px!important;
    padding:0!important;

    color:#FFFFFF!important;

    font-family:"TWK Everett", Arial, sans-serif!important;
    font-size:clamp(24px,2.5vw,38px)!important;
    line-height:1.05!important;
    font-weight:500!important;
    letter-spacing:-.02em!important;

    text-align:left!important;
}


/* =========================================================
   FORM ROWS
   ========================================================= */

.nnf-comments .comment-form-author,
.nnf-comments .comment-form-email,
.nnf-comments .comment-form-url,
.nnf-comments .comment-form-comment{

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

    margin:0 0 20px!important;
    padding:0!important;

    text-align:left!important;
}


/* =========================================================
   FORM LABELS
   ========================================================= */

.nnf-comments .comment-form label{

    display:block!important;

    width:100%!important;

    margin:0 0 8px!important;
    padding:0!important;

    color:#FFFFFF!important;

    font-family:"TWK Everett", Arial, sans-serif!important;
    font-size:15px!important;
    line-height:1.3!important;
    font-weight:500!important;

    text-align:left!important;
}


/* =========================================================
   INPUTS
   ========================================================= */

.nnf-comments .comment-form input[type="text"],
.nnf-comments .comment-form input[type="email"],
.nnf-comments .comment-form input[type="url"]{

    display:block!important;

    width:100%!important;
    max-width:none!important;
    min-width:0!important;

    height:auto!important;

    margin:0!important;
    padding:18px 20px!important;

    box-sizing:border-box!important;

    border:1px solid rgba(255,255,255,.25)!important;
    border-radius:0!important;

    outline:none!important;

    background:rgba(0,0,0,.16)!important;
    color:#FFFFFF!important;

    font-family:"TWK Everett", Arial, sans-serif!important;
    font-size:17px!important;
    line-height:1.4!important;
    font-weight:300!important;

    text-align:left!important;

    box-shadow:none!important;
}


/* =========================================================
   TEXTAREA
   ========================================================= */

.nnf-comments .comment-form textarea{

    display:block!important;

    width:100%!important;
    max-width:none!important;
    min-width:0!important;

    min-height:190px!important;

    margin:0!important;
    padding:18px 20px!important;

    box-sizing:border-box!important;

    border:1px solid rgba(255,255,255,.25)!important;
    border-radius:0!important;

    outline:none!important;

    background:rgba(0,0,0,.16)!important;
    color:#FFFFFF!important;

    font-family:"TWK Everett", Arial, sans-serif!important;
    font-size:17px!important;
    line-height:1.5!important;
    font-weight:300!important;

    text-align:left!important;

    resize:vertical!important;

    box-shadow:none!important;
}


/* =========================================================
   PLACEHOLDERS
   ========================================================= */

.nnf-comments .comment-form input::placeholder,
.nnf-comments .comment-form textarea::placeholder{

    color:rgba(255,255,255,.60)!important;
    opacity:1!important;
}


/* =========================================================
   INPUT FOCUS
   ========================================================= */

.nnf-comments .comment-form input[type="text"]:focus,
.nnf-comments .comment-form input[type="email"]:focus,
.nnf-comments .comment-form input[type="url"]:focus,
.nnf-comments .comment-form textarea:focus{

    border-color:#AFC70C!important;

    outline:none!important;

    box-shadow:0 0 0 1px #AFC70C!important;
}


/* =========================================================
   POST COMMENT BUTTON
   ISOLATED — DOES NOT AFFECT TEXT
   ========================================================= */

.nnf-comments .comment-form .form-submit{

    display:block!important;

    width:100%!important;

    margin:25px 0 0!important;
    padding:0!important;

    text-align:left!important;
}


/* ONLY THE ACTUAL SUBMIT BUTTON */

.nnf-comments .comment-form .form-submit .submit,
.nnf-comments .comment-form #submit{

    display:inline-flex!important;

    align-items:center!important;
    justify-content:center!important;

    width:auto!important;
    min-width:190px!important;

    height:56px!important;

    margin:0!important;
    padding:0 30px!important;

    box-sizing:border-box!important;

    border:1px solid #AFC70C!important;
    border-radius:0!important;

    background:#033220!important;
    color:#AFC70C!important;

    font-family:"TWK Everett", Arial, sans-serif!important;
    font-size:15px!important;
    line-height:1!important;
    font-weight:700!important;
    letter-spacing:.02em!important;

    text-align:center!important;
    text-transform:uppercase!important;

    cursor:pointer!important;

    appearance:none!important;
    -webkit-appearance:none!important;

    box-shadow:none!important;

    transition:
        background-color .2s ease,
        color .2s ease,
        border-color .2s ease!important;
}


/* =========================================================
   BUTTON HOVER
   ========================================================= */

.nnf-comments .comment-form .form-submit .submit:hover,
.nnf-comments .comment-form #submit:hover{

    background:#AFC70C!important;
    color:#033220!important;

    border-color:#AFC70C!important;

    box-shadow:none!important;
}


/* =========================================================
   BUTTON FOCUS
   ========================================================= */

.nnf-comments .comment-form .form-submit .submit:focus,
.nnf-comments .comment-form #submit:focus{

    outline:none!important;

    background:#033220!important;
    color:#AFC70C!important;

    border-color:#AFC70C!important;

    box-shadow:0 0 0 1px #AFC70C!important;
}


/* =========================================================
   BUTTON ACTIVE
   ========================================================= */

.nnf-comments .comment-form .form-submit .submit:active,
.nnf-comments .comment-form #submit:active{

    transform:translateY(1px)!important;
}


/* =========================================================
   COMMENT NOTES
   ========================================================= */

.nnf-comments .comment-notes,
.nnf-comments .logged-in-as,
.nnf-comments .must-log-in{

    margin:0 0 20px!important;
    padding:0!important;

    color:rgba(255,255,255,.60)!important;

    font-family:"TWK Everett", Arial, sans-serif!important;
    font-size:14px!important;
    line-height:1.5!important;
    font-weight:300!important;

    text-align:left!important;
}

.nnf-comments .comment-notes a,
.nnf-comments .logged-in-as a,
.nnf-comments .must-log-in a{

    color:#AFC70C!important;
}


/* =========================================================
   COMMENT LIST
   ========================================================= */

.nnf-comments ol.comment-list,
.nnf-comments ul.comment-list{

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

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

    list-style:none!important;
}


/* =========================================================
   INDIVIDUAL COMMENT
   ========================================================= */

.nnf-comments .comment-list > li.comment{

    width:100%!important;

    margin:0!important;
    padding:35px 0!important;

    border-top:1px solid rgba(255,255,255,.18)!important;
}


/* =========================================================
   COMMENT AUTHOR
   ========================================================= */

.nnf-comments .comment-author{

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

    color:#AFC70C!important;

    font-family:"TWK Everett", Arial, sans-serif!important;
    font-size:18px!important;
    line-height:1.3!important;
    font-weight:700!important;

    text-align:left!important;
}


/* =========================================================
   COMMENT AVATAR
   ========================================================= */

.nnf-comments .comment-author img{

    width:45px!important;
    height:45px!important;

    margin-right:12px!important;

    border-radius:50%!important;

    vertical-align:middle!important;
}


/* =========================================================
   COMMENT DATE / METADATA
   ========================================================= */

.nnf-comments .comment-metadata{

    margin-top:5px!important;

    color:rgba(255,255,255,.55)!important;

    font-family:"TWK Everett", Arial, sans-serif!important;
    font-size:13px!important;
    line-height:1.4!important;
    font-weight:300!important;

    text-align:left!important;
}

.nnf-comments .comment-metadata a{

    color:rgba(255,255,255,.55)!important;
}


/* =========================================================
   COMMENT BODY TEXT
   ========================================================= */

.nnf-comments .comment-content{

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

    margin:15px 0 0!important;
    padding:0!important;

    color:#FFFFFF!important;

    font-family:"TWK Everett", Arial, sans-serif!important;
    font-size:18px!important;
    line-height:1.6!important;
    font-weight:300!important;

    text-align:left!important;
}


/* =========================================================
   COMMENT BODY LINKS
   ========================================================= */

.nnf-comments .comment-content a{

    color:#AFC70C!important;
    text-decoration:underline!important;
}


/* =========================================================
   REPLY LINK
   ========================================================= */

.nnf-comments .reply{

    margin:15px 0 0!important;
    padding:0!important;
}

.nnf-comments .reply a{

    color:#AFC70C!important;

    font-family:"TWK Everett", Arial, sans-serif!important;
    font-size:14px!important;
    line-height:1.2!important;
    font-weight:700!important;

    text-decoration:none!important;
    text-transform:uppercase!important;
}


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

@media (max-width:767px){

    .nnf-comments{

        padding:55px 10px 85px!important;

    }


    .nnf-comments h3.comments-title,
    .nnf-comments .comments-title,
    .nnf-comments h3.title-comments{

        font-size:36px!important;

        margin-bottom:30px!important;

    }


    .nnf-comments .comment-respond{

        margin-bottom:55px!important;

    }


    .nnf-comments .comment-form input[type="text"],
    .nnf-comments .comment-form input[type="email"],
    .nnf-comments .comment-form input[type="url"]{

        padding:16px 17px!important;

        font-size:16px!important;

    }


    .nnf-comments .comment-form textarea{

        min-height:160px!important;

        padding:16px 17px!important;

        font-size:16px!important;

    }


    /* Button remains independent */
    .nnf-comments .comment-form .form-submit .submit,
    .nnf-comments .comment-form #submit{

        width:auto!important;
        min-width:190px!important;

        height:54px!important;

        padding:0 25px!important;

        font-size:14px!important;

    }


    .nnf-comments .comment-content{

        font-size:16px!important;
        line-height:1.55!important;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-24d6ad1 *//* =========================================================
   NNF HOME — ELEMENTOR CONTAINER CONTROL
   ========================================================= */

.nnf-home-container {
    width: 100% !important;
    max-width: 100% !important;

    min-width: 100% !important;

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

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

    display: block !important;

    overflow: hidden !important;

    position: relative !important;

    box-sizing: border-box !important;
}


/* Elementor inner wrappers */

.nnf-home-container > .e-con-inner {
    width: 100% !important;
    max-width: 100% !important;

    min-width: 100% !important;

    min-height: 0 !important;

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

    display: block !important;

    box-sizing: border-box !important;
}


/* HTML widget itself */

.nnf-home-container .elementor-widget-html {
    width: 100% !important;
    max-width: 100% !important;

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

    display: block !important;

    box-sizing: border-box !important;
}


/* HTML widget wrapper */

.nnf-home-container
.elementor-widget-container {
    width: 100% !important;
    max-width: 100% !important;

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

    display: block !important;

    box-sizing: border-box !important;
}


/* =========================================================
   NNF HOME — REMOVE THEME/BUILDER SPACING
   ========================================================= */

.nnf-home-container .e-con,
.nnf-home-container .elementor-element {
    box-sizing: border-box;
}


/* =========================================================
   DESKTOP
   ========================================================= */

@media (min-width: 1025px) {

    .nnf-home-container {
        width: 100vw !important;
        max-width: 100vw !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
    }

}


/* =========================================================
   TABLET
   ========================================================= */

@media (min-width: 768px) and (max-width: 1024px) {

    .nnf-home-container {
        width: 100vw !important;
        max-width: 100vw !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        padding: 0 !important;
    }

}


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

@media (max-width: 767px) {

    .nnf-home-container {
        width: 100vw !important;
        max-width: 100vw !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        padding: 0 !important;
    }

}/* End custom CSS */