.page-id-13066 .ebec-list-cost {
	display: none!important;
}
.site-primary-footer-wrap[data-section="section-primary-footer-builder"] .ast-builder-grid-row {
    max-width: 1600px !important;
    padding: 0 10px;
}

.tribe-block__organizer__details {
    border-top: 0!important;
}

.site-primary-footer-wrap[data-section="section-primary-footer-builder"] .site-footer-section-1 {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
}

.special-accordion .kt-blocks-accordion-header::before {
    content: none !important;
}

a,
a:focus-visible,
a:visited,
a:active,
.menu-item,
.menu-item:focus-visible,
.menu-item:visited,
.menu-item:active,
.menu-item:focus {
    outline-style: none !important;
    outline-color: transparent !important;
    outline-width: 0 !important;
}

.kt-blocks-accordion-header::before {
    content: "See more" !important;
    color: #002445;
    font-size: 18px;
    font-family: 'Gilroy-Regular';
    display: flex;
    position: absolute;
    right: 60px;
}

.page-id-14288 .kt-blocks-accordion-header::before {
    content: none !important;
}

.page-id-14030 .price-sheet .kt-blocks-accordion-header::before {
    content: none !important;
}

.site-header .ast-builder-grid-row.ast-grid-center-col-layout {
    grid-template-columns: 0.2fr auto 1fr;
}

.ast-menu-toggle:focus,
.ast-menu-toggle:focus-visible {
    outline: none !important;
}

.main-header-menu .sub-menu {
    width: 338px;
}

hr {
    height: 0;
    background-color: unset;
}

#masthead {
    position: sticky;
    top: 0;
}

.page-id-14030 .wp-block-kadence-accordion,
.page-id-14030 .wp-block-kadence-spacer,
.page-id-13066 .wp-block-kadence-accordion,
.page-id-13066 .wp-block-kadence-spacer {
    margin-block-start: 0 !important;
}

.kt-blocks-accordion-title {
    font-family: 'Gilroy-Medium' !important;
}

.page-id-14288 strong {
    font-family: 'Gilroy-Medium' !important;
}

.ast-desktop .main-header-menu.ast-menu-shadow .sub-menu {
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.25);
}

.rl-file .wp-block-file,
.rl-file .wp-block-file a {
    width: 100%;
    height: 100%;
}

.ebec-date-area {
    padding: 6px 12px 6px 28px;
    border-radius: 50px;
    background: url(https://nacentralohio.org/wp-content/uploads/2026/02/time-icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-color: #EDEDEE;
    background-position-x: 10px;
}

.ebec-month-header.ebec-simple-event,
.ebec-month-header.ebec-featured-event {
    display: none;
}

#ebec-default-list-wrp {
    display: flex;
    flex-direction: row;
    align-items: center;
    max-width: 1354px;
    margin: 0 auto;
    /* Events start at the left with the same gap a full row of 4 would have, so 1, 2 or 3 events don't spread out */
    justify-content: flex-start;
    column-gap: max(16px, calc((100% - 4 * 319px) / 3));
}

.ebec-list-posts {
    margin: 0 !important;
    display: flex;
    flex-direction: column;
    width: 319px !important;
    height: 356px;
    border: none;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    -webkit-box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2);
}

.ebec-date-area .ebec-ev-month,
.ebec-date-area .ebec-ev-day,
.ebec-date-area .ebec-ev-yr {
    display: none;
}

.ebec-date-area {
    order: 3;
    position: absolute;
    bottom: 20px;
    left: 20px;
}

.ebec-event-details {
    width: 100%;
    padding: 0;
    padding-left: 20px;
}

.style-1 .ebec-event-date-tag {
    position: absolute;
    width: 82px;
    height: 82px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #FFB700;
    top: 0;
    left: 0;
}

.ebec-event-details {
    order: 2;
    border: none !important;
}

.ebec-icon {
    display: none;
}

.ev-mo {
    color: #002445 !important;
    font-family: 'Gilroy-Black';
    font-size: 16px !important;
    line-height: 1 !important;
}

.ebec-ev-day {
    color: #002445 !important;
    font-family: 'Gilroy-Black';
    font-size: 36px !important;
    line-height: 1 !important;
}

.ebec-right-wrapper {
    width: 100% !important;
    height: 191px;
    overflow: hidden;
    margin-bottom: 20px;
}

.ebec-list-wrapper>:not(.ebec-minimal-list-wrapper) .ebec-list-posts.style-1.ebec-simple-event .ebec-event-details {
    border-left: none;
}

.ebec-list-wrapper>:not(.ebec-minimal-list-wrapper) .ebec-list-posts.style-1 {
    border-left: none !important;
}

.page-id-13066 {
    background-image: url("https://nacentralohio.org/wp-content/uploads/2026/02/home-bg-scaled.png");
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
}

.page-id-14288 {
    background-image: url("https://nacentralohio.org/wp-content/uploads/2026/02/literature-bg-scaled.png");
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
}

.page-id-14030 {
    background-image: url("https://nacentralohio.org/wp-content/uploads/2026/02/ao-bg-scaled.png");
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
}

.single-tribe_events .tribe-events-before-html {
    display: none;
}

.events-bg-m {
    display: none;
}

.add-events-title {
    max-width: 1423px;
    margin: 0 auto !important;
}

.tribe-events-before-html h2 {
    font-size: 38px;
    position: absolute;
    top: 539px;
}

