/* ========================= */
/* BASIC GLOBAL TWEAKS       */
/* ========================= */

/* MAKE LOGO COVER BOTH MENUS */

.ast-logo-title-inline .site-logo-img {
    top: -25px;
    position: absolute;
}

/* Hide page titles visually but keep them in markup */
.page .entry-title {
    display: none !important;
}

/* === EVENT TITLES 1 === */
.frm-detail-link {
	color: #034574 !important;
	   text-decoration: none !important;
    margin: 0.5rem 0 0.25rem;
	  line-height: 1.0em !important;
	margin-bottom: 1.15rem !important;
}

/* === EVENT TITLES 2 === */
h4 {
		  line-height: 0.9em !important;
	    margin: 0.5rem 0 0.15rem !important;
		margin-bottom: 0.6rem !important;
}

.event-title-center {
    width: 100%;
    text-align: center !important;
    justify-content: center;
}

/* EMAIL AND WEBSITE BUTTONS */

.ast-email-button {
    display: inline-block;
    padding: 3px 3px;
    border-radius: 0px;
    border: 1px solid #034573;
    color: #034573;
    text-decoration: none;
    font-size: 0.6rem;
    font-weight: 300;
    letter-spacing: 0.03em;
    text-transform: uppercase
		text-decoration: none;
    background: #ebf0fa;
    transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.ast-email-button:hover {
    background: #034573;
    color: #ffffff;
    box-shadow: 0 1px 2px rgba(0,0,0,0.18);
}

/* SUBTLE WHITE BACKGROUND FOR DETAILS PAGES */
/* Replace the Formidable white background with a pattern image */
.frm12 {
    background-image: url('https://arksouth.org/wp-content/uploads/2025/11/2025_11_28_0nz_Kleki.png') !important;
    background-size: cover; /* or "auto" if it’s a repeating pattern */
    background-repeat: repeat; /* repeat for small textures */
    background-position: top left;
    background-color: transparent !important; /* override inline white */
    border-radius: 12px !important; /* preserve card shape */
    padding: 20px !important;
    overflow: visible;
}


/* === MAP FOR OUTDOORS === */
.responsive-map iframe {
    width: 100% !important;
    height: 500px;
    border: 0;
}

/* ADDING SEARCH TO SMART SLIDER 3 */
/* Make the wrapper a positioning context */
.hero-hero-wrap {
    position: relative;
}

/* Position the Formidable search over the slider */
.hero-search {
    position: absolute;
    top: 40px;      /* distance from top of hero */
    right: 40px;    /* distance from right edge */
    z-index: 50;    /* make sure it sits above the slider */
    width: min(600px, 90vw); /* responsive max width */
}

/* Optional: tighten up the search form itself */
.hero-search .frm_form_fields,
.hero-search form.frm-search {
    margin: 0;
}

/* SEARCH FOR MOBILE */
@media (max-width: 768px) {
    .hero-search {
        left: 50%;
        right: auto;
        top: 20px;
        transform: translateX(-50%);
        width: 90vw;
    }
}

/* FIX FIXED SECTIONS ON MOBILE */

/* Preserve fixed background on desktop, fix mobile behavior */
.outdoors-fixed {
    background-attachment: fixed;
    background-size: cover;
    background-position: center center;
}

/* On mobile, allow proper rendering — no weird cropping */
@media (max-width: 768px) {
    .outdoors-fixed {
        background-attachment: scroll !important;
        background-position: center top !important;
    }
}

/* === LIGHT SHADING FOR BOX ON MEGA MENU === */

.mm-section :hover {
background-color: #05339610 !Important;
border-radius: 8px !Important;
}









/* === FIX MEGA MENU ON MOBILE === */
/* 1 */

@media (max-width: 768px) {

  /* 1. Two-column layout: [icon] [title+text] */
  .mm-section.uagb-infobox__content-wrap {
    display: grid !important;
    grid-template-columns: auto 1fr !important;
    column-gap: 6px !important;
    align-items: flex-start !important; /* top-align icon and text block */
    width: 100% !important;
    text-align: left !important;
    padding: 4px 0 !important;
  }

  /* 2. Icon: nudge slightly down to line up with title */
  .mm-section .uagb-ifb-image-content {
    margin: 2px 0 0 0 !important;   /* adjust this 2px up/down to taste */
    justify-self: flex-start;
  }

  /* 3. Title + description container on the right */
  .mm-section .uagb-ifb-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
  }

  /* 4. Tighten spacing between title and text */
  .mm-section .uagb-ifb-title-wrap,
  .mm-section .uagb-ifb-title {
    margin: 0 0 2px 0 !important;  /* small space under title */
    padding: 0 !important;
  }

  .mm-section .uagb-ifb-desc {
    margin: 0 !important;          /* no extra space above text */
    padding: 0 !important;
  }
}

/* 2 */
@media (max-width: 768px) {

  /* Completely remove all spacing between title and description */
  .mm-section .uagb-ifb-title-wrap,
  .mm-section .uagb-ifb-title,
  .mm-section .uagb-ifb-desc {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important; /* prevents weird vertical gaps */
  }

  /* Add back a tiny, controlled gap under the title */
  .mm-section .uagb-ifb-title-wrap {
    margin-bottom: 1px !important; /* change 1px → 0 to remove, 1–3px for preference */
  }
}

/* === CENTER THINGS TO DO MEGA MENU ITEM === */

/* Gently shift the Things To Do mega menu to the left */
#menu-item-3321 > .sub-menu {
  transform: translateX(-10%);
}

#menu-item-3114 > .sub-menu {
  transform: translateX(-14%);
}

#menu-item-3328 > .sub-menu {
  transform: translateX(-30%);
}

/* FOR STICKY MENU */

/* Sticky header – use class instead of ID */
.ast-sticky-header.main-header-menu.menu-item-3321 > .sub-menu {
  transform: translateX(-10%) !important;
}

.ast-sticky-header.main-header-menu.menu-item-3114 > .sub-menu {
  transform: translateX(-14%) !important;
}

.ast-sticky-header.main-header-menu.menu-item-3328 > .sub-menu {
  transform: translateX(-30%) !important;
}

/* LIGHT BREADCRUMBS */

.light-breadcrumbs .ast-breadcrumbs,
.light-breadcrumbs .ast-breadcrumbs * {
    color: #ffffff !important;
}

/* TEXT SHADOW */

/* Reusable text shadow class */
.text-shadow {
    text-shadow: 0 1px 5px rgba(0,0,0,0.35);
}
























/* ====================== */

/* Big shadowed COUNTY text blocks */
#wp-block-themeisle-blocks-advanced-heading-fb3c7a39,
#wp-block-themeisle-blocks-advanced-heading-f3f1c4b3,
#wp-block-themeisle-blocks-advanced-heading-1b3168a5 {
    color: #ffffff;
    line-height: 0.8;
    font-size: 310px;
    text-shadow:
        -4px 4px 0 rgba(0, 0, 0, 0.9),
        -6px 6px 12px rgba(0, 0, 0, 0.6);
}

/* Global hover color for links */
a:hover {
    color: #4A79AA !important;
}

/* ========================= */
/* FORMIDABLE – EVENT LIST   */
/* (3-column List View)      */
/* ========================= */

/* Event list row: 3 columns (image | main | meta) */
.ast-events-list-item {
    display: grid;
    grid-template-columns: 180px 2fr 1.2fr;
    align-items: flex-start;
    border: 1px solid #dddddd;
    padding: 15px;
    border-radius: 12px;
    margin-bottom: 25px;
    background: #ffffff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
}

/* Space between the 3 grid children (simulating gap) */
.ast-events-list-item > *:not(:last-child) {
    margin-right: 20px;
}

/* Column wrappers */
.ast-event-col {
    min-width: 0;
}

.ast-event-col-image {
    display: flex;
    justify-content: center;
}

/* Event image in list view */
.ast-event-image img {
    width: 100%;
    max-width: 180px;
    height: auto;
    border-radius: 10px;
    object-fit: cover;
}

/* Title + excerpt */
.ast-event-title {
    margin: 0 0 8px 0;
    font-weight: 700;
}

.ast-event-title a {
    text-decoration: none;
    color: #0a4b78;
}

.ast-event-title a:hover {
    color: #1c85d2;
}

/* Excerpt – limit to about 2 lines */
.ast-event-excerpt {
    margin-top: 4px;
    font-size: 0.95rem;
    color: #333333;
    line-height: 1.3;
    max-height: 2.6em;
    overflow: hidden;
}

/* Meta column */
.ast-event-col-meta > div {
    margin-bottom: 8px;
    font-size: 0.9rem;
}

.ast-event-col-meta strong {
    font-weight: 600;
}

/* “Learn more” link */
.ast-event-more a {
    margin-top: 10px;
    display: inline-block;
    font-weight: 600;
    color: #1c85d2;
    text-decoration: none;
}

.ast-event-more a:hover {
    text-decoration: underline;
}

/* Single event featured image */
.ast-single-event-image img {
    width: 100%;
    max-width: 900px;
    border-radius: 14px;
    margin: 20px 0;
}

.ast-single-event-meta p {
    margin: 6px 0;
}

.ast-single-event-description {
    margin-top: 25px;
    font-size: 1.05rem;
    line-height: 1.6;
}

/* Mobile: stack event list into one column */
@media (max-width: 768px) {
    .ast-events-list-item {
        grid-template-columns: 1fr;
    }

    .ast-event-col-image {
        justify-content: flex-start;
    }

    .ast-event-image img {
        max-width: 240px;
    }
}

/* ========================= */
/* FORMIDABLE – LOCATIONS    */
/* (3-column list similar)   */
/* ========================= */

.ast-location-item {
    display: grid;
    grid-template-columns: 160px 2fr 1.3fr;
    align-items: flex-start;
    border: 1px solid #dddddd;
    padding: 15px;
    border-radius: 12px;
    margin-bottom: 25px;
    background: #ffffff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
}

/* Space between grid children (simulating gap) */
.ast-location-item > *:not(:last-child) {
    margin-right: 20px;
}

.ast-location-col {
    min-width: 0;
}

.ast-location-col-image {
    display: flex;
    justify-content: center;
}

.ast-location-image img {
    width: 100%;
    max-width: 160px;
    height: auto;
    border-radius: 10px;
    object-fit: cover;
}

.ast-location-title {
    margin: 0 0 8px 0;
    font-weight: 700;
    color: #0a4b78;
}

.ast-location-address,
.ast-location-county,
.ast-location-phone,
.ast-location-email,
.ast-location-website,
.ast-location-map {
    font-size: 0.95rem;
    margin-bottom: 6px;
}

.ast-location-website a,
.ast-location-map a {
    color: #1c85d2;
    text-decoration: none;
    font-weight: 600;
}

.ast-location-website a:hover,
.ast-location-map a:hover {
    text-decoration: underline;
}

/* Mobile: stack location cards */
@media (max-width: 768px) {
    .ast-location-item {
        grid-template-columns: 1fr;
    }

    .ast-location-col-image {
        justify-content: flex-start;
    }

    .ast-location-image img {
        max-width: 240px;
    }
}

/* ========================= */
/* HOME PAGE – 3x3 EVENTS    */
/* ========================= */

/* Grid of 3 columns on desktop */
.home-events-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

/* Simulate gap between cards */
.home-events-grid > * {
    margin: 12px;
}

/* Card look for each home event */
.home-events-grid > * {
    background: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 12px;
    padding: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    font-size: 0.95rem;
}

/* Home card image */
.home-events-grid img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    border-radius: 10px;
    margin-bottom: 8px;
}

/* Title and text */
.home-event-title {
    margin-top: 4px;
    margin-bottom: 4px;
    font-size: 1rem;
    font-weight: 700;
}

.home-event-title a {
    text-decoration: none;
    color: #0a4b78;
}

.home-event-title a:hover {
    color: #1c85d2;
}

.home-event-date {
    font-size: 0.9rem;
    color: #555555;
    margin-bottom: 4px;
}

