.elementor-31134 .elementor-element.elementor-element-1ad1851{--display:flex;}body.elementor-page-31134:not(.elementor-motion-effects-element-type-background), body.elementor-page-31134 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#060606;}/* Start custom CSS for html, class: .elementor-element-b5f3089 *//* =========================================================
   RUGBY FAN CENTRAL
   RFC EXPLAINS HUB
   UPDATED CSS — 2026
   ========================================================= */


/* =========================================================
   GLOBAL
   ========================================================= */

.rfc-explains-hub {
    --rfc-navy: #06182b;
    --rfc-navy-2: #07182a;
    --rfc-navy-3: #0b2845;
    --rfc-green: #86d300;
    --rfc-green-light: #9bea20;
    --rfc-white: #ffffff;
    --rfc-text: #33495d;
    --rfc-muted: #6d8191;
    --rfc-light: #f5f8fa;
    --rfc-light-2: #edf2f5;
    --rfc-border: #dce5eb;

    background: #ffffff;
    color: var(--rfc-text);

    font-family:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Arial,
        sans-serif;

    overflow: hidden;
}


.rfc-explains-hub *,
.rfc-explains-hub *::before,
.rfc-explains-hub *::after {
    box-sizing: border-box;
}


.rfc-explains-hub .rfc-explains-wrap {
    width: min(calc(100% - 40px), 1180px);
    margin: 0 auto;
}


.rfc-explains-hub a {
    text-decoration: none;
}


/* =========================================================
   SHARED LABELS / BUTTONS
   ========================================================= */

.rfc-explains-hub .rfc-explains-label,
.rfc-explains-hub .rfc-explains-kicker {
    display: inline-block;

    color: var(--rfc-green);

    font-size: 11px;
    line-height: 1.2;
    font-weight: 900;
    letter-spacing: 2px;
    text-transform: uppercase;
}


.rfc-explains-hub .rfc-explains-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 48px;

    padding: 14px 20px;

    border: 1px solid rgba(255,255,255,0.2);

    color: #ffffff;

    font-size: 14px;
    line-height: 1.2;
    font-weight: 900;
}


.rfc-explains-hub .rfc-explains-btn-primary {
    background: var(--rfc-green);
    border-color: var(--rfc-green);
    color: var(--rfc-navy-2);
}


/* =========================================================
   HERO
   ========================================================= */

.rfc-explains-hub .rfc-explains-hero {
    position: relative;

    padding: 105px 0 90px;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 86% 18%,
            rgba(134,211,0,0.14),
            transparent 31%
        ),
        linear-gradient(
            135deg,
            #06182b 0%,
            #0a2947 100%
        );

    color: #ffffff;
}


.rfc-explains-hub .rfc-explains-hero::after {
    content: "";

    position: absolute;
    right: -180px;
    bottom: -310px;

    width: 650px;
    height: 650px;

    border: 1px solid rgba(255,255,255,0.05);
    border-radius: 50%;
}


.rfc-explains-hub .rfc-explains-kicker {
    margin-bottom: 20px;
    padding: 8px 12px;

    background: var(--rfc-green);
    color: var(--rfc-navy-2);
}


.rfc-explains-hub .rfc-explains-hero h1 {
    position: relative;
    z-index: 2;

    max-width: 890px;

    margin: 0;

    color: #ffffff;

    font-size: clamp(48px, 7vw, 82px);
    line-height: 0.96;
    letter-spacing: -3.5px;
    font-weight: 900;
}


.rfc-explains-hub .rfc-explains-hero h1 span {
    display: block;

    margin-top: 8px;

    color: var(--rfc-green-light);
}


.rfc-explains-hub .rfc-explains-deck {
    position: relative;
    z-index: 2;

    max-width: 770px;

    margin: 25px 0 0;

    color: #cad7e2;

    font-size: 19px;
    line-height: 1.65;
}


