.devvn-hotspot-popup {
    background-color: #fff !important; /* White background */
    font-family: 'Monserrat', sans-serif !important; /* Change to Nunito font */
    max-width: 400px; /* Set desired width */
    padding: 20px; /* Add spacing */
}

.wc-block-grid__product-title {
    font-family:euclid-circular-a;
		font-size: 1.3rem; /* Adjust font size as needed */
    font-weight: bold; /* Optional: make it bold */
    text-align: center; /* Optional: center align text */
    color: #333; /* Optional: change text color */
    line-height: 1.4; /* Optional: adjust line height */
		text-decoration: none;
}

/* Increase font size for product prices */
.woocommerce-Price-amount {
		font-family: euclid-circular-a;
    font-size: 1.0rem; /* Adjust the size as needed */
    color: #333; /* Optional: change color */
    font-weight: bold; /* Optional: make it bold */
}

.wp-block-post-title a{
	font-family: euclid-circular-a;
	font-size: 1.3rem; /* Adjust font size as needed */
    font-weight: bold; /* Optional: make it bold */
    text-align: center; /* Optional: center align text */
    color: #333; /* Optional: change text color */
    line-height: 1.4; /* Optional: adjust line height */
}

.wpmtst-container {
    width: 100%;
    max-width: 100%;
}

.wpmtst-testimonial {
    width: 100%;
    text-align: center; /* Optional: Center-align content */
}

body .wpmtst-view-carousel .slick-slide {
    width: 100%;
}

/* Center-align the testimonial text */
.wpmtst-container {
    text-align: center; /* Center the text */
    font-family: Montserrat, sans-serif; /* Change the font */
    font-size: 1.0rem; /* Adjust the font size */
}

/* Adjust individual testimonials */
.wpmtst-testimonial {
    font-size: 1.0rem; /* Larger font size for the text */
    line-height: 1.5; /* Adjust line spacing for readability */
    text-align: center; /* Center-align the content */
		font-style: italic;
}

/* Style the author's name and date */
.wpmtst-author {
    font-size: 0.9rem;
    color: #333; /* Change color */
}

.wpmtst-date {
    font-size: 0.9rem;
    color: #666; /* Lighter color for the date */
}

.wpmtst-testimonial-content,
.wpmtst-testimonial-field {
    display: flex;
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically (if applicable) */
    text-align: center; /* Ensure text alignment */
}

.wpmtst-testimonial-heading{
	font-size: 1.5rem;
	font-weight: bold;
	font-style: italic;

}

.wpmtst-testimonial-content{
	padding-bottom:5%
}

.wpmtst-testimonial-inner{
	border-radius:20px
}

.wpmtst-testimonial{
	border-radius: 20px
}

.wpmslider-wrapper{
	width:90%
}

/* Show WooCommerce's native select for Seater */
.variations_form select[name="attribute_pa_seater"],
.variations_form select[name="attribute_seater"]{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  max-width:100%;
}

/* Hide swatch/buttons for Seater - common swatch plugins */
.variable-items-wrapper[data-attribute_name="attribute_pa_seater"],
.variable-items-wrapper[data-attribute_name="attribute_seater"],
.thwvsf-wrapper-ul[data-attr_name="attribute_pa_seater"],
.thwvsf-wrapper-ul[data-attr_name="attribute_seater"],
.rtwpvg-variation-swatches[data-attribute_name="attribute_pa_seater"],
.rtwpvg-variation-swatches[data-attribute_name="attribute_seater"]{
  display:none !important;
}




/* MOBILE ONLY */
@media (max-width: 767px) {
  /* Make slideshow height auto instead of fixed vh */
  .wp-block-jetpack-slideshow,
  .wp-block-jetpack-slideshow .swiper,
  .wp-block-jetpack-slideshow .swiper-wrapper,
  .wp-block-jetpack-slideshow .swiper-slide,
  .wp-block-jetpack-slideshow figure {
    height: auto !important;
    min-height: unset !important;
  }

  /* Ensure the image keeps full aspect ratio */
  .wp-block-jetpack-slideshow img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    object-position: center center !important;
    display: block;
  }

  /* Optional: center slide vertically */
  .wp-block-jetpack-slideshow .swiper-slide {
    display: flex !important;
    justify-content: center;
    align-items: center;
    background-color: #000; /* change to your background color if needed */
  }
}



@media (max-width: 767px) {
  /* Collaborator only */
  .collab-slider { --collab-h: 200px; }

  .collab-slider.uagb-swiper,
  .collab-slider .swiper,
  .collab-slider .swiper-wrapper,
  .collab-slider .swiper-slide,
  .collab-slider .swiper-slide .swiper-content,
  .collab-slider .wp-block-columns {
    height: var(--collab-h) !important;
    min-height: var(--collab-h) !important;
  }

  .collab-slider .swiper-slide,
  .collab-slider .wp-block-columns {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}





/* MOBILE: set height ONLY for the Press Media slider */
@media (max-width: 767px) {
  /* declare a per-slider variable */
  .press-media-slider { --press-h: 350px; }  /* tweak 160–220px to taste */

  /* apply the height to just this slider's layers */
  .press-media-slider.uagb-swiper,
  .press-media-slider .swiper,
  .press-media-slider .swiper-wrapper,
  .press-media-slider .swiper-slide,
  .press-media-slider .swiper-slide .swiper-content,
  .press-media-slider .wp-block-columns {
    height: var(--press-h) !important;
    min-height: var(--press-h) !important;
  }

  /* center the card/image inside that fixed height */
  .press-media-slider .swiper-slide,
  .press-media-slider .wp-block-columns {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* if the slide contains an image/card, keep it contained */
  .press-media-slider img {
    max-height: calc(var(--press-h) - 16px) !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    display: block;
    margin: 0 auto !important;
  }

  /* optional: align arrows to the new height */
  .press-media-slider .swiper-button-prev,
  .press-media-slider .swiper-button-next {
    width: 22px !important;
    height: 22px !important;
    top: calc(var(--press-h) / 2) !important;
    transform: translateY(-50%) !important;
  }
}


@media (max-width: 767px) {
  /* Collaborator only */
  .brand-slider { --collab-h: 200px; }

  .brand-slider.uagb-swiper,
  .brand-slider .swiper,
  .brand-slider .swiper-wrapper,
  .brand-slider .swiper-slide,
  .brand-slider .swiper-slide .swiper-content,
  .brand-slider .wp-block-columns {
    height: var(--collab-h) !important;
    min-height: var(--collab-h) !important;
  }

  .brand-slider .swiper-slide,
  .brand-slider .wp-block-columns {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}





/* make the hotspot banner taller and prevent cropping */
@media (max-width: 767px) {
  .devvn-hotspot-wrapper,
  .devvn-hotspot-wrapper iframe,
  .devvn-hotspot-wrapper img {
    width: 100% !important;
    height: auto !important;           /* keeps full aspect ratio */
    object-fit: contain !important;    /* prevents cropping */
  }

  /* optional: add more height space if container limits it */
  .devvn-hotspot-wrapper {
    min-height: 400px !important;      /* adjust 200–300px depending on how much taller you want it */
    display: flex;
    justify-content: center;
    align-items: center;
  }
}




/* Only affects this Tabs block */
.locate-tabs .uagb-tabs__body-container{
  max-width: 680px;      /* adjust if you want it narrower/wider */
  margin: 0 auto;
  text-align: center;
}
.locate-tabs img{ 
  max-width: 100%; 
  height: auto !important; 
}
.locate-tabs .wp-block-gallery.is-cropped img{
  height: auto !important;
  object-fit: contain !important;  /* stop crop */
}