/* ============================================================
   CHRISTOPHER KRAFT FAMILY ARCHIVE
THEME V1

   Light archive treatment only.
   No prominent 2J branding.
   ============================================================ */

body[data-website-theme="sports2j"] {

    --ck-yellow:#ffe500;
    --ck-black:#030607;
    --ck-bg:#050a0d;
    --ck-panel:#081116;
    --ck-panel2:#0b151b;
    --ck-border:rgba(255,229,0,.43);
    --ck-muted:#acbac5;

    color:#f7f9fa;

    background:
        linear-gradient(
            180deg,
            #040708 0%,
            #071015 48%,
            #030607 100%
        ) !important;
}


/* ============================================================
   RESTORE ARCHIVE HERO
   ============================================================ */

body[data-website-theme="sports2j"]
main > .hero {

    display:block !important;
}


/* ============================================================
   HEADER
   ============================================================ */

body[data-website-theme="sports2j"]
.site-header {

    border-bottom:
        1px solid
        rgba(255,229,0,.5) !important;

    background:#030708 !important;
}

body[data-website-theme="sports2j"]
.site-header::after {

    content:"";

    display:block;

    height:4px;

    background:
        repeating-linear-gradient(
            135deg,
            var(--ck-yellow) 0 18px,
            #050708 18px 36px
        );
}

body[data-website-theme="sports2j"]
.brand {

    color:#fff !important;

    font-weight:900 !important;

    letter-spacing:.03em;
}

body[data-website-theme="sports2j"]
.brand-badge {

    color:#050708 !important;

    border-color:
        var(--ck-yellow) !important;

    background:
        var(--ck-yellow) !important;
}

body[data-website-theme="sports2j"]
.nav-links a,
body[data-website-theme="sports2j"]
.home-link {

    color:#dce4e9 !important;
}

body[data-website-theme="sports2j"]
.nav-links a:hover,
body[data-website-theme="sports2j"]
.nav-links a:focus-visible,
body[data-website-theme="sports2j"]
.home-link:hover,
body[data-website-theme="sports2j"]
.home-link:focus-visible {

    color:
        var(--ck-yellow) !important;

    background:
        rgba(255,229,0,.07) !important;
}


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

body[data-website-theme="sports2j"]
.hero {

    overflow:hidden;

    border-bottom:
        1px solid
        rgba(255,229,0,.30) !important;

    background:
        linear-gradient(
            135deg,
            rgba(255,229,0,.045),
            transparent 42%
        ),
        linear-gradient(
            180deg,
            #081116,
            #050a0d
        ) !important;
}

body[data-website-theme="sports2j"]
.welcome {

    filter:
        drop-shadow(
            0 4px 8px
            rgba(0,0,0,.35)
        );
}

body[data-website-theme="sports2j"]
.hero-row {

    position:relative;
}

body[data-website-theme="sports2j"]
.hero h1 {

    color:#fff !important;

    font-weight:950 !important;

    font-style:italic;

    letter-spacing:-.025em;
}

body[data-website-theme="sports2j"]
.nickname {

    color:
        var(--ck-yellow) !important;

    font-weight:850 !important;
}

body[data-website-theme="sports2j"]
.age-pill {

    color:#050708 !important;

    border:
        1px solid
        var(--ck-yellow) !important;

    background:
        var(--ck-yellow) !important;

    font-weight:900 !important;
}

body[data-website-theme="sports2j"]
.sonic {

    filter:
        drop-shadow(
            0 4px 8px
            rgba(0,0,0,.30)
        );
}


/* ============================================================
   SECTIONS
   ============================================================ */

body[data-website-theme="sports2j"]
.section {

    border-left:
        2px solid
        rgba(255,229,0,.70);

    border-right:
        2px solid
        rgba(255,229,0,.70);

    background:
        linear-gradient(
            180deg,
            rgba(255,229,0,.025),
            transparent 22%
        ) !important;
}

body[data-website-theme="sports2j"]
.section-heading h2 {

    color:#fff !important;

    font-weight:950 !important;

    font-style:italic;
}

body[data-website-theme="sports2j"]
.section-heading h2::after {

    content:" //";

    color:
        var(--ck-yellow);
}

body[data-website-theme="sports2j"]
.section-heading p {

    color:
        var(--ck-muted) !important;
}


/* Remove purely decorative blank spacing paragraphs
   from sections known to contain only &nbsp; */
body[data-website-theme="sports2j"]
#photos .section-heading p,
body[data-website-theme="sports2j"]
#about .section-heading p,
body[data-website-theme="sports2j"]
#school .section-heading p {

    display:none;
}


/* ============================================================
   PHOTO GALLERY
   ============================================================ */

body[data-website-theme="sports2j"]
.gallery {

    position:relative;
}

body[data-website-theme="sports2j"]
.photo {

    overflow:hidden;

    border:
        1px solid
        rgba(255,229,0,.35) !important;

    background:
        #071015 !important;

    box-shadow:
        0 12px 26px
        rgba(0,0,0,.18) !important;
}

body[data-website-theme="sports2j"]
.photo::before {

    content:"";

    display:block;

    height:4px;

    background:
        repeating-linear-gradient(
            135deg,
            var(--ck-yellow) 0 14px,
            #050708 14px 28px
        );
}

