.wpem-slider-nav {
  margin-top: 24px; /* ✅ Restore top spacing from slider */
  text-align: left;
}

/* Shared button styles */
.wpem-slider-nav .slick-arrow {
  background-color: #12657f;
  color: #fff;
  font-weight: 600;
  font-size: 13px;
  padding: 2px; /* ✅ Your requested padding */
  border: none;
  border-radius: 0; /* ✅ Remove border radius */
  min-width: 130px; /* ✅ Minimum width */
  margin-right: 1px; /* ✅ 1px gap between buttons */
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  transition: background-color 0.2s ease;
}

/* Hover effect */
.wpem-slider-nav .slick-arrow:hover {
  background-color: #111111; /* ✅ Hover background */
}

/* Chevrons (white and consistent) */
.wpem-slider-nav .slick-prev::before {
  content: "◀";
  color: #fff;
  font-size: 14px;
}

.wpem-slider-nav .slick-next::after {
  content: "▶";
  color: #fff;
  font-size: 14px;
}


/* Unified pill styling for categories and tags */
.wpem-event-category-text,
.wpem-event-tag-text,
.rfm-event-tag,
.rfm-event-tags-output span {
  display: inline-block;
  background: #116581!important;
  padding: 0.35em 0.65em!important;
  margin: 0.25em!important;
  border-radius: 4px!important;
  font-size: 14px!important;
  line-height: 1.3!important;
  color: #ffffff!important;
  text-decoration: none;
}

/* Optional: hover effect */
.wpem-event-category-text:hover,
.wpem-event-tag-text:hover {
  background-color: #111111!important;
}




