/* @media screen and (max-width: 480px) { 
	p, span, div, h1, h2, h3, h4, h5 {
		text-align: left !important;
	}
} */

.etn-es-events-page-container{
    padding-bottom:0 !important;
}
.etn-event-single-wrap{
    padding-bottom:40px !important;
}
.etn-event-single2 .etn-container{
    position:relative;
}
.dslr-all-class-bk{
    position: absolute;
    left: 15px;
    bottom: -55px;
    background: #0f0f0f;
    color: #dcdc79;
    padding: 6px 15px;
    font-weight: bold;
    border-radius: 10px;
    border: 1px solid #dcdc79;
}
section:not(#contact-section) input[type="submit"].wpcf7-submit{
	background:#FAE00c;
	padding:15px  35px;
	color:#000000;
	font-size:20px;
	border-radius:10px;
}

.etn-es-events-page-container{
padding-top:0 !important;	
}
.etn-template-default .ha-waypoint .main-content-background{
	padding-top:0 !important;
}
.etn-event-header .etn-event-countdown-wrap .etn-count-item span{
	color:#000000 !important;
}
.etn-ticket-title div{
	justify-content:center !important; 
	background: #FAE00C;
  padding: 10px 15px;
  border-radius: 12px;
  color: #000000;
	margin-bottom:12px;
}
.etn-remaining-seats{
	color:#000000 !important;
	font-size:16px;
}
.etn-purchase-button{
	color:#000000 !important;
	font-weight:bold ;
}
.etn-event-header{
	padding-top:30px !important;
	margin-bottom:0 !important;
}
.etn-event-single2 ul.etn-event-date-meta{
	  padding: 15px !important;
    border-radius: 8px;
    border: 1px solid #fae00c;
}
.etn-sidebar .etn-widget{
	  box-shadow: 0 0 8px rgb(0 0 0 / 10%) !important;
    margin-bottom: 30px !important;
    margin: 10px 0 !important;
    border-radius: 12px !important;
}
.etn-purchase-button, .css-nz3jb3{
	background-color:green !important;
}
.etn-purchase-button span{
	color:#000000 !important;
	font-weight:bold;
}
.etn-event-single-category-list:hover{
	color:#000000 !important;
}
.etn-event-timezone{
	display:none;
}
.eventin-submit-button span{
	color:#000000;
	font-weight:700;
	
}
.etn-print-ticket-btn, .etn-download-ticket-btn{
	color:#000000 !important;
	border:1px solid #FBE745 !important;
} 
.etn-download-ticket-btn{
	background-color:#FBE745 !important;
}

.etn-ticket-body-top-ul-wrapper ul li:first-child{
	display:none;
}
.etn-ticket-note{
	border-bottom:2px dashed #d8d9df;
	padding-bottom:8px;
}
.etn-ticket-body-top-ul li,.etn-ticket-body-top-ul li{
	margin:0;
}

.eventin-ticket-download-link{
	  padding: 8px 12px !important;
	  border-radius:5px;
    background: #fae00c !important;
    color: #000000 !important;
    font-weight: 600 !important;
}
.eventin-go-back-btn{
	color:#000000 !important;
}




@media (min-width: 767px) {
    .etn-event-single-content-wrap .etn-event-entry-title {
        font-size: 36px;
    }
	.etn-event-content-body h3{
		font-size:25px;
	}
	.etn-event-header .etn-event-countdown-wrap .etn-count-item{
		height:65px !important;
		width:65px !important;
	}
	.etn-event-header .etn-event-countdown-wrap .etn-count-item span{
		font-size:1.6rem !important;
		line-height:24px !important;
	}
	.etn-event-header .etn-event-countdown-wrap .etn-count-item .text{
		font-size: 16px !important;
	}
	
}



@media (max-width: 768px){
	.hero-image-section-with-h1-h2{
		display:block !important;
	}
	.hero-img-section-column{
		width:100% !important;
		padding:0 25px !important;
	}

	
}



@media (max-width: 480px){
/* 		.ut-social-follow-module.ut-social-follow-module-mobile-center{
		text-align:left;
	} */
		.ut-social-follow-module.ut-social-follow-module-40 li{
		margin: 10px 20px 0 0;
	}
	#ut-sitebody .wpb_wrapper .ut-portfolio-info-details ul li:last-child{
		margin-top:8px;
	}
	#Contact-Block{
		padding:0;
	}
	
}



