/* ============================================================
   PUBLIC FIXTURES
   CHUNK 3B.2
   ============================================================ */


body {

    margin: 0;

    background: #f4f8fb;

    color: #17364f;

    font-family:
        Arial,
        Helvetica,
        sans-serif;
}


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

/*.site-header {

    background:
        linear-gradient(
            135deg,
            #07366c,
            #0b64b5
        );

    color: #ffffff;
}


/*.site-header-inner {

    max-width: 1180px;

    margin: 0 auto;

    padding: 24px 20px;
}


.site-header h1 {

    margin: 0;

    font-size: 1.55rem;
}


.site-header p {

    margin: 5px 0 0;

    opacity: .85;
}
*/

/* ============================================================
   MAIN NAVIGATION
   ============================================================ */
 /* Now on public-nav.css 
 
.site-nav {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    gap: 4px;

    padding: 7px 12px;

    border-bottom: 1px solid #c9dce9;

    background: #ffffff;
}


.site-nav a {

    padding: 9px 13px;

    border-radius: 7px;

    color: #174f7b;

    font-size: .88rem;

    font-weight: 700;

    text-decoration: none;
}


.site-nav a:hover {

    background: #edf6fc;
}


.site-nav a.active {

    background: #0b64b5;

    color: #ffffff;
}
*/

/* ============================================================
   PAGE
   ============================================================ */

.site-main {

    width: calc(100% - 30px);

    max-width: 1120px;

    margin: 0 auto;

    padding: 28px 0 50px;
}


.public-page-heading {

    margin-bottom: 20px;
}


.public-page-heading h2 {

    margin: 0;

    color: #07366c;

    font-size: 1.8rem;
}


.public-page-heading p {

    margin: 4px 0 0;

    color: #60758a;

    font-size: 1rem;

    font-weight: 700;
}


/* ============================================================
   DIVISION SELECTOR
   ============================================================ */

.public-division-selector {

    display: flex;

    flex-wrap: wrap;

    gap: 8px;

    margin-bottom: 28px;
}


.public-division-selector a {

    padding: 9px 15px;

    border: 1px solid #bcd4e5;

    border-radius: 999px;

    background: #ffffff;

    color: #0b4f89;

    font-size: .87rem;

    font-weight: 800;

    text-decoration: none;
}


.public-division-selector a:hover {

    background: #edf7fd;
}


.public-division-selector a.active {

    border-color: #0b64b5;

    background: #0b64b5;

    color: #ffffff;
}


/* ============================================================
   HALF-SEASON HEADING
   ============================================================ */

.fixture-half-section {

    margin-top: 12px;
}


.after-christmas-section {

    margin-top: 42px;
}


.fixture-half-heading {

    margin: 0 0 14px;

    padding-bottom: 8px;

    border-bottom: 3px solid #0b64b5;

    color: #07366c;

    font-size: 1.3rem;
}


/* ============================================================
   ROUND CARD
   ============================================================ */

.public-round-card {

    overflow: hidden;

    margin-bottom: 16px;

    border: 1px solid #d2e2ed;

    border-radius: 12px;

    background: #ffffff;

    box-shadow:
        0 3px 10px
        rgba(20, 61, 91, .05);
}


.public-round-header {

    padding: 12px 16px;

    background:
        linear-gradient(
            135deg,
            #07366c,
            #0b64b5
        );

    color: #ffffff;
}


.public-round-header div {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 14px;
}


.public-round-header strong {

    font-size: 1rem;
}


.public-round-header span {

    font-size: .79rem;

    font-weight: 700;

    opacity: .85;
}


/* ============================================================
   FIXTURE COLUMNS
   ============================================================ */

.public-fixture-column-headings,
.public-fixture-row {

    display: grid;

    grid-template-columns:
        58px
        58px
        minmax(135px, 1fr)
        54px
        44px
        32px
        minmax(135px, 1fr)
        54px
        44px
        60px;

    align-items: center;
}


.public-fixture-column-headings {

    padding: 8px 14px;

    border-bottom: 1px solid #dce8f0;

    background: #eef5fa;

    color: #667f93;

    font-size: .69rem;

    font-weight: 900;

    letter-spacing: .05em;

    text-transform: uppercase;
}