.events-top {
    height: 330px;
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.events-header {
    position: relative;
    z-index: 1;
    color: white;
    text-align: center;
    font-size: 60px;
    margin-top: -42px !important;
}

.events-top p {
    position: relative;
    z-index: 1;
    text-align: center;
    color: white;
    font-size: 28px;
    max-width: 600px;
    line-height: 36px;
}

.post-type-archive-tribe_events .ast-container {
    max-width: unset;
    padding: 0;
}

.events-bg {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    max-width: 100%;
    width: 100%;
    z-index: 0;
    bottom: 0;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event {
    flex-direction: column;
    justify-content: center;
}

.tribe-events-calendar-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(3, 1fr);
    gap: 16px;
}

.tribe-events .tribe-events-calendar-list__month-separator {
    align-items: center;
    display: flex;
    display: none;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-date-tag {
    position: absolute;
    z-index: 1;
    width: 86px;
    height: 86px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #FFB700;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__month-separator+.tribe-events-calendar-list__event-row {
    width: 337px;
    height: 373px;
    border-radius: 10px;
    overflow: hidden;
    margin: 0 auto;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-wrapper {
    flex: 1 1 calc(var(--tec-grid-width-1-of-9) * 8);
    width: 337px;
    height: 373px !important;
    padding: 0;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {
    max-width: unset;
    padding: 0;
    padding-top: 0px;
    padding-bottom: 120px;
}

tribe-events-calendar-list {
    align-items: start;
    justify-content: center;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-row {
    margin: 0;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event {
    flex-direction: column;
    justify-content: center;
    padding: 0;
    margin: 0;
    height: 373px;
    width: 337px;
    justify-content: start;
    border-radius: 10px;
    overflow: hidden;
    background: transparent;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-featured-image-wrapper {
    padding: 0 !important;
    width: 337px;
    height: 201px;
    overflow: hidden;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-details {
    padding: 0 !important;
    width: 337px;
    padding-left: 20px !important;
}

address.tribe-common--breakpoint-medium.tribe-common .tribe-common-b2 {
    display: none;
}

.tribe-events .tribe-events-calendar-list__event-title {
    color: var(--tec-color-text-event-title-list);
    font-size: 21px !important;
    font-family: 'Gilroy-Black';
    color: #002445 !important;
}

.tribe-events .tribe-events-calendar-list__event-date-tag-datetime {
    text-align: center;
    padding: 0 !important;
    justify-content: center;
    color: #002445;
}

.tribe-events .tribe-events-calendar-list__event-date-tag-weekday {
    font-size: 17px;
    color: #002445 !important;
    font-family: 'Gilroy-Black';
    line-height: 0.5;
    padding-top: 10px;
}

.tribe-common--breakpoint-medium.tribe-common .tribe-common-h4--min-medium {
    font-size: 38px;
    color: #002445 !important;
    font-family: 'Gilroy-Black';
}

.ast-primary-header-bar {
    border-bottom-width: 0 !important
}

.entry-title {
    margin-bottom: 0;
}

.event-time {
    text-wrap-mode: nowrap;
}

.event-date-blk {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 3px;
}

.tribe-events .tribe-events-calendar-list__event-datetime-featured-icon {
    display: none;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-datetime-featured-text {
    display: none;
}

.tribe-events-calendar-list__event-header address {
    display: none;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-row--featured .tribe-events-calendar-list__event-date-tag-datetime:after {
    content: none;
}

.tribe-events .tribe-events-calendar-list__event-header .tribe-events-calendar-list__event-datetime-wrapper {
		max-width: 291px;
    background: #EDEDEE;
    position: absolute;
    bottom: 20px;
    left: 20px;
    width: auto;
    padding: 5px 10px;
    border-radius: 20px;
    padding-left: 33px;
    padding-right: 14px;
    background-image: url(https://nacentralohio.org/wp-content/uploads/2026/02/clock.svg);
    background-repeat: no-repeat;
    background-size: auto;
    background-position-x: 11px;
    background-position-y: 9px;
}

.tribe-common .tribe-common-anchor-thin {
    color: #002445 !important;
}

.tribe-common .tribe-common-anchor-thin:hover {
    color: #002445 !important;
    text-decoration: none;
}

.tribe-events-view--list li {
    position: relative;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-header--has-event-search .tribe-events-header__top-bar {
    width: 100%;
    display: none;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-events-bar__search-container {
    background: transparent !important;
}

input#tribe-events-events-bar-keyword::placeholder {
    color: #003243;
    font-family: 'Gilroy-SemiBold';
    font-size: 22px;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-common-c-btn.tribe-events-c-search__button {
    background: #002445;
    border-radius: 30px;
    font-family: 'Gilroy-Black';
    font-size: 20px;
    padding: 7px 22px;
    margin-right: 80px;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__content {
    background: transparent;
}

.tribe-events .tribe-events-c-view-selector__list-item--active .tribe-events-c-view-selector__list-item-text {
    font-family: 'Gilroy-Black';
    font-size: 20px;
}

.tribe-events .tribe-events-c-view-selector__list-item-text {
    font-family: 'Gilroy-Black';
    font-size: 20px;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-header--has-event-search .tribe-events-c-events-bar {
    background-color: transparent;
    border-radius: 10px;
    border: 1px solid #D9D9D9;
    margin-top: 60px;
    margin-bottom: 144px !important;
}

a.tribe-events-c-nav__prev.tribe-common-b2.tribe-common-b1--min-medium,
a.tribe-events-c-nav__next.tribe-common-b2.tribe-common-b1--min-medium {
    color: #1071B9;
    font-family: 'Gilroy-SemiBold';
    font-size: 22px;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-nav__prev-icon-svg path,
.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-nav__next-icon-svg path {
    fill: #1071B9;
}

.tribe-events .tribe-events-c-search__input-control-icon-svg path {
    fill: #003243;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-row {
    background: transparent;
    border: 1px solid #BDBDC9;
    width: 337px;
    margin: 0 auto !important;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-search__input-control-icon-svg {
    top: 15px;
    width: 19px;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-header--has-event-search {
    max-width: 1423px;
    margin: 0 auto;
}

.tribe-common ul {
    max-width: 1423px;
    margin: 0 auto;
    row-gap: 60px;
}

.tribe-events .tribe-events-c-subscribe-dropdown__container {
    max-width: 1423px;
    margin: 0 auto;
}


.event-date {
    display: none !important;
}

.kb-google-maps-container13066_79dcf7-de {
    height: 100%;
}

.upcoming-events-cover-image img {
    object-position: top;
}

header .custom-logo-link img {
    position: absolute;
    top: 0;
}

.ast-header-button-1[data-section*="section-hb-button-"] .ast-builder-button-wrap .ast-custom-button {
    text-wrap-mode: nowrap;
}

#astra-footer-menu {
    flex-wrap: nowrap;
    flex-direction: row;
    text-wrap-mode: nowrap;
}

footer a {
    font-family: 'Gilroy-Bold';
}

.ast-container {
    max-width: 1650px;
}

.site-above-footer-wrap[data-section="section-above-footer-builder"] .ast-builder-grid-row {
    max-width: 1650px;
    width: 1600px;
}

.ast-footer-html-2 {
    width: auto !important;
}

.ast-footer-row-inline .footer-widget-area.widget-area.site-footer-focus-item {
    width: auto;
}

.site-above-footer-wrap[data-section="section-above-footer-builder"] .site-footer-section-1 {
    justify-content: start;
}

.site-above-footer-wrap[data-section="section-above-footer-builder"] .site-footer-section-2 {
    justify-content: end;
}

.site-above-footer-wrap[data-section="section-above-footer-builder"] .ast-builder-grid-row {
    padding-left: 0;
    padding-right: 0;
}

.site-above-footer-wrap[data-section="section-above-footer-builder"] {
    justify-content: center;
}

.site-footer-section-1 .site-footer-focus-item {
    width: 85px !important;
}

.footer-text-right {
    text-wrap-mode: nowrap;
}

.ast-builder-menu-1 .main-header-menu .sub-menu,
.ast-builder-menu-2 .main-header-menu .sub-menu {
    background-color: white;
    border-radius: 10px;
    padding: 10px 5px;
}

.ast-desktop .ast-builder-menu-1 .menu-item .sub-menu .menu-link,
.ast-desktop .ast-builder-menu-2 .menu-item .sub-menu .menu-link {
    color: black;
}

.site-footer-section>* {
    margin-bottom: 0;
}

.site-primary-header-wrap {
    max-width: 1650px !important;
    padding: 0 20px !important;
}

.single-tribe_events .tribe-events-single a {
    color: #1071B9;
    font-size: 22px;
}

.single-tribe_events .ast-article-single .se-right-image {
    -webkit-box-shadow: none;
    width: fit-content;
    background: transparent;
    border-radius: 10px;
    position: absolute;
    right: 2.5em;
	   max-width: 467px;
}

.single-tribe_events div.ast-article-single {
    padding: 2.5em 2.5em 2.5em 7em;
    width: 1300px;
    background-color: transparent !important;
    left: -6.5em;
    position: relative;
}

.single-tribe_events h2.wp-block-heading {
    color: black;
    font-size: 38px;
    line-height: 1;
    margin-bottom: 20px;
}

.single-tribe_events p.wp-block-paragraph {
    color: black;
    font-size: 22px;
    width: 613px;
    margin-bottom: 0 !important;
}

.single-tribe_events .se-venue {
    flex-direction: column;
    padding: 0;
    width: 580px;
    height: 580px;
    border: none;
    border-radius: 10px;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.25);
}

.single-tribe_events .se-venue .tribe-block__venue__meta {
    display: none;
}

.single-tribe_events .tribe-block__venue.tribe-block__venue--has-map .tribe-block__venue__map {
    width: 100%;
    height: 100%;
}

.single-tribe_events .tribe-block__venue.tribe-block__venue--has-map .tribe-block__venue__map iframe {
    width: 100%;
    height: 100%;
}

.se-datetime {
    display: none !important;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-description {
    display: none !important;
}

.single-tribe_events #tribe-events-content.tribe-blocks-editor .tribe-events-event-meta .tribe-events-single-section-title {
    color: #002445;
    font-family: 'Gilroy-Medium';
    font-size: 26px;
    font-weight: 700;
}

.single-tribe_events #tribe-events-content .tribe-events-event-meta .tribe-events-meta-item {
    font-size: 21px;
}

.se-separator {
    border-top: 1px dotted #BDBDC9 !important;
    width: 54% !important;
    margin-left: 0 !important;
}

.single-event-redesign .tribe-events-single-event-title {
    display: none !important;
}

.wp-block-kadence-googlemaps {
    height: 100%;
}

@media screen and (max-width: 1620px) {
    .area-office-btm-section figure {
        width: 100%;
    }

    .ast-builder-menu-1 .menu-item>.menu-link {
        font-size: 1.05rem;
    }

    .site-above-footer-wrap[data-section="section-above-footer-builder"] .ast-builder-grid-row {
        width: 100%;
    }

    .events-bg {
        max-width: unset !important;
        width: auto;
        height: 100% !important;
    }
}

.single-tribe_events .tribe-events-back {
    position: relative;
    left: -6.5em;
}

.main-header-menu .sub-menu .menu-link {
    padding: 5px 10px !important;
    display: block;
    word-wrap: break-word;
}

@media screen and (max-width: 1500px) {
    .ast-builder-menu-1 .menu-item>.menu-link {
        font-size: 0.9rem;
    }
}

@media screen and (max-width: 1450px) {
    .tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {
        width: 100%;
        max-width: unset;
    }

    .tribe-events-calendar-list {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(4, 1fr);
    }

    .tribe-common--breakpoint-medium.tribe-events .tribe-events-header--has-event-search {
        max-width: 92%;
    }

    .add-events-title {
        max-width: 92%;
    }
}

@media screen and (max-width: 1400px) {
    .ast-builder-menu-1 .menu-item>.menu-link {
        font-size: 0.8rem;
    }

    #astra-footer-menu {
        flex-wrap: wrap;
        flex-direction: column;
        text-wrap-mode: nowrap;
    }

    .footer-nav-wrap .astra-footer-horizontal-menu a {
        padding: 0;
    }

    #astra-footer-menu .menu-item>a {
        padding-right: 0;
    }
}

@media screen and (max-width: 1380px) {
    .top-image {
        height: 515px !important;
    }

    .single-tribe_events .tribe-events-back {
        position: relative;
        left: 0;
    }

    .single-tribe_events div.ast-article-single {
        width: 1000px;
        left: -2em;
    }

    .single-tribe_events p.wp-block-paragraph {
        width: 551px;
    }

    .single-tribe_events .ast-article-single .se-right-image {
        right: -4.5em;
        width: 370px;
    }

    .ebec-list-posts {
        width: 270px !important;
    }

    #ebec-default-list-wrp {
        column-gap: max(16px, calc((100% - 4 * 270px) / 3));
    }
}

@media screen and (max-width: 1300px) {
    .ast-builder-menu-1 .menu-item>.menu-link {
        font-size: 0.7rem;
    }
}

@media screen and (max-width: 1200px) {
    .ast-builder-menu-1 .menu-item>.menu-link {
        font-size: 0.6rem;
    }

    header .custom-logo-link img {
        position: absolute;
        width: 92px;
    }

    .ast-header-button-1[data-section*="section-hb-button-"] .ast-builder-button-wrap .ast-custom-button {
        font-size: 0.8rem;
    }

    .footer-text-right {
        text-wrap-mode: wrap;
    }

    .ebec-list-posts {
        width: 220px !important;
    }

    #ebec-default-list-wrp {
        column-gap: max(16px, calc((100% - 4 * 220px) / 3));
    }

    .ebec-events-title {
        font-size: 16px !important;
        padding-right: 20px;
    }
}

@media screen and (max-width: 1130px) {
    .tribe-events-calendar-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: unset;
        margin-bottom: 20px !important;
    }
}

@media screen and (max-width: 1100px) {
    .single-tribe_events .ast-article-single .se-right-image {
        right: 0;
        width: auto;
        position: relative;
        margin-bottom: 10px;
    }

    .single-tribe_events div.ast-article-single {
        width: 100%;
        left: 0;
    }

    .se-separator {
        border-top: 2px dotted #BDBDC9 !important;
        width: 54% !important;
        margin-left: 0 !important;
    }

    .single-tribe_events .se-separator {
        border-top: 2px dotted #BDBDC9 !important;
        width: 100% !important;
        margin-left: 0 !important;
    }
}

@media screen and (max-width: 1015px) {
    .ast-builder-menu .main-navigation>ul {
        max-width: 500px;
    }
}

@media screen and (min-width: 922px) {
    .main-header-menu .sub-menu {
        top: 104%;
        border-top: 0;
        padding: 15px 10px !important;
    }

    .sub-menu .menu-link {
        font-family: 'Gilroy-Regular' !important;
    }

    .ast-desktop .ast-builder-menu-1 .menu-item .sub-menu .level-2 .menu-link,
    .ast-desktop .ast-builder-menu-2 .menu-item .level-2 .sub-menu .menu-link {
        font-family: 'Gilroy-Bold' !important;
        padding-top: 0 !important;
        padding-bottom: 4px !important;
        padding-top: 4px !important;
    }
}

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

    .ast-desktop .ast-builder-menu-1 .menu-item .sub-menu .level-3 .menu-link,
    .ast-desktop .ast-builder-menu-2 .menu-item .level-3 .sub-menu .menu-link {
        font-family: 'Gilroy-Regular';
        padding-top: 0 !important;
        padding-bottom: 4px !important;
    }

    .ast-button-wrap .menu-toggle:focus {
        outline: none !important;
    }

    .ast-mobile-popup-drawer.active .menu-toggle-close:focus,
    [data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-minimal:focus {
        border-style: none !important;
        border-color: transparent !important;
        border-width: 0 !important;
    }

    .ast-hfb-header .ast-builder-menu-mobile .main-navigation .level-2 .menu-link {
        padding-bottom: 0 !important;
        line-height: 40px;
    }

    /* Level-3 items stay 40px tall (7 + 26 + 7), but a label that wraps to two lines now gets 26px leading instead of 40px, e.g. NA Literature and Merchandise Price Sheet */
    .ast-hfb-header .ast-builder-menu-mobile .main-navigation .menu-item .sub-menu .level-3 .menu-link {
        font-family: 'Gilroy-Regular';
        padding-top: 7px !important;
        padding-bottom: 7px !important;
        line-height: 26px;
    }

    .site-footer-section-1 .site-footer-focus-item {
        width: 100% !important;
    }

    .ast-builder-menu .main-navigation>ul {
        max-width: unset;
    }

    .ahfb-svg-iconset svg {
        width: 30px;
        height: 30px;
    }

    .ast-mobile-popup-drawer .ast-mobile-popup-header .menu-toggle-close {
        right: 0;
        position: relative;
        color: white !important;
    }

    .mobile-menu-button {
        transform: translateX(-50%);
        text-wrap-mode: nowrap;
    }

    .top-image {
        height: 489px !important;
    }

    .single-tribe_events div.ast-article-single {
        padding: 2.5em 0 2.5em 7em;
    }

    .single-tribe_events p.wp-block-paragraph {
        width: 90%;
        font-size: 16px;
    }

    .single-tribe_events .se-venue {
        width: 400px;
        height: 400px;
    }

    .ebec-list-posts {
        width: 276px !important;
        height: 321px !important;
    }

    .ebec-events-title {
        font-size: 17px !important;
        padding-right: 20px;
    }

    .style-1 .ebec-event-date-tag {
        position: absolute;
        width: 71px;
        height: 71px;
    }

    .ev-mo {
        font-size: 14px !important;
    }

    .ebec-ev-day {
        font-size: 31px !important;
    }

    .home-events-widget {
        overflow-x: scroll;
        padding: 4px !important;
        margin-top: 10px !important;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .home-events-widget::-webkit-scrollbar {
        display: none;
    }

    #ebec-default-list-wrp {
        /* Size the scrolling row to its cards so the next event peeks in from the right */
        width: max-content;
        max-width: none;
        margin: 0;
        column-gap: 16px;
        padding-right: 20px;
    }

    .ast-desktop .main-header-menu.ast-menu-shadow .sub-menu {
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

@media screen and (max-width: 807px) {
    .tribe-events .tribe-events-calendar-list__event-date-tag {
        position: absolute;
        z-index: 1;
        width: 86px;
        height: 86px;
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #FFB700;
    }

    .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-row--featured .tribe-events-calendar-list__event-date-tag-datetime:after {
        content: none;
    }

    .tribe-events .tribe-events-calendar-list__event {
        flex-direction: column;
        justify-content: start;
        padding: 0;
        margin: 0;
        height: 373px;
        width: 337px;
        background: transparent;
    }

    .tribe-events .tribe-events-calendar-list__event-row {
        padding: 0;
        margin: 0 !important;
        height: 373px !important;
        width: 337px !important;
        border-radius: 10px !important;
        overflow: hidden !important;
        background: transparent;
        border: 1px solid #BDBDC9;
    }

    .tribe-events-calendar-list__event-featured-image-wrapper {
        width: 100%;
        height: 206px;
        overflow: hidden;
        padding: 0 !important;
        margin: 0;
    }

    .tribe-events-calendar-list__event-date-tag-daynum {
        font-size: 38px !important;
        color: #002445 !important;
        font-family: 'Gilroy-Black' !important;
    }

    .tribe-events .tribe-events-calendar-list__event-row--featured .tribe-events-calendar-list__event-date-tag-datetime:after {
        content: none !important;
    }

    .tribe-events .tribe-events-l-container {
        padding: 0 !important;
    }

    .events-header {
        font-size: 50px;
    }

    .events-top p {
        padding: 0 20px !important;
    }

    .tribe-events .tribe-events-header {
        margin: 0 auto;
        margin-top: 35px;
        margin-bottom: 30px;
        max-width: 90%;
    }

    .tribe-events .tribe-events-calendar-list__event-header .tribe-events-calendar-list__event-datetime-wrapper {
        background-position-y: 6px;
    }

    .add-events-title {
        display: none;
    }

    .sub-menu {
        padding-left: 20px !important;
    }
}

.tribe-events .tribe-events-calendar-list-nav {
    border-top: none;
    max-width: 90%;
    margin: 0 auto;
}

@media screen and (max-width: 767px) {
    .tribe-events-calendar-list {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .tribe-events .tribe-events-calendar-list__event-row {
        margin: 0 auto !important;
    }

    .page-id-13066 {
        background-image: url("https://nacentralohio.org/wp-content/uploads/2026/02/home-bg1-m-scaled.png");
        background-size: contain;
        background-position-y: 146px;
    }

    .page-id-14288 {
        background-image: url("https://nacentralohio.org/wp-content/uploads/2026/02/literature-bg-m.png");
        background-size: contain;
    }

    .page-id-14030 {
        background-image: url("https://nacentralohio.org/wp-content/uploads/2026/02/ao-bg-m.png");
        background-size: contain;
    }

    .single-tribe_events div.ast-article-single {
        padding: 0;
    }

    .single-tribe_events .se-venue {
        width: 300px;
        height: 300px;
    }

    .single-tribe_events .tribe-events-single a {
        color: #1071B9 !important;
        font-size: 13px;
        background: transparent !important;
    }

    .custom-date-single-event,
    .se-date,
    .se-time,
    .custom-time-single-event,
    .custom-avenue-location {
        font-size: 16px !important;
    }

    .se-deails {
        font-size: 20px !important;
    }

    se-box2,
    se-box3 {
        padding: 0 !important;
        margin-top: 0 !important;
    }

    se-box1 {
        padding: 0 !important;
        margin-top: 10px !important;
    }

    .custom-time-single-event {
        margin-bottom: 20px !important;
    }

    .se-date-container {
        position: relative !important;
        width: 75px !important;
        height: 75px !important;
    }

    .se-custom-date-month {
        font-size: 16px !important;
    }

    .se-custom-date-day {
        font-size: 38px !important;
    }

    .ebec-list-wrapper>:not(.ebec-minimal-list-wrapper) .style-1 .ebec-event-datetimes {
        display: flex;
        margin: 0;
    }

    .ebec-list-wrapper>:not(.ebec-minimal-list-wrapper) .ebec-list-posts.style-1 {
        justify-content: flex-start;
    }

    .style-1 .ebec-right-wrapper {
        padding-left: 0;
    }

    .wp-block-kadence-googlemaps {
        height: 251px;
    }

    .single-tribe_events .se-venue {
        width: 300px;
        height: 300px;
        margin: 0 auto;
        margin-top: 20px;
    }

}

@media screen and (max-width: 567px) {
    .ast-menu-toggle {
        box-shadow: none !important;
    }

    .ast-mobile-popup-content .ast-builder-layout-element:not(.ast-builder-menu):not(.ast-header-divider-element) {
        padding: 0 !important;
    }

    .ast-mobile-popup-drawer .ast-mobile-popup-header {
        min-height: 86px !important;
    }

    .kt-blocks-accordion-header::before {
        right: 50px;
    }

    .ast-header-button-1[data-section*="section-hb-button-"] .ast-builder-button-wrap .ast-custom-button {
        font-size: 1.1rem;
        position: absolute;
        bottom: 15px;
        left: 50%;
        transform: translateX(-505%);
    }

    .ast-header-break-point .main-navigation ul .menu-item .menu-link .icon-arrow:first-of-type svg {
        display: none;
    }

    .tribe-common .tribe-common-l-container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    a.tribe-events-c-nav__prev.tribe-common-b2.tribe-common-b1--min-medium,
    a.tribe-events-c-nav__next.tribe-common-b2.tribe-common-b1--min-medium {
        font-size: 20px;
    }

    .tribe-events .tribe-events-header {
        max-width: 377px !important;
        margin: 35px auto 30px auto !important;
    }

    button.tribe-common-c-btn__clear.tribe-common-h3.tribe-common-h--alt.tribe-events-c-top-bar__datepicker-button {
        display: flex;
    }

    .tribe-events .tribe-events-calendar-list-nav {
        border-top: none !important;
    }

    .tribe-events .tribe-events-c-nav__prev:focus .tribe-events-c-nav__prev-icon-svg path,
    .tribe-events .tribe-events-c-nav__prev:hover .tribe-events-c-nav__prev-icon-svg path,
    .tribe-events .tribe-events-c-nav__prev:active .tribe-events-c-nav__prev-icon-svg path,
    .tribe-events .tribe-events-c-nav__prev:visited .tribe-events-c-nav__prev-icon-svg path,
    .tribe-events button.tribe-events-c-nav__prev:focus .tribe-events-c-nav__prev-icon-svg path,
    .tribe-events button.tribe-events-c-nav__prev:hover .tribe-events-c-nav__prev-icon-svg path,
    .tribe-events button.tribe-events-c-nav__prev:active .tribe-events-c-nav__prev-icon-svg path {
        fill: #1071B9 !important;
    }

    .tribe-events .tribe-events-c-nav__next-icon-svg path,
    .tribe-events .tribe-events-c-nav__prev-icon-svg path {
        fill: #1071B9 !important;
    }

    .post-type-archive-tribe_events .ast-container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .events-bg {
        display: none;
    }

    .events-bg-m {
        display: block;
        position: absolute;
        width: 100%;
    }

    .events-top p {
        line-height: 1.5;
        margin-top: 10px;
        max-width: 350px;
        font-size: 20px;
    }

    .tribe-common ul {
        row-gap: 40px;
    }

    .events-header {
        font-size: 50px;
        line-height: 1;
    }

    .style-1 .ebec-event-details {
        width: 100% !important;
    }

    #meditation-table-container table {
        margin: 0 auto;
    }

    .page-id-359 table strong {
        font-size: 9pt !important;
    }

    .page-id-359 table b {
        font-size: 8pt !important;
    }

    .wp-element-button {
        padding-top: 19px !important;
    }

    #post-13066>div>div.wp-block-group.has-custom-css.is-layout-constrained.wp-container-core-group-is-layout-0bd26652.wp-block-group-is-layout-constrained.wp-block-hidden-desktop.wp-block-hidden-tablet.wp-custom-css-886d2de6>div>div>div>div>div>div>a {
        padding-top: 10px !important;
    }

    .home-events-widget-container {
        border-radius: 0 !important;
    }

    .events-header {
        padding: 0 10px !important;
    }

    .tribe-events .tribe-events-header::before {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        background: #D9D9D9;
        position: absolute;
        top: -10px;
        left: 50%;
        transform: translateX(-50%);
    }

    .tribe-events .tribe-events-header::after {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        background: #D9D9D9;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 6px;
    }

    .tribe-common .tribe-common-c-svgicon {
        color: #002445 !important;
    }

    .tribe-events .tribe-events-c-events-bar__search-button-icon-svg path {
        fill: #002445 !important;
    }

    .tribe-events .tribe-events-calendar-list__event-datetime {
        font-size: 16px !important;
    }

    .tribe-events .tribe-events-calendar-list__event-header .tribe-events-calendar-list__event-datetime-wrapper {
        background-position-y: 8px;
    }

    .site-title {
        font-size: 15px !important;
        display: block;
        left: 101px;
        position: relative;
        max-width: 180px;
        font-family: 'Gilroy-Bold' !important;
        font-weight: 400 !important;
    }

    .site-title a {
        font-family: 'Gilroy-Bold' !important;
    }

    .ast-builder-menu-mobile .main-navigation .menu-item.menu-item-has-children>.ast-menu-toggle {
        top: 0;
        width: 100%;
        display: flex;
        justify-content: flex-end;
        background: transparent !important;
    }

    .footer-text-right {
        text-wrap-mode: wrap;
        max-width: 350px;
    }
}

@media (max-width: 543px) {
    .site-above-footer-wrap {
        max-width: 100%;
        visibility: hidden;
        opacity: 0;
        transition: opacity 0.3s;
        z-index: 9999;
        bottom: 0;
    }

    .ast-header-break-point .site-above-footer-wrap[data-section="section-above-footer-builder"] {
        max-width: 100%;
        display: flex;
        padding: 0;
        margin: 0;
        position: fixed;
    }

    .site-above-footer-wrap[data-section="section-above-footer-builder"] .ast-builder-grid-row {
        max-width: 100%;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 0;
    }

    .site-above-footer-wrap[data-section="section-above-footer-builder"].ast-footer-row-mobile-stack .site-footer-section {
        display: block;
        margin-bottom: 0;
    }

    footer {
        max-width: 100%;
    }

    .tribe-events-c-subscribe-dropdown__container {
        max-width: 90%;
    }
}

@media (max-width: 450px) {
	.page-id-243 table,
	.page-id-243 table a,
	.page-id-243 table span,
	.page-id-243 table strong {
		font-size: 12px!important;
	}
    h4,
    .entry-content :where(h4) {
        font-size: 25px;
    }

    .ast-builder-menu-mobile .main-navigation .sub-menu .menu-item>.menu-link {
        font-family: 'Gilroy-Regular' !important;
        line-height: 40px;
    }

    .ast-hfb-header .ast-builder-menu-mobile .main-navigation .menu-item .sub-menu .level-2 .menu-link {
        font-family: 'Gilroy-Bold' !important;
        padding-top: 0 !important;
        padding-bottom: 0px !important;
        line-height: 40px;
        padding-left: 0 !important;
        left: -3px;
        position: relative;
    }
}

@media screen and (max-width: 360px) {
    .tribe-events .tribe-events-calendar-list__event-row {
        width: 280px !important;
    }

    .tribe-events .tribe-events-calendar-list__event {
        width: 280px;
    }
}

/* Mobile menu: Astra prints an empty arrow placeholder (its SVG is already hidden above) inside every sub-menu link, which indents the first line by 5px. Hiding it keeps wrapped menu labels aligned, e.g. the NA Literature and Merchandise Price Sheet item. */
.ast-builder-menu-mobile .sub-menu .menu-item > .menu-link .ast-icon.icon-arrow {
    display: none !important;
}

/* Area Office heading on the homepage: the manual line break was removed from the heading text; this splits the two lines evenly instead and prevents a blank line from appearing */
.area-office-title {
    text-wrap: balance;
}

/* ===== FAQ section (homepage and meetings page) - Group block with class home-faq ===== */
.home-faq {
    background-color: rgba(93, 211, 255, 0.08);
    padding: 86px 20px 80px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    /* left/right margins are left to the theme so the full-width band works on every page layout */
}

.home-faq .home-faq__title {
    font-family: 'Gilroy-Bold';
    font-size: 38px;
    line-height: 1.25;
    color: #2a2a2a;
    text-align: center;
    max-width: 900px;
    margin: 0 auto 44px !important;
}

.home-faq .home-faq__accordion {
    max-width: 1240px !important;
    margin: 0 auto !important;
}

.home-faq .kt-accordion-wrap {
    background: #ffffff;
    border-radius: 10px;
    padding: 16px 33px 16px 25px;
}

.home-faq .kt-accordion-pane + .kt-accordion-pane {
    border-top: 1px solid #D9D9D9;
}

.home-faq .kt-accordion-header-wrap {
    margin: 0;
}

.home-faq .kt-blocks-accordion-header {
    font-size: 20px !important;
    line-height: 28px !important;
    font-weight: 400 !important;
    color: #2a2a2a !important;
    background: transparent !important;
    border: 0 !important;
    padding: 20px 0 !important;
    text-align: left;
}

/* Keep a gap between long questions and the chevron, which sits flush with the divider lines */
.home-faq .kt-blocks-accordion-title-wrap {
    padding-right: 40px !important;
}

/* The site adds a "See more" label to accordion headers; the FAQ uses the chevron instead */
.home-faq .kt-blocks-accordion-header::before {
    content: none !important;
}

/* Question weight. The site sets every accordion title to Gilroy-Medium with !important, so the font is set on the title span itself. Open and closed questions use the same weight. */
.home-faq .kt-blocks-accordion-title {
    font-family: 'Gilroy-Bold' !important;
    font-weight: 400;
}

.home-faq .kt-blocks-accordion-icon-trigger {
    width: 16px !important;
    min-width: 16px !important;
    height: 16px !important;
}

.home-faq .kt-accodion-icon-style-arrow .kt-blocks-accordion-icon-trigger::before,
.home-faq .kt-accodion-icon-style-arrow .kt-blocks-accordion-icon-trigger::after {
    width: 9px !important;
    height: 1.5px !important;
    top: 8px !important;
    background: #2a2a2a !important;
}

.home-faq .kt-accodion-icon-style-arrow .kt-blocks-accordion-icon-trigger::before {
    left: 1px !important;
    right: auto !important;
}

.home-faq .kt-accodion-icon-style-arrow .kt-blocks-accordion-icon-trigger::after {
    left: 7px !important;
    right: auto !important;
}

.home-faq .kt-accordion-panel-inner p {
    font-family: 'Gilroy-Regular';
    font-size: 20px;
    line-height: 32px;
    color: #2a2a2a;
    margin: 0 0 10px;
}

.home-faq .kt-accordion-panel-inner p:last-child {
    margin-bottom: 0;
}

.home-faq .kt-accordion-panel-inner a {
    color: #1071B9;
    text-decoration: underline;
}

@media screen and (max-width: 921px) {
    .home-faq {
        padding: 50px 16px 56px !important;
    }

    .home-faq .home-faq__title {
        font-size: 28px !important;
        margin-bottom: 24px !important;
    }

    .home-faq .kt-accordion-wrap {
        padding: 6px 16px;
    }

    .home-faq .kt-blocks-accordion-header {
        font-size: 17px !important;
        line-height: 24px !important;
        padding: 16px 0 !important;
    }

    .home-faq .kt-blocks-accordion-title-wrap {
        padding-right: 24px !important;
    }

    .home-faq .kt-accordion-panel-inner p {
        font-size: 16px;
        line-height: 26px;
    }
}


/* ===== Area Office page: hero pill buttons (Call us / Visit Us / Price Sheet). Buttons block with the class office-pills, used in both the desktop and mobile layouts of the page. Size rules carry no :hover/:focus/:active variants on purpose: the phone sizes below must win over them, otherwise a tapped pill jumps back to desktop size. ===== */
.office-pills .wp-block-button {
    margin: 0 !important;
}

/* Shape and type */
.office-pills .office-pill .wp-block-button__link {
    display: inline-flex !important;
    align-items: center;
    gap: 15px;
    padding: 10px 24px 10px 10px !important;
    border-radius: 90px !important;
    font-family: 'Gilroy-SemiBold' !important;
    font-weight: 400 !important;
    font-size: 20px !important;
    line-height: 26px !important;
    letter-spacing: 0;
    white-space: nowrap;
    transition: box-shadow 0.2s ease;
}

/* Colors, the same in every state so the theme's button hover styling does not change the pill */
.office-pills .office-pill .wp-block-button__link,
.office-pills .office-pill .wp-block-button__link:hover,
.office-pills .office-pill .wp-block-button__link:focus,
.office-pills .office-pill .wp-block-button__link:active {
    background-color: #ffffff !important;
    color: #002445 !important;
    border: 0 !important;
    text-decoration: none !important;
    text-transform: none !important;
}

.office-pills .office-pill .wp-block-button__link {
    box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.2);
}

.office-pills .office-pill .wp-block-button__link:hover,
.office-pills .office-pill .wp-block-button__link:focus-visible {
    box-shadow: 0 0 18px 2px rgba(0, 0, 0, 0.28);
}

/* Icon circle. Call us and Visit Us reuse the icon files already in the media library; the Price Sheet clipboard is inline because SVG uploads are turned off on this site. */
.office-pills .office-pill .wp-block-button__link::before {
    content: '';
    flex: none;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background-color: #002445;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

.office-pills .office-pill--call .wp-block-button__link::before {
    background-image: url("https://nacentralohio.org/wp-content/uploads/2026/02/Call.svg");
}

.office-pills .office-pill--visit .wp-block-button__link::before {
    background-image: url("https://nacentralohio.org/wp-content/uploads/2026/02/LOCATION.svg");
}

.office-pills .office-pill--price .wp-block-button__link::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38' fill='none'%3E%3Crect width='37.3626' height='37.3626' rx='10.989' fill='%23002445'%3E%3C/rect%3E%3Crect x='11.8' y='10.4' width='13.8' height='17.6' rx='2.4' stroke='white' stroke-width='1.31054'%3E%3C/rect%3E%3Crect x='15.6' y='8.6' width='6.2' height='3.6' rx='1.1' fill='%23002445' stroke='white' stroke-width='1.31054'%3E%3C/rect%3E%3Cpath d='M15.2 18.5H19.1' stroke='white' stroke-width='1.31054' stroke-linecap='round'%3E%3C/path%3E%3Cpath d='M15.2 22.3H22.2' stroke='white' stroke-width='1.31054' stroke-linecap='round'%3E%3C/path%3E%3C/svg%3E");
}

@media screen and (max-width: 1400px) {
    .office-pills {
        gap: 24px !important;
    }
}

/* Phone sizes from the design: 42px pills with 28px icons, kept on one row */
@media screen and (max-width: 600px) {
    .office-pills {
        gap: 10px !important;
    }

    .office-pills .office-pill .wp-block-button__link {
        gap: 8px;
        padding: 7px 12px 7px 7px !important;
        font-size: 13px !important;
        line-height: 17px !important;
    }

    .office-pills .office-pill .wp-block-button__link,
    .office-pills .office-pill .wp-block-button__link:hover,
    .office-pills .office-pill .wp-block-button__link:focus-visible {
        box-shadow: 0 0 9px rgba(0, 0, 0, 0.15);
    }

    .office-pills .office-pill .wp-block-button__link::before {
        width: 28px;
        height: 28px;
    }
}

@media screen and (max-width: 400px) {
    .office-pills {
        gap: 8px !important;
    }

    .office-pills .office-pill .wp-block-button__link {
        padding-right: 10px !important;
        font-size: 12.5px !important;
    }

    .office-pills .office-pill .wp-block-button__link::before {
        width: 26px;
        height: 26px;
    }
}

/* The mobile hero background is a fixed-height image (Group block with the class ao-hero-bg-mobile). The buttons made the hero taller, so the dark area is extended with the image's own bottom color to keep the map overlapping it like before. */
@media screen and (max-width: 782px) {
    .page-id-14030 .ao-hero-bg-mobile {
        height: 470px !important;
        background-color: #001b34;
    }
}

/* ===== Area Office page: price sheet band at the bottom (Group block with the classes home-faq and price-sheet-band). It shares the FAQ band styling above; these overrides follow the Area Office design. The panel id price-sheet is the target of the Resources menu link and the hero Price Sheet button. ===== */
.price-sheet-band .kt-blocks-accordion-header {
    color: #002445 !important;
    font-size: 22px !important;
    line-height: 30px !important;
}

.price-sheet-band .kt-blocks-accordion-title {
    font-family: 'Gilroy-SemiBold' !important;
}

.price-sheet-band .kt-accodion-icon-style-arrow .kt-blocks-accordion-icon-trigger::before,
.price-sheet-band .kt-accodion-icon-style-arrow .kt-blocks-accordion-icon-trigger::after {
    background: #002445 !important;
}

.price-sheet-band .kt-accordion-panel-inner p.price-sheet-band__naws {
    font-family: 'Gilroy-Medium';
    font-size: 19px;
    line-height: 28px;
    color: #000000;
    margin: 0 0 20px;
}

.price-sheet-band .kt-accordion-panel-inner iframe {
    display: block;
    width: 100%;
    max-width: 100%;
    border: 0;
}

/* Lands the band just under the sticky header when the id is reached without the page script */
#price-sheet {
    scroll-margin-top: 190px;
}

@media screen and (max-width: 921px) {
    .price-sheet-band .kt-blocks-accordion-header {
        font-size: 18px !important;
        line-height: 26px !important;
    }

    .price-sheet-band .kt-accordion-panel-inner p.price-sheet-band__naws {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 16px;
    }

    #price-sheet {
        scroll-margin-top: 130px;
    }
}


/* ===== Daily meditations page (/jft-spad-meditations/, page ID 11624). The Fetch Meditation plugin renders each reading with layout="block": a #meditation-container holding #meditation-date, -title, -page, -quote, -source, -paragraphs (p tags), -thought and -copyright. Both readings use the same ids, so everything is scoped through the card classes daily-reading--jft / daily-reading--spad. ===== */
/* Page head: today's date (written in by the page script from the reading's own date), title and intro, all centered. The theme leaves 60px above page content; this page uses less. */
.page-id-11624 .content-area {
    margin-top: 40px !important;
}

.daily-readings__date {
    font-family: 'Gilroy-SemiBold';
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #1071b9;
    text-align: center;
    margin: 0 0 12px;
}

.daily-readings__title {
    font-family: 'Gilroy-Bold';
    font-size: 38px;
    line-height: 1.2;
    color: #002445;
    text-align: center;
    margin: 0 0 12px !important;
}

.daily-readings__intro {
    font-family: 'Gilroy-Regular';
    font-size: 20px;
    line-height: 32px;
    color: #2a2a2a;
    text-align: center;
    max-width: 760px;
    margin: 0 auto 40px !important;
}

.daily-readings-band {
    background-color: rgba(93, 211, 255, 0.08);
    padding: 56px 20px 80px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Collapsed cards stretch to the same height (the taller of the two); once a reading is expanded the row stops stretching so the other card keeps its collapsed height */
.daily-readings > .wp-block-column {
    display: flex;
    flex-direction: column;
}

.daily-readings.has-expanded {
    align-items: flex-start !important; /* core sets align-items: normal !important on every Columns block */
}

.daily-reading {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    background: #ffffff;
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    padding: 36px 40px 32px;
}

/* Book name label in Satisfy (Google Fonts). The font file is loaded by the Custom HTML block at the top of the meditations page, so it only downloads there. */
.daily-reading .daily-reading__book {
    font-family: 'Satisfy', cursive;
    font-weight: 400;
    font-size: 28px;
    line-height: 1.2;
    letter-spacing: 0;
    text-transform: none;
    color: #1071b9;
    margin: 0 0 10px !important;
}

/* Reading order inside the card: title, then date and page on one line, then quote, source, body, thought, copyright */
.daily-reading #meditation-container {
    display: grid;
    grid-template-columns: max-content 1fr;
    align-content: start;
    column-gap: 0;
    margin: 0;
    font-family: 'Gilroy-Regular';
    font-size: 18px;
    line-height: 30px;
    color: #2a2a2a;
}

.daily-reading #meditation-container > * {
    grid-column: 1 / -1;
    text-align: left;
}

.daily-reading #meditation-title {
    order: 1;
    font-family: 'Gilroy-Bold';
    font-size: 30px;
    line-height: 36px;
    color: #002445;
    margin: 0 0 10px;
}

.daily-reading #meditation-date,
.daily-reading #meditation-page {
    font-family: 'Gilroy-Medium';
    font-size: 15px;
    line-height: 22px;
    color: #5f6b7a;
    margin: 0 0 24px;
}

.daily-reading #meditation-date {
    order: 2;
    grid-column: 1;
}

.daily-reading #meditation-page {
    order: 3;
    grid-column: 2;
}

.daily-reading #meditation-page::before {
    content: "\00B7";
    margin: 0 8px;
}

.daily-reading #meditation-quote {
    order: 4;
    font-family: 'Gilroy-SemiBold';
    font-style: normal;
    font-size: 20px;
    line-height: 30px;
    color: #002445;
    border-left: 3px solid #1071b9;
    padding-left: 20px;
    margin: 0 0 8px;
}

.daily-reading #meditation-source,
.daily-reading #meditation-quote-source {
    order: 5;
    font-family: 'Gilroy-Regular';
    font-style: normal;
    font-size: 15px;
    line-height: 22px;
    color: #5f6b7a;
    padding-left: 23px;
    margin: 0 0 28px;
}

