/* SITEWIDE STYLES */
/*--------------------------------------------------------------*/
:root {
    --white: #ffffff;
    --brick: #753C2D;
    --sage: #AFB99C;
    --dusty-blue: #507282;
    --black: #000000;
    --custom-white: #FDF5EA;
    --sand: #FDF5EA;
    --charcoal: #1B191D;
    --light-charcoal: #BFBBC4;
    --clay: #9B7B67;
    --wheat: #E4A73F;
    --terracotta: #AD5E27;
    --avocado: #8B933C;
}

.hpl-custom-fifteen-pixel-padding-svg .qodef--custom-icon a {
    padding: 15px;
}

/* SITEWIDE STYLES */
/*--------------------------------------------------------------*/
.qodef-content-grid,
#tribe-events-pg-template {
    width: 100% !important;
    max-width: 1300px !important;
}

.hpl-breakout-section {
    width: 100vw !important;
    max-width: unset !important;
    position: relative !important;
    left: 50%;
    right: 50%;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    padding: 0 !important;
}

/* fancy buttons and links */
a:not(.hpl-footer-icon-links a):not(.qodef-icon-holder a):not(.qodef-icon-with-text a),
a:not(.hpl-footer-icon-links a):not(.qodef-icon-holder a):not(.qodef-icon-with-text a) span {
    font-family: Mulish, sans-serif !important;
    font-weight: 600 !important;
}

/* take fancy underline off of some items */
.qodef-header-navigation>ul>li.current-menu-ancestor>a *,
.qodef-header-navigation>ul>li.current-menu-item>a *,
.qodef-header-navigation>ul>li.qodef-menu-item--narrow ul:not(.qodef-drop-down--right) li.current-menu-ancestor>a .qodef-menu-item-text-inner,
.qodef-header-navigation>ul>li.qodef-menu-item--narrow ul:not(.qodef-drop-down--right) li.current-menu-item>a .qodef-menu-item-text-inner,
.qodef-header-navigation>ul>li.qodef-menu-item--narrow ul:not(.qodef-drop-down--right) li:hover>a .qodef-menu-item-text-inner,
.qodef-header-wrapper ul li a:hover span,
.qodef-header-wrapper ul li a:active span,
#qodef-side-area-inner a.qodef--custom-underline:hover,
#qodef-page-footer-top-area a:hover,
.hpl-footer-cta-buttons a:hover span,
.blue-button-section a:hover span {
    background-size: 0 !important;
}

.hpl-button,
.hpl-custom-hero-slider .qodef-m-item.swiper-slide .qodef-m-slide-content .qodef-m-content a.qodef-qi-button,
.hpl-custom-hero-slider .qodef-m-item.swiper-slide .qodef-m-slide-content .qodef-m-content a.qodef-qi-button:hover {
    color: #FFFFFF;
    background-color: var(--dusty-blue);
    font-family: Mulish, sans-serif;
    font-size: 11px;
    line-height: 1.3636363636em;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
    position: relative;
    display: inline-flex;
    vertical-align: middle;
    width: auto;
    margin: 0;
    text-decoration: none;
    border-radius: 0;
    outline: 0;
    transition: color .2s ease-out, background-color .2s ease-out, border-color .2s ease-out;
    box-shadow: none;
    background-image: none;
    opacity: 1;
    padding: 14px 43px;
}

.hpl-custom-hero-slider .qodef-m-item.swiper-slide .qodef-m-slide-content .qodef-m-content a.qodef-qi-button,
.hpl-button:hover {
    color: var(--white);
}

a.hpl-top-header-button,
a.hpl-top-header-button:hover {
    background-color: var(--dusty-blue) !important;
}

.hpl-fancy-link .hpl-link-text,
.hpl-button .hpl-link-text,
.hpl-footer-icon-links a span,
.tribe-events .tribe-events-c-search__button span,
.tribe-events button.tribe-events-c-search__button span,
.tribe-events .tribe-events-c-subscribe-dropdown__button-text span,
.single-tribe_events .tribe-events-event-categories a,
.single-tribe_events .tribe-events-meta-group .tribe-venue a,
.single-tribe_events .tribe-events-meta-group .tribe-venue-location a,
.hpl-custom-hero-slider .qodef-m-item.swiper-slide .qodef-m-slide-content .qodef-m-content a.qodef-qi-button .qodef-m-text,
#qodef-side-area .widget_warren_core_social_share .hpl-side-area-social-share ul.qodef-shortcode-list:after {
    background-position-y: 100%;
    background-repeat: no-repeat;
    background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px);
    background-position-x: 100%;
    background-size: 0 100%;
    transition: background-size .4s cubic-bezier(.51, .5, .07, .99), color .2s ease-out;
}

.hpl-fancy-link:hover .hpl-link-text,
.hpl-button:hover .hpl-link-text,
.hpl-footer-icon-links a:hover span,
.tribe-events .tribe-events-c-search__button:hover span,
.tribe-events button.tribe-events-c-search__button:hover span,
.tribe-events .tribe-events-c-subscribe-dropdown__button-text:hover span,
.single-tribe_events .tribe-events-event-categories a:hover,
.single-tribe_events .tribe-events-meta-group .tribe-venue a:hover,
.single-tribe_events .tribe-events-meta-group .tribe-venue-location a:hover,
.hpl-custom-hero-slider .qodef-m-item.swiper-slide .qodef-m-slide-content .qodef-m-content a.qodef-qi-button:hover .qodef-m-text,
#qodef-side-area .widget_warren_core_social_share .hpl-side-area-social-share ul.qodef-shortcode-list:hover:after {
    background-size: 100% 100%;
    background-position-x: 0;
}

.hpl-arrow-link {
    position: relative;
    display: inline-block;
}

.hpl-arrow-link::after {
    content: '→';
    font-size: 18px;
    position: absolute;
    top: -1px;
    right: -23px;
    left: unset;
    transition: right .8s ease;
}

.hpl-arrow-link:hover::after {
    right: -33px;
}

.hpl-cta-left-button a,
.hpl-cta-left-button a:hover {
    background-color: var(--white) !important;
}

.hpl-footer-cta-buttons a {
    justify-content: center !important;
}

/* Gravity Forms */

.gfield label .gfield_required {
    color: var(--brick) !important;
}

.gform_required_legend {
    display: none;
}

.gform_wrapper.gravity-theme .gform_footer {
    position: relative;
}

.gform_wrapper.gravity-theme .gform_footer:after {
    background-position-y: 100%;
    background-repeat: no-repeat;
    background-image: linear-gradient(transparent calc(100% - 1px), #ffffff 1px);
    background-position-x: 100%;
    background-size: 0 100%;
    transition: background-size .4s cubic-bezier(.51, .5, .07, .99), color .2s ease-out;
    content: '';
    position: absolute;
    top: 50px;
    left: 45px;
    height: 2px;
}

/* contact us */
.gform_wrapper.gravity-theme #gform_1 .gform_footer:after {
    width: 86px;
}

/* words on wheels */
.gform_wrapper.gravity-theme #gform_2 .gform_fields {
    grid-row-gap: 5px;
}

.gform_wrapper.gravity-theme #gform_2 .gform_footer:after {
    width: 164px;
}

.gform_wrapper.gravity-theme #gform_2 .gsection_title {
    color: var(--charcoal) !important;
    font-size: 30px;
    margin-bottom: 0;
}

.gform_wrapper.gravity-theme #gform_2 .gsection {
    border: none;
}

/* Community Feedback */
.gform_wrapper.gravity-theme #gform_3 .gform_footer:after {
    width: 97px;
}

.gform_wrapper.gravity-theme .gform_footer.button-hovered:after {
    background-size: 100% 100%;
    background-position-x: 0;
}

/* create hq page */
.gform_wrapper.gravity-theme #gform_4 .gform_footer:after {
    width: 185px;
}

@media screen and (min-width: 800px) {
    form#gform_4 {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
    }
}

@media screen and (max-width: 799px) {

    form#gform_4 #gform_fields_4 #field_4_5,
    form#gform_4 #gform_fields_4 #field_4_3 {
        grid-column: 1 / -1 !important;
    }

    form#gform_4 #gform_fields_4 #field_4_3 #gform_multifile_upload_4_3 #gform_drag_drop_area_4_3 {
        text-align: left;
    }
}

form#gform_4 .gform-body.gform_body {
    width: 100% !important;
}

form#gform_4 #gform_fields_4 #field_4_3 #gform_multifile_upload_4_3 #gform_drag_drop_area_4_3 {
    padding: 5px 0 !important;
    background: transparent !important;
    border: none !important;
    margin-bottom: 0 !important;
}

form#gform_4 #gform_fields_4 #field_4_3 #gform_multifile_upload_4_3 #gform_drag_drop_area_4_3 #gform_browse_button_4_3 {
    margin-top: 18px;
    background-color: var(--light-charcoal) !important;
    color: var(--charcoal) !important;
    border: none !important;
    padding: 8.5px 15px !important;
    font-family: Mulish, sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .05em !important;
    text-transform: uppercase !important;
}

form#gform_4 #gform_fields_4 #field_4_3 #gform_multifile_upload_4_3 #gform_drag_drop_area_4_3 #gform_browse_button_4_3:hover {
    cursor: pointer;
}


form#gform_4 #gform_fields_4 #field_4_3 .gfield_label.gform-field-label,
form#gform_4 #gform_fields_4 #field_4_3 #gform_multifile_upload_4_3 #gform_drag_drop_area_4_3 .gform_drop_instructions,
form#gform_4 #gform_fields_4 #field_4_3 .ginput_container_fileupload .gform_fileupload_rules {
    display: none !important;
}

form#gform_4 #gform_submit_button_4 {
    align-self: flex-start;
}






