/*
 * Last updated in PhpStorm by DG; 11/03/2025
 */

/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
--------------------------------------------------------------*/

@import url("https://use.typekit.net/kqo6ggs.css");


:root
{
    --dark-mode-foreground            : #F5F5F5;

    --mec-heading-font-family         : "industry";
    --n1f-secondary-colour            : #0D64BB;
    --n1f-pitch-colour                : #ACD178;
    --mec-color-skin                  : var(--bb-primary-color);
    --mec-color-skin-rgba-1           : var(--bb-primary-color);

    --bb-cover-image-background-color : var(--n1f-pitch-colour);

    --mec-paragraph-font-family       : Inter, sans-serif;
    --mec-fes-main-color-rgba-1       : var(--bb-content-background-color);
    --mec-fes-main-color-rgba-4       : var(--bb-content-border-color);

    --n1f-badge-size                  : 74px;
    --n1f-badge-font-size             : 12px;


    --n1f-behind-the-boots            : var(--bb-primary-color);
    --n1f-real-sideline-experts       : var(--n1f-secondary-colour);


    --n1f-stripe-background           : #FFFFFF;
}


html
{
    scroll-behavior : smooth;
}


body h1, body h2, body h3, body h4, body h5, body h6,
.wp-block-heading,
.mec-wrap .mec-single-title
{
    font-family : "industry", sans-serif;
    font-weight : 600;
    font-style  : normal;
}


.n1f-section-header
{
    margin           : 30px 0;
    background-color : var(--bb-headings-color);
    color            : var(--bb-body-background-color);
    padding          : 20px 0 15px;
    position         : relative;
    line-height      : 1;
}


.n1f-section-header:before
{
    content          : " ";
    display          : block;
    background-color : var(--bb-headings-color);
    width            : 100vw;
    height           : 100%;
    position         : absolute;
    top              : 0;
    right            : 100%;
}


.n1f-section-header:after
{
    content          : " ";
    display          : block;
    background-color : var(--bb-headings-color);
    width            : 100vw;
    height           : 100%;
    position         : absolute;
    top              : 0;
    left             : 100%;
}


/*body p, */
nav,
.subnav,
.menu-item,
#buddypress a.button,
.bb-bp-settings-content input#submit,
#buddypress .comment-reply-link, #buddypress .generic-button a, #buddypress .standard-form button:not(.search-form_reset), #buddypress a.button, #buddypress input[type=button], #buddypress input[type=reset], #buddypress input[type=submit], #buddypress ul.button-nav li a, a.bp-title-button
{
    font-family : "industry", sans-serif;
    font-weight : 400;
    font-style  : normal;
}


/*DG 26/04/24*/
/*
@font-face
{
    font-family : "NeueHelveticaPro93ExtendedBlackOblique";
    src         : url("../fonts/NeueHelveticaPro93ExtendedBlackOblique.woff2") format("woff2"), url("../fonts/NeueHelveticaPro93ExtendedBlackOblique.woff") format("woff");
}*/

.site-header .site-header-container .site-title > a
{
    scale      : 1;
    transition : scale 0.3s ease-in-out;
    display    : block;
}


.site-header .site-header-container .site-title > a:hover
{

    scale : 1.2;
}


body.mepr-membership-community .menu-item-3760
{
    display : none;
}


body.mepr-membership-club .menu-item-3760
{
    display : none;
}


body.mepr-membership-admin .user-wrap-container > a > .user-name:after
{
    content     : "Admin";
    display     : block;
    font-size   : 80%;
    font-weight : normal;
    color       : var(--n1f-secondary-colour);
}


body.mepr-membership-starter .user-wrap-container > a > .user-name:after
{
    content     : "Starter member";
    display     : block;
    font-size   : 80%;
    font-weight : normal;
    color       : var(--n1f-secondary-colour);
}


body.mepr-membership-community .user-wrap-container > a > .user-name:after
{
    content     : "Community member";
    display     : block;
    font-size   : 80%;
    font-weight : normal;
    color       : var(--n1f-secondary-colour);
}


body.mepr-membership-club .user-wrap-container > a > .user-name:after
{
    content     : "Club member";
    display     : block;
    font-size   : 80%;
    font-weight : normal;
    color       : var(--n1f-secondary-colour);
}


.primary-menu a
{
    letter-spacing : 0;
}


.site-header #primary-navbar .primary-menu .menu-item > .ab-submenu .bb-sub-menu .ab-submenu,
.site-header #primary-navbar .primary-menu .menu-item > .ab-submenu .bb-sub-menu .menu-item:hover .ab-submenu
{
    -webkit-transform : translateX(-100%);
    -ms-transform     : translateX(-100%);
    transform         : translateX(-100%);
}


a.inactive
{
    filter : grayscale(100%);
    cursor : auto;
}


.bb-template-v2 .widget.widget_nav_menu ul li.current-menu-item a
{
    color : #FFFFFF;
}


.bb-cover-wrap
{
    background-color : var(--n1f-pitch-colour);
}


#mepr-unauthorized-for-resource
{
    display : none;
}


body.mepr-login-page .bb-header-buttons .signup
{
    background : 0 0;
    border     : 0;
    color      : inherit;
    padding    : 6px 12px;
}


.mp_wrapper.mp_login_form .mepr-login-actions
{
    top    : auto;
    right  : 12px;
    bottom : 118px;
}


.mepr-login-page .mp_wrapper .mepr-login-form-wrap, .mepr-thankyou-page .mp_wrapper .mepr-login-form-wrap
{
    max-width : 420px;
}


.mepr-login-form-wrap
{
    padding          : 30px 30px 0;
    background-color : var(--n1f-pitch-colour);
}


/** Submenu drop down toggle **/
i.bb-icon-l.bs-submenu-toggle
{
    position : absolute;
    left     : 0;
    right    : 0;
    display  : block;
    width    : 100%;
}


/*
############################################################
#                                                          #
#            Create ToolTip from title attr                #
#                                                          #
############################################################
*/
.ds_tooltip[title]
{
    position : relative;
    flex     : 1;
}


.ds_tooltip[title]:hover:after
{
    content          : attr(title);
    font-weight      : 400;
    padding          : 5px 10px;
    border-radius    : 5px;
    color            : #FFFFFF;
    background-color : rgba(90, 90, 90, 0.86);
    backdrop-filter  : blur(2px);
    position         : absolute;
    left             : 0;
    top              : 100%;
    z-index          : 1;

}


.ds_tooltip[title]:hover:before
{
    content      : "";
    position     : absolute;
    border-width : 5px;
    border-style : solid;
    border-color : transparent transparent rgba(90, 90, 90, 0.86) transparent;
    top          : 100%;
    left         : 50%;
    transform    : translate(-50%, -9px);
}