/* LIVE WORKSHOPS PAGE CSS */
.page-template-workshop-page-temp .ha-waypoint .main-content-background {
  padding: 0 !important;
}

/* =========================================
   BASE / WORKSHOPS CONTAINER
========================================= */

.dslr-event-items-full-area {
  margin: 0;
  padding: 0;
  background: #1A1B1C;
}

.dslr-workshops {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 80px 20px;
  background: #1A1B1C;
  color: #000;
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

.dslr-workshops *,
.dslr-workshops *::before,
.dslr-workshops *::after {
  box-sizing: border-box;
}

/* =========================================
   CITY TABS
========================================= */

.dslr-city-tabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  margin-bottom: 35px;
}

.dslr-city-tabs button {
  appearance: none;
  -webkit-appearance: none;
  margin: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 25px;
  border: 1px solid #000;
  border-radius: 10px;
  background: #fff;
  color: #000;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
  text-transform: uppercase;
  cursor: pointer;
  transition: background 0.2s ease;
}

.dslr-city-tabs button:hover {
  background: #f5f5f5;
}

.dslr-city-tabs button.is-active,
.dslr-city-tabs button[aria-pressed="true"] {
  background: #FAE00C;
  border-color: #FAE00C;
  color: #000;
}

.dslr-city-tabs button:focus-visible {
  outline: 2px solid #FAE00C;
  outline-offset: 3px;
}

/* =========================================
   EVENT LIST
========================================= */

.dslr-event-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.dslr-workshops.is-loading .dslr-event-list {
  opacity: 0.45;
  pointer-events: none;
  transition: opacity 0.15s ease;
}

.dslr-no-events {
  margin: 0;
  padding: 40px 0;
  color: #fff;
  font-size: 16px;
  text-align: center;
}

/* =========================================
   EVENT CARD — FOUR COLUMNS (desktop / landscape)
   NOTE: no percentage heights anywhere. Every column
   simply stretches to the row height (align-self: stretch),
   which Safari handles correctly after rotating.
========================================= */

.dslr-event-card {
  display: grid;
  grid-template-columns: 170px 190px minmax(0, 1fr) 205px;
  align-items: stretch;
  gap: 18px;
  width: 100%;
  min-width: 0;
  height: auto;
  min-height: 160px;
  margin: 0;
  padding: 12px;
  background: #fff;
  color: #000;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  transition: box-shadow 0.2s ease;
}

.dslr-event-card:hover {
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.09);
}

/* COLUMN 1 — CITY AND DATE */

.dslr-event-meta {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  gap: 4px;
  width: 100%;
  height: auto;
  min-height: 0;
  padding: 18px;
  background: #FAE00C;
  border: 1px solid #00000080;
  border-radius: 10px;
}

.dslr-event-meta .dslr-event-city {
  display: inline-block;
  margin: 0;
  color: #000;
  font-size: 20px !important;
  font-weight: 700;
  line-height: 1.3;
  overflow-wrap: anywhere;
}

.dslr-event-meta-date {
  margin: 0;
  color: #000;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

/* COLUMN 2 — IMAGE
   The box gets its height from the row (stretch);
   the picture is absolutely positioned inside it,
   so the photo can never make the row taller. */

.dslr-event-image {
  position: relative;
  display: block;
  align-self: stretch;
  width: 100%;
  height: auto;
  min-width: 0;
  min-height: 130px;
  overflow: hidden;
  border-radius: 10px;
  text-decoration: none;
}

.dslr-event-image img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  object-fit: cover;
  object-position: center;
  transition: transform 0.3s ease;
}

/* Zoom only for a real mouse (not touch / iPad) */
.dslr-event-image:hover img {
  transform: none;
}

@media (hover: hover) and (pointer: fine) {
  .dslr-event-image:hover img {
    transform: scale(1.04);
  }
}

.dslr-image-city {
  position: absolute;
  z-index: 2;
  left: 12px;
  bottom: 12px;
  display: inline-block;
  max-width: calc(100% - 24px);
  margin: 0;
  padding: 7px 12px;
  border-radius: 6px;
  background: #FAE00C;
  color: #000;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
  text-transform: uppercase;
}

/* COLUMN 3 — EVENT DETAILS */

.dslr-event-content {
  align-self: center;
  min-width: 0;
}