.public-fixture-row {

    min-height: 50px;

    padding: 5px 14px;

    border-bottom: 1px solid #e6eef4;
}


.public-fixture-row:last-child {

    border-bottom: 0;
}


.public-match-number {

    color: #8093a3;
    
    text-align: center;

    font-size: .8rem;

    font-weight: 800;
}


.public-home-team {

    text-align: left;

    color: #123f63;

    font-weight: 800;
}


.public-away-team {
    
    text-align: left;

    color: #123f63;

    font-weight: 800;
}


.public-versus {

    text-align: center;

    color: #8295a4;

    font-size: .78rem;

    font-weight: 700;
}

/* ============================================================
   SCORES / POINTS / FORM
   ============================================================ */

.public-score,
.public-points {

    text-align: center;

    color: #7b8f9f;

    font-weight: 800;
}


.public-form-placeholder {

    justify-self: center;
    
    text-align: center;

    padding: 5px 8px;

    border: 1px solid #cadce8;

    border-radius: 6px;

    background: #f4f8fb;

    color: #8798a5;

    font-size: .72rem;

    font-weight: 800;
}


/*
   This becomes a real link when the
   match-form system is built.
*/

.public-form-link {

    justify-self: center;

    text-align: center;

    padding: 5px 8px;

    border: 1px solid #08783f;
    border-radius: 6px;

    background: #08783f;

    color: #ffffff;

    font-size: .72rem;
    font-weight: 800;

    text-decoration: none;

    box-shadow:
        0 3px 9px
        rgba(8, 120, 63, .22);

    cursor: pointer;

    transition:
        background .18s ease,
        border-color .18s ease,
        box-shadow .18s ease,
        transform .18s ease;
}


.public-form-link:hover,
.public-form-link:focus {

    background: #066a37;

    border-color: #066a37;

    box-shadow:
        0 5px 12px
        rgba(8, 120, 63, .30);

    transform: translateY(-1px);

    outline: none;
}


.public-form-link:hover {

    background: #073f7c;
}


/* ============================================================
   POSTPONED / REARRANGED FIXTURES
   ============================================================ */

.public-fixture-row.is-postponed {

    background: #fffaf0;
}


.public-fixture-row.is-venue-swapped {

    box-shadow:
        inset 4px 0 0
        #0b64b5;
}


.fixture-status-line {

    grid-column: 3 / -1;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    gap: 8px 12px;

    padding: 4px 0 8px;

    font-size: .78rem;
}


.fixture-status-badge {

    display: inline-block;

    padding: 4px 7px;

    border-radius: 5px;

    background: #fff0cc;

    color: #805b0b;

    font-size: .68rem;

    letter-spacing: .05em;
}


.fixture-new-date {

    color: #4c667a;
}


.fixture-note {

    color: #657b8d;

    font-style: italic;
}


/* ============================================================
   HOME / AWAY VENUE EXCHANGES
   ============================================================ */

.venue-swap-line {

    grid-column: 3 / -1;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    gap: 7px 10px;

    padding: 5px 0 8px;

    color: #3f647f;

    font-size: .78rem;
}


.venue-swap-badge {

    display: inline-flex;

    align-items: center;

    padding: 4px 8px;

    border: 1px solid #8fc2e7;

    border-radius: 999px;

    background: #dcefff;

    color: #073f73;

    font-size: .68rem;

    font-weight: 900;

    letter-spacing: .04em;

    text-transform: uppercase;
}


/* ============================================================
   EMPTY STATE
   ============================================================ */

.public-empty-card {

    padding: 22px;

    border: 1px solid #d5e5f0;

    border-radius: 12px;

    background: #ffffff;
}


.public-empty-card h3 {

    margin: 0 0 6px;

    color: #07366c;
}


.public-empty-card p {

    margin: 0;

    color: #62788b;
}

/* ============================================================
   BYE ROW
   ============================================================ */

.public-bye-row {

    background: #f7fbfe;
}


.public-bye-row .public-home-team {

    color: #496b83;

    font-style: italic;

    font-weight: 700;
}