/* ADD STYLING FOR THE SOME ELEMENTS BECAUSE THE THEME DEVELOPERS ARE CRAYON EATING MORONS!!!! */
/*--------------------------------------------------------------*/
#qodef-page-header-inner.qodef-skin--dark nav>ul>li>a,
.qodef-custom-header-layout.qodef-skin--dark nav>ul>li>a,
#qodef-page-header-inner.qodef-skin--dark nav>ul>li>a:hover,
.qodef-custom-header-layout.qodef-skin--dark nav>ul>li>a:hover,
.widget_warren_core_side_area_opener .qodef-opener-icon * {
    color: var(--charcoal) !important;
}

.qodef-svg--search g,
.qodef-svg--search line {
    stroke: var(--charcoal) !important;
}

.qodef-search-cover-form .qodef-m-form-field {
    color: var(--brick) !important;
}

/* ADD STYLING TO ALL EVENTS BASED ON TAXONOMY TERMS */
.tribe-filter-bar-c-checkbox.adults .tribe-common-form-control-checkbox__input[checked="checked"],
.tribe-filter-bar-c-checkbox.adults .tribe-common-form-control-checkbox__input[checked="checked"]:after,
.tribe-filter-bar-c-checkbox.adults .tribe-common-form-control-checkbox__input,
.tribe-filter-bar-c-checkbox.adults .tribe-common-form-control-checkbox__input:after {
    border: 1px solid var(--brick) !important;
}

.tribe-filter-bar-c-checkbox.all-ages .tribe-common-form-control-checkbox__input[checked="checked"],
.tribe-filter-bar-c-checkbox.all-ages .tribe-common-form-control-checkbox__input[checked="checked"]:after,
.tribe-filter-bar-c-checkbox.all-ages .tribe-common-form-control-checkbox__input,
.tribe-filter-bar-c-checkbox.all-ages .tribe-common-form-control-checkbox__input:after {
    border: 1px solid var(--clay) !important;
}

.tribe-filter-bar-c-checkbox.families .tribe-common-form-control-checkbox__input[checked="checked"],
.tribe-filter-bar-c-checkbox.families .tribe-common-form-control-checkbox__input[checked="checked"]:after,
.tribe-filter-bar-c-checkbox.families .tribe-common-form-control-checkbox__input,
.tribe-filter-bar-c-checkbox.families .tribe-common-form-control-checkbox__input:after {
    border: 1px solid var(--sage) !important;
}

.tribe-filter-bar-c-checkbox.kids .tribe-common-form-control-checkbox__input[checked="checked"],
.tribe-filter-bar-c-checkbox.kids .tribe-common-form-control-checkbox__input[checked="checked"]:after,
.tribe-filter-bar-c-checkbox.kids .tribe-common-form-control-checkbox__input,
.tribe-filter-bar-c-checkbox.kids .tribe-common-form-control-checkbox__input:after {
    border: 1px solid var(--wheat) !important;
}

.tribe-filter-bar-c-checkbox.pre-teens-and-teens .tribe-common-form-control-checkbox__input[checked="checked"],
.tribe-filter-bar-c-checkbox.pre-teens-and-teens .tribe-common-form-control-checkbox__input[checked="checked"]:after,
.tribe-filter-bar-c-checkbox.pre-teens-and-teens .tribe-common-form-control-checkbox__input,
.tribe-filter-bar-c-checkbox.pre-teens-and-teens .tribe-common-form-control-checkbox__input:after {
    border: 1px solid var(--dusty-blue) !important;
}


.tribe-filter-bar-c-checkbox.adults .tribe-common-form-control-checkbox__input[checked="checked"],
.tribe-filter-bar-c-checkbox.adults .tribe-common-form-control-checkbox__input[checked="checked"]:after,
.hpl-custom-events-loop .event.adults {
    background-color: var(--brick);
    border-color: var(--brick);
}

.tribe-filter-bar-c-checkbox.all-ages .tribe-common-form-control-checkbox__input[checked="checked"],
.tribe-filter-bar-c-checkbox.all-ages .tribe-common-form-control-checkbox__input[checked="checked"]:after,
.hpl-custom-events-loop .event.all-ages {
    background-color: var(--clay);
    border-color: var(--clay);
}

.tribe-filter-bar-c-checkbox.families .tribe-common-form-control-checkbox__input[checked="checked"],
.tribe-filter-bar-c-checkbox.families .tribe-common-form-control-checkbox__input[checked="checked"]:after,
.hpl-custom-events-loop .event.families {
    background-color: var(--sage);
    border-color: var(--sage);
}

.tribe-filter-bar-c-checkbox.kids .tribe-common-form-control-checkbox__input[checked="checked"],
.tribe-filter-bar-c-checkbox.kids .tribe-common-form-control-checkbox__input[checked="checked"]:after,
.hpl-custom-events-loop .event.kids {
    background-color: var(--wheat);
    border-color: var(--wheat);
}

.tribe-filter-bar-c-checkbox.pre-teens-and-teens .tribe-common-form-control-checkbox__input[checked="checked"],
.tribe-filter-bar-c-checkbox.pre-teens-and-teens .tribe-common-form-control-checkbox__input[checked="checked"]:after,
.hpl-custom-events-loop .event.pre-teens-and-teens {
    background-color: var(--dusty-blue) !important;
    border-color: var(--dusty-blue) !important;
}

.hpl-custom-events-loop .event.adults .event-content .event-time,
.hpl-custom-events-loop .event.adults .event-content .event-title a,
.hpl-custom-events-loop .event.adults .event-content .event-excerpt,
.hpl-custom-events-loop .event.adults .hpl-arrow-link {
    color: var(--white) !important;
}

.hpl-custom-events-loop .event.all-ages .event-content .event-time,
.hpl-custom-events-loop .event.all-ages .event-content .event-title a,
.hpl-custom-events-loop .event.all-ages .event-content .event-excerpt,
.hpl-custom-events-loop .event.all-ages .hpl-arrow-link {
    color: var(--white) !important;
}

#qodef-side-area #qodef-side-area-inner a.qodef--custom-underline,
#qodef-side-area .widget .hpl-custom-events-loop .event.families .event-content .event-title a,
.hpl-custom-events-loop .event.families .event-content .event-title a {
    color: var(--charcoal) !important;
}

.hpl-custom-events-loop .event.kids .event-content .event-title a {
    color: var(--charcoal) !important;
}

.hpl-custom-events-loop .event.pre-teens-and-teens .event-content .event-time,
.hpl-custom-events-loop .event.pre-teens-and-teens .event-content .event-title a,
.hpl-custom-events-loop .event.pre-teens-and-teens .event-content .event-excerpt,
.hpl-custom-events-loop .event.pre-teens-and-teens .hpl-arrow-link {
    color: var(--white) !important;
}

.tribe-filter-bar-c-checkbox.adults label.tribe-common-form-control-checkbox__label {
    color: var(--brick) !important;
}

.tribe-filter-bar-c-checkbox.all-ages label.tribe-common-form-control-checkbox__label {
    color: var(--clay) !important;
}

.tribe-filter-bar-c-checkbox.families label.tribe-common-form-control-checkbox__label {
    color: var(--sage) !important;
}

.tribe-filter-bar-c-checkbox.kids label.tribe-common-form-control-checkbox__label {
    color: var(--wheat) !important;
}

.tribe-filter-bar-c-checkbox.pre-teens-and-teens label.tribe-common-form-control-checkbox__label {
    color: var(--dusty-blue) !important;
}

.tribe-filter-bar-c-filter__toggle:focus {
    outline: none !important;
}

.tribe-events-l-container {
    justify-content: flex-end;
    position: relative;
}

/* .tribe-filter-bar-c-checkbox .tribe-common-form-control-checkbox__input:after {
    width: 13px;
    height: 13px;
    display: inline-block;
    margin: 5px 0 0 10px;
    border: 1px solid var(--charcoal) !important;
    color: var(--charcoal);
}

.tribe-filter-bar-c-checkbox .tribe-common-form-control-checkbox__input[checked="checked"]:after {
    background-color: var(--charcoal) !important;
} */

.tribe-filter-bar-c-checkbox label.tribe-common-form-control-checkbox__label {
    font-size: 17px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    font-family: Mulish, sans-serif !important;
    letter-spacing: 0.16px !important;
    color: var(--charcoal) !important;
}

/* arrow on light backgrounds */
.hpl-custom-events-loop .event.families .hpl-arrow-link:hover,
.hpl-custom-events-loop .event.kids .hpl-arrow-link:hover {
    color: var(--charcoal) !important;
}

/* TRIBE EVENTS PAGE FILTER BAR STYLES */
.tribe-filter-bar__form-heading {
    font-family: Mulish, sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: var(--charcoal) !important;
}

.tribe-filter-bar-c-filter__toggle-text .tribe-filter-bar-c-filter__toggle-label {
    font-family: Mulish, sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    color: var(--charcoal) !important;
}

.tribe-filter-bar .tribe-filter-bar-c-filter__toggle-minus-icon path,
.tribe-filter-bar .tribe-filter-bar-c-filter__toggle-plus-icon path {
    stroke: var(--charcoal) !important;
}

/* CUSTOM EVENT CAROUSEL STYLES */
/*--------------------------------------------------------------*/

.hpl-custom-events-loop {
    max-width: 100%;
    overflow: visible;
    position: relative;
    padding-top: 60px;
}

.hpl-custom-events-loop .slick-list {
    margin: 0 -20px;
}

.hpl-custom-events-loop.as-row {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    /* adjust to match your design */
    overflow: visible;
    margin: 0 -20px;
}

.hpl-custom-events-loop.as-row .event {
    flex: 0 0 241px;
    /* your card width; use %/clamp() if you prefer */
}

.hpl-custom-events-loop .event {
    margin: 0 20px;
    position: relative;
    background-color: var(--sand);
    padding: 25px;
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
}

.hpl-custom-events-loop .event .event-content {
    flex-grow: 1;
}

.hpl-custom-events-loop .event .hpl-arrow-link {
    margin-top: auto;
    align-self: flex-start;
    font-weight: 700;
    letter-spacing: .05em;
    font-size: 13px;
}

.hpl-custom-events-loop .event img {
    width: 100%;
    display: block;
    border-bottom-right-radius: 50px;
    border-top-left-radius: 50px;
    object-fit: cover;
    margin-bottom: 10px;
}

