/*
Theme Name: Blocksy Child
Template: blocksy
*/


/************************************************ Start of CUSTOM FONTS ***************************************************/
@font-face {
  font-family: 'Afacad Regular';
  src: url('https://durandforidaho.com/wp-content/uploads/2025/06/Afacad-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Afacad Medium';
  src: url('https://durandforidaho.com/wp-content/uploads/2025/06/Afacad-Medium.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Afacad SemiBold';
  src: url('https://durandforidaho.com/wp-content/uploads/2025/06/Afacad-SemiBold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Afacad Bold';
  src: url('https://durandforidaho.com/wp-content/uploads/2025/06/Afacad-Bold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Anton Regular';
  src: url('https://durandforidaho.com/wp-content/uploads/2025/06/Anton-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Sofia Sans Condensed Regular';
  src: url('https://durandforidaho.com/wp-content/uploads/2025/06/SofiaSansCondensed-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Sofia Sans Condensed SemiBold';
  src: url('https://durandforidaho.com/wp-content/uploads/2025/06/SofiaSansCondensed-SemiBold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Sofia Sans Condensed Bold';
  src: url('https://durandforidaho.com/wp-content/uploads/2025/06/SofiaSansCondensed-Bold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Sofia Sans Condensed ExtraBold';
  src: url('https://durandforidaho.com/wp-content/uploads/2025/06/SofiaSansCondensed-ExtraBold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Sofia Sans Condensed Black';
  src: url('https://durandforidaho.com/wp-content/uploads/2025/06/SofiaSansCondensed-Black.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Special Elite Regular';
  src: url('https://durandforidaho.com/wp-content/uploads/2025/06/SpecialElite-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
/************************************************ End of CUSTOM FONTS ***************************************************/


/************************************************ Start of CUSTOM BUTTONS ***************************************************/
/**************** All burgundy buttons **************/
.custom-button {
  display: inline-block;
  background-color: #630b31;
  color: #F3F3F3;
  padding: 15px;
  border-radius: 10px;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.3s ease;
  text-decoration: none;
  line-height: 1.5;
  box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.25);
}

.custom-button:hover {
  background-color: #7D123F;
}

.custom-button .button-top-line {
  font-family: 'Sofia Sans Condensed Regular', sans-serif;
  font-size: 20px;
  letter-spacing: 0.01em;
  display: block;
  margin-bottom: 0px;
}

.custom-button .button-bottom-line {
  font-family: 'Sofia Sans Condensed Bold', sans-serif;
  font-size: 30px;
  letter-spacing: 0.01em;
  display: block;
}

/******************** All Cream buttons ****************/
.donate-button {
  display: inline-block;
  background-color: #FCF1DD;
  color: #630B31;
  padding: 15px;
  border-radius: 10px;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.3s ease;
  text-decoration: none;
  line-height: 1.5;
  box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.25);
}

.donate-button:hover {
  background-color: #F6E9D0;
  color: #7D123F;
}

.donate-button .donate-button-top-line {
  font-family: 'Sofia Sans Condensed SemiBold', sans-serif;
  font-size: 24px;
  letter-spacing: 0.01em;
  display: block;
  margin-bottom: 0px;
}

.donate-button .donate-button-bottom-line {
  font-family: 'Sofia Sans Condensed Black', sans-serif;
  font-size: 34px;
  letter-spacing: 0.01em;
  display: block;
}
/************************************************ End of CUSTOM BUTTONS ***************************************************/


/************************************************ Start of BASE SITE STYLING ***************************************************/
/* Header styling for all screen sizes */
header {
  height: 60px !important;
  border-radius: 45px 45px 0 0 !important;
  position: relative;
  overflow: visible;
}

/* Fix mobile header logo flowing over the menu trigger button */
@media (max-width: 1024px) {
    .site-logo-container img {
        max-width: 100% !important;
    }
}

/* Prevent overflow from hiding it */
#offcanvas,
body,
html {
  overflow: visible !important;
}

/* Fix for disappearing on scroll if the header scrolls */
.ct-header-trigger {
  position: relative !important;
  z-index: 9999 !important;
}

body[data-offcanvas-open="true"] .ct-header-trigger svg {
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 9999 !important;
}

/* Hide Elementor html labels on frontend */
.editor-label {
  display: none;
}

/* Show label only inside Elementor editor */
.elementor-editor-active .editor-label {
  display: block;
  font-size: 14px;
  color: #999;
  margin-bottom: 5px;
  font-style: italic;
}

/* SPECIAL DONATE BUTTON STYLING - Desktop only */
@media (min-width: 1025px) {
  .donate-btn {
    font-family: 'Sofia Sans Condensed Black', sans-serif !important;
    font-size: 32px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    width: 200px !important;
    height: 80px !important;
    border-radius: 0 45px 0 45px !important;
    display: flex;
    align-items: center;
    justify-content: center;

    position: absolute !important;
    top: 0 !important;
    right: 0 !important;

    box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.25) !important;
    z-index: 10;
  }
}

/* SPECIAL DONATE BUTTON STYLING - Mobile only */
@media (max-width: 1024px) {
  .donate-btn {
    font-family: 'Sofia Sans Condensed Black', sans-serif !important;
    font-size: 24px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.03em !important;
    width: 110px !important;
    height: 40px !important;
    border-radius: 10px 10px 10px 10px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.25) !important;
    z-index: 10;
  }
}

/* Global text selection override */
body ::selection {
  background-color: #630B31 !important; /* burgundy background */
  color: #ffffff !important;            /* white text */
}

/* Images vignette and 10 radius */
.image {
  position: relative;
  display: inline-block;
  border-radius: 10px;
  overflow: hidden;
}

.image::after {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  pointer-events: none;
  box-shadow: inset 5px 5px 30px rgba(0, 0, 0, 0.5);
  border-radius: 10px;
}
/************************************************ End of BASE SITE STYLING ***************************************************/


/************************************************ Start of HOME PAGE edits ***************************************************/
/* GiveWP total donations banner shortcode styling */
.give-totals-shortcode-wrap {
  font-size: 24px;
 	font-family: 'Sofia Sans Condensed Bold';
	letter-spacing: 0.01em !important;
  color: #0D4222;
  text-align: center;
}
/************************************************ End of HOME PAGE edits ***************************************************/


/************************************************ Start of EVENTS PAGE edits ***************************************************/
/* No events found notice for Event page shortcode */
#event-listing-view > .no_event_listings_found {
    border: 2px solid #3F3F3F;
    color: #3F3F3F;
}

/* Featured event card frame*/
.event_featured {
  background-color: #95EEAF !important;
  padding: 10px !important;
  margin-bottom: 10px !important;  
  margin-top: 10px;
  border-radius: 20px; /* Adjust to match your theme */
  box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.25);
}

/* Cancelled event card frame*/
.event_cancelled {  
  background-color: #D9D9D9 !important;  
  padding: 10px !important;  
  margin-bottom: 10px !important;  
  margin-top: 10px;
  border-radius: 20px; 
  box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.25);
}

/* Thin grey border around entire vertical event card wrapper */
.event_listings_main {
    border-color: #D9D9D9;
    border-style: solid;
    border-width: 1px;
    border-radius: 15px 5px 5px 15px;
    padding: 10px 20px 15px 10px;
}

/* Event card original thin border remove */
.wpem-event-layout-wrapper {
    border: 1px transparent !important;
}

/* Event cards vertical view bottom margin reduce */
.wpem-event-listing-list-view {
    margin-bottom: -5px !important;
}

/*********** Event layout scrollbar *********/
/* Always visible SCROLLBAR track and thumb */
.wpem-event-listings {
  position: relative;
  max-height: 550px;
  overflow-y: scroll;
  padding-right: 15px;
  margin-right: -7px; /* prevent layout shift */
  background: transparent;
  scrollbar-width: 7px;
  scrollbar-color: #630b31 #FFFFFF; /* Thumb (burgundy), Track (light grey) */
}

/* Simulate visible scrollbar track background (for browsers where scrollbar is overlayed) */
.wpem-event-listings::after {
  content: "";
  position: absolute;
  overflow-y: scroll;
  top: 0;
  right: 0;
  width: 7px;
  height: 100%;
  background-color: #FFFFFF; /* Track background */
  border-radius: 2px;
  pointer-events: none;
  z-index: 1;
}

    /* WebKit Browsers (Chrome, Safari, Edge) */
    .wpem-event-listings::-webkit-scrollbar {
      width: 7px;
    }
    
    .wpem-event-listings::-webkit-scrollbar-track {
      background: transparent; /* Let the ::after show through */
    }
    
    .wpem-event-listings::-webkit-scrollbar-thumb {
      background-color: #630b31; /* Always visible burgundy thumb */
      border-radius: 4px;
      border: 2px solid #FFFFFF; /* Padding around thumb to blend with track */
    }
    
@media screen and (max-width: 768px) {
  .wpem-event-listings {
    max-height: none !important;
    overflow-y: visible !important;
  }
}

/*********** Event cards *********/
/* Event cards layout */
.wpem-event-layout-wrapper .wpem-event-action-url {
  display: flex;
  flex-direction: row-reverse !important;
  flex-wrap: nowrap;
  border-radius: 10px 10px 10px 10px;
  overflow: visible;
  text-decoration: none;
  width: 100%;
  max-width: 1100px;
  height: auto;
  margin: 0px auto;
  background-color: white;
  position: relative;
}

/* Event card left padding remove */
.wpem-event-details {
  padding: 0px !important;
}

/* Event card padding remove and add radius*/ 
.wpem-event-layout-wrapper .wpem-event-infomation {
  padding: 0px 0px 10px 0px !important;
  border-radius: 10px 10px 0px 10px !important;
}

/* Event card padding */ 
.wpem-event-listing-list-view.wpem-event-listings .wpem-event-layout-wrapper .event_listing {
  border-left: 0px solid transparent;
  padding: 10px;
}

/*********** Event title *********/
/* Event cards burgundy header for title round top-left only */
.wpem-event-infomation .wpem-event-title {
  border-top-left-radius: 10px;
  border-top-right-radius: 0;
}

/* Burgundy title header - AFFECTS SINGLE EVENT */
.wpem-event-title {
  background-color: #630B31;
  border-radius: 10px 10px 0px 0px;
  margin-top: 0px !important;
  padding: 10px 0px 15px 0px !important;
}

/* Event title container side margins remove */
.wpem-event-listings .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-details .wpem-event-title {
  margin: 0px 0px 15px 0px !important;  
}

/* Event title text */
.wpem-event-details .wpem-event-title > h3.wpem-heading-text {
  color: #FFFFFF !important;
  font-family: "Sofia Sans Condensed SemiBold" !important;
  font-size: 24px !important;
  letter-spacing: 0.02em;
  text-align: left;
  padding: 0px 15px 0px 20px;
}

/*********** Event excerpt *********/
/* Excerpt styling */
.wpem-event-excerpt {
  color: #630B31 !important;
  padding: 10px;
  font-size: 16px !important;
  font-family: 'Afacad Regular', sans-serif !important;
  margin: -10px 15px -30px 10px;
}

/*********** Event date, time, location *********/
/* Event date time margins */
.wpem-event-listings .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-details .wpem-event-date-time {
  margin: 10px 15px 10px 20px  !important; 
}

/* Event location margins */
.wpem-event-listings .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-details .wpem-event-location {
  margin: 0px 15px 20px 20px  !important; 
}

/* Event location icon color */
.wpem-event-listings 
  .wpem-event-layout-wrapper:not(.status-expired) 
  .wpem-event-infomation 
  .wpem-event-details 
  .wpem-event-location::before {
    color: #630B31;
}

/* Event location text */
.wpem-event-layout-wrapper:not(.status-expired) .wpem-event-location-text {
  color: #630B31;
  font-size: 18px;
  font-family: 'Afacad Regular', sans-serif;
}

/* TICKETED event tag styling */
.ticket-paid {
  background-color: #FCF1DD !important;
  color: #630B31 !important;
  margin: 0px 10px 10px 15px;
  padding: 10px 12px !important;
  font-family: 'Afacad Semibold', sans-serif !important;
  font-size: 18px !important;
  letter-spacing: 0.02em !important;
}

/* FREE event tag styling */
.ticket-free {
  background-color: #95EEAF !important;
  color: #0D4222 !important;
  margin: 0px 10px 10px 15px;
  padding: 10px 12px !important;
  font-family: 'Afacad Semibold', sans-serif !important;
  font-size: 18px !important;
  letter-spacing: 0.02em !important;
}

/*********** Event image *********/
/* Image container */
.wpem-event-layout-wrapper:not(.status-expired) .wpem-event-banner {
  flex: 0 0 15%;    /* Moderate width */
  padding: 20px;    /* Smaller padding, more horizontal */
  background-color: #630B31;
  border-radius: 0 10px 10px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Image */
.wpem-event-layout-wrapper:not(.status-expired) .wpem-event-banner-img {
  width: 100%;
  min-height: 150px;        /* Fixed height for consistency */
  min-width: 150px;
  background-size: contain !important; /* Show entire image */
  background-repeat: no-repeat !important;
  background-position: center center !important;
  border-radius: 10px !important;
}


/*********** Start of EVENT CARDS MOBILE *********/
@media screen and (max-width: 768px) {
/* Mobile - Image to top not left */
  .wpem-event-layout-wrapper .wpem-event-action-url {
    flex-direction: column !important;
  }
    
/* Mobile - Image container styling */
  .wpem-event-layout-wrapper:not(.status-expired) .wpem-event-banner {
    flex: 0 0 auto;
    width: 100%;
    max-width: auto;
    padding: 15px 0px 5px 0px;
    border-radius: 10px 10px 0 0;
  }

/* Mobile - Image styling */
  .wpem-event-layout-wrapper:not(.status-expired) .wpem-event-banner-img {
    min-height: 100px !important;
    max-width: 300px !important;
    border-radius: 10px !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
  }
  
/* Mobile - Title header styling */
  .wpem-event-infomation .wpem-event-title {
    border-radius: 0 !important;
    padding: 10px 5px 15px 5px !important;
  }
  
/* Mobile - Extra space on the right of Location for long titles not overflowing */  
  .wpem-event-location-text {
	padding-right: 20px;
  }
  
/* Mobile - Move FREE or TICKETED tags in the middle */
  .wpem-event-ticket-type {
    display: flex;
    justify-content: center; /* centers horizontally */
  }
}
/*********** End of EVENT CARDS MOBILE *********/

/************************************************ End of EVENTS PAGE edits ***************************************************/


/************************************************ Start of PAST EVENTS PAGE edits ***************************************************/
/* No events found notice for Past event page */
.no_event_listings_found {
    margin-top: 20px;
    color: #3F3F3F;
    background-color: #FCF1DD;
    border-radius: 10px;
    border: 2px solid #3F3F3F;
    font-family: "Afacad SemiBold", sans-serif;
    font-size: 21px;
    text-align: center;
}

/* Past - Remove date badge from Past events */
.wpem-event-listings .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-date {
  display: none;
}

/* Past - Image background color */
.event_listing.status-expired .wpem-event-banner  {
  background-color: #818181 !important;
}

/* Past - Title styling */
.event_listing.status-expired .wpem-event-title {
  background-color: #818181 !important;
}

/* Past - Excerpt styling */
.status-expired .wpem-event-excerpt {
  color: #818181 !important;
}

/* Past - Location icon */
.event_listing.status-expired .wpem-event-infomation 
  .wpem-event-details 
  .wpem-event-location::before {
    color: #818181 !important;
}

/* Past - Location text */
.event_listing.status-expired .wpem-event-location-text {
  color: #818181 !important;
}

/* Hide PAID or TICKETED ticket type tags on past events */
.past-event-card span.wpem-event-ticket-type-text {
    display: none !important;
}


/* Past - Scrollbar */
.past-events-wrapper .wpem-event-listings::-webkit-scrollbar-thumb {
  background-color: #818181;
  border-radius: 4px;
  border: 2px solid #FFFFFF;
}
.past-events-wrapper .wpem-event-listings {
  scrollbar-color: #818181 #FFFFFF;
}
/************************************************ End of PAST EVENTS PAGE edits ***************************************************/


/************************************************ Start of SINGLE EVENT PAGE edits ***************************************************/
/*********** Start of SINGLE EVENT UPCOMING (global) *********/
/* Remove title and author */
.entry-header {
  display: none;
}

/* Remove image */
div[style*="float:right"] {
    display: none !important;
}

/* Remove space on either side */
.wpem-row div[style*="max-width: 1000px"] {
  max-width: none !important;
  margin: 0 !important;
}

/* Cancelled event alert styling */
.single_event_listing .wpem-alert.wpem-alert-danger {
    color: #630b31;
    border: 2px solid #530929;
    border-radius: 10px;
    box-shadow: none;
    font-family: "Afacad SemiBold", sans-serif;
    font-size: 21px;
    text-align: center;
}

/* Eye container */
.wpem-viewed-event.wpem-tooltip.wpem-tooltip-bottom {
  display: none;
}

/* Description styling */
.wpem-single-event-body-content, .wp-block-quote{
  font-family: "Afacad Regular" !important;
  font-size: 18px !important;
  text-align: justify;
  padding: 0px 35px 0px 35px !important
}

/* Description text or link hover color */
.single-event_listing .wpem-single-event-body-content a:hover {
  color: #7D123F !important; 
}

/* Move Health guidelines title */
.wpem-single-event-page .wpem-single-event-footer .wpem-listing-accordion {
    margin-left: 15px;
}

/* Health guidelines text */
.wpem-event-health-guideline-list {
  color: #630b31 !important;
  font-family: "Afacad Regular";
  font-size: 18px !important;
  text-align: justify;
}

/* Health guidelines icons color */
.wpem-event-health-guideline-list-item-icon {
  color: #630b31 !important;
}
.wpem-single-event-page .wpem-single-event-footer .wpem-listing-accordion .wpem-icon-minus,
.wpem-single-event-page .wpem-single-event-footer .wpem-listing-accordion .wpem-icon-plus {
    color: #630b31 !important;
}

/* Remove Additional details with custom page URL */
.wpem-additional-info-block-wrapper {
  display: none !important;
}

/* Remove Event registration button click text */
.registration_details.wpem-register-event-form {
  display: none !important;
}

/* Register for event button hover*/
.wpem-theme-button.popmake-655.pum-trigger:hover {
    background-color: #7D123F !important; 
    color: #FFFFFF;
} 

/* Add space above Admission */
.wpem-event-admission {
  margin-top: 10px;
}

/* Style Admission cost text */
.wpem-event-admission-value {
  font-family: "Afacad Bold", sans-serif;
  font-size: 18px;
  padding: 10px;
  border-radius: 10px;
  display: flex;
  justify-content: center;
}

/* PAID admission styling */
.wpem-event-admission-value.admission-paid {
  color: #630b31 !important;
  background-color: #FCF1DD;
}

/* FREE admission styling */
.wpem-event-admission-value.admission-free {
  color: #0D4222 !important;
  background-color: #95EEAF;
}

/* Date, Time, Location info */
.wpem-heading-text {
  color: #630b31 !important;
  font-family: Afacad Bold;
  font-size: 24px !important;
}
.wpem-event-date-time {
  color: #630b31 !important;
  font-family: "Afacad Regular", sans-serif;
  font-size: 18px;
}
.wpem-single-event-sidebar-info a {
  color: #630b31 !important;
  font-family: "Afacad Regular", sans-serif;
  font-size: 18px;
}

/* Only underline the location link inside the wrapper */
.event-location-wrapper a {
    text-decoration: underline !important;
}

/* Style Registration End Date */
.wpem-registration-end-date {
  color: #630b31;
  font-family: 'Afacad Regular', sans-serif;
  font-size: 18px;
  margin-top: 0.3rem;
}

/* Style 'Online event' or fallback location text */
.wpem-online-event {
  color: #630b31 !important; /* your burgundy */
  font-family: 'Afacad Regular', sans-serif !important; /* your preferred font */
  font-size: 18px !important; /* adjust as needed */
}

/* Style Event Type and Category */
.wpem-event-type a span.wpem-event-type-text,
.wpem-event-category a span.wpem-event-category-text {
  font-family: 'Afacad Regular', sans-serif !important;
  font-size: 18px !important;
  color: #630B31 !important;
  padding: 0px !important;
}

/* Watch video button style override */
.wpem-theme-button.wpem-modal-button {
    font-family: 'Sofia Sans Condensed Regular', sans-serif !important;
    font-size: 21px;
    border-radius: 10px;
    color: white !important;
    text-transform: none;
    box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.25);
    width: 100%;
    background-color: #630b31 !important; 
    color: #630b31;
    border-radius: 10px;
    text-align: center;
    cursor: pointer;
    margin-top: 10px;
    box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.25);
}

/* Watch video button hover*/
.wpem-theme-button.wpem-modal-button:hover {
  background-color: #7D123F !important;
  box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.25) !important;
}

/* Remove margin above Social section in sidebar */
.wpem-single-event-page .wpem-single-event-sidebar-info {
    margin-bottom: 20px;
}
/*********** End of SINGLE EVENT UPCOMING (global) *********/    

/*********** Start of SINGLE EVENT PAST *********/
/* Past - Eye container color change to grey */
.event_listing.status-expired .wpem-icon-eye {
  color: #818181 !important; 
}

/* Past - Description text color */
.event_listing.status-expired .wpem-single-event-body-content p,
.event_listing.status-expired .wpem-single-event-body-content .has-palette-color-1-color {
  color: #818181 !important;
}

/* Past - Description link color */
body.single-event_listing .event_listing.status-expired a {
  color: #3F3F3F;
}

/* Past - Description link hover color */
body.single-event_listing .event_listing.status-expired a:hover {
  color: #818181 !important;
}

/* Past - Health guidelines text */
.event_listing.status-expired .wpem-event-health-guideline-list {
  color: #818181 !important;
}

/* Past - Health guidelines icons color */
.event_listing.status-expired .wpem-event-health-guideline-list-item-icon {
  color: #818181 !important;
}
.event_listing.status-expired .wpem-single-event-page .wpem-single-event-footer .wpem-listing-accordion .wpem-icon-minus,
.event_listing.status-expired .wpem-single-event-page .wpem-single-event-footer .wpem-listing-accordion .wpem-icon-plus {
    color: #818181 !important;
}

/* Past - Admission cost greyed out */
.wpem-event-admission.past-event .wpem-event-admission-value {
    background-color: #D9D9D9; /* light grey */
    color: #818181; /* darker grey for text */
}

/* Past - Date, Time, Location info */
.event_listing.status-expired .wpem-heading-text {
  color: #818181 !important;
}
.event_listing.status-expired .wpem-event-date-time {
  color: #818181 !important;
}
.event_listing.status-expired .wpem-single-event-sidebar-info a {
  color: #818181 !important;
}

/* Past - Style Registration End Date */
.event_listing.status-expired .wpem-registration-end-date {
  color: #818181;
}

/* Past - Style 'Online event' or fallback location text */
.event_listing.status-expired .wpem-online-event {
  color: #818181 !important; /* your burgundy */
}

/* Past - Style Event Type and Category */
.event_listing.status-expired .wpem-event-type a span.wpem-event-type-text,
.event_listing.status-expired .wpem-event-category a span.wpem-event-category-text {
  color: #818181 !important;
}

/* Past - Watch video button style override */
.event_listing.status-expired .wpem-theme-button.wpem-modal-button {
    background-color: #818181 !important; 
    color: #FFF !important;
}

/* Past - Watch video button hover*/
.event_listing.status-expired .wpem-theme-button.wpem-modal-button:hover {
  background-color: #818181 !important;
  color: #FFF !important;
}
/*********** End of SINGLE EVENT PAST *********/


/*********** Start of SINGLE EVENT PAST for WIDGETS *********/
@supports (selector(:has(*))) {
  /* Text color for past widget-based events */
  .wpem-single-event-page:has(.listing-expired) .wpem-icon-eye,
  .wpem-single-event-page:has(.listing-expired) .wpem-single-event-body-content p,
  .wpem-single-event-page:has(.listing-expired) .wpem-single-event-body-content .has-palette-color-1-color,
  .wpem-single-event-page:has(.listing-expired) .wpem-event-health-guideline-list,
  .wpem-single-event-page:has(.listing-expired) .wpem-event-health-guideline-list-item-icon,
  .wpem-single-event-page:has(.listing-expired) .wpem-single-event-footer .wpem-listing-accordion .wpem-icon-minus,
  .wpem-single-event-page:has(.listing-expired) .wpem-single-event-footer .wpem-listing-accordion .wpem-icon-plus,
  .wpem-single-event-page:has(.listing-expired) .wpem-heading-text,
  .wpem-single-event-page:has(.listing-expired) .wpem-event-date-time,
  .wpem-single-event-page:has(.listing-expired) .wpem-single-event-sidebar-info a,
  .wpem-single-event-page:has(.listing-expired) .wpem-registration-end-date,
  .wpem-single-event-page:has(.listing-expired) .wpem-online-event,
  .wpem-single-event-page:has(.listing-expired) .wpem-event-type a span.wpem-event-type-text,
  .wpem-single-event-page:has(.listing-expired) .wpem-event-category a span.wpem-event-category-text {
    color: #818181 !important;
  }

  /* Background color for event title */
  .wpem-single-event-page:has(.listing-expired) .wpem-event-title {
    background-color: #818181 !important;
  }

  /* Link color and hover */
  .wpem-single-event-page:has(.listing-expired) a {
    color: #3F3F3F;
  }
  .wpem-single-event-page:has(.listing-expired) a:hover {
    color: #818181 !important;
  }

  /* Buttons only — background AND text color */
  .wpem-single-event-page:has(.listing-expired) #receive-event-details-btn.event-details-button,
  .wpem-single-event-page:has(.listing-expired) .wpem-theme-button.wpem-modal-button {
    background-color: #818181 !important;
    color: #FFF !important;
  }

  .wpem-single-event-page:has(.listing-expired) #receive-event-details-btn.event-details-button:hover,
  .wpem-single-event-page:has(.listing-expired) .wpem-theme-button.wpem-modal-button:hover {
    background-color: #818181 !important;
    color: #FFF !important;
  }
}
/*********** End of SINGLE EVENT PAST for WIDGETS *********/

/*********** Start of MOBILE VIEW ***********/
/* Mobile view */
@media (max-width: 768px) {
/* Mobile - Reduce top margin */
    .ct-container-full {
        margin-top: -20px;
    }
    
/* Mobile - Event description container with small horizontal padding */
  .wpem-single-event-body-content {
    margin: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 0px 35px 0px 35px!important;
    }

/* Mobile - Resizing Health guidelines */
    .wpem-listing-accordion {
      max-width: 90%;
      box-sizing: border-box;
    }
    
/* Mobile - Share icons to middle */     
    .wpem-event-share-lists {
        display: flex !important;
        justify-content: center !important;
        flex-wrap: wrap;
        gap: 20px;
    }
}
/*********** End of MOBILE VIEW ************/
    
/*********** Start of REGISTER YOUR INTEREST POPUP **********/
/* Register your interest popup button */
a.wpem-theme-button.popmake-655,
a.wpem-theme-button.popmake-655.pum-trigger {
    font-family: 'Sofia Sans Condensed Regular', sans-serif !important; 
    padding: 10px 0 !important;
    min-height: auto !important;
    height: auto !important;
    border-radius: 10px !important;
    background-color: #630b31 !important; 
    letter-spacing: 0.01em !important;
    color: white !important;
    font-size: 21px !important; 
    text-transform: none !important;
    border: none !important;
    cursor: pointer !important;
    box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.25) !important;
}

/* Eventbrite paid event button styling */
.paid-event-button {
    font-family: 'Sofia Sans Condensed Regular', sans-serif !important; 
    padding: 10px 0 !important;
    min-height: auto !important;
    height: auto !important;
    border-radius: 10px !important;
    background-color: #FCF1DD !important; 
    letter-spacing: 0.01em !important;
    color: #630b31 !important;
    font-size: 21px !important; 
    text-transform: none !important;
    border: none !important;
    cursor: pointer !important;
    box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.25) !important;
}

/* Eventbrite paid event button hover effect */
.paid-event-button:hover {
    background-color: #F6E9D0 !important; /* Dark maroon background */
    color: #7D123F !important; /* Light cream text */
}

/* WPForms submit button */
.wpforms-submit {
    font-family: 'Sofia Sans Condensed Bold', sans-serif !important; 
    padding: 10px 15px !important;
    min-height: auto !important;
    height: auto !important;
    border-radius: 10px !important;
    background-color: #fcf1dd !important; 
    letter-spacing: 0.01em !important;
    color: #630b31 !important;
    font-size: 24px !important; 
    border: none !important;
    cursor: pointer !important;
    box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.25) !important;
    box-sizing: border-box !important;
    vertical-align: middle !important;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.wpforms-submit:hover,
.pum-container button.wpforms-submit:hover {
    background-color: #F6E9D0 !important;
    color: #7D123F !important;
}

/* Popup form dropdown container */
.choices__inner {
    border-color: #b6b6b6 !important;
    border-radius: 3px !important;
    font-family: 'Afacad Regular', sans-serif !important;
}

/* Selected item text inside dropdown field (after choosing an event) */
.choices__inner .choices__item.choices__item--selectable {
    color: #630B31 !important;
}

/* Dropdown open state - border & radius only */
.choices.is-open .choices__list--dropdown,
.choices__list--dropdown {
    border-color: #630b31 !important;
    box-shadow: none !important;
    border-radius: 2px !important;
}

/* Dropdown options - default text color */
.choices__item--selectable {
    color: #818181 !important;
    font-size: 18px !important;
}

/* Dropdown options - hover and highlighted */
.choices__list--dropdown .choices__item--selectable:hover,
.choices__list--dropdown .choices__item--selectable.is-highlighted {
    background-color: #630B31 !important;
    color: #FFFFFF !important;
}

/* Prevent highlight effect when dropdown not hovered */
.choices__list--dropdown:not(:hover) .choices__item--selectable,
.choices__list--dropdown:not(:hover) .choices__item.is-highlighted {
    background-color: transparent !important;
    color: #818181 !important;
}

/* Remove focus outlines and add burgundy border + shadow ONLY on dropdown field */
.choices__inner:focus,
.choices__inner:focus-visible,
.choices__inner:focus-within,
.choices.is-focused,
.choices:focus,
.choices:focus-visible,
.choices:focus-within {
    border-color: #630b31 !important;
    box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.25) !important;
    outline: 2px !important;
    border-radius: 2px !important;
    font-family: 'Afacad Regular', sans-serif !important;
}

