/*
Welcome to Custom CSS!
To learn how this works, see https://wp.me/PEmnE-Bt
*/
#actionbar {
    display: none;
}

/* hover color for buttons 42462055-hc DF*/
.comment-list .comment-awaiting-moderation, .comment-navigation .nav-next a:active, .comment-navigation .nav-next a::after, .comment-navigation .nav-next a:focus, .comment-navigation .nav-next a:hover, .comment-navigation .nav-previous a:active, .comment-navigation .nav-previous a::before, .comment-navigation .nav-previous a:focus, .comment-navigation .nav-previous a:hover, .entry-meta .first-category a:active, .entry-meta .first-category a:focus, .entry-meta .first-category a:hover, .entry-title a:active, .entry-title a:focus, .entry-title a:hover, .image-navigation .nav-next a:active, .image-navigation .nav-next a::after, .image-navigation .nav-next a:focus, .image-navigation .nav-next a:hover, .image-navigation .nav-previous a:active, .image-navigation .nav-previous a::before, .image-navigation .nav-previous a:focus, .image-navigation .nav-previous a:hover, .page-title a:active, .page-title a:focus, .page-title a:hover, .search-curtain-wrapper .search-curtain-close:hover, .site-primary-menu-responsive .primary-menu-responsive-close:hover, .toggle-menu-wrapper a:active, .toggle-menu-wrapper a:focus, .toggle-menu-wrapper a:hover, .widget_categories .category-toggle.toggle-on::after, .widget_categories .category-toggle:focus::after, .widget_nav_menu .custom-menu-toggle.toggle-on::after, .widget_nav_menu .custom-menu-toggle:focus::after, .widget_pages .page-toggle.toggle-on::after, .widget_pages .page-toggle:focus::after, a:active, a:focus, a:hover {
    color: gray;
}

/* Hide Header, Footer, and Page Title on Landing Page */
body.page-id-18583 .site-bar, 
body.page-id-18583 #masthead, 
body.page-id-18583 #site-navigation, 
body.page-id-18583 #colophon,
body.page-id-18583 .entry-header-wrapper {
    display: none !important;
}

/* Center ad label "advertisement" on home page and maybe everywhere, who knows */
.valle-adlabel { 
    text-align: center; 
}

/* Hide Tags box on Community Events submission form */
#tribe-community-events .tribe-section-taxonomy + .tribe-section-taxonomy,
#event_tag_control,
.tribe-community-events-tags,
.tribe-events-community-details.tags,
tr.tribe-community-events-tags {
    display: none !important;
}

/* Force Age Range AND the manual custom headings to be perfectly identical in events */
.single-tribe_events .tribe-block__additional-field h3,
h3.custom-tec-label {
    font-family: "Raleway", sans-serif !important;
    font-size: 1.5rem !important; 
    font-weight: 600 !important;
    margin-bottom: 0.25rem !important;
    line-height: 1.4 !important;
    color: #020202 !important;
}

/* Defeat Gutenberg's block gap to keep ONLY the Cost amount snug against the Cost label in events */
.single-tribe_events .tribe-block__event-price {
    margin-top: 0 !important;
    margin-block-start: 0 !important;
    padding-top: 0 !important;
}

/* Make Cost amount match Age Range formatting in events */
.single-tribe_events .tribe-block__event-price__cost {
    font-family: inherit !important;
    font-size: 1.1rem !important; 
    font-weight: 400 !important;
    color: #3d3d3d !important;
}

/* Pull Venue block snug against Venue heading */
.single-tribe_events .tribe-block__venue {
    margin-top: 0 !important;
}

/* 1. Main /events/ archive — drop the theme's fixed width on the content
   wrapper so the calendar gets the room TEC needs for its native vertical
   sidebar. The cap is a `width`, not a max-width, so override width directly. */
body.post-type-archive-tribe_events #content.site-content {
    display: block !important;
    float: none !important;
    width: auto !important;
    max-width: 1140px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}
body.post-type-archive-tribe_events #content.site-content .tribe-events-view {
    width: auto !important;
    max-width: 100% !important;
}

/* 2. Stop the stacked filter bar overlapping events on phones/narrow screens,
   where the calendar is still under TEC's breakpoint. (Unchanged.) */