.hpl-custom-events-loop .event-date-box {
    position: absolute;
    top: 0;
    right: 0;
    background-color: var(--sand);
    width: 57px;
    border-bottom-left-radius: 15px;
    height: 65px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.hpl-custom-events-loop .event-date-box .event-day,
.hpl-custom-events-loop .event-date-box .event-month {
    color: var(--charcoal);
    font-size: 16px;
    line-height: 17px;
    display: block;
    font-family: Mulish, sans-serif;
}

.hpl-custom-events-loop .event-time {
    font-weight: 700;
    letter-spacing: .05em;
    font-size: 11px;
}

.hpl-custom-events-loop .event-title {
    margin: 0;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -0.6px;
    line-height: 27px;
}

.hpl-custom-events-loop .event-excerpt {
    font-size: 17px;
    line-height: 27px;

}

.hpl-custom-events-loop .event-time {
    font-weight: 700;
    font-size: 13px;
    line-height: 13px;
    margin: 5px 0 10px;
}

/* Custom Slick Arrow Positioning on sliders */
.hpl-custom-events-loop .slick-prev,
.hpl-custom-events-loop .slick-next,
.book-slider-container .slick-prev,
.book-slider-container .slick-next {
    position: absolute;
    top: 0;
    transform: translateY(-50%);
    z-index: 10;
    width: 36px;
    height: 36px;
    background: none;
    border: none;
    border-radius: 0;
    color: #15393b;
    font-size: 0;
    cursor: pointer;
    transition: border-color 0.5s, transform 0.5s cubic-bezier(.51, .5, .07, .99);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.book-slider-container .slick-prev {
    left: 50%;
    transform: translateX(calc(-100% - 10px));
    top: unset;
    bottom: 0;
}

.book-slider-container .slick-next {
    left: 50%;
    transform: translateX(10px);
    top: unset;
    bottom: 0;
}

.book-slider-container .slick-prev:hover {
    transform: translateX(calc(-100% - 15px));
}

.book-slider-container .slick-next:hover {
    transform: translateX(15px);
}

.hpl-custom-events-loop .slick-prev {
    right: 90px;
}


.hpl-custom-events-loop .slick-next {
    right: 30px;
}

.hpl-custom-events-loop .slick-prev:hover {
    right: 95px;
}

.hpl-custom-events-loop .slick-next:hover {
    right: 25px;
}

.book-slider-container .slick-prev:before,
.book-slider-container .slick-next:before,
.hpl-custom-events-loop .slick-prev:before,
.hpl-custom-events-loop .slick-next:before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    border: solid #15393b;
    border-width: 0 0 2px 2px;
    border-radius: 0;
    box-sizing: border-box;
    transition: border-color 0.2s;
}

.book-slider-container .slick-prev:before,
.hpl-custom-events-loop .slick-prev:before {
    transform: rotate(45deg);
}

.book-slider-container .slick-next:before,
.hpl-custom-events-loop .slick-next:before {
    transform: rotate(-135deg);
}

.book-slider-container .slick-prev:before,
.book-slider-container .slick-next:before,
.hpl-custom-events-loop .slick-prev:hover:before,
.hpl-custom-events-loop .slick-next:hover:before {
    border-color: #507282;
}

/* CAROUSEL/LIST STYLES RELATED TO THE CUSTOM EVENTS LOOP THAT ARE NOT SLIDERS */
.hpl-custom-events-loop.no-slider {
    gap: 15px;
    display: flex;
    padding-top: 0;
}

.hpl-custom-events-loop.no-slider .event {
    margin: 0;
    flex: 1;
    padding: 10px;
}

.hpl-custom-events-loop.no-slider .event .event-excerpt {
    display: none;
}

.hpl-custom-events-loop.no-slider .event img {
    width: 93px;
    height: 93px;
}

.hpl-view-all-events-button {
    display: table;
    color: var(--white) !important;
}

/* side area slider styles */
.hpl-custom-events-loop.no-slider.side-area .event-time,
.hpl-custom-events-loop.no-slider.side-area .event-title {
    text-align: left;
}

.hpl-custom-events-loop.no-slider.side-area .event-time,
.hpl-custom-events-loop.no-slider.side-area .hpl-arrow-link {
    font-size: 11px;
}

.hpl-custom-events-loop.no-slider.side-area .event-title {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 14px;
}

.hpl-custom-events-loop.no-slider.side-area .event .event-date-box {
    width: 45px;
    height: 50px;
}

.hpl-custom-events-loop.no-slider.side-area .event img {
    width: 100%;
    aspect-ratio: 1 / 1;
    height: auto;
    border-bottom-right-radius: 20px;
    border-top-left-radius: 20px;
}

/* footer slider styles */
.hpl-custom-events-loop.no-slider.footer-events {
    margin-bottom: 10px;
}

.hpl-custom-events-loop.no-slider.footer-events .event {
    min-height: 260px;
}

.hpl-custom-events-loop.no-slider.footer-events .event .event-date-box {
    background-color: var(--white);
}

.hpl-custom-events-loop.no-slider.footer-events .event-time,
.hpl-custom-events-loop.no-slider.footer-events .hpl-arrow-link {
    font-size: 11px;
}

.hpl-custom-events-loop.no-slider.footer-events .event h3.event-title {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 19px;
}

.hpl-custom-events-loop.no-slider.footer-events .event img {
    width: 100%;
    aspect-ratio: 1 / 1;
    height: auto;
    border-bottom-right-radius: 30px;
    border-top-left-radius: 30px;
}


/* HEADER STYLES */
#qodef-page-wrapper #qodef-page-header {
    background-color: var(--sand) !important;
}

#qodef-page-wrapper #qodef-top-area {
    background-color: #f3f4f0 !important;
}

.qodef-mobile-header--sticky #qodef-page-mobile-header,
.qodef-mobile-header--sticky-animation #qodef-page-mobile-header {
    transform: translateY(0) !important;
    top: 0 !important;
}

/* SIDE AREA */
#qodef-side-area #block-26 {
    margin-bottom: 15px;
}

#qodef-side-area .widget_warren_core_social_share,
#qodef-side-area .widget_warren_core_social_share .hpl-side-area-social-share,
#qodef-side-area .widget_warren_core_social_share .hpl-side-area-social-share ul.qodef-shortcode-list {
    display: block;
}

#qodef-side-area .widget_warren_core_social_share .hpl-side-area-social-share ul.qodef-shortcode-list li.qodef-facebook-share {
    width: 220px;
}

#qodef-side-area .widget_warren_core_social_share .hpl-side-area-social-share ul.qodef-shortcode-list li.qodef-facebook-share a {
    color: var(--charcoal);
    transition: transform 0.3s ease;
}

#qodef-side-area .widget_warren_core_social_share .hpl-side-area-social-share ul.qodef-shortcode-list {
    position: relative;
}

#qodef-side-area .widget_warren_core_social_share .hpl-side-area-social-share ul.qodef-shortcode-list::after {
    content: 'Follow us on Facebook';
    display: block;
    width: 180px;
    height: 26px;
    top: 1px;
    right: 70px;
    position: absolute;
}

h5.side-area-todays-hours,
h5.hpl-side-area-todays-events,
.hpl-footer-day-hours {
    font-family: Mulish, sans-serif;
    font-size: 17px;
    line-height: 1.5;
    font-weight: 700;
    color: var(--charcoal);
}

.hpl-side-area-todays-events,
.hpl-footer-day-hours {
    font-weight: 400;
}

.hpl-footer-day-hours.today-highlight * {
    font-weight: 700;
}

#qodef-side-area .hpl-custom-events-loop.no-slider {
    margin-bottom: 10px;
}

/*PAGES STYLES */
/*--------------------------------------------------------------*/
/* home */
/* primary hero slider */
.hpl-custom-hero-slider .qodef-m-item.swiper-slide h2.qodef-e-title {
    color: var(--charcoal) !important;
    margin-top: 20px;
    margin-bottom: 50px;
    font-size: 69px !important;
    line-height: 60px !important;
}

.hpl-custom-hero-slider .qodef-m-item.swiper-slide h2.qodef-e-title>span {
    font-family: TuesdayNight, sans-serif;
    color: var(--brick);
    font-size: 65px !important;
    line-height: 45px !important;
    letter-spacing: 0.5px;
    display: block;
    margin-top: 50px;
}

.hpl-custom-hero-slider .qodef-m-item.swiper-slide .qodef-m-slide-content {
    position: relative;
}

.hpl-custom-hero-slider .qodef-m-item.swiper-slide .qodef-m-slide-content .qodef-m-content a.qodef-qi-button {
    margin-bottom: 7px;
}


@media screen and (max-width: 1024px) {
    .hpl-custom-hero-slider .qodef-m-item.swiper-slide .qodef-m-slide-content {
        flex-direction: column;
    }
}

@media screen and (min-width: 525px) {
    .hpl-custom-hero-slider .qodef-m-item.swiper-slide h2.qodef-e-title {
        font-size: 71px !important;
        line-height: 71px !important;
    }
}

@media screen and (min-width: 769px) {
    .hpl-custom-hero-slider .qodef-m-item.swiper-slide h2.qodef-e-title {
        font-size: 100px !important;
        line-height: 90px !important;
    }

    .hpl-custom-hero-slider .qodef-m-item.swiper-slide h2.qodef-e-title>span {
        font-size: 93px !important;
        line-height: 70px !important;
    }

}