.home-event-location,
.home-event-city {
    font-size: 0.9rem;
    color: #444444;
}

/* Responsive columns for home grid */
@media (max-width: 900px) {
    .home-events-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .home-events-grid {
        grid-template-columns: 1fr;
    }
}

/* ========================= */
/* LITTLE ROCK STYLE CARDS   */
/* (front page 3x3 alt style)*/
/* ========================= */

.ast-events-grid-home {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

/* Faux gap via margins */
.ast-events-grid-home > * {
    margin: 0.875rem;
}

/* Card wrapper */
.lr-event-card {
    background: #ffffff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
    transition: transform 0.15s ease, box-shadow 0.15s ease;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.lr-event-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.18);
}

.lr-event-link {
    display: flex;
    flex-direction: column;
    height: 100%;
    text-decoration: none;
    color: inherit;
}

/* Top image */
.lr-event-image img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    display: block;
}

/* Body */
.lr-event-body {
    padding: 18px 20px 20px;
}

/* Date range */
.lr-event-date {
    font-size: 0.8rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    margin: 0 0 8px;
    color: #555555;
}

/* Title */
.lr-event-title {
    font-size: 1.05rem;
    line-height: 1.35;
    margin: 0 0 10px;
    font-weight: 700;
    text-transform: uppercase;
}

/* Venue / location */
.lr-event-venue {
    font-size: 0.9rem;
    margin: 0 0 14px;
    color: #444444;
}

.lr-event-venue-title {
    font-size: 0.95rem;
    font-weight: 600;
    margin: 6px 0 0;
    color: #333333;
}

.lr-event-venue-city {
    font-size: 0.85rem;
    margin: 2px 0 10px;
    color: #666666;
}

/* Button-like link */
.lr-event-button {
    font-size: 0.85rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #0057b8;
    text-decoration: none;
}

.lr-event-button:hover {
    text-decoration: underline;
}

/* Responsive grid for LR cards */
@media (max-width: 1024px) {
    .ast-events-grid-home {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .ast-events-grid-home {
        grid-template-columns: 1fr;
    }
}

/* ========================= */
/* FORMIDABLE – HOME CARDS   */
/* (flex-based version)      */
/* ========================= */

/* Wrapper for each event card (generic Formidable) */
.home-event-item {
    background: none;
    border-radius: 10px;
    padding: 12px;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.0);
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Simulated gap between children */
.home-event-item > * {
    margin-bottom: 8px;
}
.home-event-item > *:last-child {
    margin-bottom: 0;
}

/* Image wrapper: fixed height */
.event-image-wrap {
    width: 100%;
    height: 225px;
    border-radius: 8px;
    overflow: hidden;
    background: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
}

.event-image-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.event-image-wrap.logo {
    padding: 12%;
}

.event-image-wrap.logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* Content text stack */
.home-event-content {
    display: flex;
    flex-direction: column;
}
.home-event-content > * {
    margin-bottom: 4px;
}
.home-event-content > *:last-child {
    margin-bottom: 0;
}

/* Date and city highlighting */
.home-event-date {
    font-weight: bold;
    font-size: 0.95rem;
    background: #034573;
    padding: 4px 8px;
    border-radius: 0px;
    margin-top: 4px;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
}

.home-event-location,
.home-event-city {
    font-size: 0.9rem;
    color: #555555;
}

/* City badge on home cards */
.home-event-city {
    background: #FFD700;
    font-weight: bold;
    padding: 4px 8px;
    border-radius: 0px;
    margin-top: 4px;
    text-align: center;
    text-transform: uppercase;
}

/* City badge on county cards */
.county-event-city {
    background: #F3E5AB;
    font-weight: bold;
    padding: 4px 8px;
    border-radius: 4px;
    margin-top: 4px;
    text-align: center;
    text-transform: uppercase;
}

/* Single event date + location bar */
.single-event-date-location {
    background: #034573;
    font-weight: bold;
    padding: 4px 8px;
    border-radius: 4px;
    margin-top: 4px;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
}



/* ========================= */
/* COUNTY EVENT DETAIL WRAP  */
/* ========================= */

/* Make the entire Formidable detail view look like one white document */
.county-event-wrapper .frm_grid_container {
    background: #ffffff;
    padding: 0;
    margin: 0 auto;
    border-radius: 0;
    overflow: hidden;
    border: 30px solid #ffffff;
}

/* Remove internal column borders/backgrounds */
.county-event-wrapper .frm_grid_container .frm6 {
    background: transparent !important;
    border: none !important;
    margin: 0 !important;
    padding: 24px !important;
    box-sizing: border-box;
}

/* Ensure children are full width */
.county-event-wrapper .frm_grid_container > div {
    display: block;
    width: 100%;
}

/* Extra safety: balance padding on first/last columns */
.county-event-wrapper .frm_grid_container .frm6:first-child {
    padding-right: 24px !important;
}
.county-event-wrapper .frm_grid_container .frm6:last-child {
    padding-left: 24px !important;
}

/* ========================= */
/* HOMEPAGE FORMIDABLE GRID  */
/* ========================= */

/* Card container for Formidable grid on home */
.home .frm-grid-view .frm12 {
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.06);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
    border-radius: 12px;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

/* Hover lift */
.home .frm-grid-view .frm12:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.16);
    border-color: rgba(0, 0, 0, 0.18);
}

/* Keep images and dates from flex-stretching weirdly */
.frm-grid-view img,
.frm-grid-view .home-event-date {
    flex-shrink: 0;
}

/* === END OF WP APPROVED STYLING ===*/

/* === ADDITIONAL FIXING HOME PAGE CARDS TO EQUAL HEIGHT 1 === */

/* Equalize title height on Formidable home cards (about 4 lines) */
.frm-grid-view h2 {
    line-height: 1.3;
    max-height: 6.5em;  /* 1.3 × 4 lines = 5.2em */
    overflow: hidden;
}

/* Equalize title height on home-events-grid cards (if used there) */
.home-event-title {
    line-height: 1.3;
    max-height: 6.5em;
    overflow: hidden;
}

/* === ADDITIONAL FIXING HOME PAGE CARDS TO EQUAL HEIGHT 2 === */
/* === PLUS FIXING IMAGE CONTAINER === */
/* HOME 3x3 FORMIDABLE CARDS – STANDARDIZE IMAGE AREA */
/* ============================================================
   HOME PAGE FORMIDABLE CARDS — CLEAN, CONSOLIDATED VERSION
   This replaces all previous h2/title clamp + image-container code
   ============================================================ */

/* CARD CONTAINER */
.home .frm-grid-view .frm12 {
    border: 1px solid #ddd;
    border-radius: 12px;
    overflow: hidden;               /* ensures image rounding + no overflow */
    background: #ffffff;
}

/* IMAGE CONTAINER (first p inside the card) */
.home .frm-grid-view .frm12 > p:first-of-type {
    height: 220px;                  /* standard height for all images */
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

/* IMAGE (full bleed, only top corners rounded) */
.home .frm-grid-view .frm12 > p:first-of-type img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 12px 12px 0 0;   /* only top corners */
    object-fit: cover;
}

/* REST OF CARD CONTENT GETS PADDING */
.home .frm-grid-view .frm12 > *:not(:first-of-type) {
    padding-left: 12px;
    padding-right: 12px;
}

.home .frm-grid-view .frm12 > *:last-child {
    padding-bottom: 12px;
}

/* TITLE HEIGHT — HOME CARDS – a little shorter so less white space */
.frm-grid-view h2,
.home-event-title {
    line-height: 1.3;
    min-height: 5.2em;      /* ≈ 4 lines at 1.3 line-height */
    max-height: 5.2em;
    overflow: hidden;
    margin-top: 0.35rem;
    margin-bottom: 0.25rem;
}



/* === FIXING THE IMAGE AREA HEIGHT AND ALWAYS VISIBLE === */
/* Standardize image area for Formidable 3x3 cards */
.home .frm-grid-view .frm12 p:first-of-type {
    height: 220px;              /* adjust if you want taller/shorter */
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.75rem;
    overflow: hidden;
    background: #ffffff;        /* shows a neutral box when no image */
}

/* Image inside that container */
.home .frm-grid-view .frm12 p:first-of-type img {
    max-height: 100%;
    width: auto;
    border-radius: 10px;
}

/* === PUTTING THE EXTRA SPACE BETWEEN VENUE AND CITY === */
/* Push city badge to the bottom of the card */
.frm-grid-view .home-event-city {
    margin-top: auto;
}

/* === ADDING ROUNDED CORNERS TO THE UPPER LEFT AND RIGHT OF THE IMAGE === */

/* HOME EVENT CARDS: card radius + image with rounded top corners */

/* Make each card have a subtle border and 12px rounded corners */
.home .frm-grid-view .frm12 {
    border: 1px solid #ddd;
    border-radius: 12px;
    overflow: hidden;   /* contents respect the 12px radius */
}

/* Make sure the first p (the image wrapper) has no weird spacing */
.home .frm-grid-view .frm12 > p:first-of-type {
    margin: 0;
    padding: 0;
}

/* Image: full width, only top corners rounded */
.home .frm-grid-view .frm12 > p:first-of-type img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 12px 12px 0 0;
}

/* === ADD A LITTLE BORDER ON HOVER === */
/* Home cards: stronger border on hover */
/* Stronger hover border for home cards — guaranteed override */
.home .frm-grid-view .frm12 {
    border: 1px solid #ddd !important;
}

.home .frm-grid-view .frm12:hover {
    border-color: #ddd !important; /* Arkansas South blue */
    box-shadow: 0 10px 28px rgba(0,0,0,0.16) !important; 
}

/* === ENSURING OUR DETAIL VIEW IS RESPONSIVE === */
@media (max-width: 768px) {
    .ast-event-detail-card {
        padding: 16px;
        margin: 0 8px 2rem;
    }

    .ast-event-detail-image {
        margin: 12px -16px 16px;
    }

    .ast-event-detail-title {
        font-size: 1.6rem;
    }

    .ast-event-detail-actions {
        flex-direction: column;
        align-items: flex-start;
    }

    .ast-btn {
        width: 100%;
        text-align: center;
    }
}

/* === STYLING THE DETAILS CARD === */
/* SINGLE EVENT DETAIL – TWO-COLUMN LAYOUT ON DESKTOP */

/* Outer card (you probably already have something like this, but it's safe to repeat) */
.ast-event-detail-card {
    padding: 20px;   /* keeps breathing room */
    background: none; 
    border: none;
    box-shadow: none;
    border-radius: 0;
}


/* Make the inner wrapper behave like two columns */
.ast-event-detail-grid {
    display: flex;
    flex-wrap: wrap;
}

/* LEFT COLUMN: main content */
.ast-event-detail-main {
    flex: 1 1 55%;
    min-width: 260px;
    padding-right: 16px;
}

/* RIGHT COLUMN: image + meta */
.ast-event-detail-side {
    flex: 1 1 45%;
    min-width: 260px;
    padding-left: 16px;
}

/* Image behavior in the side column */
.ast-event-detail-image {
    margin: 0 0 16px;
    border-radius: 12px;
    overflow: hidden;
}

.ast-event-detail-image img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}



/* MOBILE: stack into one column */
@media (max-width: 768px) {
    .ast-event-detail-grid {
        flex-direction: column;
    }

    .ast-event-detail-main,
    .ast-event-detail-side {
        padding-left: 0;
        padding-right: 0;
    }

    .ast-event-detail-card {
        padding: 16px;
        margin: 0 8px 2rem;
    }
}

/* === ADDITIONAL CSS TO SUPPORT TOP AND BOTTOM SINGLE-COLUMNS TO DETAIL VIEW === */
/* Wrapper */
.ast-event-detail-wrapper {
  width: 100%;
  max-width: 1050px;
  margin: 0 auto;
}

/* TOP SECTION */
.ast-event-detail-top {
  text-align: center;
  padding: 20px 10px 30px;
}