.dslr-event-content h3 {
  margin: 0 0 12px;
  padding: 0;
  color: #000;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.3;
  overflow-wrap: anywhere;
}

.dslr-event-content p {
  margin: 0 0 10px;
  padding: 0;
  color: #333;
  font-size: 14px;
  line-height: 1.5;
}

.dslr-event-content p:last-child {
  margin-bottom: 0;
}

.dslr-event-content strong {
  color: #000;
  font-weight: 700;
}

.dslr-event-venue,
.dslr-event-location {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px;
  font-size: 14px !important;
}

.dslr-event-venue span,
.dslr-event-location span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.dslr-event-price {
  font-size: 17px !important;
}

/* COLUMN 4 — DATE, TIME, BUTTON */

.dslr-event-extra {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  gap: 13px;
  width: 100%;
  min-width: 0;
  height: auto;
  min-height: 0;
  padding-left: 16px;
  border-left: 1px solid #eee;
}

.dslr-event-extra-item {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
  min-width: 0;
}

.dslr-extra-label {
  margin: 0;
  color: #666;
  font-size: 13px;
  line-height: 1.3;
}

.dslr-extra-value {
  margin: 0;
  color: #000;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

/* VIEW EVENT BUTTON */

.dslr-event-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 100%;
  margin-top: 2px;
  padding: 10px 12px;
  background: #FAE00C !important;
  border: 1px solid #FAE00C;
  border-radius: 8px;
  color: #000;
  font-size: 14px;
  font-weight: 600 !important;
  line-height: 1.4;
  text-align: center;
  text-decoration: none !important;
  text-transform: uppercase;
  transition: background 0.2s ease;
}

.dslr-event-button:hover,
.dslr-event-button:focus-visible {
  background: #e8d000 !important;
  border-color: #e8d000 !important;
  color: #000 !important;
  text-decoration: none !important;
}

/* =========================================
   VIEW MORE / VIEW LESS
========================================= */

.dslr-view-more-button {
  appearance: none;
  -webkit-appearance: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin: 35px auto 0;
  padding: 12px 28px;
  background: #FAE00C;
  border: 1px solid #FAE00C;
  border-radius: 10px;
  color: #000000 !important;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  text-transform: uppercase;
  cursor: pointer;
  transition: background 0.2s ease;
}

.dslr-view-more-button:hover {
  background: #e8d000 !important;
  color: #000000 !important;
}

.dslr-view-more-button .dslr-less-text {
  display: none;
}

.dslr-view-more-button.is-expanded .dslr-more-text {
  display: none;
}

.dslr-view-more-button.is-expanded .dslr-less-text {
  display: inline;
}

.dslr-view-more-button:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
}

/* =========================================
   TABLET + MOBILE (up to 1100px): STACKED CARD
   (one merged block instead of two)
========================================= */

@media (max-width: 1100px) {
  .dslr-workshops {
    padding: 40px 15px;
  }

  .dslr-city-tabs {
    gap: 12px;
    margin-bottom: 25px;
  }

  .dslr-city-tabs button {
    padding: 10px 16px;
    font-size: 16px;
  }

  .dslr-event-list {
    gap: 16px;
  }

  .dslr-event-card {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
    width: 100%;
    height: auto;
    min-height: 0;
    padding: 25px 12px;
    overflow: visible;
  }

  .dslr-event-meta {
    flex-direction: column;
    align-self: auto;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
    height: auto;
    min-height: 0;
    padding: 12px;
  }

  .dslr-event-meta .dslr-event-city {
    font-size: 18px !important;
  }

  .dslr-event-meta-date {
    font-size: 16px;
  }

  /* fixed height here; the <img> fills it (absolute) */
  .dslr-event-image {
    align-self: auto;
    width: 100%;
    height: 220px;
    min-height: 0;
    flex: none;
  }

  .dslr-event-content {
    align-self: auto;
    width: 100%;
  }

  .dslr-event-content h3 {
    margin-bottom: 10px;
    font-size: 21px;
  }

  .dslr-event-content p {
    font-size: 14px;
  }

  .dslr-event-extra {
    align-self: auto;
    width: 100%;
    height: auto;
    min-height: 0;
    padding: 15px 0 0;
    gap: 13px;
    border-left: 0;
    border-top: 1px solid #eee;
  }

  .dslr-extra-label {
    font-size: 13px;
  }

  .dslr-extra-value {
    font-size: 14px;
  }

  .dslr-event-button {
    width: 100%;
    padding: 12px 16px;
    font-size: 14px;
  }

  .dslr-view-more-button {
    margin-top: 20px;
  }
}