@media screen and (min-width: 1025px) {

    .hpl-custom-hero-slider,
    .hpl-custom-hero-slider .qodef-qi-content-slider,
    .hpl-custom-hero-slider .qodef-qi-content-slider .qodef-m-item.swiper-slide,
    .hpl-custom-hero-slider .qodef-qi-content-slider .qodef-m-item.swiper-slide .qodef-m-slide-content,
    .hpl-custom-hero-slider .qodef-qi-content-slider .qodef-m-item.swiper-slide .qodef-m-slide-content .qodef-e-image-inner,
    .hpl-custom-hero-slider .qodef-qi-content-slider .qodef-m-item.swiper-slide .qodef-m-slide-content .qodef-e-image-inner img {
        height: 50vw !important;
    }

    .hpl-custom-hero-slider.hpl-custom-hero-slider .qodef-m-item.swiper-slide h2.qodef-e-title {
        margin-bottom: 100px;
    }

    .hpl-custom-hero-slider .qodef-m-item.swiper-slide .qodef-m-slide-content .qodef-m-content {
        position: absolute;
        left: 20px;
        top: 50%;
        transform: translateY(-50%);
        /* width: 94%;
        max-width: 1160px; */
    }

    .hpl-custom-hero-slider .qodef-m-item.swiper-slide .qodef-m-slide-content .qodef-e-image {
        width: 75%;
        flex: 0 0 75%;
    }

    .hpl-custom-hero-slider .qodef-m-item.swiper-slide h2.qodef-e-title {
        font-size: 95px !important;
        line-height: 90px !important;
    }

    .hpl-custom-hero-slider .qodef-m-item.swiper-slide h2.qodef-e-title>span {
        font-size: 90px !important;
        line-height: 70px !important;
    }

    .hpl-hero-desktop.hpl-custom-hero-slider .qodef-m-item.swiper-slide h2.qodef-e-title>span {
        font-size: 90px !important;
        line-height: 0 !important;
    }
}

@media screen and (min-width: 1281px) {

    .hpl-custom-hero-slider,
    .hpl-custom-hero-slider .qodef-qi-content-slider,
    .hpl-custom-hero-slider .qodef-qi-content-slider .qodef-m-item.swiper-slide,
    .hpl-custom-hero-slider .qodef-qi-content-slider .qodef-m-item.swiper-slide .qodef-m-slide-content,
    .hpl-custom-hero-slider .qodef-qi-content-slider .qodef-m-item.swiper-slide .qodef-m-slide-content .qodef-e-image-inner,
    .hpl-custom-hero-slider .qodef-qi-content-slider .qodef-m-item.swiper-slide .qodef-m-slide-content .qodef-e-image-inner img {
        height: 50vw !important;
    }

    .hpl-custom-hero-slider .qodef-m-item.swiper-slide h2.qodef-e-title {
        font-size: 105px !important;
        line-height: 90px !important;
    }

    .hpl-custom-hero-slider .qodef-m-item.swiper-slide h2.qodef-e-title>span {
        font-size: 100px !important;
        line-height: 90px !important;
    }

    .hpl-hero-desktop.hpl-custom-hero-slider .qodef-m-item.swiper-slide h2.qodef-e-title>span {
        font-size: 130px !important;
        line-height: 50px !important;
    }
}

.book-slider-container .book {
    text-align: center;
    padding-bottom: 60px;
}

.book-slider-container .book img {
    width: 100%;
    max-width: 250px;
    height: 300px;
    object-fit: contain;
    margin: 70px auto 30px;
}

.book-slider-container .book .subtitle {
    color: var(--light-charcoal);
    position: relative;
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .4em;
    margin: 0;
}

