/*
Theme Name: CH3
Author: Clayton Page
Version: 1.1
Template: twentytwentyfour
*/
.has-text-shadow { text-shadow: 0px 7px 6px rgba(0, 0, 0, 0.71); }
.upcomingRunsColumn { padding-left:calc(var(--wp--preset--spacing--50) - 0.3rem); }
.upcomingRunsColumn .wp-block-columns { flex-wrap: wrap !important; }
.upcomingRunsColumn .eventDateBox { flex-grow: 0; flex-shrink: 0; }
header a.wp-block-navigation-item__content { white-space: nowrap; }
.banner .wp-block-columns { max-width: 100%;}
.siteTitle { flex-basis: min(19.68rem,46vw);}
.logoColumn {
    padding-left: min(4.54rem,7.4vw);
    padding-top: min(1.51rem,5.5vw);
}
.logoColumn img.custom-logo { max-width: min(15rem,31vw); }
.tryUsContainer .wp-block-button { width: calc(36% - var(--wp--style--block-gap, .5em)*.25); }
.pastRunsColumn { min-width: 265px; }
.eventGrid { display: flex; flex-wrap: wrap; gap: 1.2rem; margin-top: 2rem; padding-bottom: 4.66rem;}
.eventGridItem { display: flex; gap: 1.2rem; min-width: 12rem; flex-basis:49% !important; margin-block-start: 0; }
.eventDateBox { 
    display: flex;
    flex-basis: 58px;
    height: 58px;
    min-height: 58px;
    gap: 2px;
    flex-direction: column;
    align-items: center;
    margin-block-start: 0;
    margin-block-end: 0;
}
.eventDateBox p { margin-right:0px; margin-left:0px; line-height:1 }
.eventDateMonth { margin-bottom:0px; font-size:1rem; margin-top: 7px;  }
.eventDateDay { font-size:1.56rem; font-style:normal; font-weight:700; margin-top:0px; }
.eventDetails h5 {
    margin: 0;
    font-size: clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.531), 1.3rem);
    font-style:normal;
    font-weight:700;
    letter-spacing:-0.045rem;
    text-decoration:underline
}
.eventDetails p { font-size: clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.156), 1rem); }
.eventDetails .eventDate { font-size: clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.319), 1.13rem); margin-top:1rem;}
.eventDetails .eventLocation { margin-top:20px; margin-bottom: 0; }
.eventDetails .eventHares { margin-top:0px;}

body .em { --accent-color: #158040; }

@media screen and (max-width: 781px) {
    .banner {
        background-size: min(80rem,203vw) !important;
        min-height: min(30rem,76.636vw) !important;
        align-items: flex-start !important;
    }
    .banner > div:first-child { gap: 0; }
    .logoColumn { min-height: min(16rem, 39vw) !important; }    
    .tagLineColumn { padding-left: var(--wp--preset--spacing--50); }
    .tagLineColumn p { margin-left: 0 !important; }
    .tryUsContainer { padding-top: var(--wp--preset--spacing--30); min-height: 284px !important; }
    .tryUsContainer .wp-block-column { padding-right: var(--wp--preset--spacing--50); }
    .tryUsContainer .wp-block-column p { margin-block-start: 0.4rem;}
    .tryUsContainer .wp-block-buttons { margin-top: 0 !important; }
    .tryUsContainer .wp-block-button { width: calc(40% - var(--wp--style--block-gap, .5em)*.25); }
    .tryUsContainer .wp-block-button .wp-block-button__link { padding-top: 0.7rem !important; padding-bottom: 0.7rem !important; }
    .socialLinks { min-height: 170px !important; align-content: center; gap: 0.69rem !important; }
    .socialLinks .wp-block-buttons { flex-basis: 168px !important; }
    .socialLinks .wp-block-buttons .wp-block-button a { padding-top: 0.65rem !important; padding-bottom: 0.65rem !important; }
    .eventGridItem { flex-basis: 100% !important;}
}

@media screen and (max-width: 1279px) {
    /* hamburger button */
    header .wp-block-navigation__responsive-container-open {
        display: block !important;
    }

    /* full menu */
    header .wp-block-navigation__responsive-container:not(.is-menu-open.has-modal-open) {
        display: none !important;
    }
}