/* =========================================
   TABLET / iPAD PORTRAIT: 2 CARDS PER ROW
   (phones below 800px stay 1 per row)
========================================= */

@media (min-width: 800px) and (max-width: 1100px) {
    
    
    .dslr-event-meta{
        flex-direction:row;
        justify-content:space-between;
        padding:12px 25px;
    }
    
  .dslr-event-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
    align-items: stretch;   /* same height for cards in a row — no height:100% needed */
  }

  /* a single card is centred at the width of one column */
  .dslr-event-list > .dslr-event-card:only-child {
    grid-column: 1 / -1;
    justify-self: center;
    width: calc(50% - 11px);   /* 11px = half of the 22px gap */
  }

  /* messages like "No upcoming events found." span both columns */
  .dslr-no-events {
    grid-column: 1 / -1;
  }
}

/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 600px) {
  .dslr-workshops {
    padding: 30px 12px;
  }

  .dslr-city-tabs {
    gap: 15px;
  }

  .dslr-city-tabs button {
    padding: 9px 12px;
    font-size: 14px;
  }

  .dslr-event-card {
    gap: 13px;
    padding: 20px 12px;
  }

  .dslr-event-image {
    height: 180px;
  }

  .dslr-event-content h3 {
    font-size: 19px;
  }

  .dslr-event-content p {
    font-size: 13px;
  }
}







/* =========================================
   TESTIMONIALS CAROUSEL SECTION
========================================= */