/*
############################################################
#                                                          #
#                  Membership Options                      #
#                                                          #
############################################################
*/
#content .mepr-price-menu.minimal_horizontal .mepr-price-box
{
    position      : relative;
    padding-top   : 200px;
    overflow      : hidden;
    border-radius : 7px;
}


.mepr-price-box-head
{
    position      : absolute;
    top           : 0;
    left          : 0;
    right         : 0;
    height        : 160px;
    background    : linear-gradient(0deg, rgba(255, 105, 0, 1) 0%, rgb(207, 46, 46) 100%);
    color         : #FFFFFF !important;
    padding-top   : 30px;
    border-radius : 7px;
}


.mepr-price-box-head:after
{
    content       : "";
    position      : absolute;
    top           : auto;
    bottom        : -30px;
    width         : 100%;
    height        : 30px;
    background    : rgba(255, 105, 0, 1);
    clip-path     : polygon(100% 2%, 2% 100%, 100% 100%);
    clip-path     : polygon(5px 0%, calc(100% - 5px) 0%, 55% 95%, 50% 100%, 45% 95%);
    border-radius : 0 0 20px 0;
    display       : block;
    opacity       : 1;
    left          : unset;
    right         : unset;
}


.mepr-price-box-title,
.mepr-price-box-price
{
    color : #FFFFFF !important;
}


.mepr-price-box-heading
{
    opacity    : 0.7;
    color      : #FFFFFF !important;
    text-align : center !important;
    transform  : translateY(-50%);
    position   : relative;
    z-index    : 1;
}


.mepr-price-box-benefits-item
{
    color : var(--bb-primary-color);
}


/*
############################################################
#                                                          #
#                   Featured images                        #
#                                                          #
############################################################
*/
.entry-img img
{
    object-fit : scale-down;
}


.entry-img, .single .post-related-posts .entry-img
{
    background-color : white;
}


.page-title,
.entry-title,
.mec-wrap .mec-single-title,
.mepr-thankyou-page .entry-title
{
    font-size   : 45px;
    font-weight : 800;
    line-height : normal;
    text-wrap   : balance;
}


.ds-upgrade
{
    border-radius    : 100px;
    line-height      : 1;
    font-size        : 22px;
    font-weight      : normal;
    background-color : var(--n1f-pitch-colour) !important;
}


.ds-post-group .tpg-el-main-wrapper .tpg-el-image-wrap .overlay
{
    display : none;
}


@media all and (min-width : 800px)
{
    .entry-title,
    .mec-wrap .mec-single-title,
    .mepr-thankyou-page .entry-title
    {
        font-size : 65px;
    }
}


h2[id]
{
    scroll-margin-top : 100px;
}


h2.wp-block-heading
{
    font-size   : 35px;
    font-weight : 800;
}


/* Individual event featured image*/


body.mepr-login-page .mec-events-event-image,
body.mepr-login-page .mec-events-meta-group
{
    display : none;
}


.mec-single-modern .mec-events-event-image img
{
    width      : auto;
    max-height : 400px;
}


body:not(.home-page) .entry-content > figure.wp-block-image:first-child, .mec-events-event-image
{
    float            : left;
    width            : 75px;
    height           : 75px;
    margin           : 0 1.6875rem 1.6875rem 0;
    background-color : #FFFFFF;
    border-radius    : 50%;
    translate        : 3px -3px;
    overflow         : hidden;
    box-shadow       : -10px 15px 0 0 rgba(0, 0, 0, 0.5);
}
.mec-events-event-image img
{
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
}
@media all and (min-width : 600px)
{
    body:not(.home-page) .entry-content > figure.wp-block-image:first-child, .mec-events-event-image
    {
        width  : 150px;
        height : 150px;
    }
}


@media all and (min-width : 1600px)
{
    body:not(.buddypanel-open):not(.home-page) .entry-content > figure.wp-block-image:first-child, .mec-events-event-image
    {
        position  : absolute;
        translate : -170px 0;
        float     : none;
    }
}


@media all and (min-width : 1750px)
{
    body:not(.home-page) .entry-content > figure.wp-block-image:first-child, .mec-events-event-image
    {
        position  : absolute;
        translate : -170px 0;
        float     : none;
    }
}


body:not(.home-page) .entry-content > figure.wp-block-image:first-child img
{
    width   : auto !important;
    height  : 100% !important;
    display : block;
}


body:not(.has-sidebar) .fluid-width-video-wrapper:before
{
    content          : " ";
    display          : block;
    background-color : #000000;
    width            : 200vw;
    height           : 100%;
    position         : absolute;
    top              : 0;
    left             : 0;
    translate        : -50% 0;
}


.entry-content .wp-block-embed .fluid-width-video-wrapper
{
    margin      : 0 auto;
    max-width   : 800px;
    padding-top : 36.25% !important;
}


.site-header #primary-navbar .primary-menu .menu-item > .ab-submenu .bb-sub-menu
{
    max-width : 260px;
}


/*
############################################################
#                                                          #
#                        Home pitch                        #
#                                                          #
############################################################
*/

body.home-page .entry-header
{
    display : none;
}


.ds-n1f-hp-title
{
    margin-top     : 30px !important;
    text-transform : uppercase;
    font-size      : min(4.5vw, 90px) !important;
    line-height    : 1;
    font-family    : "industry", sans-serif;
    /*color          : var(--bb-primary-color);*/
}


.home-pitch
{
    aspect-ratio : 1.75;
    margin       : 0 -20px;
    position     : relative;
}


.home-pitch > div
{
    background-image    : url("/wp-content/uploads/2024/05/pitch-cropped.png");
    aspect-ratio        : 1.75;
    background-size     : contain;
    background-repeat   : no-repeat;
    background-position : center;
    position            : relative;
    width               : 100%;
}


@media screen and (max-width : 980px)
{
    .home-pitch
    {
        aspect-ratio : 0.75;
    }

    .home-pitch > div
    {
        rotate    : 90deg;
        position  : absolute;
        top       : 50%;
        translate : 0 -50%;
        scale     : 1.25;
    }

    .home-pitch figure
    {
        rotate : -90deg;
    }
}


.home-pitch figure
{
    position   : absolute;
    translate  : -50% -50%;
    top        : 50%;
    left       : 50%;
    width      : 20%;
    opacity    : 0;
    transition : top 0.6s ease-in-out, left 0.6s ease-in-out, opacity 0.6s ease-out;
    scale      : 0.66;
}


.home-pitch figure.n1f-x2
{
    scale : 0.87;
}


body.bb-page-loaded .home-pitch figure
{
    opacity : 1;
}


.home-pitch figure a
{
    display : block;
}


.home-pitch figure img
{
    z-index  : 101;
    position : relative;
}