.rfc-explains-hub .rfc-explains-hero-actions {
    position: relative;
    z-index: 2;

    display: flex;
    flex-wrap: wrap;

    gap: 12px;

    margin-top: 36px;
}


.rfc-explains-hub .rfc-explains-hero-meta {
    position: relative;
    z-index: 2;

    display: grid;
    grid-template-columns: repeat(3, 1fr);

    max-width: 900px;

    margin-top: 50px;

    border-top: 1px solid rgba(255,255,255,0.13);
    border-bottom: 1px solid rgba(255,255,255,0.13);
}


.rfc-explains-hub .rfc-explains-hero-meta > div {
    padding: 23px 24px;

    border-right: 1px solid rgba(255,255,255,0.13);
}


.rfc-explains-hub .rfc-explains-hero-meta > div:last-child {
    border-right: 0;
}


.rfc-explains-hub .rfc-explains-hero-meta span {
    display: block;

    margin-bottom: 6px;

    color: #8fa4b5;

    font-size: 10px;
    line-height: 1.2;
    font-weight: 900;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}


.rfc-explains-hub .rfc-explains-hero-meta strong {
    color: #ffffff;

    font-size: 15px;
    line-height: 1.35;
    font-weight: 800;
}


/* =========================================================
   INTRO
   ========================================================= */

.rfc-explains-hub .rfc-explains-intro {
    padding: 90px 0;

    background: #ffffff;
}


.rfc-explains-hub .rfc-explains-intro-grid {
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;

    gap: 80px;
    align-items: start;
}


.rfc-explains-hub .rfc-explains-intro h2 {
    margin: 10px 0 0;

    max-width: 470px;

    color: var(--rfc-navy-2);

    font-size: clamp(34px, 4vw, 50px);
    line-height: 1.08;
    letter-spacing: -1.5px;
    font-weight: 900;
}


.rfc-explains-hub .rfc-explains-intro-copy p {
    margin: 0 0 20px;

    color: #405568;

    font-size: 18px;
    line-height: 1.7;
}


.rfc-explains-hub .rfc-explains-intro-copy p:last-child {
    margin-bottom: 0;
}


.rfc-explains-hub .rfc-explains-intro-copy strong {
    color: var(--rfc-navy-2);
}


.rfc-explains-hub .rfc-explains-principles {
    display: grid;
    grid-template-columns: repeat(4, 1fr);

    gap: 20px;

    margin-top: 60px;
}


.rfc-explains-hub .rfc-explains-principle {
    padding: 28px 25px;

    background: #f5f8fa;

    border-top: 4px solid var(--rfc-green);
}


.rfc-explains-hub .rfc-explains-principle > span {
    display: block;

    margin-bottom: 18px;

    color: var(--rfc-green);

    font-size: 28px;
    line-height: 1;
    font-weight: 900;
}


.rfc-explains-hub .rfc-explains-principle strong {
    display: block;

    margin-bottom: 9px;

    color: var(--rfc-navy-2);

    font-size: 19px;
    line-height: 1.2;
    font-weight: 900;
}


.rfc-explains-hub .rfc-explains-principle p {
    margin: 0;

    color: #607486;

    font-size: 14px;
    line-height: 1.55;
}


/* =========================================================
   SECTION HEAD
   ========================================================= */

.rfc-explains-hub .rfc-explains-section-head {
    max-width: 780px;

    margin-bottom: 45px;
}


.rfc-explains-hub .rfc-explains-section-head h2 {
    margin: 10px 0 15px;

    color: var(--rfc-navy-2);

    font-size: clamp(34px, 4vw, 50px);
    line-height: 1.08;
    letter-spacing: -1.5px;
    font-weight: 900;
}


.rfc-explains-hub .rfc-explains-section-head p {
    margin: 0;

    color: #526779;

    font-size: 18px;
    line-height: 1.65;
}


/* =========================================================
   FEATURED GUIDES
   ========================================================= */

