body.ce-kit-2{color:#262B2C;font-family:"Work Sans", sans-serif;font-size:18px;--ce-widgets-space:20px;}a, .elementor a{color:#B77D47;}a:hover, .elementor a:hover{color:#C98C4E;}body.ce-kit-2 h1{color:#262B2C;font-weight:500;}body.ce-kit-2 h2{color:#262B2C;font-weight:500;}body.ce-kit-2 h3{color:#262B2C;font-weight:500;}body.ce-kit-2 h4{color:#262B2C;font-weight:500;}body.ce-kit-2 h5{color:#262B2C;font-weight:500;}body.ce-kit-2 h6{color:#262B2C;font-weight:500;}body.ce-kit-2 .ce-display-small{font-size:20px;}body.ce-kit-2 .ce-display-medium{font-size:24px;}body.ce-kit-2 .ce-display-large{font-size:30px;}body.ce-kit-2 .ce-display-xl{font-size:40px;}body.ce-kit-2 .ce-display-xxl{font-size:180px;font-weight:300;letter-spacing:-5px;}.elementor-button{font-family:"Work Sans", sans-serif;font-weight:500;letter-spacing:1.5px;background-color:#1D1D1F;}.elementor-button, a.elementor-button:not(#e){color:#FFFFFF;}.elementor-button:hover, .elementor-button:focus, a.elementor-button:not(#e):hover, a.elementor-button:not(#e):focus{color:#FFFFFF;}.elementor-button:hover, .elementor-button:focus{background-color:#000000;}.elementor-button.elementor-size-sm{border-radius:1px 1px 1px 1px;}.elementor-button.elementor-size-md{padding:20px 40px 20px 40px;border-radius:1px 1px 1px 1px;}.elementor-button.elementor-size-lg{border-radius:1px 1px 1px 1px;}.elementor-button.elementor-size-xl{border-radius:1px 1px 1px 1px;}.elementor-button.elementor-size-xs{border-radius:1px 1px 1px 1px;}.elementor-button-primary .elementor-button{background-color:#B77D47;}.elementor-button-primary .elementor-button:hover, .elementor-button-primary .elementor-button:focus{background-color:#C98C4E;}.btn:not(.btn-primary, .btn-secondary){font-family:"Work Sans", sans-serif;font-weight:500;letter-spacing:1.5px;background-color:#1D1D1F;padding:12px 24px 12px 24px;}.btn:not(.btn-primary, .btn-secondary), a.btn:not(.btn-primary, .btn-secondary){color:#FFFFFF;}.btn:not(.btn-primary, .btn-secondary):hover, .btn:not(.btn-primary, .btn-secondary):hover:active, .btn:not(.btn-primary, .btn-secondary):focus, a.btn:not(.btn-primary, .btn-secondary):hover, .elementor-button-secondary a.elementor-button:not(#e):focus{color:#FFFFFF;}.btn:not(.btn-primary, .btn-secondary):hover, .btn:not(.btn-primary, .btn-secondary):hover:active, .btn:not(.btn-primary, .btn-secondary):focus{background-color:#000000;}.btn-primary{font-family:"Work Sans", sans-serif;font-weight:500;text-transform:none;letter-spacing:1.5px;background-color:#C98C4E;padding:12px 24px 12px 24px;}.btn-primary, a.btn-primary{color:#FFFFFF;}.btn-primary:hover, .btn-primary:hover:active, .btn-primary:focus, a.btn-primary:hover, .elementor-button-secondary a.elementor-button:not(#e):focus{color:#FFFFFF;}.btn-primary:hover, .btn-primary:hover:active, .btn-primary:focus{background-color:#C98C4E;}.btn-secondary{font-family:"Work Sans", sans-serif;font-weight:500;text-transform:none;letter-spacing:1.5px;border-style:solid;border-width:2px 2px 2px 2px;border-color:#1D1D1F;padding:12px 24px 12px 24px;}.btn-secondary:hover, .btn-secondary:hover:active, .btn-secondary:focus, a.btn-secondary:hover, .elementor-button-secondary a.elementor-button:not(#e):focus{color:#FFFFFF;}.btn-secondary:hover, .btn-secondary:hover:active, .btn-secondary:focus{background-color:#000000;border-style:solid;border-width:2px 2px 2px 2px;border-color:#1D1D1F;}body.ce-kit-2 label{color:rgba(29, 29, 31, 0.56);font-family:"Work Sans", sans-serif;font-size:15px;}body.ce-kit-2 .form-control, body.ce-kit-2 .elementor-field-textual{line-height:1.6em;border-style:solid;border-width:1px 1px 1px 1px;border-color:#E5E2DE;border-radius:0px 0px 0px 0px;padding:14px 18px 14px 18px;}body.ce-kit-2 .form-control:focus, body.ce-kit-2 .elementor-field-textual:focus{outline-style:solid;outline-width:0px;}select.form-control:not([size]):not([multiple]){height:auto;}body.ce-kit-2 .container{width:1600px;max-width:100%;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1600px;}body.ce-kit-2 .breadcrumb li:not(#e), body.ce-kit-2 .ce-breadcrumb__item{color:rgba(255, 0, 0, 0);}body.ce-kit-2 header.page-header, body.ce-kit-2 header.page-header *, body.ce-kit-2 .ce-page-title *{font-family:"Work Sans", sans-serif;}@media(max-width:1024px){body.ce-kit-2 .ce-display-large{font-size:28px;}body.ce-kit-2 .ce-display-xxl{font-size:100px;}}@media(max-width:767px){body.ce-kit-2 .ce-display-xl{font-size:30px;}body.ce-kit-2 .ce-display-xxl{font-size:86px;}}/* Start custom CSS for page-settings */.row {
    margin-right: 0 !important;
}

