/* font sizes */

html {
  font-size: 10px; /* 1rem = 10px */
}

body {
  font-size: 1.6rem; /* = 16px */
}

.breakdance h1.bde-heading {
  font-size: clamp(2.8rem, 3.31vw + 0.4rem, 4rem); /* 28px–40px */
  text-transform: uppercase;
}

.breakdance h2.bde-heading {
  font-size: clamp(2.4rem, 2.48vw + 0.3rem, 3rem); /* 24px–30px */
  text-transform: uppercase;
}

.breakdance h3.bde-heading {
  font-size: clamp(2rem, 2.1vw + 0.2rem, 2.6rem); /* 20px–26px */
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

.breakdance h4.bde-heading {
  font-size: clamp(1.8rem, 1.61vw + 0.2rem, 2rem); /* 18px–20px */
  text-transform: uppercase;
}

/********** MEC Modern Events Calendar Styling **********/

/* Bold titles */
.mec-event-title a {
  font-weight: bold;
}

/* Darken event location */
.mec-event-detail .mec-event-loc-place {
  color: var(--bde-palette-color-1-bef760a5-9896-4eee-95eb-394c5a816a8a);
}

/* Date number colour */
.event-d.mec-color {
  color: var(--bde-palette-color-1-5ba8bc15-e4d9-44ec-9c48-209d052473b5);
}

/* Event date & month colour */
.event-f, .event-da {
  color: var(--bde-palette-color-1-bef760a5-9896-4eee-95eb-394c5a816a8a) !important;
}

/* Add a border between events */
article.mec-event-article.mec-clear.mec-divider-toggle {
  border-bottom: 1px solid var(--bde-palette-color-1-5ba8bc15-e4d9-44ec-9c48-209d052473b5);
}

/* Events display - wrap sharing icons */
.mec-event-list-modern .mec-event-sharing {
  flex-wrap: wrap;
}

/* Event - change background behind the dates from blue to grey */
.mec-bg-color, .mec-bg-color-hover:hover, .mec-wrap .mec-bg-color, .mec-wrap .mec-bg-color-hover:hover {
    background-color: var(--bde-palette-color-1-10d437ea-4190-48df-8aa2-f673e7d01d48) !important;
}

/* Event - change the date colour from white to dark grey */
.mec-event-list-minimal .mec-event-date {
  color: var(--bde-palette-color-1-bef760a5-9896-4eee-95eb-394c5a816a8a) !important;
}

/* Event - change the blue line month divider to darker blue */
.mec-month-divider span:before {
    border-bottom: 4px solid var(--bde-palette-color-1-5ba8bc15-e4d9-44ec-9c48-209d052473b5);
}

/* align the titles and info to the left */
.mec-event-list-minimal .mec-event-title,
.mec-event-list-minimal .mec-categories-wrapper, .mec-event-list-minimal .mec-event-detail, .mec-event-list-minimal .mec-price-details, .mec-event-list-minimal .mec-shortcode-organizers, .mec-event-list-minimal .mec-time-details {
  text-align: left;
}

@media (max-width: 479px) {
  .col-md-9.col-sm-9 {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

/* hide event end date */
.mec-event-list-minimal .mec-event-date:nth-child(2) {
  display: none;
}  

/********** END **********/

/* spaces between lists in rich text */
.bde-rich-text ul, .bde-shortcode ul {
  row-gap: 0.8rem;
  display: flex;
  flex-direction: column;
}  

/* left align button text */

.bde-preset-3b459e45-ebe0-4742-ba5d-91fe6e8fc297 span {
  text-align: left;
}

/* header search outline */
.search-form__lightbox-container {
  border: 1px solid var(--bde-palette-off-black-f55d42f8-b685-4632-af85-608142eddb91-1) !important;
}

/* pagination */
/* Pagination Styling for WP Grid Builder */
.breakdance .wpgb-pagination-facet .wpgb-pagination {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	list-style: none;
	padding: 0;
	margin: 0;
}

.breakdance .wpgb-pagination-facet .wpgb-page a {
	display: block;
	padding: 1rem;
	background-color: #fff;
	color: #000;
	border: 1px solid #000;
	text-decoration: none;
}

.breakdance .wpgb-pagination-facet .wpgb-page a:hover {
	padding: 1rem;
  border: 1px solid #000;
  background-color: #000;
  color: #fff;
}

.breakdance .wpgb-pagination-facet .wpgb-page a[aria-current="true"],
.breakdance .wpgb-pagination-facet .wpgb-page[aria-current="true"] a,
.breakdance .wpgb-facet .wpgb-pagination li a[aria-current] {
	background-color: #000;
	color: #fff;
	border: 1px solid #000;
}

.breakdance .wpgb-facet .wpgb-pagination li {
    height: unset;
    line-height: unset;
    list-style: none;
    min-width: 4rem;
}