.public-bye-label {

    font-weight: 400;
}


/* ============================================================
   COMPLETED MATCH RESULT
   ============================================================ */

.public-fixture-row:not(.is-postponed)
.public-score,
.public-fixture-row:not(.is-postponed)
.public-points {

    color: #315a78;
}


.fixture-status-badge {

    font-weight: 900;
}


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

@media (max-width: 650px) {

/*    .site-header-inner {

        padding: 18px 15px;
    }


    .site-header h1 {

        font-size: 1.2rem;
    }


    .site-main {

        width: calc(100% - 20px);

        padding-top: 20px;
    }
*/

    .public-fixture-column-headings,
    .public-fixture-row {
    
        grid-template-columns:
                48px
                38px
                minmax(90px, 1fr)
                38px
                34px
                20px
                minmax(90px, 1fr)
                38px
                34px
                46px;
                }


    .public-fixture-column-headings {

        padding-left: 9px;

        padding-right: 9px;
    }


    .public-fixture-row {

        padding-left: 9px;

        padding-right: 9px;
    }


    .public-home-team,
    .public-away-team {

        font-size: .87rem;
    }
    
    .public-score,
    .public-points {

        font-size: .8rem;
    }


.public-form-placeholder,
.public-form-link {

    padding: 4px 5px;

    font-size: .65rem;
}

}

@media (max-width: 420px) {

    .public-fixture-column-headings {
        display: none;
    }


    .public-fixture-row {
        grid-template-columns:
            34px
            30px
            minmax(0, 1fr)
            38px
            34px
            42px;

        grid-template-rows:
            auto
            auto
            auto;

        gap: 4px 5px;

        padding: 10px 8px;

        min-height: 0;
    }


    /* =========================================
       STATUS - spans both team rows
       ========================================= */

    .public-status-icons {
        grid-column: 1;
        grid-row: 1 / 3;

        display: flex;
        flex-direction: column;

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

        gap: 4px;

        width: 100%;
    }


    .public-status-icon {
        width: 28px;
        height: 28px;

        flex: 0 0 28px;
    }


    .status-result,
    .status-postponed {
        grid-column: auto;
    }


    /* =========================================
       MATCH NUMBER
       ========================================= */

    .public-match-number {
        grid-column: 2;
        grid-row: 1 / 3;

        align-self: center;

        text-align: center;
    }


    /* =========================================
       TEAMS
       ========================================= */

    .public-home-team {
        grid-column: 3;
        grid-row: 1;

        align-self: center;

        text-align: left;
    }


    .public-away-team {
        grid-column: 3;
        grid-row: 2;

        align-self: center;

        text-align: left;
    }


    /* =========================================
       SHOTS
       ========================================= */

    .public-home-score {
        grid-column: 4;
        grid-row: 1;
    }


    .public-away-score {
        grid-column: 4;
        grid-row: 2;
    }


    /* =========================================
       POINTS
       ========================================= */

    .public-home-points {
        grid-column: 5;
        grid-row: 1;
    }


    .public-away-points {
        grid-column: 5;
        grid-row: 2;
    }


    .public-score,
    .public-points {
        align-self: center;

        text-align: center;

        font-size: .88rem;
    }


    /* =========================================
       HIDE 'v' ON PORTRAIT
       ========================================= */

    .public-versus {
        display: none;
    }


    /* =========================================
       FORM - one tall control
       ========================================= */

    .public-form-placeholder,
    .public-form-link {
        grid-column: 6;
        grid-row: 1 / 3;

        align-self: stretch;
        justify-self: stretch;

        display: flex;

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

        min-width: 0;

        margin: 0;

        padding: 4px 3px;

        writing-mode: vertical-rl;
        transform: rotate(180deg);

        border-radius: 7px;

        font-size: .65rem;
        letter-spacing: .04em;
    }


    /* =========================================
       POSTPONEMENT DETAILS
       ========================================= */

    .fixture-status-line {
        grid-column: 3 / 7;
        grid-row: 3;

        padding: 5px 0 2px;

        gap: 5px 8px;
    }


    /* =========================================
       BYE
       ========================================= */

    .public-bye-row {
        grid-template-columns:
            34px
            30px
            minmax(0, 1fr)
            38px
            34px
            42px;
    }


    .public-bye-row .public-home-team {
        grid-column: 3 / 7;
        grid-row: 1;

        padding: 2px 0;
    }


    .public-bye-row .public-score,
    .public-bye-row .public-points,
    .public-bye-row .public-away-team,
    .public-bye-row .public-form-placeholder,
    .public-bye-row .public-form-link {
        display: none;
    }

}