/* Single select choices list (the field showing selected item) */
.choices__list--single {
    width: 100% !important;
    min-width: 320px !important;
    max-width: none !important;
}

/* Error messages */
.wpforms-error {
    color: #630b31 !important;
    font-family: 'Afacad Regular', sans-serif !important;
    font-size: 18px !important;
}

/* Mailcheck suggestion hover */
.mailcheck-suggestion:hover {
    color: #7D123F !important;
}

/* Input area */
.choices__input {
    width: 100% !important;
    min-width: 320px !important;
    max-width: none !important;
}

/* Hidden select field */
.choicesjs-select {
    width: 100% !important;
    min-width: 320px !important;
    max-width: none !important;
}

/* WPForms field container stretch */
.wpforms-field-medium {
    width: 100% !important;
    max-width: none !important;
}

/* Confirmation message styling */
.wpforms-container-full .wpforms-confirmation-container-full {
    background-color: #95EEAF !important; 
    border: 1px solid #b4d39b !important;
    border-radius: 10px;
    font-family: 'Afacad Regular', sans-serif !important;
    color: #0D4222 !important;
    padding: 10px;
    font-size: 18px;
    margin-top: 30px !important;
}

/* Spinner on mobile */
@media (max-width: 768px) {
    .wpforms-submit-spinner {
        display: none !important;
        width: 20px !important;
        height: 20px !important;
        max-width: 20px !important;
        max-height: 20px !important;
        position: absolute !important;
        bottom: 1.5rem !important;
        right: 1.5rem !important;
        margin: 0 !important;
        padding: 0 !important;
        z-index: 1000 !important;
    }

    .wpforms-is-submitting .wpforms-submit-spinner {
        display: inline-block !important;
    }
}
/*********** End of REGISTER YOUR INTEREST POPUP **********/