.book-slider-container .book.slick-active .subtitle::after {
    content: "";
    display: block;
    width: 14vw;
    min-width: 150px;
    max-width: 230px;
    height: 150px;
    background-image: url(/wp-content/uploads/2025/09/new-releases-slider-badge.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: -390px;
    right: -60px;
}

@media (min-width: 1200px) {
    .book-slider-container .book.slick-active .subtitle::after {
        right: -85px;
    }
}

@media (min-width: 1500px) {
    .book-slider-container .book.slick-active .subtitle::after {
        right: -115px;
    }
}

.book-slider-container .book .book-title {
    font-family: Mulish, sans-serif;
    font-weight: 600;
    text-transform: initial;
    color: var(--black);
    font-size: 30px;
    line-height: 1.1333333333em;
    margin-bottom: 30px;
}

.book-slider-container .book .sub-text {
    font-family: Mulish, sans-serif;
    font-style: italic;
    letter-spacing: 0;
    font-size: 14px;
}

.book-slider-container .book .book-button {
    margin-bottom: 10px;
}

.book-slider-container .book .book-button:hover {
    color: #ffffff;
}

/* facebook feed on home page */
.home-follow-facebook p {
    font-family: TuesdayNight;
}

.cff-wrapper .cff-posts-wrap .cff-item {
    background: none !important;
    margin: 7.5px !important;
    padding: 0 !important;
}

.cff-wrapper .cff-posts-wrap .cff-item .cff-meta-wrap {
    display: none !important;
}

.cff-wrapper .cff-posts-wrap .cff-item .cff-media-wrap .cff-photo:after {
    border: 0 !important;
}

.cff-wrapper .cff-posts-wrap .cff-item:nth-of-type(1) .cff-media-wrap img,
.cff-wrapper .cff-posts-wrap .cff-item:nth-of-type(3) .cff-media-wrap img,
.cff-wrapper .cff-posts-wrap .cff-item:nth-of-type(4) .cff-media-wrap img,
.cff-wrapper .cff-posts-wrap .cff-item:nth-of-type(7) .cff-media-wrap img {
    border-radius: 0 !important;
}

.cff-wrapper .cff-posts-wrap .cff-item:nth-of-type(2) .cff-media-wrap img,
.cff-wrapper .cff-posts-wrap .cff-item:nth-of-type(2) .cff-media-wrap .cff-photo .cff-img-wrap,
.cff-wrapper .cff-posts-wrap .cff-item:nth-of-type(5) .cff-media-wrap img,
.cff-wrapper .cff-posts-wrap .cff-item:nth-of-type(5) .cff-media-wrap .cff-photo .cff-img-wrap,
.cff-wrapper .cff-posts-wrap .cff-item:nth-of-type(6) .cff-media-wrap img,
.cff-wrapper .cff-posts-wrap .cff-item:nth-of-type(6) .cff-media-wrap .cff-photo .cff-img-wrap,
.cff-wrapper .cff-posts-wrap .cff-item:nth-of-type(8) .cff-media-wrap img,
.cff-wrapper .cff-posts-wrap .cff-item:nth-of-type(8) .cff-media-wrap .cff-photo .cff-img-wrap {
    border-radius: 50px 0 !important;
}

@media screen and (max-width: 800px) {

    .cff-wrapper .cff-posts-wrap .cff-item:nth-of-type(2) .cff-media-wrap img,
    .cff-wrapper .cff-posts-wrap .cff-item:nth-of-type(2) .cff-media-wrap .cff-photo .cff-img-wrap,
    .cff-wrapper .cff-posts-wrap .cff-item:nth-of-type(5) .cff-media-wrap img,
    .cff-wrapper .cff-posts-wrap .cff-item:nth-of-type(5) .cff-media-wrap .cff-photo .cff-img-wrap,
    .cff-wrapper .cff-posts-wrap .cff-item:nth-of-type(6) .cff-media-wrap img,
    .cff-wrapper .cff-posts-wrap .cff-item:nth-of-type(6) .cff-media-wrap .cff-photo .cff-img-wrap,
    .cff-wrapper .cff-posts-wrap .cff-item:nth-of-type(8) .cff-media-wrap img,
    .cff-wrapper .cff-posts-wrap .cff-item:nth-of-type(8) .cff-media-wrap .cff-photo .cff-img-wrap {
        border-radius: 30px 0 !important;
    }
}

/* Facebook feed responsive override - 2 columns from 524px down to 250px */
@media screen and (max-width: 524px) and (min-width: 250px) {
    .cff-wrapper .cff-posts-wrap .cff-item {
        width: calc(50% - 15px) !important;
        max-width: calc(50% - 15px) !important;
        flex: 0 0 calc(50% - 15px) !important;
    }
}

/* Below 250px, allow single column */
@media screen and (max-width: 249px) {
    .cff-wrapper .cff-posts-wrap .cff-item {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }
}

/* holiday closure banner */
.home-holiday-closure .primary-title {
    color: #FFFFFF;
    font-family: TuesdayNight;
    font-size: clamp(60px, 8vw, 100px);
    line-height: 47px;
}

.home-holiday-closure .secondary-title {
    color: #FFFFFF;
    font-family: Mulish;
    font-size: clamp(49px, 8vw, 50px);
    line-height: clamp(60px, 8vw, 120px);
    letter-spacing: -2px;
    font-weight: 600;
    font-style: normal;
    text-align: center;
}

.home-holiday-closure .date-range {
    color: #ffffff;
    font-family: Mulish, sans-serif;
    font-weight: 600;
    text-transform: initial;
    font-size: clamp(17px, 3vw, 30px);
    line-height: 1.1333333333em;
}

.home-holiday-closure .additional-text {
    color: #ffffff;
    font-family: Mulish, sans-serif;
    font-weight: 600;
    text-transform: initial;
    font-size: clamp(16px, 3vw, 18px);
    line-height: 1.1333333333em;
}

/* events page */
.madcow-hero__bg {
    height: 150px;
    width: 100%;
    background-image: url('/wp-content/uploads/2025/11/hpl-single-event-header.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.tribe-events-event-meta.primary,
.tribe-events-event-meta.secondary {
    width: 100% !important;
}

#tribe-events-footer {
    border-top: none !important;
}

.tribe-events .tribe-events-c-events-bar--border {
    border-color: var(--charcoal) !important;
}

.tribe-events .tribe-events-c-search__input-control-icon-svg,
.tribe-events .tribe-events-c-events-bar .tribe-common-form-control-text__input {
    color: var(--charcoal) !important;
}

.tribe-events .tribe-events-c-search__button,
.tribe-events button.tribe-events-c-search__button,
.tribe-common-c-btn-border.tribe-events-c-subscribe-dropdown__button,
.tribe-events .tribe-events-c-subscribe-dropdown__button-text,
.single-tribe_events #tribe-events-content .rtec-form-wrapper .rtec-form-buttons .rtec-submit-button {
    background-color: var(--dusty-blue) !important;
    color: var(--white) !important;
    font-family: Mulish, sans-serif;
    font-size: 11px !important;
    line-height: 1.3636363636em;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
    position: relative;
    display: inline-flex;
    vertical-align: middle;
    width: auto;
    margin: 0 16px 0 0;
    text-decoration: none;
    border-radius: 0 !important;
    outline: 0;
    transition: color .2s ease-out, background-color .2s ease-out, border-color .2s ease-out;
    box-shadow: none;
    background-image: none;
    opacity: 1;
    padding: 14px 43px;
}

.tribe-events .tribe-events-c-search__button:hover,
.tribe-events button.tribe-events-c-search__button:hover,
.tribe-events .tribe-events-c-search__button:active,
.tribe-events button.tribe-events-c-search__button:active,
.tribe-events .tribe-events-c-search__button:focus,
.tribe-events button.tribe-events-c-search__button:focus,
.tribe-events .tribe-events-c-subscribe-dropdown__button-text:active,
.tribe-events .tribe-events-c-subscribe-dropdown__button-text:focus {
    color: var(--white) !important;
    font-size: 11px;
    padding: 14px 43px;
    outline: none !important;
}

.tribe-events .tribe-events-c-subscribe-dropdown__button-text:active,
.tribe-events .tribe-events-c-subscribe-dropdown__button-text:focus {
    padding: 0;
}

.tribe-events-c-events-bar__views {
    display: none !important;
}

.tribe-common-c-btn-icon--caret-left.tribe-events-c-top-bar__nav-link.tribe-events-c-top-bar__nav-link--prev svg path,
.tribe-common-c-btn-icon--caret-right.tribe-events-c-top-bar__nav-link.tribe-events-c-top-bar__nav-link--next svg path,
.tribe-common-c-svgicon--caret-down.tribe-events-c-top-bar__datepicker-button-icon-svg path {
    fill: var(--charcoal) !important;
}

.tribe-events-c-top-bar__datepicker-time * {
    font-family: Mulish, sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: var(--charcoal) !important;
}

.tribe-events-calendar-month__header-column-title.tribe-common-b3 * {
    color: var(--charcoal) !important;
}

.tribe-events-calendar-month__day-date.tribe-common-h4 * {
    font-family: Mulish, sans-serif;
    font-weight: 700;
    color: var(--charcoal) !important;
}

.tribe-events-calendar-month__day--past .tribe-events-calendar-month__day-date-daynum {
    color: var(--light-charcoal) !important;
}

.tribe-events-calendar-month__calendar-event {
    border-radius: 8px 0 8px 0;
    border-width: 1px;
    border-style: solid;
}

.tribe-events-calendar-month__calendar-event .tribe-events-calendar-month__calendar-event-datetime * {
    text-transform: uppercase;
    font-family: Mulish, sans-serif;
    font-size: 11px;
    font-weight: 700;
    color: var(--charcoal) !important;
}

.tribe-events-calendar-month article {
    padding: 0 !important;
}

.tribe-events-calendar-month__calendar-event .tribe-events-calendar-month__calendar-event-datetime,
.tribe-events-calendar-month article.type-tribe_events .tribe-events-calendar-month__calendar-event-title {
    margin: 0 16px;
}

.tribe-events-calendar-month article.type-tribe_events .tribe-events-calendar-month__calendar-event-title a {
    font-family: Mulish, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.tribe-events .tribe-events-c-subscribe-dropdown__button {
    border: 1px solid var(--dusty-blue) !important;
}

/* add wow icon to wow cat events */
/* .tribe-events-calendar-month article.type-tribe_events.tribe_events_cat-words-on-wheels {
    position: relative;
}

body:not(.page-id-8394) .tribe-events-calendar-month article.type-tribe_events.tribe_events_cat-words-on-wheels::after {
    content: '';
    background-image: url(/wp-content/uploads/2025/10/wow-bookmobile-icon.png);
    width: 48px;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: -24px;
    left: 0px;
    transition: left 1.5s ease;
}

.tribe-events-calendar-month article.type-tribe_events.tribe_events_cat-words-on-wheels:hover::after {
    left: 58%;
} */

.tribe-events-calendar-month article.type-tribe_events.adults {
    border: 1px solid var(--brick);
}

.tribe-events-calendar-month article.type-tribe_events .tribe-event-categories.hpl-month-view-cats {
    display: block;
    line-height: 1;
    border-radius: 7px 0 0;
}

.tribe-events-calendar-month article.type-tribe_events.adults .tribe-event-categories.hpl-month-view-cats {
    background-color: var(--brick);
}

.tribe-events-calendar-month article.type-tribe_events .tribe-event-categories.hpl-month-view-cats span {
    display: block;
    padding: 2px;
    font-family: Mulish, sans-serif;
    font-weight: 700;
    font-size: 9px;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.tribe-events-calendar-month article.type-tribe_events.adults .tribe-event-categories.hpl-month-view-cats span,
.tribe-events-calendar-month article.type-tribe_events.all-ages .tribe-event-categories.hpl-month-view-cats span,
.tribe-events-calendar-month article.type-tribe_events.pre-teens-and-teens .tribe-event-categories.hpl-month-view-cats span {
    color: var(--white);
}

.tribe-events-calendar-month article.type-tribe_events.all-ages {
    border: 1px solid var(--clay);
}

.tribe-events-calendar-month article.type-tribe_events.all-ages .tribe-event-categories.hpl-month-view-cats {
    background-color: var(--clay);
}

.tribe-events-calendar-month article.type-tribe_events.families {
    border: 1px solid var(--sage);
}

.tribe-events-calendar-month article.type-tribe_events.families .tribe-event-categories.hpl-month-view-cats {
    background-color: var(--sage);
}

.tribe-events-calendar-month article.type-tribe_events.families .tribe-event-categories.hpl-month-view-cats span,
.tribe-events-calendar-month article.type-tribe_events.kids .tribe-event-categories.hpl-month-view-cats span {
    color: var(--charcoal);
}

.tribe-events-calendar-month article.type-tribe_events.kids {
    border: 1px solid var(--wheat);
}

.tribe-events-calendar-month article.type-tribe_events.kids .tribe-event-categories.hpl-month-view-cats {
    background-color: var(--wheat);
}

.tribe-events-calendar-month article.type-tribe_events.pre-teens-and-teens {
    border: 1px solid var(--dusty-blue) !important;
}

.tribe-events-calendar-month article.type-tribe_events.pre-teens-and-teens .tribe-event-categories.hpl-month-view-cats {
    background-color: var(--dusty-blue) !important;
}

/* mobile events page adjustments */
@media screen and (max-width: 807px) {

    /* events page */
    .page-id-8587 .tribe-events .tribe-events-calendar-month__mobile-events-icon--event,
    .page-id-8587 .tribe-events-calendar-month__day-cell.tribe-events-calendar-month__day-cell--mobile.tribe-events-calendar-month__day-cell--selected {
        background-color: var(--brick) !important;
    }

    /* words on wheels page */
    .page-id-8394 .tribe-events .tribe-events-calendar-month__mobile-events-icon--event,
    .page-id-8394 .tribe-events-calendar-month__day-cell.tribe-events-calendar-month__day-cell--mobile.tribe-events-calendar-month__day-cell--selected {
        background-color: var(--avocado) !important;
    }

    .tribe-events .tribe-events-calendar-month__day-cell--selected .tribe-events-calendar-month__mobile-events-icon--event {
        background-color: var(--white) !important;
    }
}






/* Single Event Page Styles */
.rtec-unregister-link-wrap a {
    visibility: visible !important;
}

.single-tribe_events #qodef-page-outer {
    background-color: var(--white);
}

.single-tribe_events #qodef-page-outer #qodef-page-inner {
    padding-top: 80px;
}

.single-tribe_events #qodef-page-outer .qodef-page-title {
    display: none;
}

.single-tribe_events #tribe-events-content .tribe-events-single-event-title {
    font-family: Mulish, sans-serif;
    font-size: 40px;
    font-weight: 600;
    letter-spacing: -.025em;
    color: var(--charcoal);
}

.single-tribe_events #tribe-events-content .tribe-events-schedule,
.single-tribe_events #tribe-events-content .rtec-attendance-display {
    font-family: Mulish, sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .05em;
    color: var(--charcoal);
}

.single-tribe_events #tribe-events-content .rtec-form-toggle-button {
    color: var(--white);
    border: none;
}

.single-tribe_events #tribe-events-content .rtec-form-toggle-button span.rtec-button-text {
    font-family: Mulish, sans-serif;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .05em;
    color: var(--white);
    text-transform: uppercase;
}

.single-tribe_events #tribe-events-content .rtec-form-toggle-button .tribe-bar-toggle-arrow:after {
    border: unset;
    display: inline-block;
    width: 5px;
    height: 5px;
    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    transform: rotate(45deg);
    transition: transform 0.4s ease-in-out;
    vertical-align: middle;
}

.single-tribe_events #tribe-events-content .rtec-form-toggle-button.tribe-bar-filters-open .tribe-bar-toggle-arrow:after {
    top: 10px;
    transform: rotate(225deg);
}

.single-tribe_events #tribe-events-content .rtec-form-wrapper {
    border: none;
    background-color: var(--sand);
}

.single-tribe_events #tribe-events-content .rtec-form-wrapper .rtec-attendance.tribe-events-notices,
.single-tribe_events #tribe-events-content .rtec-outer-wrap .rtec-success-message.tribe-events-notices {
    background-color: #eacfc8;
    color: var(--brick);
    font-weight: bold;
    text-shadow: none;
    border: 1px solid var(--brick);
}

.single-tribe_events #tribe-events-content .rtec-form-wrapper .rtec-field-label {
    font-family: Mulish, sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: var(--charcoal);
}

.single-tribe_events #tribe-events-content .rtec-form-wrapper .rtec-field-input {
    font-family: Mulish, sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: var(--charcoal);
}

.single-tribe_events #tribe-events-content .rtec-form-wrapper .rtec-form-buttons {
    text-align: left;
}