.ast-event-detail-date-large,
.ast-event-detail-time-large {
  font-size: 1.1rem;
  font-weight: 600;
  margin-top: 6px;
}

/* TWO-COLUMN GRID */
.ast-event-detail-grid {
  display: grid;
  grid-template-columns: 2fr 1fr;
}

/* Simulate gap: 30px */
.ast-event-detail-grid > *:not(:last-child) {
  margin-right: 30px;
}

/* BOTTOM SECTION */
.ast-event-detail-bottom {
  margin-top: 30px;
  text-align: center;
  padding: 20px 10px;
}

.ast-event-backbtn {
  display: inline-block;
  padding: 10px 18px;
  background: #034573;
  color: #fff;
  border-radius: 6px;
  text-decoration: none;
  font-weight: 600;
}

.ast-event-backbtn:hover {
  background: #022f4b;
}

/* MOBILE */
@media (max-width: 768px) {
  .ast-event-detail-grid {
    grid-template-columns: 1fr;
  }

  /* Remove right margin when stacking */
  .ast-event-detail-grid > * {
    margin-right: 0 !important;
    margin-bottom: 30px;
  }
}

/* === ADDING A LITTLE SHADOW TO THE FORMIDABLE FORMS DETAIL VIEW === */
/* Shadow + framing for the event detail "card" */
.single .frm_grid_container > .frm12 {
    background: #ffffff !important;
    border-radius: 18px !important;   /* matches your inline radius */
    padding: 48px !important;         /* keeps your current padding */
    box-shadow: 0 10px 28px rgba(0,0,0,0.96);
    max-width: 1100px;
    margin: 40px auto;                /* centers and adds space above/below */
}


/* === A TINY BIT OF SPACING FOR EMOJIS === */
/* Small icons for event details */
.ast-event-icon {
    display: inline-block;
    margin-right: 6px;
    font-size: 1.1em;
}


/* Small icons for event details */
.ast-event-icon {
    display: inline-block;
    margin-right: 6px;
    font-size: 1.1em;
}



/* === BLUE BAR WITH DATE AND TIME ON DETAILS PAGE === */
.ast-event-detail-datetime {
    display: flex;
    justify-content: center;
    font-size: 1.1rem;
    font-weight: 700;
    margin: 12px 0;
}

/* === MORE === */
/* Blue bar behind the date + time */
.ast-event-detail-datetime-bar {
    background: #034573; /* your dark blue used on Home cards */
    padding: 12px 20px;
    border-radius: 8px;
    text-align: center;
    margin: 20px 0;
}

/* The contents inside the bar */
.ast-event-detail-datetime {
    display: inline-flex;
    align-items: center;
    color: #fff;
    font-size: 1.15rem;
    font-weight: 700;
    text-transform: uppercase;
}

.ast-event-detail-divider {
    opacity: 0.7;
}

/* === DETAIL VIEW, RIGHT HAND BACKGROUND COLOR, LEFT JUSTIFIED === */
/* Put email + website icons on one line */
.ast-event-detail-links {
    display: flex;
    align-items: center;
    margin: 10px 0;
}

/* Space out the children horizontally */
.ast-event-detail-links > * {
    margin-right: 14px;
}

.ast-event-detail-links > *:last-child {
    margin-right: 0;
}

/* Make the icon links look nice */
.ast-event-detail-links a {
    text-decoration: none;
    font-size: 1.3rem;
    color: #333;
}

.ast-event-detail-links a:hover {
    opacity: 0.7;
}


/* ==================================== */
/* EVENT DETAIL – META SIDEBAR STYLING */
/* ==================================== */



/* Subtitle "Event Details" */
.ast-event-detail-subtitle {
    font-weight: 700;
    margin-bottom: 12px;
    color: #333;
}



/* === LEFT JUSTIFY THE DESCRIPTION SECTION === */
/* Left-align the description block on Detail View */
.ast-event-detail-description {
    text-align: left !important;
}

/* === ADDITIONAL STYLING FOR DETAIL VIEW, TOURISM-STYLE, ELEGANTISH === */
/* ============================================
   TOURISM BROCHURE STYLE — DESCRIPTION BLOCK
   ============================================ */

.ast-event-detail-description {
    text-align: left;
    line-height: 1.7; 
    font-size: 1.05rem;
    color: #333;
    max-width: 680px; /* comfortable reading width */
    margin: 0 auto 2rem auto; /* center it, add space below */
    padding: 1.5rem 1.25rem;
/*    background: #faf8f2;  soft faded-gold/cream tourism tone */
    border-left: 4px solid #ebf0fa; /* subtle upscale accent */
    border-radius: 12px;
/*    box-shadow: 0 1px 6px rgba(0,0,0,0.06); */
}

/* spacing between paragraphs */
.ast-event-detail-description p {
    margin-bottom: 1.15rem;
}

/* Optional: decorative first-letter drop cap */
/* Refined drop cap — tighter spacing, lifted position */
.ast-event-detail-description p:first-of-type::first-letter {
    font-size: 2.9rem;
    font-weight: 600;
    float: left;
    line-height: 0.2;      /* lifts the drop cap upward */
    padding-right: 0px;     /* reduced right padding */
    margin-top: 4px;        /* nudges letter UP slightly */
    color: #034573;         /* your maroon */
    font-family: "Playfair Display", serif;
}

/* === COMPLETE LR STYLE STYLING === */
/* MAIN WRAPPER – keep everything nicely centered */
.ast-event-detail-wrapper {
    max-width: 1100px;
    margin: 0 auto 3rem auto;
}

/* TWO-COLUMN GRID – brochure style */
.ast-event-detail-grid {
    display: flex;
    flex-wrap: wrap;
    margin-top: 2rem;
}

/* LEFT COLUMN – description */
.ast-event-detail-main {
    flex: 2 1 0;
    padding-right: 24px;
}

/* RIGHT COLUMN – image + meta */
.ast-event-detail-side {
    flex: 1.3 1 0;
}

/* Mobile: stack columns */
@media (max-width: 900px) {
    .ast-event-detail-grid {
        flex-direction: column;
    }
    .ast-event-detail-main {
        padding-right: 0;
        margin-bottom: 2rem;
    }
}



/* === BACK TO EVENTS BUTTON === */
.ast-event-detail-bottom {
    margin-top: 2.5rem;
    text-align: left;
}

.ast-event-detail-backwrap {
    margin-top: 0.5rem;
}

.ast-event-backbtn {
    display: inline-block;
    padding: 4px 16px;
    border-radius: 10px;
    border: 1px solid #034573;
    color: #ffffff;
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    background: #034573;
    transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.ast-event-backbtn:hover {
    background: #ebf0fa;
    color: #034573;
    box-shadow: 0 2px 10px rgba(0,0,0,0.18);
}

/* FORCE remove underline from Back button */
.ast-event-backbtn,
.ast-event-backbtn:visited,
.ast-event-backbtn:hover,
.ast-event-backbtn:focus {
    text-decoration: none !important;
}



    .ast-event-detail-description {
        padding: 1.25rem 1rem;
        margin-bottom: 1.5rem;
    }
}

/* === RE-CENTER THE TITLE === */


/* === BLANK ICON FOR CITY, STATE === */
/* Normal icon size */
.ast-event-icon {
    display: inline-block;
    width: 1.4em;   /* keeps icons and indentation aligned */
}

/* Invisible icon used for indentation */
.ast-icon-blank {
    opacity: 0;
}

/* === KEEP ICONS FROM OVERLAPPING === */
/* Row for email + website icons */
.ast-event-detail-contact-row {
    display: flex;
    align-items: center;
    margin-top: 6px;
}