.daily-reading #meditation-paragraphs {
    order: 6;
    margin: 0;
}

.daily-reading #meditation-paragraphs p {
    font-family: 'Gilroy-Regular';
    font-size: 18px;
    line-height: 30px;
    color: #2a2a2a;
    margin: 0 0 18px;
}

.daily-reading #meditation-thought {
    order: 7;
    background: #f2fbff;
    border-radius: 8px;
    padding: 20px 24px;
    font-family: 'Gilroy-SemiBold';
    font-style: normal;
    font-size: 18px;
    line-height: 28px;
    color: #002445;
    margin: 8px 0 24px;
}

.daily-reading #meditation-copyright {
    order: 8;
    font-family: 'Gilroy-Regular';
    font-style: normal;
    font-size: 12px;
    line-height: 18px;
    color: #7a8794;
    border-top: 1px solid #e3e8ee;
    padding-top: 14px;
    margin: 0;
}

/* Read more: the page script adds is-collapsible to each card and a toggle button; without the script the full reading shows */
/* Collapsed: the body row takes whatever height is left in the card (at least 150px) so the fade and the Read more link sit at the bottom of both cards, however long their titles and quotes are. contain: size keeps the hidden text from pushing the row open when the card is not being stretched (phones, or the other card expanded). */
.daily-reading.is-collapsible:not(.is-expanded) #meditation-container {
    flex: 1 1 auto;
    grid-template-rows: auto auto auto auto minmax(150px, 1fr);
    align-content: stretch;
}

