/*
Theme Name: Shaukat Oil Mills
Description: This is a child theme for Flatesome Theme
Author: UX Themes
Template: flatesome
Version: 3.0
*/
/* ===== LOGO ===== */
#logo img {
    padding: 0px 0;
    padding-bottom: 30px;
}

/* ===== FINAL SLIDER FIX ===== */

/* Fix flickity viewport - THIS IS THE KEY */
#slider-541060658 .flickity-viewport {
    height: 500px !important; /* Desktop height */
    overflow: hidden !important;
    transition: none !important;
}

/* Tablet */
@media (max-width: 1024px) {
    #slider-541060658 .flickity-viewport {
        height: 380px !important;
    }
}

/* Mobile */
@media (max-width: 767px) {
    #slider-541060658 .flickity-viewport {
        height: 220px !important;
    }
}

/* Small mobile */
@media (max-width: 480px) {
    #slider-541060658 .flickity-viewport {
        height: 160px !important;
    }
}

/* Banner reset */
#banner-1687582546,
#banner-1091126667 {
    padding-top: 0 !important;
    height: 100% !important;
}

#banner-1687582546 .banner-inner,
#banner-1091126667 .banner-inner {
    height: 100% !important;
}

#banner-1687582546 .banner-bg,
#banner-1091126667 .banner-bg {
    height: 100% !important;
    width: 100% !important;
}

#banner-1687582546 .banner-bg img.bg,
#banner-1091126667 .banner-bg img.bg {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
}

/* Prevent any hiding */
.flickity-slider .banner {
    opacity: 1 !important;
    visibility: visible !important;
}


.box-shadow, .box-shadow-2, .box-shadow-2-hover:hover, .row-box-shadow-2 .col-inner, .row-box-shadow-2-hover .col-inner:hover {
    box-shadow: none !important;
}




/* Make Flatsome slider truly full width */
..banner, 
.section-banner,
.slider-wrapper,
.ux-slider {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.ux-slider,
.slider-wrapper,
[data-type="slider"] {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(-50vw + 50%) !important;
}


/* Target Flatsome specifically */
.page-wrapper .ux-slider,
.page-wrapper .slider-wrapper {
  width: 100vw !important;
  position: relative !important;
  left: 50% !important;
  right: 50% !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
}


/* Remove container padding for full width */
.home .page-wrapper,
.home .container,
.home #content {
  padding-left: 0 !important;
  padding-right: 0 !important;
  max-width: 100% !important;
}

/* Fix the slider itself */
.ux-slider {
  width: 100% !important;
  max-width: 100% !important;
}