.wpem-single-event-page .wpem-single-event-footer div.wpem-listing-accordion i {
  color: #116581;}


.wpem-single-event-page .wpem-single-event-footer div.wpem-listing-accordion i:hover {
  color: #111111;}

.wpem-single-event-page .wpem-heading-text {
  font-size: 20px;}



@media(min-width:1200px){
.wpem-single-event-page .rfm-event-header .wpem-heading-text {
	font-size:32px;}}

.rfm-event-datetime {
  font-size:.95rem;}

.rfm-event-header-share .wpem-share-this-event .wpem-event-share-lists  .wpem-social-icon a{
  height: 28px;
  width: 28px;}

.rfm-event-header-share .wpem-share-this-event .wpem-event-share-lists .wpem-social-icon {
	margin:1px;}


.rfm-event-header-share .wpem-share-this-event .wpem-event-share-lists .wpem-social-icon a::before {

  -webkit-mask-size:14px!important;
  height:28px;
  width:28px;
  background-size:14px!important;
}

.rfm-event-header {
	margin-bottom:15px;}

.wpem-single-event-footer {
	margin-top:24px;}

.rfm-event-scheduling {
  margin-top: 30px;
  padding: 24px;
  border: solid 1px #ebebeb;
}

.rfm-event-scheduling .rfm-event-datetime-line {
	font-weight:600;
	font-size:18px;
	margin-top:10px;}


.rfm-event-meta-row {
	margin-top:35px;
	background: #f6f6f6;
	border-left:solid 4px #116581;
	padding:20px 16px;}



.rfm-event-social-share {
	margin:30px 0;}

#rfm-event-location-map-target {
	margin-top:20px;}


.wpem-single-event-page .wpem-single-event-wrapper {
  border: none;
}

.wpem-single-event-page .wpem-single-event-footer .wpem-organizer-profile-wrapper .wpem-organizer-profile {
  padding: 20px 0px;
}

.wpem-single-event-page .wpem-single-event-footer .wpem-venue-wrapper .wpem-venue-profile {
  padding: 20px 0px;
}


.wpem-single-event-page .wpem-single-event-footer .wpem-listing-accordion.active {
  background: #ffffff;
	border-top:solid 1px #ebebeb;
	border-bottom:solid 1px #ebebeb;
}

.wpem-single-event-page .wpem-single-event-footer .wpem-listing-accordion {
  padding: 15px 0px;
  border-top: 1px solid var(--wpem-gray-border-color);
  border-bottom: 1px solid var(--wpem-gray-border-color);
}


.wpem-icon-text-button {
	font-weight:500;
	color: #116581;}

.wpem-icon-text-button:hover {
	color: #111111!important;}


.wpem-event-organizer-name a{
		font-weight:500;
	color: #116581;}


.wpem-event-organizer-name a:hover {
	color: #111111;}


/* ==================== Header Meta Flex - Priority on Date ==================== */

/* Flex container for row */
.rfm-event-header .d-flex.justify-content-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap; /* ✅ Allow wrap for narrow screens */
  gap: 1rem;
}

/* Date: grow naturally, do NOT truncate */
.rfm-event-datetime {
  flex: 1 1 auto;
  white-space: normal;
  overflow: visible;
  text-overflow: unset;
}

/* Social: float right, drop if needed */
.rfm-event-header-share {
  flex: 0 0 auto;
  white-space: nowrap;
  margin-left: auto; /* ✅ Push to right on wide screens */
}

/* Share container */
.rfm-event-header-share .wpem-share-this-event,
.rfm-event-header-share .wpem-event-share-lists {
  display: flex !important;
  flex-wrap: nowrap;
  align-items: center;
  margin: 0;
  padding: 0;
}

/* Icons */
.rfm-event-header-share .wpem-social-icon {
  display: flex !important;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
}

/* Icon links (hide text) */
.rfm-event-header-share .wpem-social-icon a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.2em;
  height: 2.2em;
  padding: 0.4em;
  text-indent: -9999px;
  overflow: hidden;
}



/* ==================== Responsive: Icon Row Drops Below Date ==================== */
@media (max-width: 576px) {
  .rfm-event-header-share {
    margin-left: 0;          /* ⛔ Remove right float */
    margin-top: 0.5rem;      /* ✅ Spacing from date row */
    width: 100%;             /* Optional: force full row */
  }

  .rfm-event-header-share .wpem-share-this-event,
  .rfm-event-header-share .wpem-event-share-lists {
    justify-content: flex-start; /* ✅ Align left on small screens */
  }
}


/* ==================== RFM Event Media Button Styling ==================== */

/* Button flex row */
.rfm-event-media-buttons {
  display: flex;
  flex-wrap: nowrap;
  gap: 1px;
}

/* All buttons: base styling */
.rfm-event-media .wpem-theme-button {
  width: 50%;
  border-radius: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  color: #fff;
  font-weight: 600;
}

/* 🎯 Visit Website button (left) */
.rfm-event-media .wpem-theme-button:first-child {
  background-color: #116581;
}

/* 🎬 Watch Video button (right) */
.rfm-event-media .wpem-theme-button:nth-child(2) {
  background-color: #61C6C6;
  color: #ffffff; /* Optional: adjust for contrast */
}

/* 🎯 Visit Website button (left) */
.rfm-event-media .wpem-theme-button:first-child:hover {
  background-color: #111111;
}

/* 🎬 Watch Video button (right) */
.rfm-event-media .wpem-theme-button:nth-child(2):hover  {
  background-color: #111111;
}



/* Normalize icon spacing */
.rfm-event-media .wpem-theme-button i {
  font-size: 1.1em;
  margin-right: 0.5rem;
}

/* Responsive stack */
@media (max-width: 576px) {
  .rfm-event-media-buttons {
    flex-direction: column;
  }

  .rfm-event-media .wpem-theme-button {
    width: 100%;
  }
}


/* RFM: Two-column layout for categories + tags block */
.rfm-event-meta-row {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 2rem;
	margin-bottom: 1.5rem;
}

/* Each column gets ~50% on desktop */
.rfm-event-category-col,
.rfm-event-tags-col {
	flex: 1 1 48%;
	min-width: 250px;
}

/* Set consistent h4 heading size */
.rfm-event-meta-row h4.wpem-heading-text {
	font-size: 17px;
	margin-bottom: 0.5rem;
}







/* ===================== PREVIEW PAGE STYLING ===================== */

/* === Preview Container === */
.rfm-event-preview-block {
  margin: 30px 0;
  padding: 0;
  border: none;
  background: none;
}

/* === Heading === */
.rfm-event-preview-heading {
  font-size: 1.25rem!important;
  font-weight: 600;
  margin-bottom: 12px;
  color: #116581!important;
  text-align: left;
}

/* === Button Row === */
.rfm-event-preview-buttons {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  gap: 1px;
}

/* === Base Button Style === */
.rfm-event-preview-buttons .rfm-button-edit,
.rfm-event-preview-buttons .rfm-button-submit {
  flex: 1;
  padding: 0;
  height: 35px;
  max-height: 35px;
  font-size: 15px;
  font-weight: 600;
  border: none;
  border-radius: 0;
  box-shadow: none;
  color: #fff;
  cursor: pointer;
  text-align: center;
  line-height: 35px;
  transition: background 0.2s ease-in-out;
}

/* === Individual Button Colors === */
.rfm-event-preview-buttons .rfm-button-edit {
  background: #61C6C6;
}

.rfm-event-preview-buttons .rfm-button-edit:hover {
  background: #4bb5b5;
}

.rfm-event-preview-buttons .rfm-button-submit {
  background: #116581;
}

.rfm-event-preview-buttons .rfm-button-submit:hover {
  background: #0e4f65;
}

/* === Mobile Stack === */
@media (max-width: 600px) {
  .rfm-event-preview-buttons {
    flex-direction: column;
    gap: 1px;
  }
}

/***************************************************************
****  Account Login  *******************************************
/**************************************************************/
.wpem-form-wrapper .wpem-form-group .account-sign-in a {
	background:#116581;
	margin-right: 4px;}



/***************************************************************
****  Form Validation ******************************************
/**************************************************************/
.wpem-alert a {
	background: #116581;
	font-size: 14px;
	line-height: 15px;
	padding: 6px 16px;}

.wpem-alert-info {
	color: #111111;
	background-color: #f6f6f6;
	border-color: #cccccc;
	border-radius:0;}

.rfm-event-form .has-error select,
.rfm-event-form .has-error input,
.rfm-event-form .has-error textarea,
.rfm-event-form .has-error .select2-selection {
	border: 2px solid #dc3545 !important;
	background-color: #fff5f5;}

.rfm-required-message {
	display:none;
	color: #d63638;
	font-size: .875rem;
	margin-top: 6px;}

.rfm-show-message .rfm-required-message {
  display: block;}

.rfm-show-message .rfm-required-message {
  display: block;}

.rfm-char-count {
	font-size: .875rem;
	margin-top: 6px;}

.rfm-valid { 
	border: 2px solid #28a745 !important; }    
.rfm-invalid { 
	border: 2px solid #d63638 !important; }  

.rfm-file-error {
	color: #d63638;          
	font-size: 0.825em;          
	font-weight: 600;          
	margin-bottom: 8px;
	display: block;}

/* Highlight custom radio wrapper if input inside is invalid */
.required-field label:has(input[type="radio"]:invalid) {
	outline: 2px solid red;
	border-radius: 50%;
	outline-offset: 2px;}

.required-field input[type="radio"]:invalid {
	outline: 2px solid red;
	border-radius: 50%;
	outline-offset: 2px;
	box-shadow: none;}

/***  Datepicker *****************************************/
#custom_dates_container .hasDatepicker,
#custom_weeks_container .input-select {
	margin-bottom: 12px;}



.wpem-theme-button, a.wpem-theme-button{
	background: #116581;
	margin-top: 15px;}


.wpem-theme-button:hover, a.wpem-theme-button:hover{
	background: #111111;
	color: #ffffff;}


.form-divider {
	width: 100%;
	margin: 20px 0;
	border: none;
	border-top: 1px solid #ccc;}





/*** Modern, cleaner search icon for Select2 Venue Dropdown (Fixed Alignment) ***/
.field-event_venue_ids .select2-container--default .select2-selection--single {
  background-image: url('data:image/svg+xml;utf8,<svg fill="none" stroke="black" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><circle cx="11" cy="11" r="7"/><line x1="16.65" y1="16.65" x2="21" y2="21" /></svg>');
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: 20px 20px;

  padding-left: 36px;             /* bump for larger icon buffer */
  line-height: 1.4;               /* Normalize text baseline */
  height: 48px !important;        /* Match other input heights */
  display: flex;                 /* Vertically center text */
  align-items: center;          
  font-size: 16px;                /* Optional: match your input font */
}


/*** Optional: reduce spacing if field is stacked tightly ****/
.rfm-event-form .rfm-error-message:not(:empty) {
	margin-bottom: 6px;}



/***  Form Sections *****************************************/
.event-form-section {
	border: solid 1px #cccccc;
	border-radius: 0px;}

@media(max-width:545.98px){
.event-form-section {
	padding: 15px;
	margin-top: 15px;
	margin-bottom: 15px;}}
	
@media(min-width:546px){
.event-form-section {
	padding: 20px;
	margin-top: 20px;
	margin-bottom: 20px;}}



/***  Section Headings **************************************/

section h2 {
	font-size: 1.5rem!important;
	color:#116581!important;
	margin-top: 0px!important;
	margin-bottom: 2px!important;}


/***  Field Styling  ****************************************/

.wpem-form-wrapper .wpem-form-group {
  margin-bottom: 5px;}

.field {
	margin-top: 5px;
	margin-bottom: 0px;}

.wpem-help {
	font-size: .875rem;
	margin-top: 8px;
	margin-bottom: 15px;
	line-height: 1.3;
	height: auto;
	display: inline-block;}
	
small.description {
	display:inline-block;
	font-size: .8375rem;
	margin-top: 5px;
	margin-bottom: 0px;}

.field-note {
	background: #f6f6f6;
	border-left: solid 4px #116581;
	padding:16px 14px;
	margin-top:12px;
	margin-bottom: 22px;
	font-size:.975rem;
	line-height:1.4;}

/***  Field Labels ******************************************/

.wpem-form-wrapper fieldset label {
    margin-bottom: 0px;
	margin-top:6px;
	font-weight: 600;
	font-size:14px;}

.wpem-form-wrapper .field label {
	font-weight: 400;}

small {
	font-size: .8375rem;}


/***  Grid Layout for Event Scheduling  **********************/
.event-scheduling-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 20px;
	row-gap:5px;}

@media (max-width: 768px) {
.event-scheduling-grid {
	grid-template-columns: 1fr;}}


/***  Recurrence Layout Wrapper  ****************************/
.recurrence-wrapper {
	display: flex;
	flex-direction: column;
	column-gap: 20px;
	row-gap:10px;
    margin-top:5px;}


/***  Subgrid for Paired Recurrence Fields ****************************/
.recurrence-subgrid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 20px;
	row-gap: 15px;
	row-gap:5px;}

@media (max-width: 768px) {
.recurrence-subgrid {
	grid-template-columns: 1fr;}}

/***  Optional Margin for Cloned Recurrence Fields ****************************/
.event-multidate-wrapper + .event-multidate-wrapper,
.event-multiweek-wrapper + .event-multiweek-wrapper {
	margin-top: 16px;}


/***  Button Alignment for "Add Another" ****************************/
.recurrence-wrapper .wpem-add-field-button {
	margin-top: 8px;
	width: fit-content;
	display: block;}


/***  Event Media Grid ****************************/
.event-media-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;}

@media (max-width: 768px) {
.event-media-grid {
	grid-template-columns: 1fr;}}
	.media-field {
	width: 100%;}


/***  Admin Contact Grid ****************************/
.admin-contact-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;}

@media (max-width: 768px) {
.admin-contact-grid {
	grid-template-columns: 1fr;}}

.admin-field {
	width: 100%;}
	
	

/* ========================================
   Fix alignment for Recurrence Radio Pairs
======================================== */

.fieldset-recure_time_period .field {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: center;
}

.fieldset-recure_time_period .field label {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 0;
  line-height: 1.2;
}

/* Fixes top margin on radio button only. Coming from e-from CSS - check later*/
.wpem-form-wrapper input[type="radio"] {
    margin-top: 0px !important;}