.daily-reading.is-collapsible:not(.is-expanded) #meditation-paragraphs {
    position: relative;
    contain: size;
    min-height: 150px;
    overflow: hidden;
    margin: 0;
}

.daily-reading.is-collapsible:not(.is-expanded) #meditation-paragraphs::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 80px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff);
}

.daily-reading.is-collapsible:not(.is-expanded) #meditation-thought,
.daily-reading.is-collapsible:not(.is-expanded) #meditation-copyright {
    display: none;
}

.daily-reading .daily-reading__toggle,
.daily-reading .daily-reading__toggle:hover,
.daily-reading .daily-reading__toggle:focus {
    margin: auto 0 0 !important;
    padding: 18px 0 0 !important;
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #1071b9 !important;
    font-family: 'Gilroy-SemiBold' !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 24px !important;
    letter-spacing: 0;
    text-transform: none !important;
    cursor: pointer;
}

.daily-reading .daily-reading__toggle:hover,
.daily-reading .daily-reading__toggle:focus-visible {
    text-decoration: underline;
}

.daily-reading .daily-reading__toggle::after {
    content: "";
    width: 8px;
    height: 8px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: translateY(-3px) rotate(45deg);
    transition: transform 0.2s ease;
}

.daily-reading.is-expanded .daily-reading__toggle::after {
    transform: translateY(2px) rotate(-135deg);
}