body[data-website-theme="sports2j"]
.photo img {

    display:block;
}


/* ============================================================
   PANELS / COPY
   ============================================================ */

body[data-website-theme="sports2j"]
.panel {

    border:
        1px solid
        rgba(255,229,0,.38) !important;

    background:
        linear-gradient(
            180deg,
            rgba(10,20,26,.98),
            rgba(6,13,17,.98)
        ) !important;

    box-shadow:
        0 14px 30px
        rgba(0,0,0,.18) !important;
}

body[data-website-theme="sports2j"]
.copy,
body[data-website-theme="sports2j"]
.copy p {

    color:
        #d6dfe5 !important;
}

body[data-website-theme="sports2j"]
.copy a,
body[data-website-theme="sports2j"]
.card a,
body[data-website-theme="sports2j"]
.panel a {

    color:
        var(--ck-yellow) !important;
}


/* ============================================================
   SCHOOL / WRESTLING CARDS
   ============================================================ */

body[data-website-theme="sports2j"]
.card {

    position:relative;

    overflow:hidden;

    border:
        1px solid
        rgba(255,229,0,.40) !important;

    background:
        linear-gradient(
            180deg,
            rgba(9,19,25,.98),
            rgba(5,11,15,.98)
        ) !important;

    box-shadow:
        0 12px 28px
        rgba(0,0,0,.17) !important;
}

body[data-website-theme="sports2j"]
.card::before {

    content:"";

    display:block;

    position:absolute;

    left:0;
    right:0;
    top:0;

    height:4px;

    background:
        repeating-linear-gradient(
            135deg,
            var(--ck-yellow) 0 14px,
            #050708 14px 28px
        );
}

body[data-website-theme="sports2j"]
.card h3 {

    color:#fff !important;

    font-weight:900 !important;
}

body[data-website-theme="sports2j"]
.card p {

    color:
        var(--ck-muted) !important;
}

body[data-website-theme="sports2j"]
.record-label {

    color:
        var(--ck-yellow) !important;

    font-weight:900 !important;

    letter-spacing:.06em;
}

body[data-website-theme="sports2j"]
.stat {

    color:#fff !important;

    font-weight:850 !important;
}

/*
   Preserve the semantic win/loss distinction,
   but tune it slightly for the dark Sports palette.
*/
body[data-website-theme="sports2j"]
.win {

    color:#86efac !important;
}

body[data-website-theme="sports2j"]
.loss {

    color:#fca5a5 !important;
}


/* ============================================================
   WRESTLING STATS TABLE
   ============================================================ */

body[data-website-theme="sports2j"]
.table-wrap {

    border:
        1px solid
        rgba(255,229,0,.38) !important;

    background:
        #071015 !important;
}

body[data-website-theme="sports2j"]
.stats {

    color:#fff !important;
}

body[data-website-theme="sports2j"]
.stats th {

    color:
        var(--ck-yellow) !important;

    border-color:
        rgba(255,229,0,.25) !important;

    background:
        rgba(255,229,0,.055) !important;
}

body[data-website-theme="sports2j"]
.stats td {

    color:#e5ebef !important;

    border-color:
        rgba(255,229,0,.16) !important;
}

body[data-website-theme="sports2j"]
.stats .w {

    color:#86efac !important;
}

body[data-website-theme="sports2j"]
.stats .l {

    color:#fca5a5 !important;
}


/* ============================================================
   BAND FEATURE
   ============================================================ */

body[data-website-theme="sports2j"]
.feature {

    border:
        1px solid
        rgba(255,229,0,.38) !important;

    background:
        linear-gradient(
            180deg,
            rgba(10,20,26,.98),
            rgba(6,13,17,.98)
        ) !important;
}

body[data-website-theme="sports2j"]
.feature img {

    border:
        1px solid
        rgba(255,229,0,.30) !important;

    background:#05090c;
}

body[data-website-theme="sports2j"]
.feature h3 {

    color:#fff !important;

    font-weight:900 !important;
}

body[data-website-theme="sports2j"]
.feature p {

    color:
        var(--ck-muted) !important;
}


/* ============================================================
   FOOTER
   ============================================================ */

body[data-website-theme="sports2j"]
footer {

    border-top:
        1px solid
        rgba(255,229,0,.45) !important;

    background:
        #030607 !important;
}

body[data-website-theme="sports2j"]
.footer-row strong {

    color:
        var(--ck-yellow) !important;
}


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

@media (max-width:760px) {

    body[data-website-theme="sports2j"]
    .section {

        border-left-width:1px;
        border-right-width:1px;
    }

    body[data-website-theme="sports2j"]
    .gallery {

        min-width:0;
    }

    body[data-website-theme="sports2j"]
    .grid {

        grid-template-columns:
            1fr !important;
    }

    body[data-website-theme="sports2j"]
    .card {

        min-width:0;
    }

    body[data-website-theme="sports2j"]
    .feature {

        grid-template-columns:
            1fr !important;
    }

    body[data-website-theme="sports2j"]
    .table-wrap {

        max-width:100%;

        overflow-x:auto;
    }
}