/* ============================================================
   FIXTURE STATUS ICONS
   ============================================================ */

.public-status-icons {
    display: grid;
    grid-template-columns: 24px 24px;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-width: 0;
}

.status-result {
    grid-column: 1;
}

.status-postponed {
    grid-column: 2;
}

.public-status-icon {
    width: 24px;
    height: 24px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 24px;

    border-radius: 50%;
    border: 2px solid;

    font-size: .72rem;
    font-weight: 800;
    line-height: 1;

    padding: 0;
}

.status-postponed {
    background: #fff3cd;
    border-color: #d99a00;
    color: #815c00;
}

button.status-postponed {
    cursor: pointer;
}

.status-result {
    background: #dff3e7;
    border-color: #08783f;
    color: #08783f;
}

/* ============================================================
   POSTPONEMENT DETAILS TOGGLE
   ============================================================ */

.fixture-status-line[hidden] {
    display: none;
}

.status-postponed[aria-expanded="true"] {
    box-shadow:
        0 0 0 3px
        rgba(217, 154, 0, .18);
}


/*@media (max-width: 420px) {

/*    .site-nav {

        justify-content: flex-start;
    }  
    This is now on public-nav.css
*/

    /*
       On narrow phones we change each fixture
       from a wide table into a compact card.
    */

/*
    .public-fixture-column-headings {

        display: none;
    }


    .public-fixture-row {

        grid-template-columns:
            28px
            minmax(0, 1fr)
            34px
            30px;

        gap: 3px 5px;

        padding: 10px 8px;

        min-height: 0;
    }


    .public-match-number {

        grid-column: 1;

        grid-row: 1 / 3;

        align-self: center;

        text-align: center;
    }


    .public-home-team {

        grid-column: 2;

        grid-row: 1;

        text-align: left;
    }


    .public-fixture-row
    .public-score:nth-of-type(3) {

        grid-column: 3;

        grid-row: 1;
    }


    .public-fixture-row
    .public-points:nth-of-type(4) {

        grid-column: 4;

        grid-row: 1;
    }


    .public-versus {

        display: none;
    }


    .public-away-team {

        grid-column: 2;

        grid-row: 2;
    }


    .public-fixture-row
    .public-score:nth-of-type(7) {

        grid-column: 3;

        grid-row: 2;
    }


    .public-fixture-row
    .public-points:nth-of-type(8) {

        grid-column: 4;

        grid-row: 2;
    }


    .public-form-placeholder,
    .public-form-link {

        grid-column: 2 / 5;

        grid-row: 3;

        justify-self: start;

        margin-top: 3px;
    }


    .fixture-status-line {

        grid-column: 2 / 5;

        padding:
            3px 0 2px;
    }
    
        .public-bye-row {

        grid-template-columns:
            28px
            minmax(0, 1fr)
            34px
            30px;
    }


    .public-bye-row
    .public-home-team {

        grid-column: 2 / 5;

        grid-row: 1;

        padding: 2px 0;
    }


    .public-bye-row
    .public-score,
    .public-bye-row
    .public-points,
    .public-bye-row
    .public-away-team {

        display: none;
    }

}*/