.rfc-explains-hub .rfc-explains-featured {
    padding: 90px 0;

    background:
        linear-gradient(
            180deg,
            #edf2f5 0%,
            #f7f9fb 100%
        );
}


.rfc-explains-hub .rfc-explains-feature-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);

    gap: 24px;
}


.rfc-explains-hub .rfc-explains-feature-card {
    position: relative;

    display: flex;
    flex-direction: column;

    min-height: 320px;

    padding: 32px;

    background: #ffffff;

    border: 1px solid var(--rfc-border);
    border-top: 5px solid #9caeba;

    color: inherit;

    box-shadow: 0 8px 25px rgba(7,24,42,0.055);
}


.rfc-explains-hub .rfc-explains-feature-primary {
    background:
        linear-gradient(
            145deg,
            #07182a 0%,
            #0b2845 100%
        );

    border-color: var(--rfc-navy-2);
    border-top-color: var(--rfc-green);
}


.rfc-explains-hub .rfc-explains-card-tag {
    display: inline-block;

    margin-bottom: 22px;

    color: #728697;

    font-size: 10px;
    line-height: 1.2;
    font-weight: 900;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}


.rfc-explains-hub .rfc-explains-feature-primary .rfc-explains-card-tag {
    color: var(--rfc-green-light);
}


.rfc-explains-hub .rfc-explains-feature-card h3 {
    margin: 0 0 16px;

    color: var(--rfc-navy-2);

    font-size: 24px;
    line-height: 1.2;
    font-weight: 900;
}


.rfc-explains-hub .rfc-explains-feature-primary h3 {
    color: #ffffff;
}


.rfc-explains-hub .rfc-explains-feature-card p {
    margin: 0 0 22px;

    color: #526678;

    font-size: 15px;
    line-height: 1.65;
}


.rfc-explains-hub .rfc-explains-feature-primary p {
    color: #c4d2dc;
}


.rfc-explains-hub .rfc-explains-card-meta {
    margin-top: auto;
    padding-top: 22px;

    color: #7c8f9e;

    border-top: 1px solid #e3e9ed;

    font-size: 11px;
    line-height: 1.5;
    font-weight: 800;
}


.rfc-explains-hub .rfc-explains-feature-primary .rfc-explains-card-meta {
    border-color: rgba(255,255,255,0.12);
    color: #93a6b5;
}


.rfc-explains-hub .rfc-explains-feature-card > strong {
    display: block;

    margin-top: 16px;

    color: var(--rfc-green);

    font-size: 13px;
    line-height: 1.3;
    font-weight: 900;
}


.rfc-explains-hub .rfc-explains-feature-primary > strong {
    color: var(--rfc-green-light);
}


/* =========================================================
   REFERENCE LIBRARY
   ========================================================= */

.rfc-explains-hub .rfc-explains-library {
    padding: 95px 0;

    background: #ffffff;
}


.rfc-explains-hub .rfc-explains-category {
    margin-top: 70px;
}


.rfc-explains-hub .rfc-explains-category:first-of-type {
    margin-top: 0;
}


.rfc-explains-hub .rfc-explains-category-head {
    display: grid;
    grid-template-columns: 80px 1fr;

    gap: 20px;
    align-items: start;

    margin-bottom: 28px;
}


.rfc-explains-hub .rfc-explains-category-head > span {
    color: var(--rfc-green);

    font-size: 42px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: -2px;
}


.rfc-explains-hub .rfc-explains-category-head h3 {
    margin: 0 0 7px;

    color: var(--rfc-navy-2);

    font-size: 28px;
    line-height: 1.2;
    font-weight: 900;
}


.rfc-explains-hub .rfc-explains-category-head p {
    margin: 0;

    color: #6c7f8f;

    font-size: 15px;
    line-height: 1.5;
}


.rfc-explains-hub .rfc-explains-card-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);

    gap: 22px;
}