/********* Start of WATCH VIDEO POPUP **********/
/* Watch video popup overlay */
#wpem-youtube-modal-popup .wpem-modal-overlay {
  background-color: rgba(40, 40, 40, 0.90);
}

/* Modal wrapper */
#wpem-youtube-modal-popup .wpem-modal-content-wrapper {
  width: 90vw !important;
  max-width: 900px !important;
  max-height: 90vh !important;
  background-color: #f3f3f3 !important;
  border-radius: 10px !important;
  padding: 20px 20px 20px 20px !important;
  box-shadow: 0 10px 25px 4px rgba(2, 2, 2, 0.5) !important;
  overflow-y: auto !important;
  box-sizing: border-box !important;
}

/* Modal title */
#wpem-youtube-modal-popup .wpem-modal-header-title-text {
  font-family: 'Anton', sans-serif !important;
  font-weight: 400;
  font-size: 32px !important;
  line-height: 34px !important;
  color: #630B31 !important;
  text-align: left;
  margin-bottom: 20px !important;
  max-width: 100%;
}

/* Style the modal close "X" button background circle */
.wpem-modal-close {
  position: absolute;
  margin-top: -20px;
  margin-left: 21px;
  background-color: #630b31 !important;
  border-radius: 50% !important;
  width: 28px !important;
  height: 28px !important;
  text-align: center !important;
  cursor: pointer !important;
  z-index: 2 !important;
  display: block !important;
}