.single-tribe_events #tribe-events-content .rtec-register-button,
.single-tribe_events #tribe-events-content .rtec-register-button:hover,
.single-tribe_events #tribe-events-content .rtec-form-wrapper .rtec-form-buttons .rtec-submit-button,
.single-tribe_events #tribe-events-content .rtec-form-wrapper .rtec-form-buttons .rtec-submit-button:hover {
    background-color: var(--dusty-blue) !important;
}

.single-tribe_events #tribe-events-content .rtec-register-button span.rtec-button-text,
.single-tribe_events #tribe-events-content .rtec-form-wrapper .rtec-form-buttons .rtec-submit-button {
    background-position-y: 100%;
    background-repeat: no-repeat;
    background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px);
    background-position-x: 100%;
    background-size: 0 100%;
    transition: background-size .4s cubic-bezier(.51, .5, .07, .99), color .2s ease-out;
}

.single-tribe_events #tribe-events-content .rtec-register-button:hover span.rtec-button-text {
    background-size: 100% 100%;
    background-position-x: 0;
}

.single-tribe_events #tribe-events-content .rtec-form-wrapper .rtec-form-buttons .rtec-submit-button {
    background-position-y: -11px;
    background-position-x: 42px;
}

.single-tribe_events #tribe-events-content .rtec-form-wrapper .rtec-form-buttons .rtec-submit-button:hover {
    background-size: calc(100% - 83px) 100%;
    background-position-x: 42px;
}

.single-tribe_events .tribe-events-c-subscribe-dropdown__button .tribe-common-c-svgicon--caret-down {
    margin-top: 6px;
}

.single-tribe_events .tribe-events-meta-group dt,
.single-tribe_events .tribe-events-meta-group dd,
.single-tribe_events .tribe-events-meta-group {
    font-family: Mulish, sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: var(--charcoal);
}

.single-tribe_events .tribe-events-meta-group dd {
    font-weight: 400;
}

.single-tribe_events .tribe-events-meta-group .tribe-events-start-time {
    text-transform: uppercase;
}


.single-tribe_events .tribe-events-single-section a {
    color: var(--charcoal);
}

.single-tribe_events .tribe-events-single-section a:hover {
    color: var(--terracotta);
}

.single-tribe_events .tribe-events-related-events-title {
    font-family: Mulish, sans-serif;
    font-size: 30px;
    font-weight: 700;
    color: var(--charcoal);
}

.single-tribe_events ul.tribe-related-events li {
    background-color: var(--white);
    border: none;
}

.single-tribe_events ul.tribe-related-events .tribe-related-event-info {
    background-color: var(--white);
}

.single-tribe_events ul.tribe-related-events .tribe-related-events-thumbnail {
    margin-bottom: 0 !important;
}

.single-tribe_events ul.tribe-related-events .tribe-related-events-thumbnail a {
    aspect-ratio: 1 / 1;
    padding-top: 100% !important;
    border-radius: 30px 0 30px 0;
}

.single-tribe_events ul.tribe-related-events .tribe-related-events-title a {
    font-family: Mulish, sans-serif !important;
    font-size: 20px;
    font-weight: 600 !important;
    color: var(--charcoal) !important;
}

.single-tribe_events ul.tribe-related-events .tribe-event-date-start,
.single-tribe_events ul.tribe-related-events .tribe-event-time {
    font-family: Mulish, sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .05em;
    color: var(--charcoal);
}

.single-tribe_events .tribe-events-nav-pagination .tribe-events-sub-nav li a:before,
.single-tribe_events .tribe-events-nav-pagination .tribe-events-sub-nav li a:after {
    display: none;
}

.single-tribe_events .tribe-events-nav-pagination .tribe-events-sub-nav li a,
.qodef-svg--pagination-post-arrow-left,
.qodef-svg--pagination-post-arrow-right {
    color: var(--charcoal);
    stroke: var(--charcoal);
}

.single-tribe_events .tribe-events-nav-pagination .tribe-events-sub-nav li a:hover {
    color: var(--terracotta);
}

.single-tribe_events .tribe-events-nav-pagination .tribe-events-sub-nav li svg {
    position: relative;
    left: 0;
    top: 3px;
    transition: left 0.5s ease;
}

.single-tribe_events .tribe-events-nav-pagination .tribe-events-sub-nav li.tribe-events-nav-previous:hover svg {
    left: -10px;
    color: var(--terracotta);
}

.single-tribe_events .tribe-events-nav-pagination .tribe-events-sub-nav li.tribe-events-nav-next:hover svg {
    left: 10px;
    color: var(--terracotta);
}















/* WORDS ON WHEELS SERVICE PAGE STYLES */
.page-id-8394 .tribe-events-header__events-bar {
    display: none !important;
}

/* STAFF PAGE STYLES */
.hpl-staff-page-staff-list .qodef-team-list .qodef-grid-item a {
    pointer-events: none;
    cursor: default;
}

/* CONTACT PAGE STYLES */
.hours-column .qodef-m-icon-wrapper {
    border-radius: 50%;
}

/* PROGRAMS PAGE STYLES */
/*--------------------------------------------------------------*/
/* left hand column thing */

@media (max-width: 1512px) {
    .elementor-element.hpl-programs-left-column {
        padding-top: 40px !important;
        padding-bottom: 0 !important;
        padding-left: 3% !important;
        padding-right: 3% !important;
    }
}

@media (max-width: 1200px) {
    .elementor-element.hpl-programs-left-column {
        padding-top: 110px !important;
        padding-bottom: 55px !important;
    }
}

@media (max-width: 1024px) {
    .elementor-element.hpl-programs-left-column {
        padding-top: 85px !important;
        padding-bottom: 85px !important;
    }
}

@media (max-width: 680px) {
    .elementor-element.hpl-programs-left-column {
        padding-top: 100px !important;
        padding-bottom: 100px !important;
    }
}

.hpl-programs-left-column .qodef-button.qodef-layout--filled.qodef-html--link {
    background-color: var(--custom-white);
    color: var(--dusty-blue);
}

.hpl-programs-left-column .qodef-textual-projects-showcase span.qodef-e-text {
    margin: 0;
}

@media only screen and (min-width: 1513px) {
    .hpl-programs-left-column .qodef-textual-projects-showcase span.qodef-e-text {
        font-size: var(--fs1512);
        line-height: var(--lh1512);
    }
}




/* BLOG POST STYLES */
.hpl-blog-post-icons .qodef-icon-with-text.qodef--background-yes .qodef-m-icon-wrapper {
    width: 30px;
    height: 30px;
}

.hpl-blog-post-icons .qodef-icon-with-text.qodef--background-yes .qodef-m-icon-wrapper .qodef-icon-holder.qodef-size--tiny {
    font-size: 15px;
}

/* when using the default Qode blog list module, override some styles using this class */
.hpl-qode-blog-list .qodef-blog .qodef-blog-item .qodef-e-date-on-image {
    background-color: var(--sand) !important;
}

.hpl-qode-blog-list .qodef-blog .qodef-blog-item .qodef-e-date-on-image a.entry-date {
    color: var(--charcoal);
}

.hpl-qode-blog-list .qodef-blog .qodef-blog-item .qodef-e-info * {
    font-family: Mulish, sans-serif;
    font-size: 11px;
    line-height: 1.6363636364em;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: .4em;
    color: var(--light-charcoal);
}








/* HPL Blog Filter Wrapper */
.hpl-blog-filter-wrapper {
    width: 100%;
}

/* HPL Category Filter Menu */
.hpl-category-filter-menu {
    border-radius: 30px 0 30px 0;
    margin-bottom: 30px;
    background-color: var(--custom-white);
    position: relative;
}

.hpl-category-filter-menu::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 22px;
    height: 3px;
    background-color: var(--brick);
}

.hpl-category-menu {
    list-style: none;
    margin: 0 !important;
    padding: 0;
    display: flex;
    gap: 20px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.hpl-category-menu>.hpl-menu-item {
    position: relative;
    margin: 0;
}

.hpl-category-menu>.hpl-menu-item>a {
    display: block;
    padding: 15px 0;
    text-decoration: none;
    color: var(--charcoal);
    font-family: Mulish, sans-serif;
    font-size: 13px;
    letter-spacing: .05em;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 23px;
    transition: background-color 0.3s ease;
}

/* .hpl-category-menu>.hpl-menu-item>a:after {
    color: var(--charcoal);
}

.hpl-category-menu>.hpl-menu-item>a:hover {
    color: var(--charcoal);
}

.hpl-category-menu .hpl-menu-item a.hpl-filter-link.active span {
    background-size: 100% 100%;
    background-position-x: 0;
} */

.hpl-menu-item-has-children>a::after {
    content: '▼';
    font-size: 10px;
    margin-left: 5px;
    opacity: 0.6;
}

.hpl-sub-menu {
    position: absolute;
    top: 50px;
    left: -22px;
    list-style: none;
    padding: 28px;
    min-width: 225px;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s ease-out;
    border: 1px solid #dfdfdf;
    z-index: 1000;
}

.hpl-menu-item-has-children:hover .hpl-sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.hpl-sub-menu .hpl-menu-item a {
    font-size: 15px;
    display: block;
    padding: 5px;
    color: var(--charcoal);
    text-decoration: none;
}

.hpl-sub-menu .hpl-menu-item a:hover {
    color: var(--terracotta);
}


/* HPL Custom Posts Grid on Blog Page */
.hpl-posts-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
    margin-bottom: 65px;
}