/* The plugin's error box, if a reading cannot be fetched */
.daily-reading .meditation-error-container {
    grid-column: 1 / -1;
    font-family: 'Gilroy-Regular';
}

@media screen and (max-width: 921px) {
    .daily-readings__title {
        font-size: 30px;
    }

    .daily-readings__intro {
        font-size: 17px;
        line-height: 27px;
        margin-bottom: 28px !important;
    }

    .daily-readings-band {
        padding: 32px 16px 56px !important;
    }

    .daily-reading {
        padding: 24px 20px;
    }

    .daily-reading .daily-reading__book {
        font-size: 24px;
    }

    .daily-reading #meditation-title {
        font-size: 24px;
        line-height: 30px;
    }

    .daily-reading #meditation-date,
    .daily-reading #meditation-page {
        margin-bottom: 18px;
    }

    .daily-reading #meditation-quote {
        font-size: 18px;
        line-height: 27px;
        padding-left: 16px;
    }

    .daily-reading #meditation-source,
    .daily-reading #meditation-quote-source {
        padding-left: 19px;
        margin-bottom: 22px;
    }

    .daily-reading #meditation-paragraphs p {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 14px;
    }

    .daily-reading #meditation-thought {
        font-size: 16px;
        line-height: 25px;
        padding: 16px 18px;
    }

    .daily-reading.is-collapsible:not(.is-expanded) #meditation-container {
        grid-template-rows: auto auto auto auto minmax(130px, 1fr);
    }

    .daily-reading.is-collapsible:not(.is-expanded) #meditation-paragraphs {
        min-height: 130px;
    }
}