/* Each icon wrapper */
.ast-event-detail-contact-icon a {
    text-decoration: none;
    font-size: 1.3rem; /* adjust icon size */
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Optional: make them perfectly square for consistency */
.ast-event-detail-contact-icon {
    display: inline-flex;
    width: 1.4em;   /* matches the width of your address icons */
    justify-content: center;
}

/* === DATE/TIME BAR STRETCHED ALL THE WAY ACROSS THE PAGE === */
/* === LR STYLE TIME AND DATE BAR — FULL WIDTH === */

/* MAIN TITLE */

/* FULL-WIDTH BLUE BAR  FOR HOME DETAIL VIEW */
.ast-event-detail-datetime-bar {
    background: var(--ast-global-color-7);        
    color: #ffffff;
    border-radius: 4px;         /* matches your card radius */
    padding: 4px 18px;
    width: 100%;                 /* ← FULL WIDTH */
    box-sizing: border-box;      
    margin: 0 0 1.5rem 0;
}

/* TEXT INSIDE */
.ast-event-detail-datetime {
    font-size: 1.05rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    display: flex;
    justify-content: center;     /* center the text */
    flex-wrap: wrap;             /* allow wrapping on mobile */
	  color: #ffffff !important;
	  font-kerning: normal;
    letter-spacing: 0.2px;
}

/* Dot separator */
.ast-event-detail-divider {
    padding: 0 8px;
}

/* Mobile wrapping */
@media (max-width: 600px) {
    .ast-event-detail-datetime {
        font-size: 0.9rem;
        text-align: center;
    }
}


/* === ATTRACTIONS === */

/* CENTERING THE ATTRACTIONS AND LOWERING THE P MARGIN-BOTTOM */

/* === ATTRACTION CARD TITLES & ADDRESS — CENTERED + SMALL MARGIN === */
.ast-event-image,
.ast-event-name, .ast-event-address,
.ast-event-city,
.ast-event-phone,
.ast-event-email,
.ast-event-website 
.ast-event-category,
.ast-attraction-image,
.ast-attraction-name, 
.ast-attraction-address,
.ast-attraction-city,
.ast-attraction-phone,
.ast-attraction-email,
.ast-attraction-website 
.ast-attraction-category {
    text-align: left;
    margin-bottom: 0.5em !important;  /* override Astra's 1.6em just here */
}

/* Ensure image link is centered too */
.ast-attraction-image {
    display: inline-block;
}

/* ROUNDING THE CORNERS OF THE ATTRACTIONS IMAGES === */
/* Rounded corners for Attractions images */
.ast-attraction-image img {
    border-radius: 8px;   /* match your site’s card radius */
    display: block;        /* removes inline-gap on some browsers */
    overflow: hidden;      /* ensures the rounding clips properly */
}

/* === MAKING DETAILLINK WORK FOR MY TITLES === */
/* Override Formidable's default link styling */
.ast-attraction-name a,
.ast-attraction-link {
    color: var(--ast-global-color-2, #0a4b78) !important; /* theme blue */
    text-decoration: none !important;
    font-weight: 700 !important;
}

/* Hover color */
.ast-attraction-name a:hover {
    color: var(--ast-global-color-0, #1c85d2) !important;
}

/* === EVENTS DATETIME === */
/* COUNTY EVENT VIEW – Elegant date/time line */
.county-event-datetime {
    font-family: "MONTSERRAT", Arial, sans-serif;
    font-size: 1.6rem;            /* adjust to make bigger */
    font-weight: 900;
    color: #034573;               /* tourism blue */
    margin: 6px 0 14px 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;              /* wrap nicely on mobile */
    letter-spacing: 0.02em;       /* elegant spacing */
	  text-transform:uppercase !important;
	  font-kerning: normal;
    letter-spacing: 0.2px;
	  text-align: center !important;
}

.county-event-date,
.county-event-time {
    display: inline-block;
}

.county-event-dot {
    padding: 0 10px;
    font-weight: 600;
    color: #666;
}


/* === WRAPPER FOR EVENTS DATETIME BOX === */

/* === FULL-WIDTH DATE/TIME BAR FOR COUNTY EVENT CARDS === */

.county-event-datetime-bar {
    width: 100%;
    background: #ebf0fa;       /* faded blue/gold hybrid */
    padding: 10px 16px;
    border-radius: 10px;
    margin: 0 0 1.25rem 0;
    box-sizing: border-box;
}

.county-event-datetime-inner {
    display: flex;
    align-items: center;
    flex-wrap: wrap;     /* allows wrapping on mobile */
    column-gap: 8px;
    font-weight: 600;
    color: #034573;      /* your deep tourism blue */
    font-size: 1.15rem;
    letter-spacing: .02em;
}

.county-event-date {
    text-transform: uppercase;
}

.county-event-dot {
    font-weight: bold;
    margin: 0 6px;
}

.county-event-time {
    text-transform: uppercase;
}

/* Mobile tweaks */
@media (max-width: 600px) {
    .county-event-datetime-inner {
        flex-direction: column;
        align-items: flex-start;
    }
    .county-event-dot {
        display: none; /* dot not needed when stacked */
    }
}




/* ====================================== */
/* COUNTY VIEW — FULL-WIDTH DATETIME BAR  */
/* ====================================== */

.ast-county-datetime-bar {
    width: 100%;
    background: #ebf0fa;      /* soft faded blue */
    padding: 10px 16px;
    border-radius: 6px;
    margin: 8px 0 14px 0;
}

.ast-county-datetime {
    text-align: center;        /* <<< CENTERED */
    font-size: 1.25rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: #034573;            /* deep tourism blue */
}

.ast-county-dates,
.ast-county-times {
    display: inline-block;
}

.ast-county-sep {
    padding: 0 8px;
    color: #034573;
}

/* Allow nice wrapping on narrow screens */
@media (max-width: 600px) {
    .ast-county-datetime {
        line-height: 1.4;
        white-space: normal;
    }
}

/* === THIRD ADDITION OF CSS FOR DATETIME === */

/* ===== FULL-WIDTH DATETIME BAR (Centered & Abbreviated Months) ===== */

.ast-event-datetime-bar {
    width: 100%;
    background: #034573;
    color: #ffffff;
    padding: 12px 20px;
    border-radius: 10px;
    margin: 1.5rem 0;
    display: block;
}

.ast-event-datetime {
    text-align: center;           /* center the text */
    font-size: 1.05rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

/* Dot between date & time */
.ast-event-dot {
    padding: 0 10px;
}

/* Remove extra spacing if no time exists */
.ast-event-time:empty,
.ast-event-time:blank {
    display: none;
}

/* Ensure dot disappears if time doesn't exist */
.ast-event-dot:empty {
    display: none;
}

/* Mobile sizing */
@media (max-width: 600px) {
    .ast-event-datetime {
        font-size: 0.95rem;
        letter-spacing: 0.03em;
        line-height: 1.4;
    }
}

/* === 4th ADDED CSS FOR DATETIME === */
/* FULL-WIDTH LIGHT BLUE DATETIME BAR */
.ast-event-datetime-bar {
    width: 100%;
    background: #ebf0fa;
    padding: 10px 16px;
    border-radius: 6px;
    margin: 1rem 0 1.5rem 0;
}

.ast-event-datetime {
    font-size: 0.15rem;
    font-weight: 700;
    color: #034573;
    text-align: center;
    letter-spacing: 0.04em;
}

/* Date + Time spacing */
.ast-event-separator {
    padding: 0 10px;
}

/* === 5th ADDITION === */
/* COUNTY VIEW – Full-width, soft blue date/time bar */
.county-event-datetime-bar {
    width: 100%;
    background: #EBF0FA;      /* soft faded blue */
    padding: 12px 16px;
    margin: 10px 0 20px 0;
    border-radius: 12px;
}

.county-event-datetime {
    text-align: center;
    font-size: 0.3rem;
    font-weight: 600;
    color: #12395b;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.county-event-datetime span {
    display: inline-block;
}

/* separator spacing */
.county-event-sep {
    padding: 0 10px;
}

/* === 6th ADDITION === */

/* === FULL-WIDTH LIGHT BLUE DATE/TIME BAR === */
.ast-event-datetime-bar {
    width: 100%;
    background: #ebf0fa;        /* light faded blue */
    padding: 12px 18px;
    border-radius: 8px;
    margin: 1rem 0 1.5rem 0;
}

.ast-event-datetime-inner {
    text-align: center;         /* center everything */
    font-size: 1.05rem;         /* perfect readable size */
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #034573;             /* tourism blue */
}

.ast-event-divider {
    padding: 0 8px;
    opacity: 0.7;
}

.ast-event-date,
.ast-event-time {
    display: inline-block;
}

/* === 7TH ADDITION === */
/* COUNTY EVENTS – full-width light bar for date/time */
.county-event-datetime-bar {
    background: #ebf0fa;              /* light faded blue */
    padding: 6px 12px;
    border-radius: 999px;             /* pill look inside the white column */
    width: 100%;
    box-sizing: border-box;
    margin: 4px 0 10px 0;
}

/* Inner flex layout, centered */
.county-event-datetime {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    font-size: 0.95rem !important;    /* control size */
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;        /* MAY, OCT, etc. */
}

/* Date + time pieces */
.county-event-date,
.county-event-time {
    display: inline-block;
}

/* Dot between date and time */
.county-event-dot {
    padding: 0 8px;
    color: #555;
}

/* Slightly smaller time if you want visual hierarchy */
.county-event-time {
    font-size: 0.9rem !important;
}

/* Mobile: allow wrapping nicely */
@media (max-width: 480px) {
    .county-event-datetime {
        text-align: center;
    }
}

/* === 8 === */
/* COUNTY EVENTS – DATETIME BAR */
.county-event-datetime-bar {
    background: #ebf0fa;        /* light faded gold/blue-ish box */
    padding: 6px 12px;
    border-radius: 6px;
    width: 100%;
    box-sizing: border-box;
    margin: 6px 0 14px 0;
}

/* Centered, not huge */
.county-event-datetime {
    font-family: "Poppins", Arial, sans-serif;
    font-size: 0.95rem;         /* adjust smaller/bigger as you like */
    font-weight: 600;
    color: #034573;
    text-align: center;
    letter-spacing: 0.06em;     /* nice tourism feel */
    text-transform: uppercase;  /* MAY 1 – 2, 2026 */
}

/* Date + time pieces */
.county-event-date,
.county-event-time {
    display: inline-block;
}

/* Dot between date and time */
.county-event-dot {
    padding: 0 8px;
}

/* === 9 === */
/* COUNTY EVENT – FULL-WIDTH DATETIME BAR */
.county-event-datetime-bar {
    background: #ebf0fa;          /* light blue/gold-ish */
    padding: 6px 12px;
    border-radius: 8px;
    width: 100%;
    box-sizing: border-box;
    margin: 6px 0 14px 0;
}

/* Centered text inside the bar */
.county-event-datetime {
    text-align: center;
    font-size: 0.95rem;           /* change this to adjust size */
    font-weight: 600;
    letter-spacing: 0.06em;       /* spaced out, tourism style */
    text-transform: uppercase;    /* MAY, OCT, etc. */
    color: #034573;               /* your deep blue */
}

/* Date, dot, and time all inline on one line */
.county-event-date,
.county-event-dot,
.county-event-time {
    display: inline-block;
}

/* Dot between date and time */
.county-event-dot {
    padding: 0 8px;
    color: #666;
}

/* Mobile: allow wrapping gracefully */
@media (max-width: 600px) {
    .county-event-datetime {
        font-size: 0.9rem;
        line-height: 1.4;
    }
}

/* === CSS OVERRIDE FOR HOME PAGE CARDS === */
/* HOME CARDS – Tighter title block to reduce white space */
.frm-grid-view h2,
.home-event-title {
    line-height: 1.0
			;
    min-height: 5.1em;   /* was 7.5em – tighten the block */
    max-height: 5.1em;   /* keep it fixed for equal card heights */
    margin-top: 0.35rem;
    margin-bottom: 0.25rem;
}

/* === ADDING A CLASS FOR THE TRANSPARENT SECTION TO REDUCE THE PADDING FOR MOBILE === */
/* MOBILE OVERRIDE — remove inner padding on phones */
@media (max-width: 768px) {
  .big-padding-section,
  .big-padding-section > .wp-block-group__inner-container,
  .big-padding-section .wp-block-group__inner-container,
  .big-padding-section > .wp-block-cover__inner-container,
  .big-padding-section .wp-block-cover__inner-container,
  .big-padding-section > div,
  .big-padding-section div {
    padding-top: 20px !important;
    padding-right: 20px !important;
    padding-bottom: 20px !important;
    padding-left: 20px !important;
  }
}
/* H4 REMAINS LEFT JUSTIFIED ON DESKTOP AND TABLET BUT CENTERED ON MOBILE */
@media (max-width: 768px) {
  h4 {
    text-align: center !important;
  }
}

/* === EVENT DETAIL VIEW === */

/* Image behavior */
.ast-event-detail-image img,
.ast-event-detail-fallback {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto 16px; /* center image, a little space underneath */
}

/* Title and datetime alignment */
.ast-event-detail-title-main {
  margin: 0 0 8px 0;
  line-height: 1.2;
  text-align: center;
}

.ast-event-detail-datetime-bar,
.ast-event-detail-datetime {
  text-align: center;
}

/* Make sure columns look good on small screens */
@media (max-width: 750px) {
  .ast-event-detail-wrapper {
    text-align: center;
  }

  .ast-event-detail-main,
  .ast-event-detail-side {
    text-align: center;
  }
}

/* FORCE CENTERING */
/* === FORCE CENTERING WHEN FORMIDABLE STACKS THE COLUMNS === */
@media (max-width: 750px) {
  /* Make each column full-width and centered */
  .ast-event-detail-grid .frm6 {
    float: none !important;
    width: 100% !important;
    margin: 0 auto !important;
    text-align: center !important;
  }

  /* Center everything in the wrapper */
  .ast-event-detail-wrapper,
  .ast-event-detail-main,
  .ast-event-detail-side {
    text-align: center !important;
  }

  /* Make sure the datetime bar centers too */
  .ast-event-detail-datetime-bar,
  .ast-event-detail-datetime {
    text-align: center !important;
		color: #ffffff !important;
  }
}

/* IN ADDITION */
.ast-event-detail-image img,
.ast-event-detail-fallback {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto 16px; /* centers the image */
}

/* === FINAL AUTHORITY ON DETAILS CSS === */
/* =============================== */
/* CLEAN, UNCONFLICTED 2-COLUMN    */
/* =============================== */

.ast-two-col-row {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 24px !important;
  align-items: start;
  margin-bottom: 24px;
}

/* Force two columns on desktop */
@media (min-width: 769px) {
  .ast-two-col-row {
    grid-template-columns: 1fr 1fr !important;
  }
}

/* Mobile: stack them centered */
@media (max-width: 768px) {
  .ast-two-col-row {
    grid-template-columns: 1fr !important;
    text-align: center !important;
  }
}

/* Children formatting */
.ast-two-col-left,
.ast-two-col-right {
  width: 100%;
}

/* remedial */
/* Create two equal columns that floats next to each other */
.column {
  float: left;
  width: 50%;
  padding: 10px;
  height: 300px; /* Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
  }
}

/* working */
/* Make the attraction detail image smaller when it's in the left column */
.ast-attraction-left-image img {
  max-width: 320px;          /* adjust this number to taste */
  width: auto;               /* don't force 100% of the column */
  height: auto;
  display: block;
  margin: 0 auto 16px;       /* center it with some space below */
}

* EVENT AND ATTRACTION DESCRIPTION */
/* === CLEAN MOBILE-FRIENDLY DESCRIPTION BLOCK === */

.ast-event-detail-description {
    text-align: left;
    line-height: 1.7;
    font-size: 1.05rem;
    color: #333;
    max-width: 680px;
    margin: 0 auto 2rem auto;
    padding: 1.5rem 1.25rem;     /* desktop/tablet padding */
    border-left: 4px solid #ebf0fa;
    border-radius: 12px;
}

/* First paragraph drop cap */
.ast-event-detail-description p:first-of-type::first-letter {
    font-size: 2.9rem;
    font-weight: 600;
    float: left;
    line-height: 0.2;
    padding-right: 0px;
    margin-top: 4px;
    color: #034573;
    font-family: "Playfair Display", serif;
}

/* Paragraph spacing */
.ast-event-detail-description p {
    margin-bottom: 1.15rem;
}

/* —— MOBILE OVERRIDE —— */
@media (max-width: 768px) {
    .ast-event-detail-description {
        padding: 0.75rem 0.5rem !important;   /* MUCH SMALLER */
        margin: 0 0 1.25rem 0 !important;
        border-left-width: 3px;               /* thinner accent */
        border-radius: 8px;
    }
}


/* FIX DESCRIPTION ON MOBILE */
/* ===== REMOVE ALL PADDING FROM DESCRIPTION ON MOBILE ===== */
@media (max-width: 768px) {
    .ast-event-detail-description {
        padding: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        border-left: none !important;   /* optional — remove if you want the line */
        background: none !important;
        box-shadow: none !important;
        border-radius: 0 !important;
    }
}


/* creating a small vertical space between sections */
    .small-vertical-space {
        margin-bottom: 25px;
background-color: #000000; /* Adjust the value as needed */
    }





/* FIXING HOME PAGE CARDS */





/* Keep the Formidable wrapper white, but hide its padding visually */
.frm-grid-view .frm12 {
    background: #ffffff;
    overflow: hidden;          /* so nothing spills out */
}

/* Make the inner card expand into the wrapper padding */
/*.frm-grid-view .home-event-card {
    margin: -16px;             // negate the wrapper padding visually
    height: 380px;             // keep your equal height
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}*/







/* test */
h1.test-css-check {
    color: red !important;
}







/* MAKE DETAIL DO A 50/50 SPLIT */

/* Make sure both columns respect the 50/50 split */
.ast-event-detail-main,
.ast-event-detail-side {
    width: 100%;
}

/* On mobile, stack them nicely */
@media (max-width: 768px) {
    .ast-event-detail-grid {
        display: grid !important;
        grid-template-columns: 1fr;
        grid-gap: 16px; /* older syntax but accepted */
    }
}





/* MAKE CALENDAR RESPONSIVE */

/* 1. Main calendar wrapper: full width, no overflow */
.frm_calendar_container {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden; /* keep the page from scrolling sideways */
    box-sizing: border-box;
}

/* 2. Force all FullCalendar shells to obey the width */
.frm_calendar_container .fc,
.frm_calendar_container .fc-view,
.frm_calendar_container .fc-scroller,
.frm_calendar_container .fc-scrollgrid,
.frm_calendar_container .fc-scrollgrid-sync-table {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
}

/* 3. On small screens, make extra sure nothing overflows */
@media (max-width: 768px) {
    .frm_calendar_container table,
    .frm_calendar_container td,
    .frm_calendar_container th {
        max-width: 100% !important;
        box-sizing: border-box;
        white-space: normal;
    }
}

/* additional */

.frm_calendar_container {
    border: 3px solid red !important;
}

/* NEW DOWNTOWNS & SHOPPING CARDS */

/* =============================== */
/* DOWNTOWNS & SHOPPING – CARDS    */
/* Same look as home cards, but no lift */
/* =============================== */

/* Make each Formidable cell look like a card */
.downtowns-attractions-grid .frm-grid-view .frm12 {
    border: 1px solid #ddd;
    border-radius: 12px;
    overflow: hidden;
    background: #ffffff;
    display: flex;
    flex-direction: column;
}

/* Image container (first p inside the cell) */
.downtowns-attractions-grid .frm-grid-view .frm12 > p:first-of-type {
    height: 220px;              /* same as home */
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 0.75rem;
    padding: 0;
    overflow: hidden;
    background: #ffffff;
}

/* Image fills container nicely */
.downtowns-attractions-grid .frm-grid-view .frm12 > p:first-of-type img {
    width: 100%;
    height: 100%;
    object-position: top center !important;
    border-radius: 12px 12px 0 0;
    display: block;
}

/* Inner card .home-event-card expands to fill the wrapper */
.downtowns-attractions-grid .frm-grid-view .home-event-card {
    margin: -16px;             /* same trick as home */
    /* height: 380px;             /* equal card height */
    display: flex;
    flex-direction: column;
}

/* Space out the contents a bit */
.downtowns-attractions-grid .frm-grid-view .home-event-card > * {
    padding-left: 12px;
    padding-right: 12px;
}
.downtowns-attractions-grid .frm-grid-view .home-event-card > p:first-of-type {
    padding-left: 0;
    padding-right: 0;
}

/* Push the city badge to the bottom of the card */
.downtowns-attractions-grid .frm-grid-view .home-event-card .home-event-city {
    margin-top: auto;
}

/* PINE TOP DIVIDER */

/* Outdoors section – pine tree tops divider at the top */
.pine-top-divider {
  position: relative;
  /* Keep your Outdoors background color set in the block settings, 
     not here, so we don’t fight the editor */
  overflow: visible;
}

.pine-top-divider::before {
  content: "";
  position: absolute;
  top: -126px;  /* how far the trees overlap into the blue section */
  left: 0;
  width: 100%;
  height: 200px; /* matches SVG height */
  background-image: url("https://arksouth.org/wp-content/uploads/2025/12/pine-tops-divider-ae09c1.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: bottom center;
  pointer-events: none;
  z-index: 5;
}

/* CHANGE FONT AND STYLE OF CALENDAR POPUP */

/* CALENDAR POPUP – FINAL STYLING */
body .frmcal-popup {
    background: #ffffff;                 /* white card */
    border: 2px solid #c49a6c;           /* gold border */
    border-radius: 10px;
    box-shadow: 0 6px 18px rgba(0,0,0,0.18);
    padding: 12px 16px;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    color: #222;
}

/* Event title */
body .frmcal-popup h3 {
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-weight: 700;
    margin: 6px 0 4px;
    color: #344054;             
    text-transform: none;
}

/* Date line */
body .frmcal-popup .frmcal-popup--date {
    font-size: 13px;
    font-weight: 600;
    margin: 2px 0;
    color: #333;
}

/* Time line */
body .frmcal-popup .frmcal-popup--time {
    font-size: 12px;
    font-weight: 500;
    margin: 0;
    color: #555;
}

/* Thumbnail */
body .frmcal-popup .frmcal-popup--thumbnail img {
    border-radius: 6px;
    margin-bottom: 8px;
    max-width: 100%;
    height: auto;
    display: block;
}











/* =========================== FINAL STYLE HOME PAGE CARDS =========================== */

/* === HOME EVENT CARDS – FINAL LAYOUT === */

/* 1. Let the card itself handle background & radius */
.frm_grid_container .frm12 {
    background: transparent !important;
    padding: 0 !important;
    border: none !important;
    display: flex;              /* so card can stretch equal height */
}

/* 2. Card wrapper */
.home-event-card {
    background: #ffffff;
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.12);
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;               /* all cards same height */
    overflow: hidden;           /* lets image + stripes go edge-to-edge */
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

/* Small lift on hover (keep this behavior) */
.home-event-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.18);
}

/* 3. IMAGE: full width, fixed height, rounded top corners */
/* IMAGE AREA – force top crop properly  - CHANGED BELOW */



/* 4. DATE BAR – full width, blue background */
.home-event-date {
    margin: 0;
    padding: 10px 12px;
    background: #004a80;        /* your navy */
    color: #ffffff;
    font-weight: 700;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    text-align: center;
}

/* 5. TITLE + LOCATION – padded, not touching edges */
.home-event-card h2,
.home-event-card h2 a {
    margin: 16px 0 8px;
    padding: 0 16px;
    text-align: center;
    text-decoration: none;
    color: #003a63;
    font-weight: 800;
}

.home-event-card p {
    margin: 0 0 16px;
    padding: 0 16px;
    text-align: center;
}

/* 6. CITY STRIPE – full width gold bar at bottom */
.home-event-city {
    margin-top: auto;           /* pushes it to the bottom */
    padding: 10px 12px;
    background: #ffc800;        /* your gold */
    color: #003a63;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    text-align: center;
    border-radius: 0 0 4px 4px; /* rounded bottom corners */
}

/* Neutralize any inherited bottom padding or margins */
.frm_grid_container .frm12 {
    margin: 0 !important;
    padding: 0 !important;
}

/* Remove default paragraph bottom margins inside the card */
.home-event-card p {
    margin-bottom: 0 !important;
}

/* Ensure the city bar touches the bottom with no gap */
.home-event-city {
    margin-bottom: 0 !important;
    padding-bottom: 10px; /* keep vertical spacing but not white space */
}

/* === BRUTE FORCE === */

/* ==== HOME CARD IMAGE AREA – FULL WIDTH, TOP CROP ==== */

/* Container: full width, fixed height, no flex, no centering */
.home-event-card > p:first-of-type {
    margin: 0 !important;
    padding: 0 !important;
    height: 220px;                  /* keep your chosen height */
    overflow: hidden;
    display: block !important;      /* make sure it's a normal block */
    width: 100% !important;
    text-align: left !important;    /* kill inline center alignment */
}

/* Link: fill the entire container */
.home-event-card > p:first-of-type a {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
}

/* Image: fill the box, no max-width shrink, crop from TOP */
.home-event-card > p:first-of-type img {
    display: block !important;
    width: 100% !important;
    max-width: none !important;         /* ignore 300px intrinsic limit */
    height: 100% !important;
    object-fit: cover !important;       /* fill container, no side gaps */
    object-position: top center !important;  /* show the TOP of the image */
}


/* CARD BOTTOM – remove white band under city bar */
.home-event-card {
    padding-bottom: 0 !important;   /* no inner white padding at bottom */
}

.home-event-city {
    margin-top: auto;               /* stick to bottom of card */
    margin-bottom: 0 !important;
    padding: 10px 12px;
    background: #ffc800;
    color: #003a63;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    text-align: center;
    border-radius: 0 0 4px 4px;     /* rounded bottom corners */
}

/* ADDITIONAL TO GET RID OF THE WHITE PADDING AT THE TOP OF THE CARD */

/* Make sure card clips anything that pokes out */
.home-event-card {
    overflow: hidden !important;
    padding-top: 0 !important;
}

/* Nudge the image container up to cover any tiny top gap */
.home-event-card > p:first-of-type {
    margin-top: -4px !important;   /* adjust to -3 or -5 if needed */
}
/* ONE MORE FIX */

/* Absolutely remove any top padding from the card itself */
.home-event-card {
    padding-top: 0 !important;
}

/* Remove top padding from ANY card wrapper around it */
.frm_grid_container .frm12 {
    padding-top: 0 !important;
}

/* And also pull the image container up a touch more */
.home-event-card > p:first-of-type {
    margin-top: -8px !important;   /* adjust between -6 and -10 if needed */
}

/* ONE MORE ONE MORE FIX */

/* FINAL FIX — hide the last 1px white halo at the top */
.home-event-card > p:first-of-type {
    margin-top: -10px !important;   /* pull image container higher */
    height: 230px !important;       /* add 10px back so image area stays same height */
}

/* Ensure card still clips cleanly */
.home-event-card {
    overflow: hidden !important;
}

/* ========================== END HOME PAGE CARDS ========================== */

/* CENTERING H2 TEXT FOR ALL OTHER CARDS */

/* Force event titles to center-align in all grid views */
.frm-grid-view h2,
.frm-grid-view h2 a,
.home-event-card h2,
.home-event-card h2 a {
    text-align: center !important;
    justify-content: center !important;
    display: block !important;
}




/* FIX SHADOWS TO INTERNAL PAGES  */

.frm12 {
  box-shadow: 0px 2px 6px rgba(9, 30, 67, 0.18);
  border-radius: 12px;
  background: #fff;
  transition: transform .2s ease, box-shadow .2s ease;
}

.frm12:hover {
  transform: translateY(-2px);
  box-shadow: 0px 4px 28px rgba(66, 114, 165, 0.25);
}
















/* FIXING THE DETAIL PAGE TO NOT ACT LIKE A CARD USING FRM12 */

/* ========= DETAIL PAGES – neutralize frm12 card look ========= */

.page-id-1983 .frm12,
.page-id-1988 .frm12 {
  box-shadow: none !important;
  transform: none !important;
  background: transparent !important;
  border-radius: 0 !important;
}

/* No hover lift on Detail pages */
.page-id-1983 .frm12:hover,
.page-id-1988 .frm12:hover {
  transform: none !important;
  box-shadow: none !important;
}

/* Make the main Formidable wrapper be the single white panel */
.page-id-1983 .frm_grid_container.with_frm_style.frm-grid-view,
.page-id-1988 .frm_grid_container.with_frm_style.frm-grid-view {
  background: #ffffff !important;
  border-radius: 12px !important;
  padding: 20px !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.08) !important;
}

/* GET RID OF 1PX LIGHT BORDER SO THAT DETAIL VIEW LOOKS LIKE ONE CONTINUOUS CONTAINER */

/* Remove the faint grey border around Formidable grid views sitewide */
.frm_grid_container.with_frm_style.frm-grid-view,
.frm-grid-view {
  border: none !important;
}

.frm-grid-view,
.frm_grid_container.with_frm_style.frm-grid-view {
    border: none !important;
    border-width: 0 !important;
    box-shadow: none !important; /* just in case they’re faking it as a shadow */
}

.frm-grid-view[style],
.frm_grid_container.with_frm_style.frm-grid-view[style] {
    border: none !important;
    border-width: 0 !important;
}

.page-id-1983 .frm_grid_container.with_frm_style.frm-grid-view,
.page-id-1988 .frm_grid_container.with_frm_style.frm-grid-view {
    border: none !important;
    background-color: transparent !important; /* if the faint line is coming from inside */
    box-shadow: none !important;
}

/* DIVIDERS */

/* ===============================
   Arkansas South – Ribbon Divider
   =============================== */

/* Base full-width ribbon */
.as-ribbon-divider {
  width: 100%;
  height: 14px;                     /* tweak taller/shorter */
  display: block;
  background-color: #ffc800;        /* base gold */
  background-image: repeating-linear-gradient(
    135deg,
    #ffc800 0px,
    #ffc800 10px,
    #f7e39a 10px,
    #f7e39a 20px
  );
}

/* Version on a dark/blue background – adds a subtle shadow */
.as-ribbon-divider--on-dark {
  box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.15);
}

/* Version on a light background – faint top shadow for depth */
.as-ribbon-divider--on-light {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
}

/* MAKE IT GO ALL THE WAY ACROSS */

/* Full-width diagonal ribbon bar section */
.as-ribbon-bar {
  height: 14px; /* adjust to taste */
  background-color: #ffc800; /* base gold */
  background-image: repeating-linear-gradient(
    135deg,
    #ffc800 0px,
    #ffc800 10px,
    #f7e39a 10px,
    #f7e39a 20px
  );
}

/* thicker bar */

.as-ribbon-bar--thick {
  height: 22px;
}

/* GOLD DIAGONAL STRIPES */

/* Gold diagonal – general-purpose “festival tape” */
.as-ribbon-bar--gold {
  background-color: #ffc800;
  background-image: repeating-linear-gradient(
    135deg,
    #ffc800 0px,
    #ffc800 10px,
    #f7e39a 10px,
    #f7e39a 20px
  );
}

/* PINE TREE DIVIDER */

/* Pine tree band – great for parks, WMAs, forests */
.as-ribbon-bar--pines {
  background-color: #0f2b1d; /* deep forest green */
  background-image:
    linear-gradient(120deg, transparent 0 40%, #3a8055 40% 60%, transparent 60% 100%),
    linear-gradient(60deg, transparent 0 40%, #3a8055 40% 60%, transparent 60% 100%);
  background-size: 18px 16px;
  background-repeat: repeat-x;
  background-position: 0 0, 9px 0;
}


/* WATER DIVIDER */

/* Wave band – for rivers, lakes, boating & fishing */
.as-ribbon-bar--waves {
  background-color: #12375a; /* deep water blue */
  background-image:
    radial-gradient(circle at 8px 14px, rgba(255,255,255,0.9) 6px, transparent 7px),
    radial-gradient(circle at 24px 2px, rgba(255,255,255,0.7) 6px, transparent 7px);
  background-size: 32px 16px;
  background-repeat: repeat-x;
}

/* PADDLES */

/* Paddles / rugged outdoors band – works for general outdoor rec */
.as-ribbon-bar--paddles {
  background-color: #2b3b28; /* dark earthy green */
  background-image: repeating-linear-gradient(
    135deg,
    #455f3f 0px,
    #455f3f 8px,
    #2b3b28 8px,
    #2b3b28 16px
  );
}

/* WILDLIFE */

/* Wildlife trail band – dotted texture */
.as-ribbon-bar--wildlife {
  background-color: #3b2c1f; /* rich brown */
  background-image:
    radial-gradient(circle, rgba(255, 255, 255, 0.45) 2px, transparent 3px);
  background-size: 14px 14px;
  background-repeat: repeat-x;
  background-position: 0 7px;
}

/* ASDF */

/* Festival lights band – fun for events & celebrations */
.as-ribbon-bar--festival {
  background-color: #3b2a5e; /* deep purple/indigo for contrast */
  background-image:
    radial-gradient(circle, #ffd966 2px, transparent 3px),
    radial-gradient(circle, #ff9f43 2px, transparent 3px),
    radial-gradient(circle, #ffffff 1.5px, transparent 3px);
  background-size: 30px 16px, 40px 16px, 22px 16px;
  background-position: 0 4px, 15px 11px, 8px 8px;
  background-repeat: repeat-x;
}

/* GREEN */

/* Solid dark green band – simple, clean, outdoorsy */
.as-ribbon-bar--solid-green {
  background-color: #0f2b1d;      /* deep forest green */
  background-image: none !important;  /* kill any stripes/patterns */
}



/* BLUE */

/* Solid dark blue band */
.as-ribbon-bar--solid-blue {
  background-color: #1b365d;      /* deep blue */
  background-image: none !important;  /* kill any stripes/patterns */
}

/* solid green PADDLES2 */

/* Paddles / rugged outdoors band – works for general outdoor rec */
.as-ribbon-bar--paddles2 {
  background-color: #2b3b28; /* dark earthy green */
  background-image: repeating-linear-gradient(
    135deg,
    #2b3b28 0px,
    #2b3b28 8px,
    #2b3b28 8px,
    #2b3b28 16px
  );
}
/* solid blue PADDLES3 */

/* Paddles / rugged outdoors band – works for general outdoor rec */
.as-ribbon-bar--blue-paddles2 {
  background-color: #1b365d; /* blue */
  background-image: repeating-linear-gradient(
    135deg,
    #1b365d 0px,
    #1b365d 8px,
    #1b365d 8px,
    #1b365d 16px
  );
}

/* shopping bag and color */

.as-ribbon-bar--shopping {
  background-image: url('https://arksouth.org/wp-content/uploads/2025/12/shopping-bag-152c9f.svg');
  background-repeat: repeat-x;
  background-size: 30px;
  background-position: center;
  height: 20px;
	color: var(--ast-global-color-3); /* your blue */
	filter: invert(45%) sepia(90%) saturate(500%) hue-rotate(200deg);
}





/* ============ HEART ON CARDS ================= */

/* Card base, so we can position the heart */
.as-card {
  position: relative;
}




/* FIXING HTML SPACE IN TOP OF HEADER */

/* Remove unwanted spacing from header HTML block */
#ast-desktop-header .ast-header-html {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
}

/* Make the heart link sit tight like a menu item */
.as-saved-link {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 0.9rem;
    font-weight: 600;
    padding: 0 !important;
    margin: 0 !important;
}



/* CSS FOR HEART BUTTON IN CARDS */

.as-card {
  position: relative;
}

/* Base button style (invisible container) */
.as-save-toggle {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    margin: 0 6px;
    font-size: 22px;
    line-height: 1;
}

/* Default state — outlined heart */
.as-save-toggle::before {
    content: "\2661";  /* outlined heart ♡ */
    color: #d62828;    /* red outline */
    font-size: 22px;
    font-weight: 400;
}

/* Saved state — filled heart */
.as-card.saved .as-save-toggle::before {
    content: "\2665";  /* filled heart ♥ */
    color: #d62828;    /* same red */
    font-size: 22px;
    font-weight: 700;
}

/* Optional: hover effect */
.as-save-toggle:hover::before {
    color: #b71c1c;
}

/* better hearts */

/* Base invisible button container */
.as-save-toggle {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    margin: 0 4px 0 0;
    font-size: 22px;
    line-height: 1;
}

/* Default: outlined heart */
.as-save-toggle::before {
    content: "\2661";  
    color: var(--ast-global-color-3);
    font-size: 22px;
    font-weight: 400;
}


/* Saved: filled heart */
.as-card.as-is-saved .as-save-toggle::before {
    content: "\2665";   /* ♥ */
    color: #d62828;
    font-size: 22px;
    font-weight: 700;
}

/* Optional hover */
.as-save-toggle:hover::before {
    color: #b71c1c;
}

/* MOVE HEARTS ALL THE WAY TO THE LEFT OR RIGHT AND KEEPING THE CITY CENTERED EXACTLY */

/* City bar: heart left, city centered, share right */
.home-event-city {
    position: relative;
    text-align: center;
    padding: 0 40px; /* space for icons on both sides */
}

/* City name perfectly centered in the bar */
.home-event-city-name {
    display: inline-block;
}

/* Heart pinned left */
.home-event-city .as-save-toggle {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
}

/* Share pinned right */
.home-event-city .as-share-toggle {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
}

/* fix for hearts showing as blue boxes on office dell */

/* Force symbol-capable font for heart icons (fixes blue block issue) */
.as-save-toggle::before {
    font-family: "Segoe UI Symbol",
                 "Segoe UI Emoji",
                 "Arial Unicode MS",
                 "Noto Sans Symbols",
                 "DejaVu Sans",
                 sans-serif;
}



/* AT TOP ONLY DISPLAY NUMBER IF GREATER THAN ZERO */

/* Hide the saved count when empty */
.as-saved-counter.empty #as-saved-count {
    display: none;
}

/* Optional: hide the heart too when empty — up to you */
/*
.as-saved-counter.empty .as-saved-btn {
    visibility: hidden;
}
*/

/* Hide the saved count number when nothing is saved */
.as-saved-empty #as-saved-count {
    display: none;
}

.as-events-saved-empty #as-saved-count {
    display: none;
}

.as-attractions-saved-empty #as-saved-count {
    display: none;
}


/* GIVE SHARE BUTTON AN ICON */

/* Share icon style */
.as-share-toggle {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 18px;
    line-height: 1;
    padding: 0;
}

/* USE SVG TO CREATE SHARE BUTTON */

.as-share-toggle {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    display: flex;
    align-items: center;
}

.as-share-icon {
    width: 20px;
    height: 20px;
    color: var(--ast-global-color-3); /* your gold or navy depending on usage */
}

.as-share-toggle:hover .as-share-icon {
    color: #fafaf5 !important; /* optional hover tint */
}

/* ADD SHARE TO PAGES */

/* Wrapper aligns the entire button to the right */
.as-share-wrapper {
  width: 100%;
  display: flex;
  justify-content: flex-end; /* pushes to far right */
}

/* Share button styling */
.as-share-toggle {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: none;
  padding: 6px 10px;
  border-radius: 6px;
  cursor: pointer;
  color: var(--wp--preset--color--theme-3); /* Theme color #3 */
  border: none;
  font-size: 16px;
}

/* Icon styling */
.as-share-toggle svg {
  width: 20px;
  height: 20px;
}

/* Text beside icon */
.as-share-text {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  color: var(--wp--preset--color--theme-3);
}

/* Hover effect */
.as-share-toggle:hover {
  opacity: 0.75;
}

/* ADD TOP PADDING TO BLOG POSTS */

/* Add top padding to all single blog posts */
.single-post .site-content {
    padding-top: 80px; /* adjust to your preference */
}

/* === NO MARGIN CLASS FOR WHERE I WANT IT === */

.no-margin { 
	margin-bottom: 0.3em !important; }

.zero-margin { 
	margin-bottom: 0em !important; }

* REPLACE SHARE ICON */

/* Share button wrapper */
.as-share-wrapper {
    text-align: right;     /* right-align on page */
    margin-bottom: 12px;   /* space below */
}

/* Share button styling */
.as-share-toggle {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px 8px;
    font-size: 16px;
    color: #8a2228;
}

/* New curved arrow SVG */
.as-share-icon {
    width: 22px;
    height: auto;
    display: block;
    color: #8a2228;
}





/* ============ HERO AND SUBHERO ON PAGES MOBILE ============= */

/* -------------------------------------- */
/* MOBILE HERO TITLE (iPhone widths)      */
/* -------------------------------------- */

@media (max-width: 480px) {

  /* Main title like "SPORTS" */
  .as-hero-title {
    font-size: 52px !important;     /* was 42px */
    line-height: 1.05 !important;
    letter-spacing: 1px !important;
    margin-bottom: 6px !important;
    text-align: center !important;
  }

  /* Subtitle like "& Activities" */
  .as-subhero-title {
    font-size: 44px !important;     /* was 34px */
    line-height: 1.08 !important;
    text-align: center !important;
    margin-top: 0 !important;
  }
}

/* -------------------------------------- */
/* SMALL TABLETS (portrait iPad Mini etc) */
/* -------------------------------------- */

@media (min-width: 481px) and (max-width: 767px) {
  .as-hero-title {
    font-size: 3.4rem;    /* was smaller, bumped up */
    line-height: 1.05;
  }

  .as-hero-subtitle {
    font-size: 2.4rem;    /* was smaller, bumped up */
    line-height: 1.1;
  }
}


/* === BACKGROUND IMAGE === */

/* DESKTOP/TABLET default */
.as-hero-section {
  background-size: cover;
  background-position: center center;
}

/* MOBILE & SMALL TABLETS */
@media (max-width: 1024px) {
  .as-hero-section {
    background-size: cover !important;
    background-position: center 75% !important; /* slide focus down */
    min-height: 60vh;
  }

  .as-hero-title {
    font-size: 3.6rem;
    line-height: 1.05;
  }

  .as-hero-subtitle {
    font-size: 2.6rem;
    line-height: 1.1;
  }
}

/* working on background */

/* HERO BACKGROUND – Sports & Activities page only */
.page-id-2954 .as-hero-section {
  background-size: cover !important;
  background-position: center 70% !important; /* slide focus down toward golfers */
}

/* Mobile/tablet sizing for this hero */
@media (max-width: 1024px) {
  .page-id-2954 .as-hero-section {
    min-height: 60vh;
  }

  .page-id-2954 .as-hero-title {
    font-size: 3.9rem;
    line-height: 1.05;
  }

  .page-id-2954 .as-hero-subtitle {
    font-size: 2.8rem;
    line-height: 1.1;
  }
}


/* === WEEKEND PLANNER TITLE WHITE === */

.as-weekend-title a {
  color: #ffffff !important;
}

/* === fix extra padding around some of the formidable forms submission fields === */

/* ------------------------------------------
   REMOVE EXTRA PADDING FROM SPECIFIC FIELDS
   Submit an Attraction + Submit an Event
   ------------------------------------------ */

/* ----- Submit an Attraction ----- */

/* Attraction Name (Field ID: 43) */
.frm_form_field.frm_field_43 {
    padding: 0 !important;
    background: transparent !important;
    margin-bottom: 10px !important;
}

/* Attraction Description (Field ID: 44) */
.frm_form_field.frm_field_44 {
    padding: 0 !important;
    background: transparent !important;
    margin-bottom: 10px !important;
}

/* Admission (Field ID: 45) */
.frm_form_field.frm_field_45 {
    padding: 0 !important;
    background: transparent !important;
    margin-bottom: 10px !important;
}


/* ----- Submit an Event ----- */

/* Event Title (Field ID: 65) */
.frm_form_field.frm_field_65 {
    padding: 0 !important;
    background: transparent !important;
    margin-bottom: 10px !important;
}

/* Event Description (Field ID: 67) */
.frm_form_field.frm_field_67 {
    padding: 0 !important;
    background: transparent !important;
    margin-bottom: 10px !important;
}

/* Zip Code (Field ID: 96) */
.frm_form_field.frm_field_96 {
    padding: 0 !important;
    background: transparent !important;
    margin-bottom: 10px !important;
}

/* try 2 */

/* Remove the extra padded "box" around just these fields
   (Attraction + Event submit forms) */

#frm_field_43_container,  /* Attraction Name */
#frm_field_44_container,  /* Attraction Description */
#frm_field_45_container,  /* Admission */
#frm_field_65_container,  /* Event Title */
#frm_field_67_container,  /* Event Description */
#frm_field_96_container { /* Zip Code */
    padding: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin-bottom: 10px !important;  /* keep spacing consistent */
}


/* fixing logos to sit nicely inside our image container */

/* Universal image area on cards */
.card-image {
    width: 100%;
    height: 200px;              /* adjust height as needed */
    border-radius: 18px 18px 0 0;
    overflow: hidden;
    background: #ffffff;
    position: relative;
}

/* Default: PHOTOS fill the full area */
.card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;          /* PHOTOS: fill edge-to-edge */
    display: block;
}

