@media only screen and (max-width: 1510px) {
.edgtf-main-menu>ul>li>a {
 padding: 0 6px !important;
 margin: 0 5px !important;
 font-size: 12px !important;
}
}

@media only screen and (max-width: 1080px) {
.edgtf-main-menu>ul>li>a {
 padding: 0 6px !important;
 margin: 0 5px !important;
 font-size: 10px !important;
}
}


.hero-shadow h4,
.hero-shadow h4 * {
  text-shadow: 3px 3px 0 rgba(0,0,0,0.6) !important;
}

/* Remove the legacy PlayerX title shadow. */
.edgtf-title-holder {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

/* Darken PlayerX team cards used for licensed brand logos. */
.edgtf-team,
.edgtf-team-inner {
    background-color: #CFCFCF !important;
}

/* Give licensed brand carousel tiles a neutral background with padding. */
.edgtf-cc-item {
    background-color: #CFCFCF !important;
    padding: 20px !important;
    box-sizing: border-box;
}

/* Use the footer colour for any viewport space below short pages. */
html,
body {
    background-color: #202224 !important;
}

/* Remove legacy decorative footer corner shapes. */
.edgtf-footer-bottom-left-inner-border-holder,
.edgtf-footer-bottom-right-inner-border-holder {
    display: none !important;
}

/* ========================================
   Header decorative angled borders
   ======================================== */

/* Change the PlayerX divided-header decorative lines to sage green. */
.edgtf-divided-left-inner-border-holder,
.edgtf-divided-right-inner-border-holder,
.edgtf-divided-left-inner-border-holder::before,
.edgtf-divided-left-inner-border-holder::after,
.edgtf-divided-right-inner-border-holder::before,
.edgtf-divided-right-inner-border-holder::after {
    border-color: #8EAD77 !important;
}

/* ========================================
   American Farming social icon colours
   ======================================== */

/* Change the circular social backgrounds from red to sage green. */
.edgtf-sidearea-bottom .wp-block-social-links .wp-social-link {
    background-color: #8EAD77 !important;
}

/* Keep the social icons themselves white. */
.edgtf-sidearea-bottom .wp-block-social-links .wp-social-link svg {
    fill: #ffffff !important;
}

/* ========================================
   Sage green button hover glow
   ======================================== */

/* Replace the PlayerX red hover glow with sage green. */
.edgtf-btn.edgtf-btn-solid.edgtf-btn-glow:hover {
    box-shadow:
        0 0 20px rgba(131, 168, 111, 0.55),
        0 0 40px rgba(131, 168, 111, 0.30) !important;
}

/* Override any hover glow generated by pseudo-elements. */
.edgtf-btn.edgtf-btn-solid.edgtf-btn-glow:hover::before,
.edgtf-btn.edgtf-btn-solid.edgtf-btn-glow:hover::after {
    background-color: #83A86F !important;
    border-color: #83A86F !important;
    box-shadow:
        0 0 20px rgba(131, 168, 111, 0.55),
        0 0 40px rgba(131, 168, 111, 0.30) !important;
}

/* ========================================
   SquadBuilt Discord
   ======================================== */

/* Centre the Discord button within its section. */
.content-container {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 10vh;
    text-align: center;
    margin: 0;
    padding: 0;
}

/* Style the Discord call-to-action button. */
.discord-join-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #8EAD77;
    color: #ffffff !important;
    text-decoration: none;
    border-radius: 5px;
    font-weight: bold;
    transition: background-color 0.3s ease;
}

/* Darken the button slightly on hover. */
.discord-join-button:hover {
    background-color: #677bc4;
}


/* ========================================
   SquadBuilt global colours
   ======================================== */

/* Desktop header background. */
.edgtf-page-header,
.edgtf-page-header .edgtf-menu-area,
.edgtf-page-header .edgtf-menu-area .edgtf-grid,
.edgtf-page-header .edgtf-menu-area .edgtf-vertical-align-containers,
.edgtf-page-header .edgtf-top-bar,
.edgtf-page-header .edgtf-top-bar .edgtf-grid {
    background-color: #181719 !important;
}