.home-pitch figure a img
{
    scale                     : 1;
    transition                : scale 0.3s ease-in-out;
    rotate                    : -5deg;
    animation                 : ROCK 8s;
    animation-delay           : 2s;
    animation-iteration-count : infinite;
}


.home-pitch figure:hover a img
{
    animation-play-state : paused;
    scale                : 1.25;
}


.home-pitch figure:hover a + figcaption
{
    scale : 1.25;
}


.home-pitch figcaption
{
    background-size     : contain;
    background-repeat   : no-repeat;
    background-position : center;
    margin              : -10px 0 0 0 !important;
    text-indent         : -200vw;
    height              : 50px;
    overflow            : hidden;
    position            : relative;
    z-index             : 102;
    transition          : scale 0.3s ease-in-out;
    pointer-events      : none;
}


.home-pitch figcaption, .home-pitch figcaption a
{
    color : #000000;
}


body.bb-page-loaded .home-pitch figure.home-pitch-item-1
{
    top              : 15%;
    left             : 12%;
    transition-delay : 0.0s;
}


body.bb-page-loaded .home-pitch figure.home-pitch-item-1 img
{
    animation-delay : 2.25s;
}


body.bb-page-loaded .home-pitch figure.home-pitch-item-2
{
    top              : 49%;
    left             : 91%;
    transition-delay : 0.1s;
}


body.bb-page-loaded .home-pitch figure.home-pitch-item-3
{
    top              : 75%;
    left             : 93%;
    transition-delay : 0.2s;
}


body.bb-page-loaded .home-pitch figure.home-pitch-item-3 img
{
    animation-delay : 1.25s;
}


body.bb-page-loaded .home-pitch figure.home-pitch-item-4
{
    top              : 89%;
    left             : 8%;
    transition-delay : 0.3s;
}


body.bb-page-loaded .home-pitch figure.home-pitch-item-5
{
    top              : 46%;
    left             : 7%;
    transition-delay : 0.4s;
}


body.bb-page-loaded .home-pitch figure.home-pitch-item-6
{
    top              : 17%;
    left             : 40%;
    transition-delay : 0.5s;
}


body.bb-page-loaded .home-pitch figure.home-pitch-item-7
{
    top              : 85%;
    left             : 67%;
    transition-delay : 0.6s;
}


body.bb-page-loaded .home-pitch figure.home-pitch-item-8
{
    top              : 50%;
    left             : 50%;
    transition-delay : 0.7s;
}


body.bb-page-loaded .home-pitch figure.home-pitch-item-9
{
    top              : 16%;
    left             : 72%;
    transition-delay : 0.8s;
}


body.bb-page-loaded .home-pitch figure.home-pitch-item-10
{
    top              : 84%;
    left             : 26%;
    transition-delay : 0.9s;
    scale            : 0.8;
}


body.bb-page-loaded .home-pitch figure.home-pitch-item-11
{
    top              : 50%;
    left             : 30%;
    transition-delay : 1.0s;
}


body.bb-page-loaded .home-pitch figure.home-pitch-item-12
{
    top              : 50%;
    left             : 70%;
    transition-delay : 1.1s;
}


body.bb-page-loaded .home-pitch figure.home-pitch-item-13
{
    top              : 82%;
    left             : 48%;
    transition-delay : 1.2s;
}


body.bb-page-loaded .home-pitch figure.home-pitch-item-14
{
    top              : 22%;
    left             : 89%;
    transition-delay : 1.3s;
}


body.bb-page-loaded .home-pitch figure.home-pitch-item-15
{
    top              : 19%;
    left             : 53%;
    transition-delay : 1.4s;
}


body.bb-page-loaded .home-pitch figure.home-pitch-item-15 img
{
    animation : none;
}


body.bb-page-loaded .home-pitch figure.home-pitch-item-16
{
    top              : 5%;
    left             : 95%;
    transition-delay : 1.5s;
}


body.bb-page-loaded .home-pitch figure.home-pitch-item-17
{
    top              : 15%;
    left             : 26%;
    transition-delay : 1.6s;
}


body.bb-page-loaded .home-pitch figure.home-pitch-item-18
{
    top              : 92%;
    left             : 37%;
    transition-delay : 1.7s;
}


body.bb-page-loaded .home-pitch figure.home-pitch-item-19
{
    top              : 73%;
    left             : 16%;
    transition-delay : 1.9s;
    scale            : 0.5;
}


body.bb-page-loaded .home-pitch figure.home-pitch-item-20
{
    top              : 90%;
    left             : 96%;
    transition-delay : 2s;
    rotate           : -36deg;
}


body.bb-page-loaded .home-pitch figure.home-pitch-item-21
{
    top              : 78%;
    left             : 82%;
    transition-delay : 2.1s;
}


.home-pitch figure.home-pitch-item-1 figcaption
{
    display          : block;
    background-image : url(/wp-content/uploads/2024/05/pitch-whatson.png);
}


.home-pitch figure.home-pitch-item-2 figcaption
{
    display          : block;
    background-image : url(/wp-content/uploads/2024/05/59-e1716656699568.png);
}


.home-pitch figure.home-pitch-item-4 figcaption
{
    display          : block;
    background-image : url(/wp-content/uploads/2024/12/2.png);
    position         : absolute;
    top              : -13%;
    width            : 100%;
}


.home-pitch figure.home-pitch-item-5 figcaption
{
    display          : block;
    background-image : url(/wp-content/uploads/2024/05/57-e1716649658477.png);
}


.home-pitch figure.home-pitch-item-6 figcaption
{
    display          : block;
    background-image : url(/wp-content/uploads/2024/05/pitch-grassroots.png);
}


.home-pitch figure.home-pitch-item-7 figcaption
{
    display          : block;
    background-image : url(/wp-content/uploads/2024/12/1.png);
    position         : absolute;
    top              : -11%;
    width            : 100%;
    height           : 35%;
    left             : 5%;
}


.home-pitch figure.home-pitch-item-8 figcaption
{
    display          : block;
    height           : 80px;
    margin-top       : -45px !important;
    background-image : url(/wp-content/uploads/2024/05/pitch-boots.png);
}


.home-pitch figure.home-pitch-item-9 figcaption
{
    display          : block;
    background-image : url(/wp-content/uploads/2024/05/pitch-resources.png);
    position         : absolute;
    top              : 0;
    translate        : 0 -17%;
    width            : 100%;
}


.home-pitch figure.home-pitch-item-10 figcaption
{
    display          : block;
    background-image : url(/wp-content/uploads/2024/05/62-e1716658472698.png);
    translate        : 15% -55%;
    width            : 57%;
    right            : 13%;
    position         : absolute;
    top              : 110%;
}