.rfc-explains-hub .rfc-explains-guide-card {
    position: relative;

    display: flex;
    flex-direction: column;

    min-height: 255px;

    padding: 27px 26px;

    background: #f6f8fa;

    border: 1px solid #e1e8ec;
    border-top: 4px solid #9babb8;

    color: inherit;
}


.rfc-explains-hub .rfc-explains-guide-card > span {
    display: block;

    margin-bottom: 15px;

    color: #6c8192;

    font-size: 10px;
    line-height: 1.2;
    font-weight: 900;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}


.rfc-explains-hub .rfc-explains-guide-card h4 {
    margin: 0 0 13px;

    color: var(--rfc-navy-2);

    font-size: 21px;
    line-height: 1.25;
    font-weight: 900;
}


.rfc-explains-hub .rfc-explains-guide-card p {
    margin: 0 0 20px;

    color: #526678;

    font-size: 14px;
    line-height: 1.6;
}


.rfc-explains-hub .rfc-explains-guide-card > strong {
    display: block;

    margin-top: auto;

    color: #4e7900;

    font-size: 12px;
    line-height: 1.3;
    font-weight: 900;
}


/* STATIC / FUTURE GUIDE */

.rfc-explains-hub .rfc-explains-guide-card-static {
    background:
        repeating-linear-gradient(
            -45deg,
            #f4f6f7,
            #f4f6f7 10px,
            #f0f3f5 10px,
            #f0f3f5 20px
        );

    border-top-color: #b8c4cc;
}


.rfc-explains-hub .rfc-explains-guide-card-static > strong {
    color: #7b8d9b;
}


/* OPTIONAL — NEW WOMEN'S RUGBY GUIDE */

.rfc-explains-hub
.rfc-explains-guide-card[href*="womens-rugby-size-4-5-ball-explained"] {
    border-top-color: var(--rfc-green);

    background:
        linear-gradient(
            145deg,
            #f6f9f3 0%,
            #ffffff 100%
        );
}


.rfc-explains-hub
.rfc-explains-guide-card[href*="womens-rugby-size-4-5-ball-explained"]
> span {
    color: #5c8500;
}


/* =========================================================
   RFC STANDARD
   ========================================================= */

.rfc-explains-hub .rfc-explains-standard {
    padding: 90px 0;

    background:
        linear-gradient(
            135deg,
            #06182b 0%,
            #0b2845 100%
        );
}


.rfc-explains-hub .rfc-explains-standard-card {
    padding: 55px;

    background: rgba(255,255,255,0.045);

    border: 1px solid rgba(255,255,255,0.10);
    border-top: 5px solid var(--rfc-green);
}


.rfc-explains-hub .rfc-explains-standard h2 {
    max-width: 770px;

    margin: 11px 0 18px;

    color: #ffffff;

    font-size: clamp(34px, 4vw, 50px);
    line-height: 1.08;
    letter-spacing: -1.5px;
    font-weight: 900;
}


.rfc-explains-hub .rfc-explains-standard-card > p {
    max-width: 730px;

    margin: 0;

    color: #c5d2dc;

    font-size: 18px;
    line-height: 1.65;
}


.rfc-explains-hub .rfc-explains-standard-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);

    gap: 18px;

    margin-top: 40px;
}


.rfc-explains-hub .rfc-explains-standard-grid > div {
    padding-top: 22px;

    border-top: 1px solid rgba(255,255,255,0.13);
}


.rfc-explains-hub .rfc-explains-standard-grid span {
    display: block;

    margin-bottom: 13px;

    color: var(--rfc-green-light);

    font-size: 24px;
    line-height: 1;
    font-weight: 900;
}


.rfc-explains-hub .rfc-explains-standard-grid strong {
    display: block;

    margin-bottom: 8px;

    color: #ffffff;

    font-size: 16px;
    line-height: 1.3;
    font-weight: 900;
}