/* LOGO MODE */
/* LOGO MODE — stronger centering */
.card-image.is-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 10px;              /* ensures breathing room */
}


/* Logos: scale down, centered, padded, never cropped */
/* Keep logos perfectly inside the box, centered, never overflowing */
.card-image.is-logo img {
    max-width: 90% !important;
    max-height: 90% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    display: block;
    margin: auto;               /* extra centering */
}










/* === weekend planner cards ===*/

/* ================================
   WEEKEND PLANNER — CARD GRID
   ================================ */
.weekend-planner-row {
    display: flex;
    gap: 2rem;
    justify-content: center;
    align-items: stretch;
    flex-wrap: nowrap;
}

/* Card container */
.weekend-card {
    display: flex;
    flex-direction: column;
    border-radius: 18px;
    border: none !important;
    background: #ffffff;
    overflow: visible;              /* don't crop content */
    width: 280px;
    box-shadow: 0px 4px 20px rgba(0,0,0,0.15);
}

/* IMAGE SECTION — OVERRIDE GLOBAL .card-image */
.weekend-card .card-image {
    width: 100%;
    height: auto !important;        /* <— key: let poster set height */
    background: #ffffff;
    overflow: visible;              /* make sure nothing is hidden */
}

/* Posters: full width, full height, NEVER cropped */
.weekend-card .card-image img {
    width: 100%;
    height: auto !important;        /* ignore global fixed height */
    max-height: none !important;
    object-fit: contain !important; /* show entire poster */
    display: block;
}