.home-pitch figure.home-pitch-item-11 figcaption
{
    display          : block;
    background-image : url(/wp-content/uploads/2024/05/58-e1716658816542.png);
}


.home-pitch figure.home-pitch-item-12 figcaption
{
    display          : block;
    background-image : url(/wp-content/uploads/2024/05/pitch-business.png);
    rotate           : -45deg;
    position         : absolute;
    width            : 100%;
    transform-origin : 0 0;
    top              : 50%;
    left             : -27%;
}


.home-pitch figure.home-pitch-item-13 figcaption
{
    display          : block;
    background-image : url(/wp-content/uploads/2024/05/61-e1716659396356.png);
    rotate           : -90deg;
    /* translate: -30% -280%; */
    position         : absolute;
    width            : 100%;
    top              : 38%;
    left             : -34%;
}


.home-pitch figure.home-pitch-item-14 figcaption
{
    display          : block;
    background-image : url(/wp-content/uploads/2024/05/pitch-academy.png);
    position         : absolute;
    top              : 0;
    translate        : 0 15%;
    width            : 100%;
}


.home-pitch figure.home-pitch-item-21 figcaption
{
    display          : block;
    background-image : url(/wp-content/uploads/2024/05/pitch-academy.png);
    width            : 50%;
    left             : 50%;
    translate        : -50% -10%;
}


body.bb-page-loaded .home-pitch figure.home-pitch-item-5 img
{
    animation-delay : 3.75s;
}


/*
############################################################
#                                                          #
#                  Supporters pitch                        #
#                                                          #
############################################################
*/


.home-pitch.supporters-pitch
{
    width     : 800px;
    max-width : 100%;
    margin    : 0 auto;
}


.home-pitch.supporters-pitch figure
{
    scale   : 1;
    z-index : 601;
}


.home-pitch.supporters-pitch figure a img
{
    /*scale:1.35;*/
    display : none;
}


.home-pitch.supporters-pitch figure a
{
    scroll-margin-top : 4rem;
}


.home-pitch.supporters-pitch figure figcaption
{
    pointer-events   : auto;
    overflow         : visible;
    height           : auto;
    text-indent      : 0;
    position         : absolute;
    color            : #FFFFFF;
    background-color : rgb(90 90 90 / 75%);
    width            : 600px;
    max-width        : 80vw;
    max-width        : 90vw;
    translate        : -50% 2rem;
    border-radius    : 10px;
    left             : 50%;
    z-index          : -1;
    scale            : 0;
    transition       : scale 0.3s ease-in-out;
    padding          : 1rem;
    text-align       : center;
    backdrop-filter  : blur(5px);
}


.home-pitch.supporters-pitch figure h4
{
    position         : absolute;
    background-color : var(--bb-primary-color);
    padding          : 0.5rem 1rem;
    font-size        : 2rem;
    width            : auto;
    text-align       : center;
    color            : #FFFFFF;
    left             : 50%;
    translate        : -50% calc(-100% + 2rem);
    border-radius    : 1rem;
    line-height      : 1.1;
    scale            : 1;
    transition       : scale 0.3s ease-in-out;
}


.home-pitch.supporters-pitch figure h4:hover
{
    scale : 1.12;
}


.home-pitch.supporters-pitch figure label
{
    color         : inherit;
    font-size     : inherit;
    margin-bottom : 0;
    cursor        : pointer;
}


.home-pitch.supporters-pitch figure input
{
    display : none;
}


/*
.home-pitch.supporters-pitch figcaption strong
{
    padding-top : 10px;
    font-size   : 20px;
    font-family : "industry", sans-serif;
}
*/

.home-pitch.supporters-pitch figure:target:hover a img
{
    scale : 1;
}


/*.home-pitch.supporters-pitch figure:hover:not(:target) a + figcaption,*/
.home-pitch.supporters-pitch figure:not(:has(input:checked)) figcaption
{
    scale : 0;
}


/*.home-pitch.supporters-pitch figure:target,*/
.home-pitch.supporters-pitch figure:has(input:checked)
{
    z-index : 602;
}


/*.home-pitch.supporters-pitch figure:target figcaption,*/
.home-pitch.supporters-pitch figure:has(input:checked) figcaption
{
    display : block;
    scale   : 1;
}


@media all and (max-width : 980px)
{
    .home-pitch.supporters-pitch
    {
        aspect-ratio : unset;
    }

    .home-pitch.supporters-pitch > div
    {
        position         : static;
        rotate           : 0deg;
        translate        : none;
        scale            : 1;
        background-image : none;
        aspect-ratio     : unset;
    }

    .home-pitch.supporters-pitch figure
    {
        translate : none;
        position  : static;
        rotate    : 0deg;
        width     : auto;
    }

    .home-pitch.supporters-pitch figure h4
    {
        translate : none;
        position  : static;
    }

    .home-pitch.supporters-pitch figure h4:hover
    {
        scale : 1;
    }

    .home-pitch.supporters-pitch figure figcaption
    {
        position  : static;
        translate : none;
        scale     : 1 !important;
        width     : 100%;
    }

    .home-pitch.supporters-pitch .home-pitch-item-8
    {
        display : none;
    }
}


body.bb-page-loaded .home-pitch figure:not([id])
{
    width : 20%;
}


body.bb-page-loaded .home-pitch figure.home-pitch-item-102
{
    top              : 10%;
    left             : 50%;
    transition-delay : 0.1s;
}


body.bb-page-loaded .home-pitch figure.home-pitch-item-103
{
    top              : 35%;
    left             : 90%;
    transition-delay : 0.2s;
}


body.bb-page-loaded .home-pitch figure.home-pitch-item-104
{
    top              : 85%;
    left             : 75%;
    transition-delay : 0.3s;
}


body.bb-page-loaded .home-pitch figure.home-pitch-item-105
{
    top              : 85%;
    left             : 25%;
    transition-delay : 0.4s;
}


body.bb-page-loaded .home-pitch figure.home-pitch-item-106
{
    top              : 35%;
    left             : 10%;
    transition-delay : 0.5s;
}


/*
############################################################
#                                                          #
#                      Testimonials                        #
#                                                          #
############################################################
*/
.hentry blockquote.wp-block-quote.speech-bubble
{
    position      : relative;
    border        : 7px solid var(--bb-primary-color);
    border-radius : 1em;
    background    : #FFFFFF;
}


.hentry blockquote.wp-block-quote.speech-bubble:after
{
    content          : "";
    position         : absolute;
    bottom           : 0;
    left             : 50%;
    width            : 0;
    height           : 0;
    border           : 20px solid transparent;
    border-top-color : var(--bb-primary-color);
    border-bottom    : 0;
    border-left      : 0;
    margin-left      : -10px;
    margin-bottom    : -20px;
}