.rfc-explains-hub .rfc-explains-standard-grid p {
    margin: 0;

    color: #9fb0bd;

    font-size: 13px;
    line-height: 1.55;
}


/* =========================================================
   CLOSING CTA
   ========================================================= */

.rfc-explains-hub .rfc-explains-close {
    padding: 80px 0;

    background:
        linear-gradient(
            135deg,
            var(--rfc-green) 0%,
            var(--rfc-green-light) 100%
        );
}


.rfc-explains-hub .rfc-explains-close-inner {
    max-width: 850px;
}


.rfc-explains-hub .rfc-explains-close .rfc-explains-label {
    color: rgba(7,24,42,0.68);
}


.rfc-explains-hub .rfc-explains-close h2 {
    margin: 10px 0 17px;

    color: var(--rfc-navy-2);

    font-size: clamp(36px, 5vw, 56px);
    line-height: 1.05;
    letter-spacing: -2px;
    font-weight: 900;
}


.rfc-explains-hub .rfc-explains-close p {
    max-width: 690px;

    margin: 0;

    color: #173046;

    font-size: 18px;
    line-height: 1.6;
}


.rfc-explains-hub .rfc-explains-close-actions {
    display: flex;
    flex-wrap: wrap;

    gap: 12px;

    margin-top: 30px;
}


.rfc-explains-hub .rfc-explains-close .rfc-explains-btn {
    border-color: var(--rfc-navy-2);
    color: var(--rfc-navy-2);
}


.rfc-explains-hub .rfc-explains-close .rfc-explains-btn-primary {
    background: var(--rfc-navy-2);
    color: #ffffff;
}


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

@media (min-width: 1025px) {

    .rfc-explains-hub .rfc-explains-feature-card,
    .rfc-explains-hub .rfc-explains-guide-card,
    .rfc-explains-hub .rfc-explains-btn {
        transition:
            transform 0.2s ease,
            box-shadow 0.2s ease,
            background 0.2s ease,
            border-color 0.2s ease;
    }


    .rfc-explains-hub .rfc-explains-feature-card:hover {
        transform: translateY(-5px);

        box-shadow:
            0 16px 38px rgba(7,24,42,0.10);

        border-top-color: var(--rfc-green);
    }


    .rfc-explains-hub .rfc-explains-feature-primary:hover {
        box-shadow:
            0 18px 42px rgba(7,24,42,0.20);
    }


    .rfc-explains-hub .rfc-explains-guide-card:not(.rfc-explains-guide-card-static):hover {
        transform: translateY(-4px);

        background: #ffffff;

        border-top-color: var(--rfc-green);

        box-shadow:
            0 12px 30px rgba(7,24,42,0.085);
    }


    .rfc-explains-hub .rfc-explains-btn:hover {
        transform: translateY(-2px);
    }


    .rfc-explains-hub .rfc-explains-btn-primary:hover {
        background: var(--rfc-green-light);
        border-color: var(--rfc-green-light);
    }
}


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

@media (max-width: 900px) {

    .rfc-explains-hub .rfc-explains-hero {
        padding: 85px 0 70px;
    }


    .rfc-explains-hub .rfc-explains-intro,
    .rfc-explains-hub .rfc-explains-featured,
    .rfc-explains-hub .rfc-explains-library,
    .rfc-explains-hub .rfc-explains-standard {
        padding: 70px 0;
    }


    .rfc-explains-hub .rfc-explains-intro-grid {
        grid-template-columns: 1fr;

        gap: 35px;
    }


    .rfc-explains-hub .rfc-explains-principles {
        grid-template-columns: 1fr 1fr;
    }


    .rfc-explains-hub .rfc-explains-feature-grid {
        grid-template-columns: 1fr 1fr;
    }


    .rfc-explains-hub .rfc-explains-card-grid {
        grid-template-columns: 1fr 1fr;
    }


    .rfc-explains-hub .rfc-explains-standard-grid {
        grid-template-columns: 1fr 1fr;
    }


    .rfc-explains-hub .rfc-explains-standard-card {
        padding: 40px;
    }
}


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