/* Create the white "X" using two lines */
.wpem-modal-close::before,
.wpem-modal-close::after {
  position: absolute;
  top: 50% !important;
  left: 50%;
  height: 12px !important;
  background-color: #ffffff !important;
}

.wpem-modal-close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

/* Video sizing */
#wpem-youtube-modal-popup iframe,
#wpem-youtube-modal-popup video {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9 !important;
  max-height: 65vh !important;
  border-radius: 8px !important;
  display: block !important;
  object-fit: contain !important;
}

/* Remove transition/animation */
#wpem-youtube-modal-popup.wpem-modal,
#wpem-youtube-modal-popup.wpem-modal * {
  animation: none !important;
  transition: none !important;
  opacity: 1 !important;
  will-change: auto !important;
}

/* Mobile adjustments */
@media (max-width: 500px) {
  #wpem-youtube-modal-popup .wpem-modal-content-wrapper {
    padding: 15px 10px !important;
    max-height: 85vh !important;
  }

  #wpem-youtube-modal-popup .wpem-modal-header-title-text {
    font-size: 22px !important;
    line-height: 1.3 !important;
  }

  #wpem-youtube-modal-popup iframe,
  #wpem-youtube-modal-popup video {
    max-height: 60vh !important;
  }
}
/********* End of WATCH VIDEO POPUP **********/
/************************************************ End of Single event page edits ***************************************************/