/* ===== Recovery Literature page (page ID 14288): page title sizes match the Daily Meditations page (38px desktop, 30px on phones). The title is one block for both layouts, so the phone size lives here; the intro and section copy have separate desktop and mobile blocks with their sizes set in the editor. ===== */
.literature__title {
    line-height: 1.2 !important;
}

@media screen and (max-width: 921px) {
    .literature__title {
        font-size: 30px !important;
    }
}


/* ===== Inner-page buttons: the dark blue pill buttons (core Button blocks) on inner pages are 40px tall with 16px text, down from the theme's 53px, by Katie's choice (2026-10-20). The homepage keeps its own hero button sizes, and the Area Office hero pills have their own rules above. A label that wraps to two lines grows to 60px. ===== */
body:not(.home):not(.page-id-13066) .entry-content .wp-block-button:not(.office-pill):not(.is-style-outline) .wp-block-button__link {
    font-size: 16px !important;
    line-height: 20px !important;
    min-height: 40px !important;
    padding: 10px 24px !important;
    display: inline-flex !important;
    align-items: center !important;
    letter-spacing: 0.02em;
}


/* ===== Meetings page: Crouton meeting finder restyle (page ID 8655, /meetings/). Crouton (BMLT plugin) builds the finder in the browser; these rules re-skin its output to match the site. Everything is scoped to #bmlt-tabs (the finder), .modal.bootstrap-bmlt (the meeting details pop-up) and the finder's own select2 dropdown lists. The Filters toggle on phones is added by the script in the page's Custom HTML block. The data still comes straight from the BMLT server. ===== */
#bmlt-tabs.bootstrap-bmlt {
    font-family: 'Gilroy-Regular', Helvetica, Arial, sans-serif;
    color: #2a2a2a;
    background: #ffffff;
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    overflow: hidden;
}

#bmlt-tabs #bmlt-tabs-table,
#bmlt-tabs #nav-days,
#bmlt-tabs #tabs-content,
#bmlt-tabs .bmlt-page,
#bmlt-tabs .tab-content,
#bmlt-tabs .tab-pane {
    background: #ffffff !important;
}

/* Filter bar: navy band with white pills for the Weekday / City / Map buttons and the dropdowns; the active view is the medium blue */
#bmlt-tabs #bmlt-header {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    background: #002445;
    border-bottom: 0;
    padding: 16px 20px !important;
}

#bmlt-tabs #bmlt-header .bmlt-button-container,
#bmlt-tabs #bmlt-header .bmlt-dropdown-container {
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Crouton's own CSS forces the select2 wrapper to 30px (shorter than the 38px pill inside it, so wrapped rows overlapped) and lets empty button wrappers take up gap space */
#bmlt-tabs #bmlt-header .bmlt-button-container {
    display: flex;
}

#bmlt-tabs #bmlt-header .bmlt-button-container:has(> .hide) {
    display: none !important;
}

#bmlt-tabs #bmlt-header .bmlt-dropdown-container {
    top: 0 !important;
}

#bmlt-tabs #bmlt-header span.select2.select2-container {
    display: block;
    width: auto !important;
    height: 38px;
}

/* Filters toggle (added by the script in the page's Custom HTML block; only shown on phones and tablets) */
#bmlt-tabs #bmlt-header .crouton-filters-toggle {
    display: none;
}

#bmlt-tabs #bmlt-header .btn {
    display: inline-flex;
    align-items: center;
    height: 38px;
    margin: 0 !important;
    padding: 0 18px !important;
    font-family: 'Gilroy-SemiBold', Helvetica, Arial, sans-serif;
    font-size: 14px !important;
    line-height: 1 !important;
    letter-spacing: 0.01em;
}

#bmlt-tabs #bmlt-header .btn,
#bmlt-tabs #bmlt-header .btn:focus,
#bmlt-tabs #bmlt-header .btn:active {
    border-radius: 999px !important;
    border: 1px solid #ffffff !important;
    background: #ffffff !important;
    color: #002445 !important;
    text-shadow: none;
    box-shadow: none !important;
    outline: none;
}

#bmlt-tabs #bmlt-header .btn:focus-visible {
    border-color: #1071b9 !important;
}

#bmlt-tabs #bmlt-header .btn:hover {
    background: #e6f3fb !important;
    border-color: #e6f3fb !important;
}

/* The active view (medium blue pill) */
#bmlt-tabs #bmlt-header .btn.buttonHighlight,
#bmlt-tabs #bmlt-header .btn.buttonHighlight:hover {
    background: #1071b9 !important;
    border-color: #1071b9 !important;
    color: #ffffff !important;
}

#bmlt-tabs #bmlt-header .select2-container .select2-selection--single {
    height: 38px;
    border: 1px solid #ffffff;
    border-radius: 999px;
    background: #ffffff;
    padding: 0 34px 0 16px;
    display: flex;
    align-items: center;
}

#bmlt-tabs #bmlt-header .select2-container .select2-selection--single .select2-selection__rendered {
    font-family: 'Gilroy-Medium', Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 36px;
    color: #002445;
    padding: 0;
}

#bmlt-tabs #bmlt-header .select2-container .select2-selection--single .select2-selection__arrow {
    height: 36px;
    right: 12px;
}

#bmlt-tabs #bmlt-header .select2-container .select2-selection--single .select2-selection__arrow b {
    border-color: #1071b9 transparent transparent transparent;
}

#bmlt-tabs #bmlt-header .select2-container--open .select2-selection--single {
    border-color: #1071b9;
}

/* Dropdown lists (select2 opens them at the end of the page, so they are matched by the finder's own ids) */
.select2-container--default .select2-dropdown:has([id^="select2-filter-dropdown-"]) {
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 36, 69, 0.12);
    font-family: 'Gilroy-Regular', Helvetica, Arial, sans-serif;
    margin-top: 4px;
}

.select2-container--default .select2-results__options[id^="select2-filter-dropdown-"] .select2-results__option {
    padding: 9px 14px;
    font-size: 14px;
    line-height: 20px;
    color: #2a2a2a;
}

.select2-container--default .select2-results__options[id^="select2-filter-dropdown-"] .select2-results__option--highlighted[aria-selected] {
    background: #1071b9;
    color: #ffffff;
}

.select2-container--default .select2-results__options[id^="select2-filter-dropdown-"] .select2-results__option[aria-selected="true"]:not(.select2-results__option--highlighted) {
    background: #f2fbff;
    color: #002445;
}

.select2-container--default .select2-dropdown:has([id^="select2-filter-dropdown-"]) .select2-search--dropdown .select2-search__field {
    border: 1px solid #d9d9d9;
    border-radius: 8px;
    padding: 6px 10px;
    font-family: 'Gilroy-Regular', Helvetica, Arial, sans-serif;
    font-size: 14px;
}

/* Day tabs: underline style on desktop, swipeable row on phones */
#bmlt-tabs #nav-days {
    padding: 0 20px !important;
    border-bottom: 1px solid #d9d9d9;
}

#bmlt-tabs #nav-days .nav-tabs {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    border: 0;
    margin: 0;
    padding: 0;
}

#bmlt-tabs #nav-days .nav-tabs::-webkit-scrollbar {
    display: none;
}

#bmlt-tabs #nav-days .nav-tabs > li {
    flex: 0 0 auto;
    display: block !important;
    float: none !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0;
    border: 0 !important;
    background: transparent !important;
}

#bmlt-tabs #nav-days .nav-tabs > li > a {
    display: block;
    width: auto !important;
    margin: 0;
    padding: 16px 18px 13px !important;
    border: 0 !important;
    border-bottom: 3px solid transparent !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #2a2a2a !important;
    font-family: 'Gilroy-Medium', Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 20px;
    white-space: nowrap;
}