.dslr-testimonials-section {
  width: 100%;
  padding: 80px 20px;
  background: var(--dslr-section-bg, #272727);
  color: #fff;
  font-family: Arial, sans-serif;
  box-sizing: border-box;
}

.dslr-testimonials-section *,
.dslr-testimonials-section *::before,
.dslr-testimonials-section *::after {
  box-sizing: border-box;
}

.dslr-testimonials-container {
  display: flex;
  flex-direction: column;
  align-items:center;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
dslr-testimonial-quote
/* =========================================
   SECTION HEADING
========================================= */

.dslr-testimonials-heading {
  margin-bottom: 100px !important;
  text-align: center !important;
}

.dslr-testimonials-subtitle {
  display: block !important;
  margin-bottom: 12px;
  color: var(--dslr-subtitle, #FAE00C);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2px;
  text-align:center !important;
}

.dslr-testimonials-heading h2 {
  margin: 0 0 12px;
  color: var(--dslr-title, #ffffff);
  font-size: 36px;
  font-weight: 700;
  line-height: 1.25;
  text-align:center !important;
}

.dslr-testimonials-heading p {
  margin: 0;
  color: var(--dslr-paragraph, #cccccc);
  font-size: 16px;
  line-height: 1.6;
}

/* =========================================
   CAROUSEL
========================================= */

.dslr-testimonials-carousel {
  width: 100%;
  max-width: 820px;
  min-width: 0;
  margin: 0 auto;
  margin-top:30px;
}

/* Stage holds the arrows + viewport, so the arrows
   center against the testimonial item only */
.dslr-testimonials-stage {
  position: relative;
  padding: 0 70px;
}

.dslr-testimonials-viewport {
  width: 100%;
  overflow: hidden;
}

.dslr-testimonials-track {
  display: flex;
  align-items: center;
  gap: 0;
  transition: transform 0.45s ease;
  will-change: transform;
}

/* =========================================
   TESTIMONIAL CARD
========================================= */

.dslr-testimonial-card {
  display: flex;
  flex: 0 0 100%;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  padding: 45px 50px;
  background: linear-gradient(180deg, var(--dslr-card-bg, #050505) 69%, color-mix(in srgb, var(--dslr-card-gradient, #FAE00C) 60%, transparent) 100%);
  color: #fff;
  border: 1px solid var(--dslr-card-border, #747474);
  border-radius: 12px;
  margin-top:30px;
}

.dslr-testimonials-progress {
  width: 100%;
  max-width: 150px;
  height: 4px;
  margin: 30px auto 0;
  background: var(--dslr-progress-track, #e5e5e5);
  border-radius: 10px;
  overflow: hidden;
}

.dslr-testimonials-progress-bar {
  width: 16.6667%;
  height: 100%;
  background: var(--dslr-progress-bar, #FAE00C);
  border-radius: 10px;
  transition: width 0.35s ease;
}


.dslr-testimonial-stars {
  margin-bottom: 18px;
  color: #FAE00C;
  font-size: 25px;
  letter-spacing: 3px;
  line-height: 1;
}

.dslr-testimonial-quote {
  flex: 1;
  margin: 0 0 25px;
  padding: 0;
  color: var(--dslr-quote, #ffffff);
  font-size: 18px !important;
  font-style: normal;
  line-height: 1.6 !important;
  overflow-wrap: anywhere;
  border:none !important;
}

.dslr-testimonial-author {
  display: flex;
  margin-top: auto;
}

.dslr-testimonial-author img {
  display: block;
  flex: 0 0 50px;
  width: 50px;
  height: 50px;
  margin: 0;
  border-radius: 50%;
  object-fit: cover;
}

.dslr-testimonial-author h3 {
  margin: 0;
  color: var(--dslr-name, #FAE00C);
  font-size: 17px;
  font-weight: 700;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.dslr-testimonial-author p {
  margin: 0;
  color: #f5f5f5;
  font-size: 12px;
  line-height: 1.5;
}

/* =========================================
   NAVIGATION
========================================= */

.dslr-testimonials-navigation {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  margin-top: 35px;
}



.dslr-testimonials-prev,
.dslr-testimonials-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  background: var(--dslr-arrow-bg, #ffffff);
  border: 1px solid var(--dslr-arrow-bg, #ffffff);
  border-radius: 50%;
  color: var(--dslr-arrow-icon, #000000);
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
  transition: background 0.2s ease, opacity 0.2s ease;
}

.dslr-testimonials-prev:focus,
.dslr-testimonials-next:focus{
    color:#000000 !important;
}



.dslr-testimonials-prev { left: 0; }
.dslr-testimonials-next { right: 0; }

.dslr-testimonials-prev:hover,
.dslr-testimonials-next:hover {
  background: var(--dslr-arrow-hover-bg, #f2f2f2);
  border-color: var(--dslr-arrow-hover-bg, #f2f2f2);
  color: var(--dslr-arrow-hover-icon, #000000);
}

.dslr-testimonials-prev:disabled,
.dslr-testimonials-next:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.dslr-testimonials-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
}

.dslr-testimonials-dot {
  display: block;
  width: 9px;
  height: 9px;
  padding: 0;
  background: #777;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  transition: background 0.2s ease, transform 0.2s ease;
}

.dslr-testimonials-dot.is-active {
  background: #fff;
  transform: scale(1.2);
}

.dslr-testimonials-dot:focus-visible,
.dslr-testimonials-prev:focus-visible,
.dslr-testimonials-next:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 4px;
}

.testimonial-carousel-cta{
    font-size:16px !important;
    color: var(--dslr-btn-text, #000000);
    text-decoration: none !important;
    text-align: center;
    background: var(--dslr-btn-bg, #fade0c);
    padding: 10px 20px !important;
    border-radius: 10px;
    border: 1px solid var(--dslr-btn-border, #fade0c);
    margin-top: 40px;
    font-weight: 700 !important;
    transition: .5s;
}
.testimonial-carousel-cta:hover{
    background: var(--dslr-btn-hover-bg, #000000);
    color: var(--dslr-btn-hover-text, #fade0c);
    border-color: var(--dslr-btn-hover-border, #fade0c);
}


/* =========================================
   MOBILE — 1 ITEM
========================================= */

@media (max-width: 767px) {
  .dslr-testimonials-section {
    padding: 55px 15px;
  }

  .dslr-testimonials-heading {
    margin-bottom: 28px;
  }

  .dslr-testimonials-heading h2 {
    font-size: 28px;
  }

  .dslr-testimonials-heading p {
    font-size: 14px;
  }

  .dslr-testimonials-stage {
    padding: 0 50px;
  }

  .dslr-testimonial-card {
    padding: 28px 20px;
  }

  .dslr-testimonial-quote {
    font-size: 15px;
  }

  .dslr-testimonials-prev,
  .dslr-testimonials-next {
    width: 40px;
    height: 40px;
  }
}


@media (prefers-reduced-motion: reduce) {
  .dslr-testimonials-track,
  .dslr-testimonials-prev,
  .dslr-testimonials-next,
  .dslr-testimonials-dot {
    transition: none;
  }
}