/* DETAILS SECTION — PIN TO BOTTOM */
.weekend-details {
    margin-top: auto;
    padding: 1rem 1.25rem;
    background: #ffffff;
    color: #0b305f;
    font-size: 0.95rem;
}




/* secondary for new details page */

/* Two-column event layout – stay side-by-side on desktop */
.ast-event-detail-grid {
    display: flex;
    gap: 2.5rem;
    align-items: flex-start;
}

/* Desktop: no wrapping, both sides share space */
@media (min-width: 769px) {
    .ast-event-detail-grid {
        flex-wrap: nowrap;          /* don't let columns wrap */
    }

    .ast-event-detail-left,
    .ast-event-detail-right {
        flex: 1 1 0;
        min-width: 0;               /* let content shrink instead of wrapping under */
    }
}

/* Mobile: okay to stack */
@media (max-width: 768px) {
    .ast-event-detail-grid {
        flex-direction: column;
    }

    .ast-event-detail-left,
    .ast-event-detail-right {
        width: 100%;
    }
}

/* If titles get really long, allow breaking */
.ast-event-detail-title {
    word-break: break-word;
}

/* let us control how large the large size is so it doesn't drop underneath */

/* Event detail image – show full poster, no cropping */
.ast-event-detail-image img {
    display: block;
    width: 100%;
    height: auto;
    max-height: none;              /* no forced cut-off */
    object-fit: contain;           /* fit inside the box without cropping */
    border-radius: 12px;
}