@media screen and (max-width: 959px) {
    .tribe-filter-bar {
        position: relative !important;
        display: block !important;
        z-index: 50 !important;
    }
    .tribe-events-l-container {
        clear: both !important;
        padding-top: 1.5rem !important;
    }
}

/* 3. Stop the Horizontal Filter Bar from overlapping on Mobile & Tablet
   (unchanged — this is your working fix) */
@media screen and (max-width: 959px) {

    /* Force the filter dropdown into the document flow */
    .tribe-filter-bar {
        position: relative !important;
        display: block !important;
        z-index: 50 !important;
    }
    /* Force the calendar grid to clear the space below the filters */
    .tribe-events-l-container {
        clear: both !important;
        padding-top: 1.5rem !important;
    }
}

/* === Restore native TEC Community button colors on /submit-an-event/ === */
/* Custom page is a Gutenberg page, so .entry-content / wp-block context */
/* brings in a button-color rule from a bundled stylesheet that doesn't */
/* match on the native /events/community-base/add/ route. Scoped to the */
/* page id so nothing else on the site is affected.                     */

/* Primary action — Submit Event — uses the TEC Customizer tokens */
body.page-id-19903 #tribe-community-events input#post.tribe-button.submit {
    background-color: var(--tec-color-button-primary, #bf030e) !important;
    color: #fff !important;
    border-color: var(--tec-color-button-primary, #bf030e);
}
body.page-id-19903 #tribe-community-events input#post.tribe-button.submit:hover {
    background-color: var(--tec-color-button-primary-hover, rgba(191, 3, 14, .8)) !important;
}
body.page-id-19903 #tribe-community-events input#post.tribe-button.submit:active,
body.page-id-19903 #tribe-community-events input#post.tribe-button.submit:focus {
    background-color: var(--tec-color-button-primary-active, rgba(191, 3, 14, .9)) !important;
}

/* All secondary buttons — TEC's secondary token, falls back to the actual painted value */
body.page-id-19903 #tribe-community-events .tribe-button.tribe-button-secondary,
body.page-id-19903 #tribe-community-events button.tribe-configure-virtual-button,
body.page-id-19903 #tribe-community-events #tribe-add-recurrence,
body.page-id-19903 #tribe-community-events #tribe-add-exclusion,
body.page-id-19903 #tribe-community-events label.choose-file,
body.page-id-19903 #tribe-community-events a.tribe-add-post,
body.page-id-19903 #tribe-community-events .tribe-events-virtual-video-source-autodetect__button {
    background-color: var(--tec-color-button-secondary, #141827) !important;
    color: #fff !important;
    border-color: var(--tec-color-button-secondary, #141827);
}
body.page-id-19903 #tribe-community-events .tribe-button.tribe-button-secondary:hover,
body.page-id-19903 #tribe-community-events button.tribe-configure-virtual-button:hover,
body.page-id-19903 #tribe-community-events #tribe-add-recurrence:hover,
body.page-id-19903 #tribe-community-events #tribe-add-exclusion:hover,
body.page-id-19903 #tribe-community-events label.choose-file:hover,
body.page-id-19903 #tribe-community-events a.tribe-add-post:hover {
    background-color: rgba(20, 24, 39, .85) !important;
    color: #fff !important;
}

/* TEC Views v2 — remove the container's top/bottom padding on every calendar
   (shortcode + sidebar widget), all view types and breakpoints. Overshoots TEC's
   (0,3,0) breakpoint rule on specificity. Border + left/right padding preserved. */
.tribe-common.tribe-events.tribe-events-view .tribe-common-l-container.tribe-events-l-container {
    padding-top: 0;
    padding-bottom: 0;
}

/* 1) Wider home page + community calendar */
body.page-id-5 .container,
body.page-id-5892 .container {
    max-width: 1700px;
}