/* Amazing filter */
.af * {
    color: #262B2C;
    font-family: 'Work Sans', sans-serif;
}

.af-toggle-child,
.af .block.vertical-layout.displayAmazzingFilter.hide-zero-matches.dim-zero-matches.animation-ready,
.af-toggle-child * {
    color: #262B2C;
    font-family: 'Work Sans', sans-serif;
}

.vertical-filter-btn {
    color: black; 
    background-color: white;
    font-family: 'Work Sans', sans-serif; 
}

.vertical-filter-btn:hover {
    background-color: #f0f0f0;
}


/* Home Page - WhyWhatHow */
.section-one-background-parallax,
.section-two-background-parallax,
.section-three-background-parallax {
  position: relative;
  z-index: 1;
}

.section-one-background-parallax::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 300vh; /* Estimate total height of 3 sections */
  background-image: url('https://strofix.com/img/cms/FrontPagePictures/Background.webp');
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  z-index: -1;
  pointer-events: none;
}

@media (max-width: 768px) {
  .section-one-background-parallax::before {
    /* Use 300% of viewport height to cover 3 sections */
    height: 276%;
    background-attachment: scroll;
  }
}









/* General styling for the slider images */

.first-screen img,
.middle-screen img,
.last-screen img{
    border-radius: 5px;
}

@media (min-width: 1025px){
.first-screen{
    opacity: 1;
    -moz-transition: opacity .025s ease-out;
    -webkit-transition: opacity .025s ease-out;
    transition: opacity .025s ease-out;
}

.middle-screen,
.last-screen{
    opacity: 0;
    -moz-transition: opacity .025s ease-out;
    -webkit-transition: opacity .025s ease-out;
    transition: opacity .025s ease-out;
}

.elementor-sticky--active.middle-screen,
.elementor-sticky--active.last-screen{
    opacity: 1;
}
	
/* Sticky - effects offset behavior once it's reached */

.elementor-sticky--effects.first-screen,
.elementor-sticky--effects.middle-screen{
    opacity: 0;
}
}




/*4 features mobile*/
/* Icon styling */
.slide-icon svg {
  width: 36px;
  height: 36px;
  margin-bottom: 12px;
}

/* Carousel container */
.carousel {
  position: relative;
  height: 150px;
}

.carousel__slide {
  position: absolute;
  width: 100%;
  height: 100%;
  /*opacity: 0;  */
  transition: opacity 0.5s ease-in-out;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: white;
}

/* REMOVE THESE ANIMATIONS */
/* .carousel__slide {
  animation: rotate 16s infinite;
}

.carousel:hover .carousel__slide {
  animation-play-state: paused;
} */

/* Text styling */
.slide-text1 {
  font-weight: bolder;
  font-size: 12px;
  color: #2c3e50;
  margin-bottom: 8px;
  letter-spacing: 0.5px;
}

.slide-text2 {
  font-weight: 400;
  font-size: 12px;
  color: #7f8c8d;
  line-height: 1.4;
  max-width: 240px;
}

.carousel__navigation {
  position: absolute;
  bottom: 5px;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  gap: 8px;
  z-index: 10;
}

.carousel__navigation-button {
  width: 8px;
  height: 8px;
  background-color: #bdc3c7;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.3s ease;
  border: none;
  padding: 0;
}

.mobile-carousel-container {
  width: 100%;
  overflow: hidden;
}

.carousel__slide.active {
  opacity: 1;
  z-index: 1;  /* ADDED THIS LINE */
}

.carousel__navigation-button.active {
  background-color: #2c3e50;
  transform: scale(1.2);
}


/*4 features mobile*/
  .custom-svg-container {
    width: 100%;
    height: 40px; /* Adjust based on your needs */
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  #checkout section.checkout-step.-reachable.-current .step-number {
      background-color: red;
  }
  
  
  /*Add lines in the bascket*/
  .cart-items .cart-item {
  border-bottom: 2px solid #ccc; /* Light gray line */
  padding-bottom: 20px;
  margin-bottom: 20px;
  margin-right: 5px;
  margin-right: 5px;
}

.cart-items .cart-item:last-child {
  border-bottom: none; /* Remove line after last item */
}

/*Show lines in the description of the product*/
.elementor-widget-product-description table,
.elementor-widget-product-description th,
.elementor-widget-product-description td {
  border: 1px dotted #999;
  border-collapse: collapse;
}

.elementor-widget-product-description table td,
.elementor-widget-product-description table th {
  padding: 8px;
  text-align: center;
}


/*To cover second vreadcrumb*/
nav.breadcrumb[data-depth="3"],
nav.breadcrumb[data-depth="4"] {
  display: none;
}/* End custom CSS */