/* Mobile header background. */
.edgtf-mobile-header,
.edgtf-mobile-header .edgtf-mobile-header-inner,
.edgtf-mobile-header .edgtf-mobile-header-holder,
.edgtf-mobile-header .edgtf-grid,
.edgtf-mobile-header .edgtf-vertical-align-containers {
    background-color: #181719 !important;
}

/* Mobile navigation drawer/dropdown background. */
.edgtf-mobile-header .edgtf-mobile-nav {
    background-color: #181719 !important;
}

/* Main site/page background. */
body,
.edgtf-wrapper,
.edgtf-wrapper-inner,
.edgtf-content,
.edgtf-content-inner,
.edgtf-container,
.edgtf-container-inner {
    background-color: #202224 !important;
}

/* Footer background. */
.edgtf-page-footer,
.edgtf-footer-top-holder,
.edgtf-footer-bottom-holder,
.edgtf-footer-top-inner,
.edgtf-footer-bottom-inner {
    background-color: #2B2B2B !important;
}


/* ========================================
   Global PlayerX title section height
   ======================================== */

/* Force a consistent page title section height site-wide. */
.edgtf-title-holder {
    height: 10px !important;
    min-height: 110px !important;
}

/* Match the inner wrapper to the same height. */
.edgtf-title-holder .edgtf-title-wrapper {
    height: 110px !important;
    min-height: 110px !important;
}

/* Keep the title vertically centred. */
.edgtf-title-holder .edgtf-title-inner {
    height: 100% !important;
}


/* ========================================
   American Farming 2 homepage hero
   ======================================== */

body .vc_row.af2-home-hero {
    position: relative !important;

    /* Full browser width. */
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;

    /* Hero height. */
    height: clamp(420px, 31vw, 600px) !important;
    min-height: 0 !important;

    /*
     * Layer 1: AF2 logo.
     * Layer 2: hero artwork.
     */
    background-image:
        url("https://squadbuilt.com/wp-content/uploads/2026/09/AF2-Logo_Long-Stroke.png"),
        url("https://squadbuilt.com/wp-content/uploads/2026/03/AF2_Splash.jpg") !important;

    /* Large logo, full-cover hero image. */
    background-size:
        1000px auto,
        cover !important;

    /* Centre the logo and hero crop. */
    background-position:
        50% 50%,
        50% 58% !important;

    background-repeat:
        no-repeat,
        no-repeat !important;

    overflow: hidden !important;
}

/* "Out Now!" hero callout. */
body .vc_row.af2-home-hero::after {
    content: "Out Now!" !important;
    display: block !important;

    position: absolute !important;
    left: 50% !important;
    bottom: 55px !important;
    transform: translateX(-50%) !important;

    width: auto !important;
    height: auto !important;
    clear: none !important;

    color: #ffffff !important;
    font-size: clamp(34px, 4vw, 64px) !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-align: center !important;
    white-space: nowrap !important;

    text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.6) !important;

    z-index: 10 !important;
}

/* Tablet. */
@media only screen and (max-width: 1024px) {
    body .vc_row.af2-home-hero {
        height: clamp(340px, 45vw, 460px) !important;

        background-size:
            760px auto,
            cover !important;

        background-position:
            50% 50%,
            50% 58% !important;
    }

    body .vc_row.af2-home-hero::after {
        bottom: 40px !important;
    }
}

/* Mobile. */
@media only screen and (max-width: 768px) {
    body .vc_row.af2-home-hero {
        height: 320px !important;

        background-size:
            480px auto,
            cover !important;

        background-position:
            50% 50%,
            50% 58% !important;
    }

    body .vc_row.af2-home-hero::after {
        bottom: 28px !important;
        font-size: clamp(28px, 8vw, 42px) !important;
    }
}