.elementor-kit-8{--e-global-color-primary:#E3051B;--e-global-color-secondary:#FDE3D7;--e-global-color-text:#B2D6DB;--e-global-color-accent:#282934;--e-global-typography-primary-font-family:"Work Sans Regular";--e-global-typography-primary-font-size:60px;--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Work Sans Regular";--e-global-typography-secondary-font-size:40px;--e-global-typography-secondary-font-weight:500;--e-global-typography-text-font-family:"Work Sans Regular";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Work Sans Regular";--e-global-typography-accent-font-size:24px;--e-global-typography-accent-font-weight:400;--e-global-typography-0acaadd-font-family:"Work Sans - Medium";--e-global-typography-0acaadd-font-size:12px;background-color:#FFFFFF;text-decoration:none;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}body.e-wc-message-notice .woocommerce-message .button, body.e-wc-message-notice .wc-block-components-notice-banner.is-success .button{background-color:var( --e-global-color-primary );background-image:var( --e-global-color-primary );text-transform:uppercase;}body.e-wc-message-notice .woocommerce-message .button:hover, body.e-wc-message-notice .wc-block-components-notice-banner.is-success .button:hover{background-color:var( --e-global-color-accent );background-image:var( --e-global-color-accent );}body.e-wc-info-notice .woocommerce-info .button, body.e-wc-info-notice .wc-block-components-notice-banner.is-info .button{background-color:var( --e-global-color-primary );background-image:var( --e-global-color-primary );text-transform:uppercase;}body.e-wc-info-notice .woocommerce-info .button:hover, body.e-wc-info-notice .wc-block-components-notice-banner.is-info .button:hover, body.e-wc-info-notice .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .woocommerce-info .woocommerce-Button:hover, body.e-wc-info-notice .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .wc-block-components-notice-banner.is-info .woocommerce-Button:hover{background-color:var( --e-global-color-accent );background-image:var( --e-global-color-accent );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;}{}h1.entry-title{display:var(--page-title-display);}.e-wc-error-notice .woocommerce-error, .e-wc-error-notice .wc-block-components-notice-banner.is-error{--error-message-normal-links-color:var( --e-global-color-primary );}.e-wc-message-notice .woocommerce-message, .e-wc-message-notice .wc-block-components-notice-banner.is-success{--message-message-icon-color:var( --e-global-color-primary );--message-buttons-normal-text-color:#FFFFFF;--message-buttons-hover-text-color:#FFFFFF;--message-buttons-hover-transition-duration:250ms;--message-border-type:none;--message-buttons-padding:15px 15px 15px 15px;}.e-wc-message-notice .woocommerce-message .restore-item, .e-wc-message-notice .wc-block-components-notice-banner.is-success .restore-item, .e-wc-message-notice .woocommerce-message a:not([class]), .e-wc-message-notice .wc-block-components-notice-banner.is-success a:not([class]){--notice-message-normal-links-color:var( --e-global-color-primary );}.e-wc-info-notice .woocommerce-info, .e-wc-info-notice .wc-block-components-notice-banner.is-info{--info-message-icon-color:var( --e-global-color-primary );--info-buttons-normal-text-color:#FFFFFF;--info-buttons-hover-text-color:#FFFFFF;--info-buttons-hover-transition-duration:250ms;--info-border-type:none;--info-buttons-padding:15px 15px 15px 15px;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1139px){.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 */@media (max-width: 767px) {
  .user-icon {
    margin-bottom: 0px !important;
  }
}



/********** MOBILE ************/

/*user icon to menu size */ 
@media only screen and (max-width: 767px) {
.user-icon {
 background-size: 61%!important;
    
    
}


	.product-add-to-cart .text:before {
 
    width: 20px; /* Adjust as needed */
    height: 25px; /* Adjust as needed */
	}






/* show the br on mobile */
.mobile-only {
  display: inline;
}



	.aishtiebamaikata {max-height:250px;}


/* before after on mobile */
	.before-after-inner {min-height:calc((100vw - 10vw) * (9 / 16)) !important;}

.before-after-sep { height: calc((100vw - 10vw) * (9 / 16)) !important;}


/* shop page*/



.product-list.list-isotope.product-style-2 .product-list-content .wrapper-cart-price {
    /* -webkit-transform: translateY(100%); */
    -moz-transform: translateY(-35%);
    -ms-transform: translateY(-35%);
    -o-transform: translateY(-35%);
    transform: translateY(-35%);
}


.product-list.list-isotope.product-style-2 .product-list-content .wrapper-cart-hover-hidden.add-cart-btn {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-60%);
    -ms-transform: translateY(-60%);
    -o-transform: translateY(-60%);
    transform: translateY(-60%);
}