/* Mobile-first responsive grid columns */
@media (min-width: 681px) {
    .hpl-posts-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1025px) {
    .hpl-posts-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

.hpl-post-item {
    position: relative;
    overflow: hidden;
}

.hpl.post-item>a {
    display: block;
    width: 100%;
}

.hpl-post-item>a .post-image-holder {
    border-radius: 40px 0 40px 0;
    overflow: hidden;
}

.hpl-post-item>a .post-image-holder img {
    transition: transform 0.5s ease-in-out;
}

.hpl-post-item>a:hover .post-image-holder img {
    transform: scale(1.05);
}

.hpl-post-date-box {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    top: 0;
    right: 0;
    width: 57px;
    height: 65px;
    z-index: 50;
    padding: 6px;
    border-radius: 0 0 0 15px;
    background-color: var(--sand);
    color: var(--charcoal);
}

.hpl-post-day,
.hpl-post-month {
    display: block;
    font-family: Mulish, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
}

.hpl-post-categories {
    margin: 17px 0 6px;
    display: inline-flex;
    vertical-align: middle;
    flex-wrap: wrap;
}

.hpl-post-categories .hpl-post-category,
.hpl-post-categories {
    font-family: Mulish, sans-serif;
    font-size: 11px;
    line-height: 1.6363636364em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .4em;
    color: var(--light-charcoal);
}

.hpl-post-item h4 {
    margin: 0;
}

.hpl-post-item h4 a {
    font-family: Mulish, sans-serif;
    font-weight: 600;
    text-transform: initial;
    color: #000;
    font-size: 24px;
    line-height: 1.3333333333em;
    letter-spacing: -.025em;
    font-weight: 600;
    transition: color .2s ease-out;
    cursor: pointer;
}

.hpl-post-item h4 a:hover {
    color: var(--terracotta);
}

/* HPL Loading Overlay for Blog Post Filtering */
.hpl-filter-loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.5);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 99999;
}

.hpl-filter-loading-overlay p {
    margin-top: 20px;
    font-size: 16px;
    color: #666;
}

.hpl-spinner {
    width: 50px;
    height: 50px;
    border: 5px solid #f3f3f3;
    border-top: 5px solid #0073aa;
    border-radius: 50%;
    animation: hpl-spin 1s linear infinite;
}

@keyframes hpl-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* HPL Custom Posts Grid Pagination */
.hpl-load-more-wrapper {
    text-align: center;
    padding: 20px 0;
}

.hpl-load-more-wrapper .hpl-load-more-button,
.hpl-load-more-wrapper .hpl-load-more-button:hover,
.hpl-load-more-wrapper .hpl-load-more-button:focus {
    background-color: var(--dusty-blue);
    border: none;
    cursor: pointer;
}

.hpl-no-posts-message {
    text-align: center;
    padding: 50px 20px;
}

.hpl-no-posts-message p {
    font-size: 18px;
    color: #666;
}

/* Mobile */
/* Hide parent-in-submenu on desktop */
.hpl-parent-in-submenu {
    display: none;
}

@media (max-width: 500px) {
    .hpl-category-menu {
        flex-direction: column;
        gap: 0;
    }

    /* Show parent category in submenu on mobile */
    .hpl-parent-in-submenu {
        display: block;
    }

    /* Rotate arrow when submenu is open */
    .hpl-menu-item-has-children.hpl-submenu-open>a::after {
        transform: rotate(180deg);
    }

    /* Mobile submenu styles - override hover behavior */
    .hpl-sub-menu {
        min-width: 245px;
        position: absolute;
        left: unset;
        right: 20px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
        opacity: 0;
        visibility: hidden;
        display: block;
        /* Always block, controlled by opacity/visibility */
    }

    /* Disable desktop hover on mobile */
    .hpl-menu-item-has-children:hover .hpl-sub-menu {
        opacity: 1;
        visibility: visible;
        transform: none;
        display: none;
        /* Prevent hover from showing submenu */
    }

    /* Show submenu when open class is added */
    .hpl-menu-item-has-children.hpl-submenu-open .hpl-sub-menu {
        display: block;
        margin-left: 0;
        opacity: 1;
        visibility: visible;
    }

    .hpl-posts-grid {
        grid-template-columns: 1fr;
    }
}

/* MAKERSPACE SINGLE POSTS STYLES */
/*--------------------------------------------------------------*/
body.hpl-makerspace-template {
    background-color: var(--white);
}

.hpl-makerspace-template .qodef-page-title {
    display: none;
}

.hpl-makerspace-template #qodef-page-inner {
    background-color: #fff;
    padding: 0;
    width: 100% !important;
}

.hpl-makerspace-template article {
    max-width: 1300px;
    margin: 0 auto;
}

.hpl-makerspace-template [data-elementor-id="8638"] {
    margin-bottom: 130px;
}

.hpl-makerspace-template .hpl-project-hero {
    margin-bottom: 20px;
}

.hpl-makerspace-template .hpl-project-hero img {
    height: 353px;
    border-radius: 50px 0 50px 0;
    object-fit: cover;
    width: 100%;
}

.hpl-makerspace-template.single-project-guide .hpl-project-hero img {
    height: 350px;
}

.hpl-makerspace-template .hpl-project-content {
    padding: 0 20px;
}

.hpl-makerspace-template .hpl-project-categories {
    font-family: "Mulish", Sans-serif;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.4em;
    color: var(--light-charcoal);
    line-height: 32px;
}


.hpl-makerspace-template .hpl-project-title {
    margin: 0 0 15px;
    font-family: Mulish, sans-serif;
    font-weight: 600;
    text-transform: initial;
    color: var(--charcoal);
    font-size: 50px;
    line-height: 60px;
    letter-spacing: -.025em;
}

.hpl-makerspace-template .makerspace-top-bullet {
    position: relative;
    font-family: "Mulish", Sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: var(--brick);
    margin-bottom: 65px;
}

.hpl-makerspace-template .makerspace-top-bullet .hpl-arrow-icon {
    width: 16px;
    height: 16px;
    margin-right: 8px;
    vertical-align: middle;
    fill: currentColor;
    transform: translateY(-2px);
}

.hpl-makerspace-template .hpl-bottom-makerspace-section {
    margin: 0 40px 50px;
}

.hpl-makerspace-template .categories-and-social {
    margin-bottom: 90px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
}

@media screen and (min-width: 450px) {
    .hpl-makerspace-template .categories-and-social {
        flex-direction: row;
    }
}

.hpl-makerspace-template .categories-and-social .hpl-project-categories.bottom-area {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: flex-start;
    margin-bottom: 20px;
}

@media screen and (min-width: 768px) {
    .hpl-makerspace-template .categories-and-social .hpl-project-categories.bottom-area {
        flex-direction: row;
        margin-bottom: 0;
    }
}

.hpl-makerspace-template .categories-and-social .hpl-project-categories.bottom-area span {
    display: inline-block;
    background-color: var(--sand);
    color: var(--charcoal);
    padding: 0 7px;
    transition: all .3s ease-in-out;
}

.hpl-makerspace-template .categories-and-social .hpl-project-categories.bottom-area span:hover {
    background-color: var(--light-charcoal);
    color: var(--white);
}

.hpl-makerspace-template .categories-and-social .hpl-social-sharing {
    display: flex;
}

.hpl-makerspace-template .categories-and-social .hpl-social-sharing a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: 1px solid var(--light-charcoal);
    border-radius: 50%;
    color: var(--charcoal);
    transition: all .3s ease-in-out;
    margin: 0 4px;
}

.hpl-makerspace-template .categories-and-social .hpl-social-sharing a svg {
    width: 11px;
    height: 11px;
    fill: var(--charcoal);
    ;
}

.hpl-makerspace-template .categories-and-social .hpl-social-sharing a:hover {
    border-color: var(--charcoal);
}

.hpl-makerspace-template .author-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: var(--sand);
    padding: 16px;
}

@media screen and (min-width: 555px) {
    .hpl-makerspace-template .author-section {
        flex-direction: row;
    }
}

.hpl-makerspace-template .author-section img {
    width: 166px;
    display: block;
    border-radius: 0 20px 0 20px;
}

.hpl-makerspace-template .author-section .author-text {
    flex: 1;
    padding-left: 30px;
}

.hpl-makerspace-template .author-section .author-text .author {
    font-family: Mulish, sans-serif;
    font-weight: 600;
    color: var(--charcoal);
    font-size: 18px;
    line-height: 1.3333333333em;
    letter-spacing: -.025em;
    font-weight: 700;
}

/* Navigation Links Styles */
.hpl-makerspace-template .project-navigation {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    width: 100%;
    padding: 10px 40px;
    margin-bottom: 65px;
}

.hpl-makerspace-template .nav-previous {
    flex: 0 0 auto;
}

.hpl-makerspace-template .nav-next {
    flex: 0 0 auto;
    margin-left: auto;
}

.hpl-makerspace-template .nav-link {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 0;
    text-decoration: none;
    color: var(--charcoal);
    transition: all 0.3s ease;
    border-radius: 8px;
    font-family: Mulish, sans-serif;
    font-size: 17px;
    line-height: 1.5882352941em;
    font-weight: 600;
    white-space: nowrap;
    position: relative;
}

.hpl-makerspace-template .nav-link .qodef-m-pagination-icon {
    width: 18px;
    height: 11px;
    transition: transform 0.3s ease;
}

.hpl-makerspace-template .nav-link .qodef-m-nav-label {
    font-size: 14px;
    font-weight: 600;
}

.hpl-makerspace-template .nav-link:hover .qodef-m-pagination-icon {
    transform: translateX(5px);
}

.hpl-makerspace-template .prev-link:hover .qodef-m-pagination-icon {
    transform: translateX(-5px);
}

/* MAKERSPACE TEMPLATE STYLES FOR THE INDIVIDUAL TEMPLATES */
/*--------------------------------------------------------------*/
/* Project Spotlight Template */
.hpl-makerspace-template .spotlight-content {
    margin-bottom: 130px;
}

.hpl-makerspace-template .spotlight-images {
    display: flex;
    gap: 30px;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 130px;
}

@media screen and (min-width: 768px) {
    .hpl-makerspace-template .spotlight-images {
        flex-direction: row;
    }
}


.hpl-makerspace-template .spotlight-images .spotlight-image {
    width: 100%;
    overflow: hidden;
    border-radius: 50px 0px;
    aspect-ratio: 4/3;
    max-height: 433px;
}

.hpl-makerspace-template .spotlight-images .spotlight-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: scale 0.5s ease-in-out;
    scale: 1;
}

.hpl-makerspace-template .spotlight-images .spotlight-image img:hover {
    scale: 1.05;
}

/* Step By Step Project Guide Template */