@media (max-width: 420px) {

    .public-fixture-column-headings {
        display: none;
    }


    .public-fixture-row {
        grid-template-columns:
            34px
            30px
            minmax(0, 1fr)
            38px
            34px
            42px;

        grid-template-rows:
            auto
            auto
            auto;

        gap: 4px 5px;

        padding: 10px 8px;

        min-height: 0;
    }


    /* =========================================
       STATUS - spans both team rows
       ========================================= */

    .public-status-icons {
        grid-column: 1;
        grid-row: 1 / 3;

        display: flex;
        flex-direction: column;

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

        gap: 4px;

        width: 100%;
    }


    .public-status-icon {
        width: 28px;
        height: 28px;

        flex: 0 0 28px;
    }


    .status-result,
    .status-postponed {
        grid-column: auto;
    }


    /* =========================================
       MATCH NUMBER
       ========================================= */

    .public-match-number {
        grid-column: 2;
        grid-row: 1 / 3;

        align-self: center;

        text-align: center;
    }


    /* =========================================
       TEAMS
       ========================================= */

    .public-home-team {
        grid-column: 3;
        grid-row: 1;

        align-self: center;

        text-align: left;
    }


    .public-away-team {
        grid-column: 3;
        grid-row: 2;

        align-self: center;

        text-align: left;
    }


    /* =========================================
       SHOTS
       ========================================= */

    .public-home-score {
        grid-column: 4;
        grid-row: 1;
    }


    .public-away-score {
        grid-column: 4;
        grid-row: 2;
    }


    /* =========================================
       POINTS
       ========================================= */

    .public-home-points {
        grid-column: 5;
        grid-row: 1;
    }


    .public-away-points {
        grid-column: 5;
        grid-row: 2;
    }


    .public-score,
    .public-points {
        align-self: center;

        text-align: center;

        font-size: .88rem;
    }


    /* =========================================
       HIDE 'v' ON PORTRAIT
       ========================================= */

    .public-versus {
        display: none;
    }


    /* =========================================
       FORM - one tall control
       ========================================= */

    .public-form-placeholder,
    .public-form-link {
        grid-column: 6;
        grid-row: 1 / 3;

        align-self: stretch;
        justify-self: stretch;

        display: flex;

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

        min-width: 0;

        margin: 0;

        padding: 4px 3px;

        writing-mode: vertical-rl;
        transform: rotate(180deg);

        border-radius: 7px;

        font-size: .65rem;
        letter-spacing: .04em;
    }


    /* =========================================
       POSTPONEMENT DETAILS
       ========================================= */

    .fixture-status-line {
        grid-column: 3 / 7;
        grid-row: 3;

        padding: 5px 0 2px;

        gap: 5px 8px;
    }


    /* =========================================
       BYE
       ========================================= */

    .public-bye-row {
        grid-template-columns:
            34px
            30px
            minmax(0, 1fr)
            38px
            34px
            42px;
    }


    .public-bye-row .public-home-team {
        grid-column: 3 / 7;
        grid-row: 1;

        padding: 2px 0;
    }


    .public-bye-row .public-score,
    .public-bye-row .public-points,
    .public-bye-row .public-away-team,
    .public-bye-row .public-form-placeholder,
    .public-bye-row .public-form-link {
        display: none;
    }

}


/* ============================================================
   FIXTURE STATUS ICONS
   ============================================================ */

.public-status-icons {
    display: grid;
    grid-template-columns: 24px 24px;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-width: 0;
}

.status-result {
    grid-column: 1;
}

.status-postponed {
    grid-column: 2;
}

.public-status-icon {
    width: 24px;
    height: 24px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 24px;

    border-radius: 50%;
    border: 2px solid;

    font-size: .72rem;
    font-weight: 800;
    line-height: 1;

    padding: 0;
}

.status-postponed {
    background: #fff3cd;
    border-color: #d99a00;
    color: #815c00;
}

button.status-postponed {
    cursor: pointer;
}

.status-result {
    background: #dff3e7;
    border-color: #08783f;
    color: #08783f;
}

/* ============================================================
   POSTPONEMENT DETAILS TOGGLE
   ============================================================ */

.fixture-status-line[hidden] {
    display: none;
}

.status-postponed[aria-expanded="true"] {
    box-shadow:
        0 0 0 3px
        rgba(217, 154, 0, .18);
}

/* ============================================================
   PORTRAIT STATUS POSITION - FINAL OVERRIDE
   ============================================================ */