.hentry blockquote.wp-block-quote:before
{
    speak      : none;
    background : var(--bb-primary-color);
}


.hentry blockquote.wp-block-quote cite
{
    color       : var(--bb-primary-color);
    font-family : var(--mec-heading-font-family);
    font-weight : bold;
    text-align  : right;
    font-size   : 0.8em;
}


.wp-block-columns h3
{
    padding-left  : 10px;
    padding-right : 10px;
}


.wp-block-columns.eco
{
    transform : translate(150%, 0);
    opacity   : 0;

    animation : ECO 0.5s normal forwards ease-in-out;
}


.wp-block-columns.eco:nth-child(1)
{
    animation-delay : 0.1s;
}


.wp-block-columns.eco:nth-child(2)
{
    animation-delay : 0.2s;
}


.wp-block-columns.eco:nth-child(3)
{
    animation-delay : 0.5s;
}


.wp-block-columns.eco:nth-child(4)
{
    animation-delay : 0.9s;
}


.wp-block-columns.eco:nth-child(5)
{
    animation-delay : 1.4s;
}


.wp-block-columns.eco:nth-child(6)
{
    animation-delay : 2s;
}


/*
############################################################
#                                                          #
#                        Post grids                        #
#                                                          #
############################################################
*/

.post-grid .hentry
{
    position : relative;
}


.single-attachment .post-related-posts .post-inner-wrap, .single-post .post-related-posts .post-inner-wrap
{
    height : 100%;
}


.ds-post-group-inert .rt-holder,
.ds-inert,
.tag-coming-soon
{
    pointer-events : none;
}


.ds-post-group.ds-post-group-inert .wpulike
{
    display : none;
}


.ds-post-group > ul
{
    margin    : 0 -30px;
    width     : calc(100% + 30px);
    max-width : none;
}


.ds-post-group .wp-block-group
{
    height : 100%;
}


.ds-post-group.ds-post-group-inv .wp-block-group__inner-container,
.ds-post-group.ds-post-group-inv .tpg-post-holder
{
    background-color : var(--bb-primary-color);
    color            : #FFFFFF;
    height           : 100%;
    box-shadow       : none;
}


.tpg-post-holder
{
    position : relative;
}


.rt-img-holder
{
    background-color : #FFFFFF;
}


.ds-post-group .wp-block-group__inner-container
{
    /*transition : opacity 0.3s ease-in-out;*/
}


.ds-post-group .wp-block-group__inner-container:has(a:focus)
{
    /*opacity : 0.6;*/
}


.ds-post-group.ds-post-group-inv .wp-block-group__inner-container > *:not(figure)
{
    padding-left  : 20px;
    padding-right : 20px;
}


.ds-post-group.ds-post-group-inv .wp-block-group__inner-container > figure,
.ds-post-group.ds-post-group-inv .tpg-post-holder .rt-img-holder
{
    border-bottom : 3px solid #FFFFFF;
}


.ds-post-group.ds-post-group-inv .wp-block-group__inner-container a,
.ds-post-group.ds-post-group-inv .tpg-post-holder a,
.ds-post-group.ds-post-group-inv .rt-tpg-container .rt-el-post-meta
{
    color : #FFFFFF !important;
}


.ds-post-group.ds-post-group-inv .rt-tpg-container .rt-el-post-meta
{
    font-size : 13px;
}


.ds-post-group .wp-block-group__inner-container .wp-block-post-title
{
    padding-top : 20px;
}


.ds-post-group .wp-block-post-date
{
    margin-top : 10px;
    font-size  : 75%;
}


.ds-post-group.ds-post-group-inv .wp-block-group__inner-container
{
    padding-bottom : 20px;
}


.tpg-el-main-wrapper .rt-holder .rt-el-content-wrapper
{
    padding-bottom : 60px;
}


.ds-post-group-inert .tpg-el-main-wrapper .rt-holder .rt-el-content-wrapper
{
    padding-bottom : 0px;
}


.tpg-el-main-wrapper .rt-holder .rt-el-content-wrapper .tpg-el-image-wrap a
{
    height         : 0;
    padding-bottom : 100%;
}


.tpg-el-main-wrapper .rt-holder .rt-el-content-wrapper .tpg-el-image-wrap a img
{
    position   : absolute;
    top        : 0;
    object-fit : cover;
}


/* Fix badge cut off on article slider e.g. related articles */
.post-related-posts .slick-slide > div article
{
    padding-top : 12px;
}


/*
############################################################
#                                                          #
#                          Badges                          #
#                                                          #
############################################################
*/

/* "New" badge; :before pseudo across outer and inner elements */
.rt-grid-item.tag-new .rt-holder:before,
article.post.tag-new .post-inner-wrap:before
{
    content             : "New";
    position            : absolute;
    transform           : translate(-28%, -28%) rotate(-20deg);
    z-index             : 101;
    display             : flex;
    align-items         : center;
    justify-content     : center;
    width               : var(--n1f-badge-size);
    height              : var(--n1f-badge-size);
    color               : #FFFFFF;
    font-size           : 1rem;
    background-repeat   : no-repeat;
    background-size     : 80%;
    background-position : center;
    background-image    : url("data:image/svg+xml;utf8,<svg width=\"100%\" height=\"100%\" viewBox=\"0 0 200 180\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" xml:space=\"preserve\" xmlns:serif=\"http://www.serif.com/\" style=\"fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;\"><g transform=\"matrix(1.02546,-0.59205,0.59205,1.02546,-92.185,21.7876)\"><path class=\"hexagon\" d=\"M111.757,48.405C121.204,48.405 178.598,81.541 183.322,89.723C188.046,97.905 188.046,164.178 183.322,172.36C178.598,180.542 121.204,213.678 111.757,213.678C102.309,213.678 44.915,180.542 40.191,172.36C35.467,164.178 35.467,97.905 40.191,89.723C44.915,81.541 102.309,48.405 111.757,48.405Z\" style=\"fill:%23E84924\"/></g></svg>");
}


main > article.post.tag-new:before,
main > article.post.tag-new .post-inner-wrap:before
{
    translate : -112% -30%;
}


.entry-content-wrap
{

    padding : 15px 15px 60px;
}


/* Category badges; :after pseudo across outer and inner elements */

/*article.post.category-wellbeing:after,
article.post.category-wellbeing .post-inner-wrap:after,
.rt-grid-item.category-wellbeing:after,
.rt-grid-item.category-wellbeing .rt-holder:after,
article.post.category-clips_parents:after,
article.post.category-clips_parents .post-inner-wrap:after,*/