#bmlt-tabs #nav-days .nav-tabs > li > a:hover {
    color: #002445 !important;
}

#bmlt-tabs #nav-days .nav-tabs > li.active > a,
#bmlt-tabs #nav-days .nav-tabs > li.active > a:hover,
#bmlt-tabs #nav-days .nav-tabs > li.active > a:focus {
    color: #002445 !important;
    font-family: 'Gilroy-Bold', Helvetica, Arial, sans-serif;
    border-bottom-color: #1071b9 !important;
}

/* Meeting rows */
#bmlt-tabs #tabs-content,
#bmlt-tabs .bmlt-page {
    padding: 0 !important;
}

#bmlt-tabs table {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
}

#bmlt-tabs tr.bmlt-data-row,
#bmlt-tabs tr.evenRow,
#bmlt-tabs tr.oddRow {
    background: #ffffff !important;
}

#bmlt-tabs tr.bmlt-data-row:hover {
    background: #fafcff !important;
}

#bmlt-tabs .bmlt-data-row > td {
    border: 0 !important;
    border-bottom: 1px solid #e3e8ee !important;
    padding: 20px 24px !important;
    vertical-align: top;
    font-size: 15px;
    line-height: 22px;
    color: #2a2a2a;
}

#bmlt-tabs .bmlt-data-row > td.bmlt-column1 {
    width: 26%;
}

#bmlt-tabs .bmlt-data-row > td.bmlt-column3 {
    width: 200px;
}

#bmlt-tabs .bmlt-column3,
#bmlt-tabs .bmlt-column3 div {
    text-align: left !important;
}

#bmlt-tabs .bmlt-meeting-day-favorite {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    width: 100% !important;
    margin-bottom: 4px;
}

#bmlt-tabs .bmlt-day {
    font-family: 'Gilroy-Medium', Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #002445;
    margin: 0;
}

#bmlt-tabs .favorite-icon {
    line-height: 1;
}

#bmlt-tabs .crouton-favorite {
    color: #1071b9;
}

#bmlt-tabs .bmlt-time-2 {
    font-family: 'Gilroy-Bold', Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 24px;
    color: #002445;
    margin-bottom: 10px;
}

#bmlt-tabs .bmlt-comments {
    font-family: 'Gilroy-Regular', Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #2a2a2a;
    margin-top: 8px;
}

#bmlt-tabs .bmlt-observer img.emoji {
    width: 22px !important;
    height: 22px !important;
    margin: 8px 0 0 !important;
}

/* Format codes chip (click it for the legend) */
#bmlt-tabs a.bmlt-formats.btn,
#bmlt-tabs a.bmlt-formats.btn:hover,
#bmlt-tabs a.bmlt-formats.btn:focus {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px !important;
    border-radius: 999px !important;
    border: 1px solid #d9d9d9 !important;
    background: #ffffff !important;
    color: #2a2a2a !important;
    font-family: 'Gilroy-Medium', Helvetica, Arial, sans-serif;
    font-size: 12px !important;
    line-height: 16px !important;
    letter-spacing: 0.04em;
    box-shadow: none !important;
}

#bmlt-tabs a.bmlt-formats.btn .glyphicon {
    color: #1071b9;
    font-size: 11px;
    top: 0;
}

/* Group name, location, address */
#bmlt-tabs .meeting-name a {
    font-family: 'Gilroy-Bold', Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 24px;
    color: #1071b9 !important;
    text-decoration: none;
    cursor: pointer;
}

#bmlt-tabs .meeting-name a:hover {
    text-decoration: underline;
}

#bmlt-tabs .meeting-name .glyphicon {
    font-size: 13px;
    margin-right: 6px;
    top: 0;
}

#bmlt-tabs .location-text {
    font-family: 'Gilroy-SemiBold', Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 22px;
    color: #2a2a2a;
    margin-top: 4px;
}

#bmlt-tabs .meeting-address,
#bmlt-tabs .location-information {
    font-family: 'Gilroy-Regular', Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 22px;
    color: #2a2a2a;
}

#bmlt-tabs .meeting-additional-info {
    font-family: 'Gilroy-Regular', Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #2a2a2a;
    margin-top: 4px;
}

/* Right column: virtual badge, meeting link, Map button */
#bmlt-tabs .bmlt-column3 > div {
    margin-bottom: 10px;
}

#bmlt-tabs .bmlt-column3 > div:last-child {
    margin-bottom: 0;
}

#bmlt-tabs .meetsVirtually {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 999px;
    background: #f2fbff;
    color: #002445;
    font-family: 'Gilroy-SemiBold', Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.02em;
}

#bmlt-tabs .meetsVirtually .glyphicon {
    color: #1071b9;
    margin-right: 2px;
    font-size: 11px;
    top: 1px;
}

#bmlt-tabs .bmlt-column3 a:not(.btn) {
    font-family: 'Gilroy-Medium', Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #1071b9;
    overflow-wrap: anywhere;
    word-break: break-word;
}

#bmlt-tabs .bmlt-column3 .glyphicon-globe {
    color: #002445;
    font-size: 12px;
    margin-right: 2px;
}

#bmlt-tabs .bmlt-column3 .btn,
#bmlt-tabs .bmlt-column3 .btn:focus {
    display: inline-flex;
    align-items: center;
    gap: 1px;
    height: 36px;
    padding: 0 16px !important;
    border-radius: 999px !important;
    border: 1px solid #002445 !important;
    background: #ffffff !important;
    color: #002445 !important;
    font-family: 'Gilroy-SemiBold', Helvetica, Arial, sans-serif;
    font-size: 13px !important;
    line-height: 1 !important;
    box-shadow: none !important;
    text-shadow: none;
}

#bmlt-tabs .bmlt-column3 .btn:hover {
    background: #002445 !important;
    color: #ffffff !important;
}

/* Map is the filled (navy) button; Share, which Crouton adds on devices that have a share sheet, keeps the outline style */
#bmlt-tabs .bmlt-column3 > div > .btn,
#bmlt-tabs .bmlt-column3 > div > .btn:focus {
    background: #002445 !important;
    border-color: #002445 !important;
    color: #ffffff !important;
}

#bmlt-tabs .bmlt-column3 > div > .btn:hover {
    background: #1071b9 !important;
    border-color: #1071b9 !important;
    color: #ffffff !important;
}

/* Share: capitalized label, and a slightly wider icon gap than Map because the share icon has no built-in side space. Icons in both buttons are centered on the text (Crouton nudges every icon down 2px). */
#bmlt-tabs .bmlt-column3 > .share-button.btn {
    gap: 4px;
    text-transform: capitalize;
}

#bmlt-tabs .bmlt-column3 .btn .glyphicon {
    top: 0;
}

/* City view: one collapsible group per city */
#bmlt-tabs .meeting-group {
    margin: 0 !important;
    border: 0 !important;
}

#bmlt-tabs .group-table-div {
    padding: 0 !important;
}

#bmlt-tabs .meeting-group .group-header {
    background: #f2fbff !important;
    color: #002445 !important;
    font-family: 'Gilroy-Bold', Helvetica, Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 20px !important;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    padding: 12px 24px !important;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    cursor: pointer;
}

#bmlt-tabs .meeting-group .group-header::before {
    color: #1071b9;
    font-size: 10px;
    margin-right: 10px;
    position: relative;
    top: -1px;
}

/* Meeting details pop-up */
.modal.bootstrap-bmlt .modal-content.meeting-modal {
    font-family: 'Gilroy-Regular', Helvetica, Arial, sans-serif;
    color: #2a2a2a;
    border: 0;
    border-radius: 10px;
    box-shadow: 0 20px 60px rgba(0, 36, 69, 0.25);
    padding: 20px 24px 24px;
}

.modal.bootstrap-bmlt .modal-title {
    display: block;
    font-family: 'Gilroy-SemiBold', Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #1071b9;
    margin-bottom: 10px;
}

.modal.bootstrap-bmlt .modal-close {
    font-family: 'Gilroy-Medium', Helvetica, Arial, sans-serif;
    font-size: 20px;
    color: #002445;
    cursor: pointer;
    padding: 6px 12px;
}

.modal.bootstrap-bmlt #meeting-details-table,
.modal.bootstrap-bmlt #meeting-details-table td,
.modal.bootstrap-bmlt #meeting-details-table th {
    border: 0 !important;
    background: transparent !important;
}

.modal.bootstrap-bmlt #meeting-details-title {
    font-family: 'Gilroy-Bold', Helvetica, Arial, sans-serif;
    font-size: 22px;
    line-height: 28px;
    color: #002445;
    padding: 0 0 16px !important;
    border-bottom: 1px solid #e3e8ee !important;
}

.modal.bootstrap-bmlt #meeting-details-table td {
    padding: 20px 0 0 !important;
    vertical-align: top;
    font-size: 15px;
    line-height: 22px;
}

.modal.bootstrap-bmlt #meeting-details-table td + td {
    padding-left: 24px !important;
}

.modal.bootstrap-bmlt #bmlt-handlebars-map {
    border-radius: 8px;
    overflow: hidden;
}

.modal.bootstrap-bmlt .meeting-modal h4 {
    font-family: 'Gilroy-Bold', Helvetica, Arial, sans-serif;
    font-size: 17px;
    line-height: 22px;
    color: #002445;
    margin: 0 0 8px;
}

.modal.bootstrap-bmlt .meeting-modal .location-text {
    font-family: 'Gilroy-SemiBold', Helvetica, Arial, sans-serif;
    color: #2a2a2a;
}

.modal.bootstrap-bmlt .meeting-modal .meeting-address {
    color: #2a2a2a;
}

.modal.bootstrap-bmlt .meeting-modal ul {
    padding-left: 18px;
    margin: 0;
}

.modal.bootstrap-bmlt .meeting-modal li {
    margin-bottom: 4px;
}

.modal.bootstrap-bmlt .meeting-modal a {
    color: #1071b9;
    overflow-wrap: anywhere;
}

.modal.bootstrap-bmlt .meeting-modal .btn,
.modal.bootstrap-bmlt .meeting-modal .btn:focus {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 36px;
    padding: 0 16px !important;
    margin-top: 10px;
    border-radius: 999px !important;
    border: 1px solid #002445 !important;
    background: #ffffff !important;
    color: #002445 !important;
    font-family: 'Gilroy-SemiBold', Helvetica, Arial, sans-serif;
    font-size: 13px !important;
    line-height: 1 !important;
    box-shadow: none !important;
    text-shadow: none;
}

