.elementor-kit-34181{--e-global-color-primary:#350652;--e-global-color-secondary:#70A300;--e-global-color-text:#808285;--e-global-color-accent:#5C0F8C;--e-global-color-fdc7444:#81BC00;--e-global-color-f7e46b0:#F4F4F4;--e-global-color-768d440:#F4F4F4;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-34181 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ===================================================
   UNIVERSAL FIX — SMIRE.COM FRONT PAGE 10-TILE GRID
   Stops cropping & scales images correctly in ALL
   Prime Slider tiles (bdt-ps-slide-img ONLY)
=================================================== */

/* 1) Your grid stays EXACT (5 x 2) */
.hero-slider-row {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 10px;
}

/* 2) Every tile stays a perfect square */
.ps-square {
    position: relative;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 3) Slideshow wrappers fill the square — 
      BUT DO NOT block transitions */
.ps-square .bdt-prime-slider,
.ps-square .bdt-prime-slider-skin-general,
.ps-square .bdt-slideshow,
.ps-square .bdt-slideshow-items,
.ps-square .bdt-slideshow-item,
.ps-square .bdt-slideshow-item > div,
.ps-square .bdt-prime-slider-wrapper,
.ps-square .bdt-prime-slider-content {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    /* overflow: hidden !important;  <-- leave commented */
}

/* 4) THE REAL IMAGE FIX — WORKS FOR ALL 10 BLOCKS */
.ps-square .bdt-ps-slide-img {
    width: 100% !important;
    height: 100% !important;
    background-size: contain !important;      /* FULL IMAGE — NO CROP */
    background-position: center center !important;
    background-repeat: no-repeat !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;  /* KEEP THIS */
}

/* ⚠️ IMPORTANT:
   Do NOT override all [class*="bdt-"]
   That kills slideshow transitions.
*/

/* 6) Responsive grid for ALL tiles */
@media (max-width: 1024px) {
    .hero-slider-row { grid-template-columns: repeat(4, 1fr); }
}
@media (max-width: 768px) {
    .hero-slider-row { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 480px) {
    .hero-slider-row { grid-template-columns: repeat(2, 1fr); }
}



/* ===================================================
   SLIDESHOW FIX — LET SLIDES PLAY FULLY & LOOP
   WITHOUT breaking layout or scaling
=================================================== */

/* Allow UIkit slideshow to function normally */
.ps-square .bdt-slideshow-items {
    position: relative !important;
    overflow: visible !important;
}

/* Every slide sits on top of each other; fade between */
.ps-square .bdt-slideshow-item {
    position: absolute !important;
    inset: 0 !important;
    opacity: 0 !important;

    /* ===================================================
       🎬 CINEMATIC FADE SPEED — TWEAK HERE
       ---------------------------------------------------
       Recommended:
       0.6s  (default smooth)
       1.2s  (cinematic)
       2.0s  (luxury slow)
       =================================================== */
    transition: opacity 1.9s ease-in-out !important;
}

/* The slide that is currently active */
.ps-square .bdt-slideshow-item.bdt-active {
    opacity: 2 !important;
}

/* ===================================================
   ⏱ SLIDE TIMING (AUTOPLAY INTERVAL)
   UIkit is already set to 6000ms in your HTML:
   autoplay-interval="6000"
   ---------------------------------------------------
   If needed, force it here (rarely required)
=================================================== */
.ps-square .bdt-slideshow {
    animation-duration: 7500ms !important; /* Tweak only if UIkit ignores settings */
}/* End custom CSS */