article.post .post-inner-wrap:after,
article.post .post-inner-wrap .entry-content-wrap:after,
.rt-grid-item .rt-holder:after,
.rt-grid-item .rt-holder > div:after
{
    position       : absolute;
    bottom         : 15px;
    right          : 15px;
    width          : 110px;
    white-space    : nowrap;
    line-height    : 1;
    text-align     : center;
    color          : var(--bb-primary-color);
    pointer-events : none;
    font-size      : var(--n1f-badge-font-size);
}


article.post .post-inner-wrap:after,
.rt-grid-item .rt-holder:after
{
    font-family    : bb-icons;
    padding-bottom : 13px;
    font-size      : 30px;
}


article.post.category-wellbeing .post-inner-wrap:after,
.rt-grid-item.category-wellbeing .rt-holder:after
{
    content : "\eeb2";
}


article.post.category-wellbeing .post-inner-wrap .entry-content-wrap:after,
.rt-grid-item.category-wellbeing .rt-holder > div:after
{
    content : "Wellbeing";
}


article.post.category-rules-and-regulations .post-inner-wrap:after,
.rt-grid-item.category-rules-and-regulations .rt-holder:after
{
    content : "\ef18";
}


article.post.category-rules-and-regulations .post-inner-wrap .entry-content-wrap:after,
.rt-grid-item.category-rules-and-regulations .rt-holder > div:after
{
    content : "Rules & Regulations";
}


article.post.category-business .post-inner-wrap:after,
.rt-grid-item.category-business .rt-holder:after
{
    content : "\e86f";
}


article.post.category-business .post-inner-wrap .entry-content-wrap:after,
.rt-grid-item.category-business .rt-holder > div:after
{
    content : "Football Business";
}


article.post.category-partners .post-inner-wrap:after,
.rt-grid-item.category-partners .rt-holder:after
{
    content : "\ee03";
}


article.post.category-partners .post-inner-wrap .entry-content-wrap:after,
.rt-grid-item.category-partners .rt-holder > div:after
{
    content : "Supporters";
}


article.post.category-clips_parents:after,
.rt-grid-item.category-clips_parents .rt-holder:after
{
    content : "\e95d";
}


.rt-grid-item.category-clips_parents .rt-holder > div:after
{
    content : "Behind the Boots";
}


article.post.category-clips_parents:after,
.rt-grid-item.category-clips_experts .rt-holder:after
{
    content : "\ee04";
}


.rt-grid-item.category-clips_experts .rt-holder > div:after
{
    content : "Real Sideline Experts";
}


article.post.category-development .post-inner-wrap:after,
.rt-grid-item.category-development .rt-holder:after
{
    content : "\e801";
}


article.post.category-development .post-inner-wrap .entry-content-wrap:after,
.rt-grid-item.category-development .rt-holder > div:after
{
    content : "Development";
}


article.category-insights figure.entry-img
{
    display : none;
}


/*
############################################################
#                                                          #
#                   MEC plugin overrides                   #
#                                                          #
############################################################
*/

.n1f-mec-component .n1f-mec-component-form-head
{
    position    : relative;
    z-index     : 1;
    box-shadow  : -200px 0px var(--n1f-pitch-colour), 200px 0px var(--n1f-pitch-colour);
    background  : var(--n1f-pitch-colour);
    padding-top : 20px;
    color       : #FFFFFF;
}


.n1f-mec-component .mec-search-form.mec-totalcal-box
{
    box-shadow : -200px -50px var(--n1f-pitch-colour),
    -200px 50px var(--n1f-pitch-colour),
    0px -50px var(--n1f-pitch-colour),
    0px 50px var(--n1f-pitch-colour),
    200px -50px var(--n1f-pitch-colour),
    200px 50px var(--n1f-pitch-colour);
}


@media (min-width : 1100px)
{
    .n1f-mec-component .n1f-mec-component-form-head
    {
        position    : relative;
        z-index     : 1;
        box-shadow  : -1000px 0px var(--n1f-pitch-colour), 1000px 0px var(--n1f-pitch-colour);
        background  : var(--n1f-pitch-colour);
        padding-top : 20px;
        color       : #FFFFFF;
    }

    .n1f-mec-component .mec-search-form.mec-totalcal-box
    {
        box-shadow : -1000px -50px var(--n1f-pitch-colour),
        -1000px 50px var(--n1f-pitch-colour),
        0px -50px var(--n1f-pitch-colour),
        0px 50px var(--n1f-pitch-colour),
        1000px -50px var(--n1f-pitch-colour),
        1000px 50px var(--n1f-pitch-colour);
    }
}


.mec-container
{
    padding-top : 30px;
}


.mec-color, .mec-color-before :before, .mec-color-hover:hover, .mec-wrap .mec-color, .mec-wrap .mec-color-before :before, .mec-wrap .mec-color-hover:hover
{
    color : var(--bb-primary-color);
}


.mec-bg-color, .mec-bg-color-hover:hover, .mec-wrap .mec-bg-color, .mec-wrap .mec-bg-color-hover:hover
{
    background-color : var(--bb-primary-color);
}


.entry-content .mec-wrap .mec-bg-color + .mec-event-detail h4
{
    color : #FFFFFF;
}


.lity-content .button, .lity-content button:not(.owl-dot):not(.gm-control-active):not(.mejs):not(.owl-prev):not(.owl-next):not(.mec-googlemap-details button):not(.mec-googlemap-skin button), .lity-content input[type=button], .lity-content input[type=reset], .lity-content input[type=submit], .mec-form-row .mec-book-form-next-button.mec-book-form-pay-button, .mec-nextprev-next-button, .mec-nextprev-prev-button, .mec-wrap .button, .mec-wrap button:not(.owl-dot):not(.gm-control-active):not(.mejs):not(.owl-prev):not(.owl-next):not(.mec-googlemap-details button):not(.mec-googlemap-skin button), .mec-wrap input[type=button], .mec-wrap input[type=reset], .mec-wrap input[type=submit]
{
    color : #FFFFFF;
}


.mec-border-color, .mec-border-color-hover:hover, .mec-wrap .mec-border-color, .mec-wrap .mec-border-color-hover:hover
{
    border-color : var(--bb-primary-color);
}


.mec-fes-form-top-actions a, .mec-fes-list-top-actions a, .single-mec-events .pmpro_content_message a, .single-mec-events .pmpro_content_message a:link
{

    background : var(--bb-primary-color);
    box-shadow : none !important;
}


.mec-fes-form .mec-form-row .button:not(.wp-color-result), .mec-fes-list ul li
{
    box-shadow : none;
}


.mec-av-spot-wrap
{
    min-height : 0;
}


.mec-av-spot-wrap .mec-av-spot-content
{
    padding : 20px;
}


.mec-av-spot-wrap .mec-event-title
{
    display : none;
}


.mec-av-spot-wrap .mec-event-description p
{
    font-size : 21px;
    color     : var(--bb-body-text-color);
}