@media (max-width: 600px) {

    .rfc-explains-hub .rfc-explains-wrap {
        width: min(calc(100% - 30px), 1180px);
    }


    .rfc-explains-hub .rfc-explains-hero {
        padding: 65px 0 55px;
    }


    .rfc-explains-hub .rfc-explains-hero h1 {
        font-size: 44px;
        line-height: 1;
        letter-spacing: -2px;
    }


    .rfc-explains-hub .rfc-explains-deck {
        font-size: 17px;
        line-height: 1.58;
    }


    .rfc-explains-hub .rfc-explains-hero-actions {
        flex-direction: column;
    }


    .rfc-explains-hub .rfc-explains-btn {
        width: 100%;
    }


    .rfc-explains-hub .rfc-explains-hero-meta {
        grid-template-columns: 1fr;

        margin-top: 35px;
    }


    .rfc-explains-hub .rfc-explains-hero-meta > div {
        padding: 17px 0;

        border-right: 0;
        border-bottom: 1px solid rgba(255,255,255,0.12);
    }


    .rfc-explains-hub .rfc-explains-hero-meta > div:last-child {
        border-bottom: 0;
    }


    .rfc-explains-hub .rfc-explains-intro,
    .rfc-explains-hub .rfc-explains-featured,
    .rfc-explains-hub .rfc-explains-library,
    .rfc-explains-hub .rfc-explains-standard {
        padding: 55px 0;
    }


    .rfc-explains-hub .rfc-explains-intro h2,
    .rfc-explains-hub .rfc-explains-section-head h2,
    .rfc-explains-hub .rfc-explains-standard h2 {
        font-size: 34px;
        letter-spacing: -1px;
    }


    .rfc-explains-hub .rfc-explains-intro-copy p,
    .rfc-explains-hub .rfc-explains-section-head p,
    .rfc-explains-hub .rfc-explains-standard-card > p {
        font-size: 16px;
    }


    .rfc-explains-hub .rfc-explains-principles {
        grid-template-columns: 1fr;
    }


    .rfc-explains-hub .rfc-explains-feature-grid {
        grid-template-columns: 1fr;
    }


    .rfc-explains-hub .rfc-explains-feature-card {
        min-height: auto;

        padding: 27px 23px;
    }


    .rfc-explains-hub .rfc-explains-category {
        margin-top: 55px;
    }


    .rfc-explains-hub .rfc-explains-category-head {
        grid-template-columns: 55px 1fr;
    }


    .rfc-explains-hub .rfc-explains-category-head > span {
        font-size: 34px;
    }


    .rfc-explains-hub .rfc-explains-category-head h3 {
        font-size: 23px;
    }


    .rfc-explains-hub .rfc-explains-card-grid {
        grid-template-columns: 1fr;
    }


    .rfc-explains-hub .rfc-explains-guide-card {
        min-height: auto;

        padding: 24px 22px;
    }


    .rfc-explains-hub .rfc-explains-standard-card {
        padding: 28px 23px;
    }


    .rfc-explains-hub .rfc-explains-standard-grid {
        grid-template-columns: 1fr;
    }


    .rfc-explains-hub .rfc-explains-close {
        padding: 60px 0;
    }


    .rfc-explains-hub .rfc-explains-close h2 {
        font-size: 38px;
        letter-spacing: -1.4px;
    }


    .rfc-explains-hub .rfc-explains-close p {
        font-size: 16px;
    }


    .rfc-explains-hub .rfc-explains-close-actions {
        flex-direction: column;
    }
}


/* =========================================================
   ACCESSIBILITY
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .rfc-explains-hub *,
    .rfc-explains-hub *::before,
    .rfc-explains-hub *::after {
        transition: none !important;
        animation: none !important;
        scroll-behavior: auto !important;
    }
}/* End custom CSS */