.hpl-makerspace-template .hpl-project-top-section {
    margin: 0 40px 90px;
    padding: 0;
}

.hpl-makerspace-template .hpl-project-top-section .right {
    padding: 20px 40px 55px;
    background-color: var(--custom-white);
    border-radius: 0px 0px 50px 0px;
}

.hpl-makerspace-template .hpl-project-top-section .right h3 {
    font-family: "Mulish", Sans-serif;
    font-size: 30px;
    font-weight: 700;
    color: var(--charcoal);
}

.hpl-makerspace-template .hpl-project-top-section .right ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.hpl-makerspace-template .hpl-project-top-section .right ul li {
    position: relative;
    padding-left: 45px;
    margin-bottom: 20px;
    font-family: Mulish, sans-serif;
    color: #000;
    font-size: 18px;
    line-height: 1.3333333333em;
    letter-spacing: -.025em;
    font-weight: 700;
    word-wrap: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
}

.hpl-makerspace-template .hpl-project-top-section .right ul li:before {
    content: "\4e";
    font-family: 'ElegantIcons';
    font-size: 15px;
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
    background-color: #D3C0A5;
    color: var(--brick);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (min-width: 1100px) {

    .hpl-makerspace-template .hpl-project-top-section {
        display: flex;
        align-items: flex-start;
    }

    .hpl-makerspace-template .hpl-project-top-section .left {
        width: 70%;
        flex-shrink: 1;
        margin-bottom: 0;
        margin-right: 60px;
    }

    .hpl-makerspace-template .hpl-project-top-section .right {
        width: 30%;
        flex-shrink: 1;
    }

    .hpl-makerspace-template .hpl-project-top-section .right h3 {
        font-size: 24px;
    }

    .hpl-makerspace-template .steps .step .step-images {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        gap: 60px;
    }
}

@media screen and (min-width: 1185px) {
    .hpl-makerspace-template .hpl-project-top-section .right h3 {
        font-size: 30px;
    }
}

.hpl-makerspace-template .steps {
    margin: 0 40px;
}

.hpl-makerspace-template .steps .step {
    background-color: var(--sand);
    margin-bottom: 60px;
    border-radius: 50px 0px 50px 0px;
    padding: 40px;
}


.hpl-makerspace-template .steps .step .step-info .step-description {
    margin-top: 30px;
    margin-bottom: 30px;
}

.hpl-makerspace-template .steps .step .step-info .step-title {
    position: relative;
    font-family: Mulish, sans-serif;
    font-weight: 400;
    color: var(--charcoal);
    font-size: 30px;
    line-height: 1.3333333333em;
    letter-spacing: -.025em;
    margin-bottom: 5px;
}

.hpl-makerspace-template .steps .step .step-info .step-title:before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: var(--light-charcoal);
    position: absolute;
    bottom: -10px;
    left: 0
}

.hpl-makerspace-template .steps .step .step-image img {
    width: 1100px;
    border-radius: 50px 0px 50px 0px;
    margin-bottom: 30px;
}


/* HPL EVENTS SLIDER STYLES */
/*--------------------------------------------------------------*/
/* Make the slider container full-width and extend beyond page margins */
.hpl-fancy-events-slider .qodef-swiper-container {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    position: relative;
}

/* Add padding to show partial slides on edges */
.hpl-fancy-events-slider .qodef-swiper-container .swiper-wrapper {
    padding: 0 25%;
}

/* Alternative: Use CSS variables for dynamic content width */
.hpl-fancy-events-slider .qodef-swiper-container {
    --content-width: 1200px;
    /* Match your site's container width */
}

/* Responsive adjustments */
@media (min-width: 681px) {
    .hpl-fancy-events-slider .qodef-swiper-container .swiper-wrapper {
        padding: 0 18%;
    }
}

@media (min-width: 880px) {
    .hpl-fancy-events-slider .qodef-swiper-container .swiper-wrapper {
        padding: 0 10%;
    }
}

.hpl-featured-recurring-programs-section .first-column-link a.qodef-m.qodef-button,
.hpl-featured-recurring-programs-section .third-column-link a.qodef-m.qodef-button {
    color: var(--charcoal);
}

.hpl-featured-recurring-programs-section .first-column-link a.qodef-m.qodef-button:hover,
.hpl-featured-recurring-programs-section .third-column-link a.qodef-m.qodef-button:hover {
    color: var(--terracotta);
}

.hpl-featured-recurring-programs-section .second-column-link a.qodef-m.qodef-button {
    background-color: var(--dusty-blue);
}

.hpl-featured-recurring-programs-section .second-column-link a.qodef-m.qodef-button:hover {
    color: var(--white);
}

div[data-element_type=container].qodef-elementor-content-grid {
    width: 100% !important;
    max-width: 1300px !important;
}


/* AMELIA FORM STYLES */
/*--------------------------------------------------------------*/
.amelia-v2-booking #amelia-container.am-fs__wrapper {
    margin-top: 0 !important;
    margin-bottom: 130px !important;
    max-width: 1300px !important;
    height: 800px !important;
}

.amelia-v2-booking #amelia-container.am-fs__wrapper .am-fs__main-content {
    height: 675px !important;
}


.amelia-v2-booking #amelia-container.am-fs__wrapper .am-fs-sb {
    width: 100% !important;
    max-width: 33% !important;
}

.amelia-v2-booking #amelia-container.am-fs__wrapper .am-fs__main {
    width: 100% !important;
    max-width: 67% !important;
}

.amelia-v2-booking #amelia-container.am-fs__wrapper .am-fs__main.am-fs__main-mobile {
    max-width: 100% !important;
}

.amelia-v2-booking #amelia-container .am-fs__main-heading-inner-title {
    white-space: normal !important;
}

.amelia-v2-booking #amelia-container .am-advsc.fc-theme-standard td.am-advsc__dayGridMonth-cell .fc-daygrid-day-frame {
    border-color: var(--brick) !important;
}

.amelia-v2-booking #amelia-container .am-fs__bringing-message {
    color: var(--charcoal) !important;
}

.amelia-v2-booking #amelia-container.am-fs__wrapper .am-fs__main .am-fs__congrats-main {
    padding-top: 70px;
    background-image: url(/wp-content/uploads/2025/10/confirmation-party-popper-icon.png);
    background-size: 54px;
    background-position: center 0px;
    background-repeat: no-repeat;
}

.amelia-v2-booking #amelia-container.am-fs__wrapper .am-fs__main .am-fs__congrats-main img {
    display: none;
}

.am-confirmation__id,
.amelia-v2-booking .am-confirmation__id {
    display: none !important;
}

/* fix the checkboxes */
.amelia-v2-booking #amelia-container .am-checkbox-wrapper .el-checkbox__input.is-checked .el-checkbox__inner {
    background: var(--brick) !important;
}




/* FOOTER STYLES */
/*--------------------------------------------------------------*/

@media screen and (min-width: 768px) {
    #qodef-page-footer-top-area-inner.qodef-layout-columns--3-predefined>.qodef-grid>.qodef-grid-inner {
        grid-template-columns: auto 250px 275px;
        column-gap: 60px;
    }
}

@media screen and (max-width: 767px) {

    #qodef-page-footer-top-area-inner.qodef-layout-columns--3-predefined>.qodef-grid>.qodef-grid-inner .qodef-grid-item:nth-of-type(2),
    #qodef-page-footer-top-area-inner.qodef-layout-columns--3-predefined>.qodef-grid>.qodef-grid-inner .qodef-grid-item:nth-of-type(3) {
        padding: 0 20px;
    }
}

#qodef-page-footer-top-area-inner.qodef-layout-columns--3-predefined>.qodef-grid>.qodef-grid-inner #custom_html-3,
#qodef-page-footer-top-area-inner.qodef-layout-columns--3-predefined>.qodef-grid>.qodef-grid-inner #custom_html-5,
#qodef-page-footer-top-area-inner.qodef-layout-columns--3-predefined>.qodef-grid>.qodef-grid-inner #custom_html-6 {
    margin-bottom: 0;
}





#qodef-page-footer-top-area-inner .hpl-view-all-events-button {
    padding: 14px 10px;
    text-align: center;
}

.hpl-footer-icon-links a {
    position: relative;
    display: block;
    color: var(--charcoal);
    font-family: Mulish, sans-serif;
    font-size: 17px;
    line-height: 1.5;
    font-weight: 400;
    text-decoration: none;
    margin-bottom: 10px;
}

.hpl-footer-icon-links a:before {
    content: "";
    display: inline-block;
    margin-right: 9px;
    font-family: 'ElegantIcons';
    border: 1px solid var(--charcoal);
    border-radius: 50%;
    text-align: center;
    padding: 2px 4px 1px;
    font-size: 11px;
    transition: transform 0.3s ease;
}

.hpl-footer-icon-links a:nth-of-type(1):before {
    content: "\e090";
}

.hpl-footer-icon-links a:nth-of-type(2):before {
    content: "\e081";
}

.hpl-footer-icon-links a:nth-of-type(3):before {
    content: "\e093";
}

.hpl-footer-icon-links a:hover:before,
#qodef-side-area .widget_warren_core_social_share .hpl-side-area-social-share ul.qodef-shortcode-list li.qodef-facebook-share a:hover {
    animation: spin 1s linear infinite;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

/* LEAVE THESE STYLING AT THE END. WE'RE OVERRIDING THE THEME DEVELOPERS STUPIDITY */
/*--------------------------------------------------------------*/
#qodef-page-footer .widget a:not(.qodef-shortcode.qodef-button),
#qodef-side-area .widget a:not(.qodef-shortcode.qodef-button) {
    color: inherit;
}

.blue-button-section .qodef-button.qodef-layout--filled.qodef-html--link,
.blue-button-section .qodef-button.qodef-layout--filled.qodef-html--link:hover,
.blue-button-section .qodef-button.qodef-html--link.qodef-layout--filled,
.blue-button-section .qodef-button.qodef-html--link.qodef-layout--filled:hover {
    background-color: var(--dusty-blue) !important;
}