.mec-av-spot-head,
.mec-av-spot-wrap .event-grid-modern-head
{
    display : none;
}


.mec-av-spot-wrap .mec-event-footer
{
    padding    : 0;
    height     : auto;
    min-height : 0;
}


.mec-av-spot-wrap .mec-event-footer .mec-booking-button
{
    position         : relative;
    background-color : var(--bb-primary-color);
    color            : #FFFFFF;
    width            : 100%;
    display          : block;
    text-align       : center;
    font-size        : 21px;
}


.mec-cart .mec-success, .mec-success
{
    background-color : var(--n1f-pitch-colour);
    color            : var(--bb-body-text-color);
}


body.postid-3496 .mec-event-meta,
body.postid-3496 .mec-event-export-module,
body.postid-3496 .mec-booking-progress-bar,
body.postid-3496 .mec-ticket-detail,
body.postid-3496 .mec-ticket-available-spots,
body.postid-3496 .mec-event-ticket-input-wrapper,
body.postid-3496 .mec-event-ticket-available,
body.postid-3496 span[id^="mec_booking_quantity_wrapper_"],
body.postid-3496 .mec-ticket-subtotal-wrapper,
body.postid-3496 .mec-ticket-price-wrapper,
body.postid-3496 .warning-msg,
body.postid-3496 .mec-invoice-download
{
    display : none !important;
}


figure.is-type-video
{
    position : relative;
    padding  : 20px 0;
}


/*figure.is-type-video:before,*/
.n1f-mask
{
    content    : "";
    display    : block;
    position   : absolute;
    inset      : 0;
    z-index    : 101;
    transition : all 0.5s ease-in-out;
}


.n1f-mask:hover
{
    background      : rgba(var(--bb-body-background-color-rgb), 0.66);
    backdrop-filter : blur(4px);
}


.n1f-mask:before
{
    opacity    : 0;
    transition : all 0.5s ease-in-out;
}


.n1f-mask:hover:before
{
    opacity     : 1;
    content     : "\21E7 \A Upgrade your membership \A to watch this video";
    text-align  : center;
    white-space : pre;
    position    : absolute;
    top         : 50%;
    left        : 50%;
    translate   : -50% -50%;
    font-size   : 24px;
}


.n1f-behind-the-boots .ds-upgrade
{
    background-color : var(--n1f-behind-the-boots) !important;
    color            : #FFFFFF !important;
}


.n1f-real-sideline-experts .ds-upgrade
{
    background-color : var(--n1f-real-sideline-experts) !important;
    color            : #FFFFFF !important;
}


.n1f-behind-the-boots .ds-upgrade a,
.n1f-real-sideline-experts .ds-upgrade a
{
    color           : #FFFFFF !important;
    text-decoration : underline;
}


/*
body:has(var[data-membership="Club"]) figure.is-type-video:before
{
    display : none;
}*/


/*
############################################################
#                                                          #
#                        Ecosystem                         #
#                                                          #
############################################################

This is the strapline with alternating coloured words
*/

#ecosystem
{
    font-size : 18px;
    /*white-space : nowrap;*/
}


.footer-widget-area #ecosystem
{
    text-align : right;
    /*float      : right;*/
}


#ecosystem span
{
    transform : translate(150%, 0);
    opacity   : 0;
    display   : inline-block;

    animation : ECO 0.5s normal forwards ease-in-out;
}


#ecosystem span:nth-child(2)
{
    animation-delay : 0.1s;
}


#ecosystem span:nth-child(3)
{
    animation-delay : 0.2s;
}


#ecosystem span:nth-child(4)
{
    animation-delay : 0.3s;
}


#ecosystem span:nth-child(5)
{
    animation-delay : 0.4s;
}


#ecosystem span:nth-child(6)
{
    animation-delay : 0.5s;
}


#ecosystem span:nth-child(7)
{
    animation-delay : 0.6s;
}


#ecosystem span:nth-child(8)
{
    animation-delay : 0.7s;
}


#ecosystem span:nth-child(2n -1)
{
    color : var(--bb-body-text-color);
}


#ecosystem span:nth-child(2n)
{
    color : var(--bb-primary-color);
}


/*
############################################################
#                                                          #
#                      WP contact form                     #
#                                                          #
############################################################
*/

div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form input[type=submit], div.wpforms-container-full.wpforms-container .wpforms-form button[type=submit], div.wpforms-container-full.wpforms-container .wpforms-form input[type=submit]
{
    border-radius : var(--bb-button-radius);
    font-family   : "industry", sans-serif;
    font-weight   : 400;
}


div.wpforms-container-full .wpforms-confirmation-container-full, div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message)
{
    background : var(--n1f-secondary-colour);
    border     : none;
}


div.wpforms-container-full .wpforms-confirmation-container-full p, div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) p
{
    color : #FFFFFF;
}


/*
############################################################
#                                                          #
#                          Footer                          #
#                                                          #
############################################################
*/

.footer-widget-area .widget
{
    padding : 0;
}


.footer-widget.area-2
{
    flex : 2;
}


.menu-footer-container
{
    padding-bottom : 25px;
}


.menu-footer-container li
{
    /*float  : left;
    margin : 0 !important;*/
}


.n1f-footer-social
{

    float : right;
    width : auto;
}


.footer-widget-area aside
{
    clear : both;
}


.mepr-price-menu.minimal_horizontal.minimal_gray_horizontal .mepr-price-box
{
    background-color : rgba(220, 220, 220, 0.75);
    backdrop-filter  : blur(7px);
}


.mepr-price-menu.minimal_horizontal .mepr-price-box-button
{
}


#content .mepr-price-menu.minimal_horizontal .mepr-price-box-button a, #content .mepr-price-menu.minimal_vertical .mepr-price-box-button a
{
    font-size        : 200%;
    background-color : #32373C;
    padding          : 15px;
    color            : #FFFFFF;
}


.mp_wrapper input[type=email], .mp_wrapper input[type=number], .mp_wrapper input[type=password], .mp_wrapper input[type=tel], .mp_wrapper input[type=text], .mp_wrapper input[type=url],
.mp-form-row.mepr_bold.mepr_price
{
    background-color : var(--bb-content-background-color);
    border           : 1px solid rgba(0, 0, 0, 0.2);
}


.mp_wrapper input[type=checkbox], .mp_wrapper input[type=radio]
{

    accent-color : var(--bb-primary-color);
    width        : 20px;
    height       : 20px;
}


/*
############################################################
#                                                          #
#                          Popover                         #
#                                                          #
############################################################
*/

/*popover - not signed-in only*/
.n1f-popover
{
    display : none;
}