/* product page*/

.tp-woo-single-image.tp-pg-style_1.tp_pg_thumb_pos_l .flex-control-nav, .tp-woo-single-image.tp-pg-style_1.tp_pg_thumb_pos_r .flex-control-nav {
	width: 15%!important;}






}



/*****NORMAL CSS*******/



/* interactive panels shortcode */
    .panels {
        display: flex;
        min-height: 35vh;
        overflow: hidden;
    }

    .panel {
        flex: 1;
        justify-content: center;
        align-items: center;
        display: flex;
        flex-direction: column;
        padding: 20px 0;
        transition: all 400ms ease;
        font-family: sans-serif;
        text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
        cursor: pointer;
        position: relative;
        background-size: cover;
        background-position: center center;
    }

    .panel.active {
        flex: 3;
    }

    .content {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 10%;
        left: 10%;
        right: 10%;
        bottom: 10%;
        background: rgba(0, 0, 0, 0.3); /* Lighter overlay */
        color: #fff;
        transition: opacity 400ms;
        opacity: 0;
        font-size: 20px;
        text-align: center;
        padding: 20px;
        box-sizing: border-box;
    }

    .panel.active .content {
        opacity: 1;
    }

    .content h2 {
        font-size: 36px;
        margin-bottom: 10px;
        font-family: 'Work Sans', sans-serif; /* Font for title */
    }

    .content p {
        font-size: 18px;
        font-family: 'Barlow', sans-serif; /* Font for description */
    }

    /* Mobile styles */
    @media (max-width: 768px) {
        .panels {
            flex-direction: column;
          min-height:75vh;
        }

        .panel {
            flex: 10 !important;
        }

        .panel.active {
            flex: 80 !important;
        }

        .content {
            top: 5%;
            left: 5%;
            right: 5%;
            bottom: 5%;
            font-size: 16px; /* Smaller font size for mobile */
            padding: 15px;
        }

        .content h2 {
            font-size: 28px; /* Smaller title size */
        }

        .content p {
            font-size: 14px; /* Smaller description size */
        }
    }
    




/* The plus social feed img max height */
.tp-soc-img-cls{max-height: 300px;
    overflow: hidden;}


/* loop item max width */
.related-news .e-loop-item {max-width:33%!important;}


/*videos carousel custom offset */
.elementor-widget-n-carousel .e-n-carousel.offset-both, .elementor-widget-n-carousel .e-n-carousel.offset-right {padding-inline-end:40%;}

.elementor-1199 .elementor-element.elementor-element-427b14c8 {--e-n-carousel-swiper-offset-size: 40%;}




.videos-carousel .elementor-html5-video {
    -o-object-fit: contain !important;
    object-fit: contain !important;
   object-position: left center !important; 
}






/* logos carousel */

 .logo-carousel {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: auto; /* Set the height dynamically based on the content */
}

.logo-set {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  transition: opacity 1s ease-in-out; /* Slower fade duration */
  display: flex;
  justify-content: space-around;
  visibility: hidden; /* Hide non-active sets to avoid gaps */
}

.logo-set.active {
  opacity: 1;
  visibility: visible; /* Only the active set is visible */
  position: relative; /* Reset position to avoid stacking */
  display:flex;
}

.logo-set img {
max-width: 55%;
}

@media (max-width: 768px) {
  .logo-set-m img {
    max-width: 80%; /* Adjust to show 2 logos per row on mobile/tablet */
  }
}


/* add user icon to menu */ 
.user-icon {
    background-image: url('https://propress.durty.co.uk/wp-content/uploads/2024/04/Account-icon.svg');
}



.user-icon {
    background-size: 85%;
    background-repeat: no-repeat;
	background-position: center;
}

/* edit padding for cart icon */

    .elementor-menu-cart__toggle .elementor-button {padding: 0px 0px!important;}






  /* make the cursor pointer over the HELP section images */
