/* =============================================
   FONT DECLARATIONS — add these to your theme's
   style.css or functions.php @font-face block.
   Ensure BlairBold and BlairLight are properly
   uploaded to your theme's fonts folder.
   font-display: swap prevents invisible text
   while the custom font loads.
   =============================================
*/
@font-face {
    font-family: "BlairBold";
    src: url('/wp-content/themes/bare/fonts/BlairlTCTTBold.woff') format('woff'),
         url('/wp-content/themes/bare/fonts/BlairlTCTTBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "BlairLight";
    src: url('/wp-content/themes/bare/fonts/BlairlTCTTLight.woff') format('woff'),
         url('/wp-content/themes/bare/fonts/BlairlTCTTLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



.hfe-menu-item li a:hover {
    text-decoration: underline;
    text-decoration-color: #C82128;
    text-decoration-thickness: 30%;
}

.scheduletitle {
    font-family: "BlairBold", "Arial Narrow", Arial, sans-serif;
    letter-spacing: 3px;
    font-size: 38px;
    text-align: center;
    padding-bottom: 1.5em;
    color: #ffffff;
    margin-top: 20px;
    text-transform: uppercase;
}

.raceinfo {
    max-width: 1140px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    margin-bottom: 50px !important;
    border: solid 1px #c82128;
    text-align: left;
}

.date {
    border: 2px solid #c82128;
    border-radius: 15px;
    text-align: center;
    padding: 10px;
    max-width: 20%;
    width: 12%;
    margin: auto;
    background-color: #c82128;
    font-size: 32px;
    font-family: "BlairLight", "Arial Narrow", Arial, sans-serif;
    color: #ffffff;
}

.divider {
    color: #ffffff;
    width: 50%;
    text-align: center;
    margin: 0 auto !important;
}

.location {
    text-align: left;
    flex-direction: column;
    align-items: center;
    font-size: 34px;
    width: 50%;
    padding: 12px 0;
}

.tracklayout {
    flex: 1;
    flex-direction: column;
    max-width: 30%;
    text-align: center;
    width: 30%;
}

/* Association: slightly smaller to give race_class room */
.association {
    color: #ffffff;
    font-family: "BlairBold", "Arial Narrow", Arial, sans-serif;
    font-size: 22px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 4px;
}

/* Race class: inline after association name */
.race_class {
    color: #c82128;
    font-family: "BlairBold", "Arial Narrow", Arial, sans-serif;
}

.city, .trackname {
    color: #ffffff;
    font-family: "BlairLight", "Arial Narrow", Arial, sans-serif;
    font-size: 24px;
}

.trackname a {
    color: #ffffff;
    text-decoration: none;
}

.trackname a:hover {
    text-decoration: underline;
    text-decoration-color: #c82128;
}

.tracklayout img {
    width: 65%;
}

/* =============================================
   TABLET
   ============================================= */
@media screen and (max-width: 1024px) {
    .date {
        font-size: 24px;
    }
    .location, .city, .trackname {
        font-size: 24px !important;
    }
    .association {
        font-size: 22px;
    }
    .race_class {
        font-size: 16px;
    }
    .tracklayout {
        max-width: 25% !important;
    }
}

/* =============================================
   MOBILE
   ============================================= */
@media screen and (max-width: 767px) {
    .raceinfo {
        display: flex;
        flex-direction: column !important;
        width: 85% !important;
    }
    .date {
        margin-top: 10px;
        width: 45% !important;
        max-width: 100% !important;
    }
    .location {
        margin-top: 10px;
        width: 100%;
    }
    .association, .race_class, .city, .trackname {
        margin-left: 0.5em;
    }
    .tracklayout {
        display: none;
    }
}

/* =============================================
   ELEMENTOR FORM FIX
   ============================================= */
.elementor-field-group.elementor-column.elementor-field-type-submit.elementor-col-50.e-form__buttons.elementor-md-100 {
    margin-left: auto;
    margin-right: auto;
}