/************************************************ Start of SHARE PAGE edits ***************************************************/
/* Copy button clickable */
#copy-link-btn {
  cursor: pointer;
}
/************************************************ End of SHARE PAGE edits ***************************************************/


/************************************************ Start of DONATE PAGE edits ***************************************************/
/* Just in case GiveWP Thank You page uses its own body class */
body.give-confirmation ::selection {
  background-color: #630B31 !important;
  color: #ffffff !important;
}

/* Sometimes WP themes nest typography or content inside wrappers like .entry-content */
body.give-confirmation .entry-content ::selection,
body.give-confirmation .givewp-main ::selection {
  background-color: #630B31 !important;
  color: #ffffff !important;
}
/************************************************ End of DONATE PAGE edits ***************************************************/


/************************************************ Start of FORMS edits ***************************************************/
.wpforms-volunteer-heading .wpforms-field-description {
  font-size: 1.1rem;
  font-weight: 500;
  color: #333;
  margin-top: 0;
}

.wpforms-icon-choices-label,
.wpforms-field-sublabel,
.wpforms-field-label-inline,
.wpforms-field-select-style-classic {
  font-family: "Afacad Regular", sans-serif !important;
  font-size: 18px !important;
  color: #630b31 !important;
}

.wpforms-field-description {
  font-family: "Afacad Regular", sans-serif !important;
  font-size: 16px !important;
  color: #818181 !important;
  margin-top: 10px !important;
}

/* Burgundy focus border and shadow */
.wpforms-field input[type="text"]:focus,
.wpforms-field input[type="email"]:focus,
.wpforms-field textarea:focus,
.wpforms-field select:focus {
  border-color: #630b31 !important;
  box-shadow: 0 0 0 1px #630b31 !important;
}

/* Label color and font */
.wpforms-field-label {
  color: #630b31 !important;
  font-family: "Sofia Sans Condensed Regular", sans-serif !important;
  font-size: 24px !important;
  letter-spacing: 0.01em !important;
  margin-bottom: 15px !important;
  margin-top: 20px !important;
}

/* Input + textarea text font and color */
.wpforms-field input[type="text"],
.wpforms-field input[type="email"],
.wpforms-field textarea {
  font-family: "Afacad Regular", sans-serif !important;
  font-size: 18px !important;
  color: #630b31 !important;
}

/************************************************ End of FORMS edits ***************************************************/