.images .img1, .img2, .img3 {
    cursor: pointer;

}




/* remove default spacing for the top bar */

.top-bar .e-con-full, .e-con>.e-con-inner { padding-block-start: 0;
padding-block-end: 0;}

.top-banner p {
margin-block-end: 0rem;
}



/* Benefits section styling */
.kur {
  border-radius: 60px 0px 60px 0px;
  background: transparent;
  text-align: center;
  position: relative;
  overflow: hidden;
  transition: background 0s ease;
	cursor:pointer;
}

.kur p {
 opacity:0;
  transition: opacity 0s ease;
}

.kur.active-info {
  background:#D9D9D9;
}

.kur.active-info p {

  opacity: 1;
}



.color-images {
    display: flex;
    align-items: center;
}

.color-images img{margin-left:10px;}

/* change slider dots to squares */

.swiper-pagination-bullet {
    width: 24px; 
    height: 24px; 
    border-radius: 0; /* Makes the shape a square */
    background-color: #ff0000!important; 
}

.swiper-pagination-bullet-active {
    background-color: #ff0000; /* Different color for the active bullet */
}

/* moving text containers */
.moving-text-container {overflow:hidden;}



/* Mega Menu containers */
   .m-container {
            display: none;
        }
        .m-container.active {
            display: flex;
        }


  .active-professional a{
            color: #B2D6DB!important;
		font-weight:600;
        }
        .active-light a{
            color: #FDE3D7!important;
					font-weight:600;
        }

/* colour choices video */
.colour-choices .elementor-background-video-hosted  {
    -o-object-fit: contain;
    object-fit: contain;
}


/* colour choices img with titles */



.image-container .elementor-widget-image {
    cursor: pointer;

}


.img-title {
    display: none;
}

.img-title .active {
    display: block;
}


/* help buttons */

.help-buttons{max-width:700px;}

/* product page styling */