/* keep detail view from looking and behaving like a card */

/* Remove card effects from Event Detail Pages */
.ast-event-detail-wrapper {
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    transform: none !important;
}

/* Prevent hover lift on the wrapper */
.ast-event-detail-wrapper:hover {
    transform: none !important;
}

/* again, keeping the detail from looking and behaving like a card */

/* Remove Formidable "card" shell on Event Details Page 2 Alternate */
body.page-id-4622 .frm-grid-view,
body.page-id-4622 .frm-grid-view .frm12 {
    background: transparent !important;
    border-radius: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
}


body p {
  line-height: 1.2 !important;
}


/* === NO MARGIN CLASS FOR WHERE I WANT IT === */

.no-margin { 
	margin-bottom: 0.3em !important; }

.zero-margin { 
	margin-bottom: 0em !important; }

/* fix skinny bottom of cards */

.home-event-city {
    position: relative;
    text-align: center;
    padding: 10px 40px;
}

.home-event-card .home-event-date {
    padding: 10px 40px !important;
    line-height: 1.4; /* optional, helps vertical centering */
}

/* kill tiny white line that displays upon lift of card */

/* optional: if your card currently lifts, disable it so you don’t double-lift */
.home-event-card:hover {
  transform: none !important;
}

/* grouped downtown and shopping together and created a css rule to push tighten them up vertically */

/* Tighten ONLY the second line inside this tight-text group */

.wp-block-group.tight-text > p + p {
  margin-top: -30px !important;
}

/* Mobile: loosen the stacked hero lines */
@media (max-width: 768px) {
  .wp-block-group.tight-text > p + p {
    margin-top: -8px !important; /* try -6 to -12 */
  }
}


/* additional as-hero-title and subtitle rules */

/* ===== Responsive Hero Typography Override ===== */



/* Mobile spacing correction */
@media (max-width: 768px) {
  .wp-block-group.tight-text > p + p {
    margin-top: -8px !important;
  }
}

@media (max-width: 480px) {
  .wp-block-group.tight-text > p + p {
    margin-top: 0 !important;
  }
}

/* so we can change font sizes while they are grouped */

.hero-type .as-hero-title{
  font-size: clamp(44px, 10vw, 78px);
  line-height: 1;
}

.hero-type .as-subhero-title{
  font-size: clamp(52px, 12vw, 115px);
  line-height: 1;
  letter-spacing: clamp(-2px, -1.2vw, -8px);
}

/* and another */

/* Hero behavior (does NOT force font-size) */
.hero-type .as-hero-title{
  line-height: 1;
}

.hero-type .as-subhero-title{
  line-height: 1;
  letter-spacing: clamp(-2px, -1.2vw, -8px);
}

/* Mobile spacing correction for tight-text */
@media (max-width: 768px) {
  .wp-block-group.tight-text > p + p { margin-top: -8px !important; }
}

@media (max-width: 480px) {
  .wp-block-group.tight-text > p + p { margin-top: 0 !important; }
}

/* hide counties from desktop showing on mobile */

/* Hide Counties in primary menu on desktop */
@media (min-width: 921px) {
  .counties-mobile-only {
    display: none !important;
  }
}

/* Ensure they show in mobile off-canvas */
@media (max-width: 920px) {
  .counties-mobile-only {
    display: block;
  }
}

@media (max-width: 920px) {
  .counties-mobile-only > a {
    font-weight: 600;
    opacity: 0.9;
  }
}

/* reducing h2 on mobile */