/* 2) Desktop-only layout pins */
@media (min-width: 992px) {

    /* 2a) Home: flex row so the story column absorbs freed width,
           calendar anchors right. */
    body.page-id-5 #content > .container > .row {
        display: flex;
        align-items: flex-start;
    }
    body.page-id-5 #primary {
        flex: 1 1 0%;
        max-width: none;
        min-width: 0;
    }
    body.page-id-5 #site-sidebar {
        flex: 0 0 370px;
        max-width: 370px;
    }

    /* 2b) Community calendar: pin the Featured widget AND right-align it
           to match the home layout. ← ID must be the CALENDAR page's widget. */
    body.page-id-5892 .tribe-events-view[data-view-shortcode="a597bb79"] {
        max-width: 370px;
        margin-left: auto;   /* push to the right edge of its column, like home */
        margin-right: 0;
    }
}

/* 3) Hide TEC's native header (title, breadcrumbs) and bottom pagination 
   on the Featured widget. This prevents AJAX redraws from breaking the layout.
   ← ID must be the CALENDAR page's widget. */
.tribe-events-view[data-view-shortcode="a597bb79"] .tribe-events-header,
.tribe-events-view[data-view-shortcode="a597bb79"] .tribe-events-calendar-list-nav {
    display: none !important;
}
/* 4) Auto-collapse Featured Events when there are no featured events.
   Emptiness test = absence of a real event article (WordPress post_class, so it
   survives TEC version bumps and view-type changes). Guard = aria-busy, TEC's
   actual AJAX flag, so nothing collapses mid-navigation. */

/* 4a) Collapse the block itself — matches BOTH instances
       (desktop sidebar widget and mobile inline shortcode). */
body.page-id-5892 .wp-block-group:has(> .wp-block-group__inner-container > .tribe-events-view[data-view-shortcode="a597bb79"]):not(:has(article.type-tribe_events)):not(:has(.tribe-events-view[aria-busy="true"])) {
    display: none;
}

/* 4b) Collapse the now-empty sidebar column and reflow the page to full width.
       Scoped via "#secondary <descendant>" rather than a nested :has(), which is
       invalid CSS and would silently kill the whole rule. */
body.page-id-5892 .row:has(> #site-sidebar #secondary):not(:has(#secondary article.type-tribe_events)):not(:has(#secondary .tribe-events-view[aria-busy="true"])) > #site-sidebar {
    display: none;
}
@media (min-width: 992px) {
    body.page-id-5892 .row:has(> #site-sidebar #secondary):not(:has(#secondary article.type-tribe_events)):not(:has(#secondary .tribe-events-view[aria-busy="true"])) > #primary {
        width: 100%;
    }
}

/* Hide the "Today" nav item on the Featured widget (list view, mostly
   upcoming events — Today does nothing useful here). */
.tribe-events-view[data-view-shortcode="a597bb79"] .tribe-events-c-nav__list-item--today {
    display: none;
}
/* gets rid of mobile grey box over prev/next */
@media (max-width: 768px) {
  #tribe-events-footer .tribe-events-sub-nav li,
  #tribe-events-footer .tribe-events-sub-nav li a {
    background: none;
    border: 0;
    box-shadow: none;
  }
}

/* turns off filter bar and button on all mobile devices for The Events Calendar */
@media (max-width: 815px) {
  .tribe-filter-bar--vertical,
  .tribe-events-c-events-bar__filter-button-container {
    display: none !important;
  }
}

/* Valley Sentinel — Community Calendar FAQ */
.vs-calendar-faq {
    margin-top: 40px;
    padding-top: 20px;
    border-top: 2px solid #a90d0d;
}
.vs-calendar-faq h3 {
    text-align: center;
    color: #bf030e;
    margin-bottom: 24px;
}
.vs-calendar-faq h4 {
    margin: 20px 0 4px;
}
.vs-calendar-faq p {
    margin-top: 0;
}
/* Hide the "HOME" title AND its decorative accent bar. */
body.page-id-5 .entry-header-wrapper {
    display: none;
}
/* Home only: suppress Advanced Ads "after N paragraphs" injections that
   Newspack's article grid triggers by looking like article content. */
body.page-id-5 .valle-in-article {
    display: none;
}
/* Force the FA6 X logo on the two Twitter→X social links.
   font-family is the load-bearing line — without it the glyph
   renders in the theme's old icon font and shows as an empty box. */
#menu-item-24 a::before,
#menu-item-202 a::before {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400;
    content: "\e61b";
}