.modal.bootstrap-bmlt .meeting-modal .btn:hover {
    background: #002445 !important;
    color: #ffffff !important;
}

.modal.bootstrap-bmlt .meeting-modal .btn.get-directions-modal {
    background: #002445 !important;
    color: #ffffff !important;
}

.modal.bootstrap-bmlt .meeting-modal .btn.get-directions-modal:hover {
    background: #1071b9 !important;
    border-color: #1071b9 !important;
}

.modal.bootstrap-bmlt .meeting-modal > div:not(.swipe-buttons) {
    margin-top: 10px;
}

.modal.bootstrap-bmlt .swipe-buttons span {
    color: #002445;
    font-family: 'Gilroy-Medium', Helvetica, Arial, sans-serif;
}

/* Format legend pop-over (only the finder's own pop-over, which holds the bmlt_a_format table; Crouton opens it inside the meeting's first cell) */
.popover:has(.bmlt_a_format) {
    font-family: 'Gilroy-Regular', Helvetica, Arial, sans-serif;
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0, 36, 69, 0.12);
}

.popover .bmlt_a_format td {
    padding: 6px 10px !important;
    font-size: 13px;
    line-height: 18px;
    color: #2a2a2a;
    border-color: #e3e8ee !important;
}

.popover .bmlt_a_format .formats_key {
    font-family: 'Gilroy-Bold', Helvetica, Arial, sans-serif;
    color: #002445;
}

.popover .bmlt_a_format .formats_name {
    font-family: 'Gilroy-SemiBold', Helvetica, Arial, sans-serif;
}

/* Phones and tablets: each meeting becomes a stacked card */
@media screen and (max-width: 782px) {
    /* Filter bar: one row of Weekday / City / Map / Filters; the dropdowns stay hidden until Filters is tapped, then form a two-column grid */
    #bmlt-tabs #bmlt-header {
        padding: 12px 16px 4px !important;
        gap: 0 8px;
    }

    #bmlt-tabs #bmlt-header .bmlt-button-container,
    #bmlt-tabs #bmlt-header .bmlt-dropdown-container {
        margin: 0 0 8px !important;
    }

    /* Line break between the view buttons and the dropdowns */
    #bmlt-tabs #bmlt-header::after {
        content: '';
        display: block;
        flex-basis: 100%;
        height: 0;
        order: 1;
    }

    #bmlt-tabs #bmlt-header .btn {
        height: 34px;
        padding: 0 11px !important;
        font-size: 13px !important;
    }

    #bmlt-tabs #bmlt-header .bmlt-dropdown-container {
        order: 2;
        flex: 0 0 calc(50% - 4px);
        max-width: calc(50% - 4px);
        display: none;
    }

    #bmlt-tabs #bmlt-header.filters-open .bmlt-dropdown-container:not(.hide) {
        display: block;
    }

    #bmlt-tabs #bmlt-header span.select2.select2-container {
        width: 100% !important;
        max-width: 100%;
        height: 34px;
    }

    #bmlt-tabs #bmlt-header .select2-container .select2-selection--single {
        height: 34px;
        padding: 0 30px 0 14px;
    }

    #bmlt-tabs #bmlt-header .select2-container .select2-selection--single .select2-selection__rendered {
        font-size: 13px;
        line-height: 32px;
    }

    #bmlt-tabs #bmlt-header .select2-container .select2-selection--single .select2-selection__arrow {
        height: 32px;
        right: 10px;
    }

    #bmlt-tabs #bmlt-header .bmlt-button-container.crouton-filters-toggle {
        display: flex;
        margin: 0 0 8px auto !important;
    }

    #bmlt-tabs #bmlt-header .crouton-filters-btn .glyphicon {
        font-size: 11px;
        margin-right: 7px;
        top: 0;
        color: #1071b9;
    }

    #bmlt-tabs #bmlt-header .crouton-filters-btn.has-filters {
        border-color: #1071b9 !important;
    }

    #bmlt-tabs #bmlt-header.filters-open .crouton-filters-btn,
    #bmlt-tabs #bmlt-header.filters-open .crouton-filters-btn:hover,
    #bmlt-tabs #bmlt-header.filters-open .crouton-filters-btn:focus {
        background: #1071b9 !important;
        border-color: #1071b9 !important;
        color: #ffffff !important;
    }

    #bmlt-tabs #bmlt-header.filters-open .crouton-filters-btn .glyphicon {
        color: #ffffff;
    }

    #bmlt-tabs #nav-days {
        padding: 0 8px !important;
    }

    #bmlt-tabs #nav-days .nav-tabs > li > a {
        padding: 14px 12px 11px !important;
        font-size: 14px;
    }

    /* Each meeting becomes a card: day and heart, time, name and address, then the format codes and wheelchair icon on one line with Map in the bottom-right corner. The three table cells are flattened (display: contents) so their contents can be reordered. */
    #bmlt-tabs .bmlt-table,
    #bmlt-tabs .bmlt-table > tbody {
        display: block !important;
        width: 100% !important;
    }

    #bmlt-tabs .bmlt-table > tbody > tr.bmlt-data-row {
        display: flex !important;
        flex-wrap: wrap;
        align-items: center;
        width: 100% !important;
        box-sizing: border-box;
        padding: 18px 16px !important;
        border-bottom: 1px solid #e3e8ee !important;
    }

    #bmlt-tabs .bmlt-data-row > td {
        display: contents !important;
    }

    #bmlt-tabs .bmlt-data-row .bmlt-meeting-day-favorite {
        order: 1;
        margin-bottom: 4px;
    }

    #bmlt-tabs .bmlt-data-row .bmlt-time-2 {
        order: 2;
        flex: 0 0 100%;
        font-size: 17px;
        margin-bottom: 8px;
    }

    #bmlt-tabs .bmlt-data-row .meeting-data-template {
        order: 3;
        flex: 0 0 100%;
    }

    #bmlt-tabs .bmlt-data-row .bmlt-comments {
        order: 4;
        flex: 0 0 100%;
        margin: 4px 0 0;
    }

    #bmlt-tabs .bmlt-data-row .bmlt-comments:empty {
        display: none;
    }

    #bmlt-tabs .bmlt-data-row .bmlt-column3 > .meetsVirtually {
        order: 5;
        margin: 10px 0 0;
    }

    #bmlt-tabs .bmlt-data-row .bmlt-column3 > div:has(> a:not(.btn)) {
        order: 6;
        flex: 0 0 100%;
        margin: 8px 0 0;
    }

    #bmlt-tabs .bmlt-data-row a.bmlt-formats {
        order: 7;
        margin: 14px 0 0;
    }

    #bmlt-tabs .bmlt-data-row .bmlt-observer {
        order: 8;
        margin: 14px 0 0 8px;
        line-height: 0;
    }

    #bmlt-tabs .bmlt-data-row .bmlt-observer:empty {
        display: none;
    }

    #bmlt-tabs .bmlt-data-row .bmlt-observer img.emoji {
        margin: 0 !important;
    }

    #bmlt-tabs .bmlt-data-row .bmlt-column3 > div:has(> a.btn) {
        order: 11;
        margin: 14px 0 0 auto;
    }

    #bmlt-tabs .bmlt-data-row .bmlt-column3 > div {
        margin-bottom: 0;
    }

    /* Share: Crouton adds it straight into the third cell on devices that have a share sheet. It sits just left of Map, and when it is there the two buttons get their own row (the row's ::after is the line break) so they always stay together in the bottom-right corner. Anything else Crouton adds to a cell lands at the bottom of the card rather than the top. */
    #bmlt-tabs .bmlt-data-row > td > * {
        order: 10;
    }

    #bmlt-tabs .bmlt-data-row .bmlt-column3 > .share-button {
        order: 10;
        margin: 14px 0 0 8px;
    }

    #bmlt-tabs .bmlt-data-row .bmlt-column3 > .share-button:first-of-type {
        margin-left: auto;
    }

    #bmlt-tabs .bmlt-data-row .bmlt-column3:has(> .share-button) > div:has(> a.btn) {
        margin-left: 8px;
    }

    #bmlt-tabs .bmlt-table > tbody > tr.bmlt-data-row:has(> td > .share-button)::after {
        content: '';
        order: 9;
        flex: 0 0 100%;
        height: 0;
    }

    /* Format legend: opens inside the card, under the codes, instead of as a narrow pop-over squeezed against the right edge */
    #bmlt-tabs .bmlt-data-row .popover {
        position: static !important;
        order: 12;
        flex: 0 0 100%;
        width: 100%;
        max-width: none;
        margin: 12px 0 0;
        box-shadow: none;
    }

    #bmlt-tabs .bmlt-data-row .popover > .arrow {
        display: none;
    }

    #bmlt-tabs .popover .bmlt_a_format {
        width: 100%;
    }

    #bmlt-tabs .popover .bmlt_a_format td:not(.formats_description) {
        display: table-cell !important;
        float: none !important;
        width: auto !important;
    }

    #bmlt-tabs .meeting-name a {
        font-size: 17px;
    }

    #bmlt-tabs .meeting-group .group-header {
        padding: 12px 16px !important;
    }
}

/* ===== Meetings page (page ID 8655): headline and intro copy sizes, matching the Daily Meditations and Recovery Literature pages (38px / 30px title, 20/32 and 17/27 intro). The classes meetings__title and meetings__intro are set on the heading and the two intro paragraphs. The headline is the page's H1; the theme's H1 font is Gilroy Heavy, so the font is kept at Gilroy SemiBold, as it was when the heading was an H4. ===== */
.page-id-8655 .entry-content .wp-block-heading.meetings__title {
    font-family: 'Gilroy-SemiBold', Helvetica, Arial, sans-serif;
    font-size: 38px !important;
    line-height: 1.2 !important;
}

.page-id-8655 .entry-content p.meetings__intro {
    font-size: 20px !important;
    line-height: 32px !important;
}

@media screen and (max-width: 921px) {
    .page-id-8655 .entry-content .wp-block-heading.meetings__title {
        font-size: 30px !important;
    }

    .page-id-8655 .entry-content p.meetings__intro {
        font-size: 17px !important;
        line-height: 27px !important;
    }
}