/* Tablet */
@media (max-width: 1024px) {
  .home-event-card h2 {
    font-size: 20px;
    line-height: 1.15;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .home-event-card h2 {
    font-size: 26px;
    line-height: 1.15;
  }
}

/* Small phones */
@media (max-width: 480px) {
  .home-event-card h2 {
    font-size: 22px;
    line-height: 1.1;
  }
}


/* make hidden menu text white on mobile */

@media (max-width: 921px) {
    .ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item:hover > .menu-link, .ast-builder-menu-mobile .main-navigation .inline-on-mobile .menu-item:hover > .ast-menu-toggle {
        color: var(--ast-global-color-4);
        background: var(--ast-global-color-5);
    }
}

/* makes selected white */

@media (max-width: 921px) {

  /* Hover state (you already fixed this — keep it) */
  .ast-builder-menu-mobile .main-navigation .main-header-menu 
  .menu-item:hover > .menu-link,
  .ast-builder-menu-mobile .main-navigation .inline-on-mobile 
  .menu-item:hover > .ast-menu-toggle {
    color: var(--ast-global-color-4); /* white */
    background: var(--ast-global-color-5);
  }

  /* ACTIVE / SELECTED menu item (this is the missing piece) */
  .ast-builder-menu-mobile .main-navigation .main-header-menu 
  .current-menu-item > .menu-link,
  .ast-builder-menu-mobile .main-navigation .main-header-menu 
  .current-menu-parent > .menu-link,
  .ast-builder-menu-mobile .main-navigation .main-header-menu 
  .current-menu-ancestor > .menu-link,
  .ast-builder-menu-mobile .main-navigation .main-header-menu 
  .current-menu-item > .ast-menu-toggle,
  .ast-builder-menu-mobile .main-navigation .main-header-menu 
  .current-menu-parent > .ast-menu-toggle,
  .ast-builder-menu-mobile .main-navigation .main-header-menu 
  .current-menu-ancestor > .ast-menu-toggle {
    color: var(--ast-global-color-4); /* white */
    background: var(--ast-global-color-5);
  }
}

/* bring back stripe for counties */

@media (max-width: 921px) {

  /* === Keep the Counties submenu readable: make each county row blue with white text === */

  /* Submenu row background */
  .ast-builder-menu-mobile .main-navigation .main-header-menu
  .menu-item-has-children > .sub-menu > li > .menu-link {
    background: var(--ast-global-color-5) !important;  /* your blue bar */
    color: var(--ast-global-color-4) !important;       /* white text */
  }

  /* Keep it blue/white on hover too */
  .ast-builder-menu-mobile .main-navigation .main-header-menu
  .menu-item-has-children > .sub-menu > li:hover > .menu-link {
    background: var(--ast-global-color-5) !important;
    color: var(--ast-global-color-4) !important;
  }

  /* Keep it blue/white on the CURRENT county page */
  .ast-builder-menu-mobile .main-navigation .main-header-menu
  .menu-item-has-children > .sub-menu > li.current-menu-item > .menu-link {
    background: var(--ast-global-color-5) !important;
    color: var(--ast-global-color-4) !important;
  }
}

/* fixing hearted cards to left justify */

/* Saved page: respect Formidable grid columns + left align */
.as-saved-list-page .as-saved-events .frm_grid_container,
.as-saved-list-page .as-saved-attractions .frm_grid_container{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 28px !important;
  justify-content: start !important;
  align-content: start !important;
}

/* Make sure cards don't auto-center inside grid cells */
.as-saved-list-page .as-saved-events .as-card,
.as-saved-list-page .as-saved-attractions .as-card{
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}

.as-saved-list-page .as-saved-events{
  text-align: left !important;
}

/* more for saved items */

/* =========================
   SAVED PAGE: FIX POSITIONING
   ========================= */

/* Make the Saved sections behave like normal content blocks */
.as-saved-list-page .as-saved-events,
.as-saved-list-page .as-saved-attractions{
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

/* This is the container that often ends up "centered and narrow" */
.as-saved-list-page .as-saved-events .frm_grid_container,
.as-saved-list-page .as-saved-attractions .frm_grid_container{
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;

  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;

  gap: 28px !important;

  /* Kill any centering behavior */
  justify-content: start !important;
  justify-items: stretch !important;
  align-content: start !important;
}

/* Ensure cards don’t carry centering/margins that offset them */
.as-saved-list-page .as-saved-events .as-card,
.as-saved-list-page .as-saved-attractions .as-card{
  margin: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* Responsive (optional but nice) */
@media (max-width: 1024px){
  .as-saved-list-page .as-saved-events .frm_grid_container,
  .as-saved-list-page .as-saved-attractions .frm_grid_container{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 600px){
  .as-saved-list-page .as-saved-events .frm_grid_container,
  .as-saved-list-page .as-saved-attractions .frm_grid_container{
    grid-template-columns: 1fr !important;
  }
}

/* another pass at the saved cards */

/* =========================
   SAVED PAGE: FIX POSITIONING
   ========================= */

/* Make the Saved sections behave like normal content blocks */
.as-saved-list-page .as-saved-events,
.as-saved-list-page .as-saved-attractions{
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

/* This is the container that often ends up "centered and narrow" */
.as-saved-list-page .as-saved-events .frm_grid_container,
.as-saved-list-page .as-saved-attractions .frm_grid_container{
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;

  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;

  gap: 28px !important;

  /* Kill any centering behavior */
  justify-content: start !important;
  justify-items: stretch !important;
  align-content: start !important;
}

/* Ensure cards don’t carry centering/margins that offset them */
.as-saved-list-page .as-saved-events .as-card,
.as-saved-list-page .as-saved-attractions .as-card{
  margin: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* Responsive (optional but nice) */
@media (max-width: 1024px){
  .as-saved-list-page .as-saved-events .frm_grid_container,
  .as-saved-list-page .as-saved-attractions .frm_grid_container{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 600px){
  .as-saved-list-page .as-saved-events .frm_grid_container,
  .as-saved-list-page .as-saved-attractions .frm_grid_container{
    grid-template-columns: 1fr !important;
  }
}

.as-saved-list-page .entry-content,
.as-saved-list-page .frm_forms{
  max-width: none !important;
}

/* more for saved cards positioning */

/* Saved page: collapse Formidable grid cells that end up empty */
.as-saved-list-page .frm_grid_container > *:has(.as-card[style*="display: none"]) {
  display: none !important;
}

/* If the wrapper still shows but the card inside is hidden */
.as-saved-list-page .frm_grid_container > *:has(.as-card[style*="display:none"]) {
  display: none !important;
}

/* changing the style of the Formidable Forms Calendar of Events Popup or Modal */

/* Force Lato inside Formidable calendar popups */
.frmcal-popup,
.frmcal-popup * {
  font-family: "Lato", sans-serif !important;
}

/* make hamburger white when transparent header is off in details */

/* Mobile hamburger color on transparent header */
@media (max-width: 921px) {
  .ast-header-break-point .ast-button-wrap .menu-toggle {
    color: #ffffff;
  }
}






/* fix text on front page */

/* HOME INTRO: scoped + strong specificity so it actually wins */
.entry-content .as-home-intro{
  text-align:center;
  max-width: 980px;
  margin: 0 auto;
  padding: clamp(28px, 4vw, 70px) 16px;
}

/* Title */
.entry-content .as-home-intro :is(h1,h2,h3){
  font-size: clamp(28px, 3.2vw, 56px);
  line-height: 1.1;
  margin: 0 0 12px;
}

/* Red italic subline */
.entry-content .as-home-intro .as-home-intro-subline{
  font-size: clamp(18px, 2.2vw, 34px);
  line-height: 1.2;
  margin: 0 0 14px;
}

/* Body copy: explicitly NOT bold */
.entry-content .as-home-intro p{
  font-weight: 400;
  font-size: clamp(16px, 1.25vw, 20px);
  line-height: 1.6;
  margin: 0 auto 12px;
  max-width: 60ch;
}

/* Kicker line: only THIS one gets emphasis */
.entry-content .as-home-intro .as-home-intro-kicker{
  font-weight: 600;
  font-style: italic;
  margin-top: 12px;
	line-height: 1.5 !important;
}

p.as-home-intro-kicker{ line-height: 1.6 !important; }

/* Mobile tightening (this should absolutely change mobile) */
@media (max-width: 600px){
  .entry-content .as-home-intro{
    padding: 26px 14px;
  }

  .entry-content .as-home-intro :is(h1,h2,h3){
    font-size: 24px;
    line-height: 1.15;
  }

  .entry-content .as-home-intro .as-home-intro-subline{
    font-size: 18px;
  }

  .entry-content .as-home-intro p{
    font-size: 16px;
    line-height: 1.55;
    max-width: 34ch;
  }
}

@media (max-width: 600px){

  /* Top “headline” paragraph */
  body .entry-content .as-home-intro p:first-of-type{
    font-size: 32px !important;
    line-height: 1.1 !important;
    font-weight: 700 !important;
    margin-bottom: 10px !important;
  }

  /* Second line (your red subline) */
  body .entry-content .as-home-intro p:nth-of-type(2){
    font-size: 22px !important;
    line-height: 1.2 !important;
    margin-bottom: 14px !important;
  }

  /* Body copy (all remaining paragraphs in that intro only) */
  body .entry-content .as-home-intro p:nth-of-type(n+3){
    font-size: 17px !important;
    line-height: 1.6 !important;
    max-width: 34ch !important;
    font-weight: 400 !important;
  }
}


/* reduce h4 size on mobile only */

@media (max-width: 600px) {
  body h4 {
    font-size: 20px !important;
    line-height: 1.15 !important;
    letter-spacing: 0.01em;
  }
}

/* home page upcoming events */

@media (max-width: 600px){
  p.as-upcoming-events{
    font-size: 44px !important;
    line-height: 1.05 !important;
  }
}

/* placing home page text in the middle of the page */

/* Center the intro content vertically without a spacer */
.as-home-intro-panel{
  min-height: 640px;           /* desktop-friendly default */
  display: flex;
  align-items: center;          /* vertical centering */
  justify-content: center;      /* horizontal centering of the inner content block */
  padding: 80px 20px;           /* breathing room */
}

/* Make it behave nicely on phones */
@media (max-width: 600px){
  .as-home-intro-panel{
    min-height: 0;              /* let content define height */
    padding: 50px 18px;
  }
}

.as-home-intro-panel {
  min-height: 100svh;
  display: flex;
  align-items: center;
}

.as-home-intro-panel .innerblocks-wrap{
  min-height: 100svh !important;
  display: flex !important;
  align-items: center !important;
}

/* search icon */

/* Header icons wrapper */
.as-header-icons{
  display:flex;
  align-items:center;
  gap:10px;
  line-height:1;          /* keep wrapper sane */
}

/* Search icon */
.as-search-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  line-height:0;          /* IMPORTANT: removes baseline weirdness */
  padding:0;
  margin:0;
  color:#fff !important;  /* IMPORTANT: beat Astra link color */
  text-decoration:none;
}

/* SVG sizing + make sure stroke follows color */
.as-search-icon svg{
  display:block;          /* IMPORTANT: no inline baseline */
  width:18px;
  height:18px;
}

.as-search-icon svg path{
  stroke:currentColor;
}

/* Nudge the search icon down to match the heart line */
.as-header-icons .as-search-icon{
  position: relative;
  top: 12px;   /* try 2px or 4px if needed */
}

/* Force saved heart + count to white */
.as-saved-link,
.as-saved-link:visited,
.as-saved-link:hover {
  color: #fff;
}

.as-saved-heart {
  color: #fff;
}

#as-saved-count {
  color: #fff;
}


/* fixing calendar width */
/* FROM FORMIDABLE FORMS */
@media only screen and (max-width: 600px) {
  body.page-id-2295 div#frmcal-2296 {
    max-width: 90% !important;
  }
}

/* FIX LOGO ON MOBILE */

/* Desktop/tablet: let logo overlap both menu bars */
@media (min-width: 922px) {
  .ast-logo-title-inline .site-logo-img {
    position: absolute;
    top: -25px;
  }
}

/* Mobile: stop the overlap so it doesn't slide under search/menu */
@media (max-width: 921px) {
  .ast-logo-title-inline .site-logo-img {
    position: relative;  /* or static */
    top: 0;
  }
}