.tp-search-filter .tp-filter-tag, .tp-search-filter .tp-tag-reset {background:#E3051B; }

h3.theplus-posts-not-found {

    background: #E3051B;

	box-shadow: 0 5px 30px -5px #E3051B;}

.product-style-2 .product-list-content a.quick-view-btn {display:none;}

.product-style-2 .product-list-content .hover-content-price {height:40px;}


.plus-offcanvas-wrapper .offcanvas-toggle-wrap {height:30px;}

.fancybox-button .fancybox-close-small{border:none;}

.product-add-to-cart .text:before {
    content: '';
    display: inline-block;
    width: 30px; /* Adjust as needed */
    height: 35px; /* Adjust as needed */
    background-image: url('data:image/svg+xml,%3Csvg width%3D%2740%27 height%3D%2740%27 viewBox%3D%270 0 40 40%27 fill%3D%27none%27 xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Crect width%3D%2740%27 height%3D%2740%27 fill%3D%27%23E3051B%27%2F%3E%3Cpath d%3D%27M15.5406 16.6315V11.3972C15.5406 8.96663 17.4838 7 19.8854 7C22.287 7 24.2302 8.96663 24.2302 11.3972V16.7121M30 30.0953H10L11.724 12.6276H28.276L30 30.0953Z%27 stroke%3D%27white%27 stroke-miterlimit%3D%2710%27%2F%3E%3C%2Fsvg%3E');
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 5px; /* Adjust as needed */
    vertical-align: middle; /* Align with text */
}


/* campaign landing page */
.campaign-landing-hero .elementor-motion-effects-layer{z-index:1;}


/* case wording zindex */

.case-wording .elementor-motion-effects-layer {z-index:1;}


.alt-img-carousel .post-content-center { cursor: move;}

/* before after height */

@media (min-width: 1440px) {
    .before-after-inner {
        min-height: calc((1440px - 10vw) * (9 / 16))!important; /* Calculate height based on the max-width */
	}

.before-after-sep
	{
        height: calc((1440px - 10vw) * (9 / 16))!important; /* Keep it consistent */
    }
}


@media (max-width: 1440px) {
.before-after-inner {min-height:calc((80vw - 14vw) * (9 / 16))!important;}

.before-after-sep {height: calc((80vw - 14vw) * (9 / 16))!important ;}
}



/* this sorts out the issue with the dot not returning back on scroll */

.before-after-sep::before {
    content: url('https://propress.durty.co.uk/wp-content/uploads/2024/07/White-dot.svg'); /* URL to your SVG */
    position: absolute;
    top: 50%; /* Center vertically */
    left: 50%; /* Center horizontally */
    transform: translate(-50%, -50%); /* Adjust to perfectly center the SVG */
    display: block;
	width:25px;
}


/*hide br for bigger screens*/
@media screen and (min-width: 768px) {
  .mobile-only {
    display: none;
  }
}


/* product page */

.tp-woo-single-image.tp-pg-style_1.tp_pg_thumb_pos_l .flex-control-nav, .tp-woo-single-image.tp-pg-style_1.tp_pg_thumb_pos_r .flex-control-nav {
	width: 10%!important;}



/* MENU */


	.top-banner{transform: translateX(-10px);}


/**** VERY SMALL DESKTOP SCREENS ****/

@media only screen and (max-width:1599px) and (min-width: 1139px){
	.benefits-heading{width:100%;}
	.kur{width:16.6%}

	.accessories-mega-menu{width:110%;}
	
	
	/* discover page */

.technical-spec-icons{width:100%;}
.technical-spec-heading{width:100%;}
	
	
	
	/* Use Case Page */

	.use-case-text{position:absolute;
	bottom:0;}
	
	.elementor-1761 .elementor-element.elementor-element-d82aa68 {padding-right:0vw;}
	
.mini-heading h2 {font-size:15.625vw;}


}



@media only screen and (max-width:1350px) and (min-width: 1139px) {
	
.menu-separator {margin:0px!important}

	.dodgy-menu-item {width:30%!important;}




}



@media only screen and (max-width:1700px) and (min-width: 1139px) {
.lozenge-text-pro{padding-right:15%;}
.lozenge-text-light{padding-left:15%;}
}


/**** 4K ****/
@media only screen and (min-width: 3840px) {
.discover-bottom-mini{width:40%;}
	
	
	.img-accordion{margin-top:-15vh;}
	
	
	
}




/******** TABLET *******/

/* Sort out the lozenge for tablet   */
@media only screen and (max-width:1139px) and (min-width: 768px) {

.elementor-1199 .elementor-element.elementor-element-df4fee6 {
    right: 10%!important;
	}

}
	
/* Remove underline links */
.page-content a {
text-decoration: none !important;
}

/* Make product images unclickable */
.woocommerce-product-gallery__image a {
    pointer-events: none;
    cursor: default;
}

/* Hide the image title tooltip */
.woocommerce-product-gallery__image a {
    title: '';
}



strong {
  font-weight: 700 !important;
}


@media only screen and (max-width: 1599px) and (min-width: 1139px) {
    .benefits-heading {
        width: 50%;
    }
}


/* major benefits icons */
.kur p{
  font-size: calc(0.4rem + 0.8vw); /* Adjust this value for your desired font scaling */
line-height: normal;
}

/* Between 1500px and 1140px width, reduce the font size */
@media (max-width: 1500px) and (min-width: 1140px) {
  .kur p {
    font-size: calc(0.4rem + 0.7vw); /* Shrinks font dynamically */
    line-height: normal;
  }
  
  .kur .benefits-spacer{display:none;}
  
  .kur {
    --widgets-spacing: 0px 0px;}
  
}


@media (min-width: 768px) and (max-width: 1140px) {
    .user-icon{
        margin-right: 10px!important;
    }
    .user-icon {
    margin-bottom: 0px !important;
}
}

@media (min-width: 1141px) {
  .user-icon {
    margin-bottom: 5px !important;
  }
}


@media (min-width: 1140px) and (max-width: 1366px) {
  .use-case-heading1 h2 {
    font-size: 24px!important;
  }

  .use-case-heading2 h2 {
    font-size: 16px!important;
  }
    .use-case-description p {
    font-size: 16px!important;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Work Sans Regular';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://propress.durty.co.uk/wp-content/uploads/2024/06/WorkSans-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Work Sans – Medium';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://propress.durty.co.uk/wp-content/uploads/2024/06/WorkSans-Medium.ttf') format('truetype');
}
/* End Custom Fonts CSS */