@media (max-width: 420px) {

    .venue-swap-line {
        grid-column: 3 / 7;
        padding: 5px 0 2px;
    }

    .public-status-icons {
        grid-column: 1;
        grid-row: 1 / 3;

        display: flex;
        flex-direction: column;

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

        gap: 5px;

        width: 34px;
        min-width: 34px;
    }


    .public-status-icons .status-result,
    .public-status-icons .status-postponed {
        grid-column: auto;
        grid-row: auto;

        width: 28px;
        height: 28px;

        flex: 0 0 28px;
    }

}

/* ============================================================
   DESKTOP STATUS POSITION - FINAL OVERRIDE
   ============================================================ */

@media (min-width: 421px) {

    .public-status-icons {
        display: grid;

        grid-template-columns:
            24px
            24px;

        align-items: center;

        justify-content: space-between;

        gap: 3px;

        width: 100%;
        min-width: 0;
    }


    .public-status-icons .status-result {
        grid-column: 1;
        grid-row: 1;
    }


    .public-status-icons .status-postponed {
        grid-column: 2;
        grid-row: 1;
    }

}

/* ============================================================
   PUBLIC MATCH CARD MODAL
   ============================================================ */

.match-card-modal[hidden] {
    display: none;
}


.match-card-modal {
    position: fixed;

    inset: 0;

    z-index: 60000;

    display: flex;

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

    padding: 24px;
}


.match-card-modal-backdrop {
    position: absolute;

    inset: 0;

    background:
        rgba(
            5,
            22,
            34,
            .78
        );

    backdrop-filter:
        blur(3px);
}


.match-card-modal-window {
    position: relative;

    z-index: 1;

    width:
        min(
            980px,
            96vw
        );

    height:
        min(
            88vh,
            900px
        );

    overflow: hidden;

    border-radius: 14px;

    background: #ffffff;

    box-shadow:
        0 18px 60px
        rgba(
            0,
            0,
            0,
            .38
        );
}


.match-card-modal-close {
    position: absolute;

    top: 10px;
    right: 12px;

    z-index: 3;

    width: 38px;
    height: 38px;

    display: flex;

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

    border: 0;
    border-radius: 50%;

    background:
        rgba(
            255,
            255,
            255,
            .94
        );

    color: #173f5f;

    font-size: 1.7rem;
    font-weight: 700;
    line-height: 1;

    cursor: pointer;

    box-shadow:
        0 2px 8px
        rgba(
            0,
            0,
            0,
            .18
        );
}


.match-card-modal-close:hover,
.match-card-modal-close:focus {
    background: #ffffff;

    color: #075188;

    outline: none;
}


.match-card-frame {
    width: 100%;
    height: 100%;

    display: block;

    border: 0;

    background: #eef4f8;
}


body.match-card-modal-open {
    overflow: hidden;
}


@media (max-width: 760px) {

    .match-card-modal {
        padding: 8px;
    }


    .match-card-modal-window {
        width: 100%;

        height:
            calc(
                100vh
                -
                16px
            );

        border-radius: 10px;
    }


    .match-card-modal-close {
        top: 7px;
        right: 7px;
    }

}

/* ============================================================
   FIXTURE PERIOD NAVIGATION
   ============================================================ */

.fixture-period-nav {
    display: grid;
    grid-template-columns: repeat(3, 1fr);

    max-width: 720px;

    margin: 0 auto 28px;

    border: 1px solid #b9ccd9;
    border-radius: 8px;

    overflow: hidden;

    background: #ffffff;
}


.fixture-period-nav a {
    display: flex;
    align-items: center;
    justify-content: center;

    min-height: 44px;
    padding: 9px 14px;

    border-right: 1px solid #cbd9e2;

    color: #175a85;

    font-size: .88rem;
    font-weight: 700;
    text-align: center;
    text-decoration: none;

    transition:
        background .15s ease,
        color .15s ease;
}


.fixture-period-nav a:last-child {
    border-right: 0;
}


.fixture-period-nav a:hover {
    background: #edf5fa;
}


.fixture-period-nav a.active {
    background: #176ca5;
    color: #ffffff;
}


@media (max-width: 600px) {

    .fixture-period-nav {
        margin-bottom: 20px;
    }


    .fixture-period-nav a {
        min-height: 42px;
        padding: 7px 5px;

        font-size: .74rem;
        line-height: 1.15;
    }

}