body.mepr-membership- .n1f-popover
{
    display          : block;
    position         : fixed;
    bottom           : 0;
    right            : 0;
    background-color : var(--bb-primary-color);
    color            : #FFFFFF;
    translate        : 100% 100%;
    transition       : translate 1s ease-in-out;
    rotate           : -45deg;
    transform-origin : 100% 0;
    text-align       : center;
    line-height      : 1.2;
}


body.mepr-membership- .n1f-popover.popped
{
    translate : 0 0;
}


body.mepr-membership- .n1f-popover a
{
    color      : #FFFFFF;
    padding    : 15px 55px 65px;
    display    : block;
    transition : all 0.3s ease-in-out;
    scale      : 1;
}


body.mepr-membership- .n1f-popover a:hover
{

    padding : 15px 65px 75px;
    scale   : 1.2;
}


.bb-mobile-panel-wrapper a
{
    position : relative;
}


.bb-mobile-panel-wrapper .bs-submenu-toggle.bs-submenu-open
{
    transform         : none;
    -webkit-transform : none;
}


.bb-mobile-panel-wrapper .bs-submenu-toggle.bs-submenu-open:before
{
    transform         : rotate(180deg);
    -webkit-transform : rotate(180deg);
}


.bb-mobile-panel-wrapper .bs-submenu-toggle
{
    position : absolute;
    right    : 0;
    top      : 0 !important;
    bottom   : 0;
    height   : auto;
}


.bb-mobile-panel-wrapper .bs-submenu-toggle:before
{
    position   : absolute;
    right      : 10px;
    top        : 50%;
    translate  : 0 -50%;
    transition : transform 0.3s ease-in-out;
}


.bb-mobile-panel-wrapper a[href="#"] .bs-submenu-toggle
{
    align-content position : absolute;
    left                   : 0;

    width                  : auto;

}


/*
############################################################
#                                                          #
#                       buddypress                         #
#                                                          #
############################################################
*/
.bs-timestamp
{
    font-size      : 14px;
    color          : var(--bb-alternate-text-color);
    letter-spacing : -.24px;
    line-height    : 1.6;
    display        : none;
}


/*
############################################################
#                                                          #
#                        Dark mode                         #
#                                                          #
############################################################
*/

@media (prefers-color-scheme : dark)
{
    body
    {
        --bb-body-background-color                 : #5A5A5A;
        --bb-body-text-color                       : var(--dark-mode-foreground);

        /*
        --bb-headings-color                        : var(--dark-mode-foreground);
        --bb-headings-color-rgb                    : 245, 245, 245;
*/

        --bb-headings-color                        : #D0D0D0;
        --bb-headings-color-rgb                    : 208, 208, 208;


        --bb-header-background                     : #505050;
        --bb-header-alternate-background           : #666666;
        --bb-header-links                          : var(--dark-mode-foreground);
        --bb-header-links-hover                    : #E8E8E8;

        --bb-content-background-color              : #3A3A3A;
        --bb-content-alternate-background-color    : #666666;
        --bb-content-border-color                  : #222222;

        --bb-sidenav-background                    : #3A3A3A;
        --bb-sidenav-menu-background-color-regular : #3A3A3A;

        --bb-sidenav-text-regular                  : var(--dark-mode-foreground);


        --bb-footer-background                     : #505050;
        --bb-footer-menu-link-color-regular        : var(--dark-mode-foreground);
        --bb-footer-widget-background              : #505050;
        --bb-footer-text-color                     : var(--dark-mode-foreground);

        --wpforms-label-color                      : var(--dark-mode-foreground);
        --wpforms-sublabel-color                   : var(--dark-mode-foreground);

        --n1f-stripe-background                    : #6A6A6A;
    }

    span.count
    {
        color : var(--bb-body-text-color);
    }

    .wp-block-group.has-background
    {
        background-color : #666666 !important;
    }

    .bb-template-v2 #page #buddypress #item-body .bp-profile-wrapper #subnav .current a, .bb-template-v2 #page #buddypress #item-body .bp-profile-wrapper #subnav .selected a, .bb-template-v2 .bp-search-results-wrapper .bp-navs .current a, .bb-template-v2 .bp-search-results-wrapper .bp-navs .selected a
    {
        color : var(--bb-body-text-color);
    }

    .rt-tpg-container .grid-layout1 .rt-holder, .rt-tpg-container .grid-layout3 .rt-holder
    {
        background : var(--bb-content-background-color);
    }


    @media screen and (min-width : 1081px)
    {
        .bb-template-v2 #message-threads .current > a
        {
            background : #303030;
        }
    }
}


.button.signup
{
    padding : 0 12px;
}


.wp-block-button__link:hover
{

    background-color : var(--bb-primary-color);
    color            : #FFFFFF;
}


.ds-stripe
{
    position   : relative;
    margin     : 100px 0;
    box-shadow : 0 0 100px rgba(0, 0, 0, 0.35);
}


.ds-stripe > *
{
    position         : relative;
    z-index          : 2;
    background-color : var(--n1f-stripe-background);
}


.ds-stripe > *:before
{
    content          : " ";
    display          : block;
    background-color : var(--n1f-stripe-background);
    width            : 200vw;
    height           : 100%;
    position         : absolute;
    z-index          : -1;
    left             : 0;
    translate        : -50% 0;
}


.ds-stripe:before, .ds-stripe:after
{
    content          : " ";
    display          : block;
    background-color : var(--n1f-stripe-background);
    width            : 200vw;
    height           : 100%;
    position         : absolute;
    left             : 0;
    translate        : -50% 0;
    mask-image       : url(/wp-content/uploads/2024/09/edge_mask.png);
    mask-repeat      : no-repeat;
    mask-size        : 100%;
    mask-position    : center top;
}


.ds-stripe:before
{
    top    : -50px;
    rotate : 0deg;
}


.ds-stripe:after
{
    bottom : -50px;
    rotate : -180deg;
}


@media (max-width : 799px)
{

    body:not(.logged-in) .bb-mobile-header .flex-1
    {
        justify-content : left !important;

    }

    .buddypanel, .site-header-container
    {
        background-color : var(--bb-header-background);
        display          : block;
        position         : fixed;
        width            : 215px;
        right            : 0;
        top              : 0;
        z-index          : 1;
    }

    .site-header-container .site-branding
    {
        display : none;
    }

    .site-header-container .main-navigation
    {
        display : none;
    }

    /*
    .site-header-container .header-search-link {display:none;}
    */
    .site-header-container .search-separator
    {
        display : none;
    }
}


/*
############################################################
#                                                          #
#                        Animations                        #
#                                                          #
############################################################
*/

@keyframes ECO
{
    to
    {
        opacity   : 1;
        transform : translate(0, 0);
    }
}


@keyframes ROCK
{
    50%
    {
        rotate : 5deg;
    }
}