/*
Theme Name: Encore 62
Template: flatsome
Author: Nick Wilson
Description: Multi-Purpose Custom Responsive WooCommerce Theme built predominantly for Wholesale & Rental accounts in the E-commerce space.
Version: 3.20.7.1781777218
Updated: 2026-06-18 10:06:58

*/

/*  Webfonts  */


@font-face {
    font-family: 'museo_sans100';
    src: url('/wp-content/themes/encore62/fonts/museosans-100-webfont.eot');
    src: url('/wp-content/themes/encore62/fonts/museosans-100-webfont.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/encore62/fonts/museosans-100-webfont.woff2') format('woff2'),
         url('/wp-content/themes/encore62/fonts/museosans-100-webfont.woff') format('woff'),
         url('/wp-content/themes/encore62/fonts/museosans-100-webfont.ttf') format('truetype'),
         url('/wp-content/themes/encore62/fonts/museosans-100-webfont.svg#museo_sans100') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'museo_sans300';
    src: url('/wp-content/themes/encore62/fonts/museosans-300-webfont.eot');
    src: url('/wp-content/themes/encore62/fonts/museosans-300-webfont.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/encore62/fonts/museosans-300-webfont.woff2') format('woff2'),
         url('/wp-content/themes/encore62/fonts/museosans-300-webfont.woff') format('woff'),
         url('/wp-content/themes/encore62/fonts/museosans-300-webfont.ttf') format('truetype'),
         url('/wp-content/themes/encore62/fonts/museosans-300-webfont.svg#museo_sans300') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'museo_sans500';
    src: url('/wp-content/themes/encore62/fonts/museosans_500-webfont.eot');
    src: url('/wp-content/themes/encore62/fonts/museosans_500-webfont.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/encore62/fonts/museosans_500-webfont.woff2') format('woff2'),
         url('/wp-content/themes/encore62/fonts/museosans_500-webfont.woff') format('woff'),
         url('/wp-content/themes/encore62/fonts/museosans_500-webfont.ttf') format('truetype'),
         url('/wp-content/themes/encore62/fonts/museosans_500-webfont.svg#museo_sans500') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'museo_sans700';
    src: url('/wp-content/themes/encore62/fonts/museosans_700-webfont.eot');
    src: url('/wp-content/themes/encore62/fonts/museosans_700-webfont.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/encore62/fonts/museosans_700-webfont.woff2') format('woff2'),
         url('/wp-content/themes/encore62/fonts/museosans_700-webfont.woff') format('woff'),
         url('/wp-content/themes/encore62/fonts/museosans_700-webfont.ttf') format('truetype'),
         url('/wp-content/themes/encore62/fonts/museosans_700-webfont.svg#museo_sans700') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'museo_sans900';
    src: url('/wp-content/themes/encore62/fonts/museosans_900-webfont.eot');
    src: url('/wp-content/themes/encore62/fonts/museosans_900-webfont.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/encore62/fonts/museosans_900-webfont.woff2') format('woff2'),
         url('/wp-content/themes/encore62/fonts/museosans_900-webfont.woff') format('woff'),
         url('/wp-content/themes/encore62/fonts/museosans_900-webfont.ttf') format('truetype'),
         url('/wp-content/themes/encore62/fonts/museosans_900-webfont.svg#museo_sans900') format('svg');
    font-weight: normal;
    font-style: normal;

}





@font-face {
    font-family: 'museo_sans300';
    src: url('/wp-content/themes/encore62/fonts/museosans-300-webfont.eot');
    src: url('/wp-content/themes/encore62/fonts/museosans-300-webfont.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/encore62/fonts/museosans-300-webfont.woff2') format('woff2'),
         url('/wp-content/themes/encore62/fonts/museosans-300-webfont.woff') format('woff'),
         url('/wp-content/themes/encore62/fonts/museosans-300-webfont.ttf') format('truetype'),
         url('/wp-content/themes/encore62/fonts/museosans-300-webfont.svg#museo_sans300') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'museo_sans900_italic';
    src: url('/wp-content/themes/encore62/fonts/museosans-900italic-webfont.eot');
    src: url('/wp-content/themes/encore62/fonts/museosans-900italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/encore62/fonts/museosans-900italic-webfont.woff2') format('woff2'),
         url('/wp-content/themes/encore62/fonts/museosans-900italic-webfont.woff') format('woff'),
         url('/wp-content/themes/encore62/fonts/museosans-900italic-webfont.ttf') format('truetype'),
         url('/wp-content/themes/encore62/fonts/museosans-900italic-webfont.svg#museo_sans900_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'museo_sans100_italic';
    src: url('/wp-content/themes/encore62/fonts/museosans-100italic-webfont.eot');
    src: url('/wp-content/themes/encore62/fonts/museosans-100italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/encore62/fonts/museosans-100italic-webfont.woff2') format('woff2'),
         url('/wp-content/themes/encore62/fonts/museosans-100italic-webfont.woff') format('woff'),
         url('/wp-content/themes/encore62/fonts/museosans-100italic-webfont.ttf') format('truetype'),
         url('/wp-content/themes/encore62/fonts/museosans-100italic-webfont.svg#museo_sans100_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'museo_sans300_italic';
    src: url('/wp-content/themes/encore62/fonts/museosans-300italic-webfont.eot');
    src: url('/wp-content/themes/encore62/fonts/museosans-300italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/encore62/fonts/museosans-300italic-webfont.woff2') format('woff2'),
         url('/wp-content/themes/encore62/fonts/museosans-300italic-webfont.woff') format('woff'),
         url('/wp-content/themes/encore62/fonts/museosans-300italic-webfont.ttf') format('truetype'),
         url('/wp-content/themes/encore62/fonts/museosans-300italic-webfont.svg#museo_sans300_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'museo_sans700_italic';
    src: url('/wp-content/themes/encore62/fonts/museosans-700italic-webfont.eot');
    src: url('/wp-content/themes/encore62/fonts/museosans-700italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/encore62/fonts/museosans-700italic-webfont.woff2') format('woff2'),
         url('/wp-content/themes/encore62/fonts/museosans-700italic-webfont.woff') format('woff'),
         url('/wp-content/themes/encore62/fonts/museosans-700italic-webfont.ttf') format('truetype'),
         url('/wp-content/themes/encore62/fonts/museosans-700italic-webfont.svg#museo_sans700_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}


/*  End Webfonts  */


/*Header */


.container, .container-width, .full-width .ubermenu-nav, .row {
    max-width: 1200px;
}

.nav-small .nav>li>a, .nav.nav-small>li>a {
    font-weight: 400;
    padding-bottom: 5px;
    padding-top: 3px;
    font-family: 'museo_sans700';
    font-size:12px;
}

.header-top {
	background-color: #F4F6F8;
    font-family: 'museo_sans700';
      font-size:12px;

}


.dark .nav-vertical li li.menu-item-has-children>a, .nav-dark .header-button, .nav-dark .nav-vertical li li.menu-item-has-children>a, .nav-dark .nav>li.html {
    color: #707070;
    font-family: 'museo_sans700';
      font-size:12px;
}


.dark .nav-vertical li li.menu-item-has-children>a, .dark .nav-vertical-fly-out>li>a, .dark .nav-vertical>li>ul li a, .dark .nav>li.html, .dark .nav>li>a, .nav-dark .is-outline, .nav-dark .nav>li>a, .nav-dark .nav>li>button, .nav-dropdown.dark .nav-column>li>a, .nav-dropdown.dark>li>a {
    color: #707070;
    font-family: 'museo_sans700';
      font-size:12px;
}

.dark .nav-vertical-fly-out>li>a:hover, .dark .nav>li.active>a, .dark .nav>li>a.active, .dark .nav>li>a:hover, .nav-dark .nav>li.active>a, .nav-dark .nav>li.current>a, .nav-dark .nav>li>a.active, .nav-dark .nav>li>a:hover, .nav-dark a.plain:hover, .nav-dropdown.dark .nav-column>li>a:hover, .nav-dropdown.dark>li>a:hover {
    color: #E2042D;
}

.header-main {
    height: 90px;
		background-color: #F4F6F8;
}

#top-bar .container {
    border-bottom: 1px solid #707070;
	    padding-top: 10px;
    padding-bottom: 7px;
}

.numfix {

    color: #707070;
    font-family: 'museo_sans700'!important;
      font-size:12px!important;
      margin-top:-3px;
}

.numfix:hover {

    color: #E2042D;
    font-family: 'museo_sans700'!important;
      font-size:12px!important;
}


.nav > li > a, .mobile-sidebar-levels-2 .nav > li > ul > li > a {
    
      color: #707070;
    font-family: 'museo_sans700';
      font-size:17px;
      text-transform:capitalize;
}

a.button.primary:hover {

    background:transparent;
    border:1px solid #E2042D;
    border-radius:10px;
    color:#E2042D;
    font-family: 'museo_sans700';
      font-size:14px;
      text-transform:capitalize;
      box-shadow: none !important;
}

a.button.primary {

    background:#E2042D;
    border:1px solid #E2042D;
    border-radius:10px;
    color:#fff;
    font-family: 'museo_sans700';
      font-size:14px;
      text-transform:capitalize;
}

li.header-divider {
    display: none;
}



.cart-icon strong {
    border: 1px solid var(--fs-color-primary);
    border-radius: 0;
    color: var(--fs-color-primary);
    font-family: 'museo_sans700';
    font-size: 1em;
    height: 1.8em;
    line-height: 1.9em;
    margin: .3em 0;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width:1.8em;
}


.nav-column li.active>a, .nav-column li>a:hover, .nav-dropdown li.active>a, .nav-dropdown>li>a:hover, .nav-vertical-fly-out>li.active>a, .nav-vertical-fly-out>li>a:hover, .nav>li.active>a, .nav>li.current>a, .nav>li>a.active, .nav>li>a.current, .nav>li>a:hover {
    color: #E2042D;
}


.menu-contact {
    position: relative;
    --icon-color: #707070;
}

.menu-contact:hover {
    --icon-color: #E2042D;
}

.menu-contact > a {
    padding-left: 18px !important;
}

.menu-contact::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 43%;
    width: 15px;
    height: 15px;
    transform: translateY(-50%);

    background-color: var(--icon-color);

    -webkit-mask: url('/wp-content/uploads/2026/06/icon-contact.svg') no-repeat center;
    mask: url('/wp-content/uploads/2026/06/icon-contact.svg') no-repeat center;

    -webkit-mask-size: contain;
    mask-size: contain;
}






.menu-account {
    position: relative;
    --icon-color: #707070;
}

.menu-account:hover {
    --icon-color: #E2042D;
}

.menu-account > a {
    padding-left: 18px !important;
}

.menu-account::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 43%;
    width: 15px;
    height: 15px;
    transform: translateY(-50%);

    background-color: var(--icon-color);

    -webkit-mask: url('/wp-content/uploads/2026/06/icon-account.svg') no-repeat center;
    mask: url('/wp-content/uploads/2026/06/icon-account.svg') no-repeat center;

    -webkit-mask-size: contain;
    mask-size: contain;
}

.top-divider {
    border-top: 0px solid;
    margin-bottom: -1px;
    opacity: .1;
}

div#cont-head {

    height:250px;
}

.elementor-element.cont-head {
    height: 250px;
}



/* End Header */


/*  Footer  */

.footer-wrapper {
    position: relative;
    width: 100%;
    background: #333333;
        padding-top: 45px;
}

.ft-15w {

    color: #fff;
    font-family: 'museo_sans500';
      font-size:15px;
      text-transform:capitalize;
      line-height:22px;

}


.ft-23w {

    color: #fff;
    font-family: 'museo_sans700';
      font-size:23px;
      text-transform:capitalize;

}


.absolute-footer .container {
    border-top: 1px solid #fff;
	    padding-top: 10px;
    padding-bottom: 7px;
}

.absolute-footer {
background: #333333;

}


.pull-left {
   float:none;
    text-align: center!important;
}

.footer-secondary.pull-right {
    display: none!important;
}

/* End  Footer  */



/* Home Page  */


div#comments {
    display: none;
}



/* End Home Page  */


/* INtro block - 1st column */


.wht-16  {
color: #fff;
    font-family: 'museo_sans300';
      font-size:16px;

}

h1.lrg-w60 {

    color: #fff;
    font-family: 'museo_sans700';
      font-size:60px!important;

}

h2.lrg-w35 {

    color: #fff;
    font-family: 'museo_sans700';
      font-size:35px!important;

}

h2.lrg-b35 {

    color: #707070;
    font-family: 'museo_sans700';
      font-size:35px!important;

}


h2.md-b23 {

    color: #707070;
    font-family: 'museo_sans700';
      font-size:23px!important;

}

.sml-wht18 {

    color: #fff;
    font-family: 'museo_sans300';
      font-size:18px;

}

.sml-wht15 {

    color: #fff;
    font-family: 'museo_sans300';
      font-size:15px;

}

.sml-red15 {

    color: #E2042D;
    font-family: 'museo_sans300';
      font-size:15px;

}

.sml-blk15 {

    color: #707070;
    font-family: 'museo_sans300';
      font-size:15px;

}

.sml-blk18 {

    color: #000;
    font-family: 'museo_sans300';
      font-size:18px;

}

.encore-hero-card {
    position: relative;
    min-height: 420px;
    border-radius: 12px;
    overflow: hidden;
    background-image: url('/wp-content/uploads/2026/07/home-intro.jpg');
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: flex-end;
}

.encore-hero-card-sm1 {
    position: relative;
    min-height: 342px;
    border-radius: 12px;
    overflow: hidden;
    background-image: url('/wp-content/uploads/2026/07/rental-solutions-block.jpg');
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: flex-end;
}

.encore-hero-card-sm2 {
    position: relative;
    min-height: 342px;
    border-radius: 12px;
    overflow: hidden;
    background-image: url('/wp-content/uploads/2026/07/wholesale-solutions.jpg');
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: flex-end;
}

.encore-overlay {
    position: absolute;
    inset: 0;
 
}

.encore-content {
    position: relative;
    z-index: 2;
    padding: 40px;
    color: #fff;
}

.encore-content h2 {
    margin: 0 0 15px;
    font-size: clamp(2rem, 4vw, 3.5rem);
    line-height: 1;
    font-weight: 700;
}

.encore-content p {
    margin: 0 0 25px;
    max-width: 650px;
}

.encore-buttons {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.encore-buttons a {
    text-decoration: none;
    padding: 12px 12px;
    border-radius: 10px;
    font-size: 14px;
    transition: .3s;
}

.btn-primary {
    background: #E2042D;
    color: #fff;
}

.btn-secondary {
    background: transparent;
    color: #fff;
    border:1px solid #fff;
}

.btn-secondary:hover {
    background: #E2042D;
    color: #fff;
    border:1px solid #E2042D;
}


.btn-tert {
    background: transparent;
    color: #E2042D;
    border:1px solid #E2042D;
}

.btn-tert:hover {
    background: #E2042D;
    color: #fff;
    border:1px solid #E2042D;
}




/* INtro block - 2nd column */

.encore-cta-stack {
    display: flex;
    flex-direction: column;
    gap: 15px;
    height: 100%;
}

.encore-cta-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.encore-cta {
    flex: 1;
    border-radius: 12px;
    padding: 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.encore-cta h3 {
    margin: 0 0 20px;
    font-size: 18px;
    line-height: 1.4;
}

.encore-cta a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    flex: 0 0 auto;

    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px 18px;

    
    text-decoration: none;
    font-size: 14px;
    line-height: 1;
    border: 1px solid currentColor;

    transition: .3s;
}


.encore-cta.black a {
    background: transparent;
    color: #E2042D;
    border:1px solid #E2042D;
    border-radius:10px;
}

.encore-cta.black a:hover {
    background: #E2042D;
    color: #fff;
    border:1px solid #E2042D;
    border-radius:10px;
}


.encore-cta.red a {
    background: transparent;
    color: #fff;
    border:1px solid #fff;
    border-radius:10px;
}

.encore-cta.red a:hover {
    background: #fff;
    color: #E2042D;
    border:1px solid #fff;
    border-radius:10px;
}

.encore-cta.yellow a {
    background: transparent;
    color: #E2042D;
    border:1px solid #E2042D;
    border-radius:10px;
}

.encore-cta.yellow a:hover {
    background: #E2042D;
    color: #fff;
    border:1px solid #E2042D;
    border-radius:10px;
}

.encore-cta.black {
    background: #000;
    color: #fff;
}

.encore-cta.red {
    background: #E2042D;
    color: #fff;
}

.encore-cta.yellow {
    background: #FFD100;
    color: #000;
}


/* Responsive mobile  */

@media (max-width: 849px) {

    .encore-hero-card {
        min-height: 500px;
    }

    .encore-content {
        padding: 30px;
    }

    .encore-content h2 {
        font-size: 2rem;
    }

    .encore-cta-stack {
        margin-top: 20px;
    }

    .encore-cta {
        min-height: 180px;
    }
}



.greybg {

    background:#F4F6F8;
    padding-top:35px;
    padding-bottom:35px;
}


#sp-testimonial-free-wrapper-2868 .sp-testimonial-free-section .testimonial-nav-arrow:hover {
    background: #E2042D;
    border-color: #E2042D;
    color: #ffffff;
}

#sp-testimonial-free-wrapper-2868 .sp-testimonial-free-section .testimonial-nav-arrow {
    background: transparent;
    border: 1px solid #E2042D;
    color: #E2042D;
}

.sp-testimonial-free-section .testimonial-nav-arrow {
    top: 50%;
    font-size: 20px;
    line-height: 1;
    display: block;
    width: 43px;
    height: 43px;
    padding: 0;
    cursor: pointer;
    outline: 0;
    position: absolute;
    text-align: center;
    z-index: 22;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    transform: translateY(-50px);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

#sp-testimonial-free-wrapper-2868 .sp-testimonial-free {
    background: transparent;
    border: 1px solid #CCCCCC;
    border-radius: 10px;
      padding-top: 25px;
    padding-bottom: 25px;
}


.sp-testimonial-free-section .sp-testimonial-title h3 {
    font-size: 20px;
    line-height: 30px;
    text-transform: none;
    text-align: left;
    letter-spacing: normal;
    font-weight: 600;
    font-style: normal;
    padding: 0;
    margin: 0;
}


.sp-testimonial-free-section .sp-testimonial-client-testimonial, .sp-testimonial-free-section .sp-testimonial-client-testimonial p {
    font-size: 16px;
    line-height: 26px;
    text-transform: none;
    text-align: left;
    letter-spacing: normal;
    font-weight: 400;
    font-style: normal;
    margin: 0 0 ;

}

.sp-testimonial-free-section .sp-testimonial-title {
    margin: 0px 0 18px 11px;
}


.sp-testimonial-free-section .sp-testimonial-client-rating {
    margin: 0 0 6px 11px;
    text-align: left;
    line-height: 1;
}

#sp-testimonial-free-wrapper-2868 .sp-testimonial-free-section .sp-testimonial-client-rating {
    display: block;
    gap: 2px;
}

.sp-testimonial-free-section .testimonial-nav-arrow {
    top: 75%;

}

.sp-testimonial-free {
    display: flex;
    flex-direction: column;
}

.sp-testimonial-client-rating {
    order: -1 !important;
}


/* Rental Solutions  */

.banner {
    background-image: url('/wp-content/uploads/2026/06/content-header.jpg');
    background-size: auto;
    background-position: center;
    min-height: 250px;
    position: relative;
    width: 100%;
    background-repeat: no-repeat;
    background-color:transparent;
        top: -25px;
}


.banner-bg.fill.parallax-active {
    display: none;
}

.social-icons.share-icons.share-row.relative {
    display: none;
}


.dark .heading-font, .dark a.lead, .dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6, .dark label, .hover-dark:hover a, .hover-dark:hover h1, .hover-dark:hover h2, .hover-dark:hover h3, .hover-dark:hover h4, .hover-dark:hover h5, .hover-dark:hover h6, .hover-dark:hover p {
    color: #707070;
    font-family: 'museo_sans700';
      font-size:30px!important;
      text-transform:lowercase!important;
}



/* Rental Solutions  */

.rental-process {
    width: 100%;
    padding: 45px 20px;
}

.rental-process-container {
    max-width: 1200px;
    margin: 0 auto;
}

.intro {
    margin-bottom: 60px;
}

.intro h2 {
    margin: 0 0 10px;
    font-size: 36px;
    line-height: 1.2;
}

.intro p {
    margin: 0;
}

.steps-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 40px;
}

.step {
    text-align: center;
}

.step img {
    max-width: 120px;
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

.step h3 {
    margin: 0 0 15px;
    font-size: 28px;
    line-height: 1;
}

.step p {
    margin: 0;
    line-height: 1.6;
}

.process-button {
    text-align: center;
    margin-top: 60px;
}

.process-button a {
    display: inline-block;
    padding: 16px 40px;
    border: 1px solid #E2042D;
    color:#E2042D;
    border-radius: 10px;
    text-decoration: none;
    transition: all .3s ease;
}

.process-button a:hover {
    transform: translateY(-2px);
     border: 1px solid #E2042D;
    color:#fff;
    background:#E2042D;
}

@media (max-width: 1024px) {

    .steps-grid {
        grid-template-columns: repeat(3, 1fr);
    }

}

@media (max-width: 767px) {

    .steps-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }

    .intro {
        text-align: center;
    }

}

@media (max-width: 480px) {

    .steps-grid {
        grid-template-columns: 1fr;
    }

}


.grey-form-bg {


    background:#F4F6F8;
    padding:25px;
    border-radius:20px;
}

.enc-red {

    color:#E2042D;
}



/* Contact Form  */

.flex-row {
    display: flex;
    gap: 20px;              /* Horizontal & vertical spacing */
    margin-bottom: 20px;    /* Space below each row */
}

.medium-flex-wrap {
    flex-wrap: wrap;
}


.select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection, input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 20px;
    /* box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); */
    box-sizing: border-box;
    color: #333;
    font-size: .97em;
    height: 2.507em;
    max-width: 100%;
    padding: 0 0.75em;
    transition: color .3s, border .3s, background .3s, opacity .3s;
    vertical-align: middle;
    width: 100%;
}


.file-upload-cloud{
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%;
    height:100px;
    border:1px solid #ccc;
    border-radius:20px;
    background:#fff;
    cursor:pointer;
    overflow:hidden;
    transition:.2s;
}

.file-upload-cloud:hover{
    border-color:#444;
}

.hidden-upload{
    position:absolute !important;
    inset:0;
    width:100%;
    height:100%;
    opacity:0;
    cursor:pointer;
}

.upload-content{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    pointer-events:none;
}

.upload-content img{
    margin-top:15px;
    width:70px;
    height:70px;
    margin-bottom:10px;
}

.upload-text{
    color:#999;
    font-size:15px;
}

.file-upload-cloud .wpcf7-form-control-wrap{
    position:absolute;
    inset:0;
    display:block;
}

.file-upload-cloud .hidden-upload{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    opacity:0;
    cursor:pointer;
}

.consentbg {

    background:#fff;
    border-radius:20px;
    padding:20px;
    border:1px solid #ccc;
}

.wpcf7 input[type="checkbox"]{
    width:15px;
    height:15px;
    border-radius:50px;
    accent-color:#E2042D; /* Change to your brand colour */
    cursor:pointer;

}

input.wpcf7-form-control.wpcf7-submit.has-spinner {

    background:transparent;
    border-radius:15px;
    border:1px solid #E2042D;
    color:#E2042D;
    width:100%;
}


input.wpcf7-form-control.wpcf7-submit.has-spinner:hover {

    background:#E2042D;
    border-radius:15px;
    border:1px solid #E2042D;
    color:#fff;
    width:100%;
}

/* All CF7 placeholders */
.wpcf7 ::placeholder {
    color: #ccc !important;
    opacity: 1; /* Firefox */
}

/* Text inputs & textareas */
.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder {
    color: #ccc !important;
    opacity: 1;
}

/* Select dropdown text */
.wpcf7 select {
    color: #ccc;
}

/* Dropdown options */
.wpcf7 select option {
    color: #333;
}

/* Placeholder option */
.wpcf7 select option:first-child {
    color: #ccc;
}

/* Date input text */
.wpcf7 input[type="date"] {
    color: #ccc !important;
}

/* Once a date is selected */
.wpcf7 input[type="date"]:valid {
    color: #333 !important;
}

/* Chrome/Edge */
.wpcf7 input[type="date"]::-webkit-datetime-edit {
    color: #ccc;
}

/* After a value has been selected */
.wpcf7 input[type="date"]:valid::-webkit-datetime-edit {
    color: #333;
}

/* Calendar icon */
.wpcf7 input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0.5;
    cursor: pointer;
}

/* When a date has been selected */
.wpcf7 input[type="date"]:valid {
    color: #333;
}


textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required {
    padding-top: 15px;
}


/* Blog Grid */


span.eael-posted-by {
    display: none;
}

/* Make image container relative */
.eael-entry-media{
    position:relative;
    overflow:hidden;
}

/* Hide the original date */
.eael-posted-on{
    display:none;
}

/* Date badge */
.custom-date-badge{
    position:absolute;
    top:15px;
    left:15px;
    width:58px;
    height:58px;
    background: rgba(255, 255, 255, 0.7);
    border:1px solid #E2042D;
    border-radius:10px;
   /* box-shadow:0 4px 10px rgba(0,0,0,.15);*/
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    z-index:10;
    line-height:1;
}

.custom-date-badge .day{
    font-size:24px;
    font-weight:700;
    color:#E2042D;
}

.custom-date-badge .month{
    font-size:12px;
    font-weight:600;
    text-transform:uppercase;
    color:#E2042D;
    margin-top:4px;
}


/* My Account page  */



/* Dashboad left menu */


.dashboard-menu{
    width:100%;
    box-sizing:border-box;
}

/* User */

.user-info{
    display:flex;
    align-items:center;
    gap:15px;
    margin-bottom:20px;
}

.user-avatar img{
    width:48px;
    height:48px;
    border-radius:50%;
     object-fit:cover;
}

.user-text{
    display:flex;
    flex-direction:column;
    line-height:1.3;
}

.user-text .greeting{
    color:#222;
    font-size:18px;
}

.user-text strong{
    color:#666;
    font-size:16px;
    font-weight:700;
}

/* Navigation */

.account-nav{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.account-nav a {
    display: block;
    padding: 8px 18px;
    background: #F4F6F8;
    border: 1px solid #CCCCCC;
    border-radius: 10px;
    color: #707070;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: .25s ease;
}

.account-nav a:hover{
    background:#E2042D;
    border-color:#E2042D;
    color:#fff;
}

.account-nav a.active{
    background:#E2042D;
    border-color:#E2042D;
    color:#fff;
}



.pad44 {

  
}

.vwlink {
color:#E2042D;
    font-family: 'museo_sans700';
      font-size:15px;
      font-weight:200;   
       padding-left: 60px;


}


/* End Dashboad left menu */


li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--dashboard.is-active.active {
    color: #fff;
    background: #E2042D;
    border-radius: 10px;
    border: 1px solid #E2042D;
}



li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--orders:hover {
      color: #fff;
    background: #E2042D;
    border-radius: 10px;
    border: 1px solid #E2042D;
}

li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--orders:active {
      color: #fff;
    background: #E2042D;
    border-radius: 10px;
    border: 1px solid #E2042D;
}



li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--orders {
    color: #E2042D;
    background: #F4F6F8;
    border-radius: 10px;
    border: 1px solid #ccc;
}

li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--downloads {
    color: #E2042D;
    background: #F4F6F8;
    border-radius: 10px;
    border: 1px solid #ccc;
}

li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--downloads:hover {
      color: #fff!important;
    background: #E2042D;
    border-radius: 10px;
    border: 1px solid #E2042D;
}


li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--edit-address {
    color: #E2042D;
    background: #F4F6F8;
    border-radius: 10px;
    border: 1px solid #ccc;
}


li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--edit-account {
    color: #E2042D;
    background: #F4F6F8;
    border-radius: 10px;
    border: 1px solid #ccc;
}


li.wishlist-account-element {
    color: #E2042D;
    background: #F4F6F8;
    border-radius: 10px;
    border: 1px solid #ccc;
}


li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--customer-logout {
    color: #E2042D;
    background: #F4F6F8;
    border-radius: 10px;
    border: 1px solid #ccc;
}

.nav-line-bottom>li>a:before, .nav-line-grow>li>a:before, .nav-line>li>a:before {


    display:none;
}

.nav.nav-vertical li {
    list-style: none;
    margin: 0;
    width: 100%;
    margin-bottom: 15px;
}

@media screen and (min-width: 850px) {
    .col-border {
        border: 1px solid #707070;
        padding-right: 15px;
        border-radius: 10px;
        padding-top: 15px;
    }
}

@media screen and (min-width: 850px) {
    .col-border+.col, .col-divided+.col {
        padding-left: 30px;
        background: #F4F6F8;
        border-radius: 10px;
    }
}



.account-cards{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

.account-card{
    position:relative;
    min-height:144px;
    border-radius:20px;
    overflow:hidden;
    text-decoration:none;
    color:#fff;

    display:flex;
    justify-content:flex-end;
    align-items:flex-end;

    padding:30px;

    background-size:cover;
    background-position:center;
    transition:.3s ease;
}

.account-card:hover{
    transform:translateY(-5px);
}

/* Background images */
.card-orders{
    background-image:url('/wp-content/uploads/2026/07/acc-db-header-black.png');
}

.card-address{
    background-image:url('/wp-content/uploads/2026/07/acc-db-header-red.png');
}

.card-downloads{
    background-image:url('/wp-content/uploads/2026/07/acc-db-header-yellow.png');
}

.card-catalogue{
    background-image:url('/wp-content/uploads/2026/07/acc-db-header-grey.png');
}

/* Icon positioning */
.card-icon{
    position:absolute;
       top: 8px;
    left: 6px;
    z-index:2;
}

.card-icon img{
    width:48px;
    height:48px;
    object-fit:contain;
}

/* Content */
.card-content{
    text-align:right;
    position:relative;
    z-index:2;
}

.card-content h3{
    margin:0 0 40px;
    font-size:34px;
    line-height:1.1;
    font-weight:400;
}

.card-content span{
    font-size:15px;
    text-decoration:underline;
}

/* Mobile */
@media (max-width: 768px){

    .account-cards{
        grid-template-columns:1fr;
        gap:20px;
    }

    .account-card{
        min-height:180px;
        padding:25px;
    }

    .card-content h3{
        font-size:28px;
        margin-bottom:25px;
    }

    .card-content span{
        font-size:18px;
    }
}


/* Page title */

/* Full-width title section */
.page-title {
    position: relative;
    width: 100%;
    background: url('/wp-content/uploads/2026/06/content-header.jpg') center center / cover no-repeat;
    min-height: 220px;
    display: flex;
    align-items: center;
    overflow: hidden;
}

/* Content container */
.page-title-inner.flex-row.container.text-left {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    min-height: 220px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

/* Title wrapper */
.page-title-inner .title-wrapper{
    max-width: 1200px;
    width:100%;
}

/* Responsive */
@media (max-width:768px){

    .page-title,
    .page-title-inner.flex-row.container.text-left{
        min-height:140px;
    }

}



/* Contact Page */


.contact-card{
    background:#F4F6F8;
    color:#707070;
    padding:60px 50px;
    border-radius:10px;
    box-sizing:border-box;
    width:100%;
    max-width:100%;
}

.contact-item{
    display:flex;
    align-items:flex-start;
    gap:22px;
    margin-bottom:55px;
    box-sizing:border-box;
    max-width:100%;
}

.contact-item:last-child{
    margin-bottom:0;
}

.contact-icon{
    width:62px;
    height:62px;
    min-width:62px;
    
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:26px;
  
}

.contact-content{
    box-sizing:border-box;
    max-width:100%;
}

.contact-content h3{
    margin:0 0 15px;
    font-size:20px;
    line-height:1;
    font-weight:700;
    color:#707070;
}

.contact-content p{
    margin:0 0 8px;
    font-size:15px;
    line-height:1.8;
    color:#707070;
}

.contact-content p:last-child{
    margin-bottom:0;
}

/* Tablet */

@media (max-width:768px){

    .contact-card{
        padding:40px 30px;
    }

    .contact-item{
        gap:18px;
        margin-bottom:40px;
    }



    .contact-content h3{
        font-size:30px;
    }

    .contact-content p{
        font-size:16px;
    }

}

/* Mobile */

@media (max-width:480px){

    .contact-item{
        flex-direction:column;
        align-items:flex-start;
        gap:18px;
    }

    .contact-content h3{
        font-size:26px;
    }

}

.contact-icon img{
    width:28px;
    height:28px;
    object-fit:contain;
}


/* Dashboard Orders */

.dashboard-orders{
    width:100%;
}

.orders-head,
.order-row{
    display:grid;
    grid-template-columns:
        120px
        140px
        1.5fr
        120px
        180px
        150px;

    gap:16px;
    align-items:center;
}

.orders-head{
    font-weight:600;
    border-bottom:1px solid #CCCCCC;
    padding:0 0 12px;
    margin-bottom:10px;
    color:#666;
}

.order-row{
    padding:14px 0;
    border-bottom:1px solid #eee;
}

.order-row div{
    color:#707070;
}

.view-order{
    color:#E2042D;
    text-decoration:none;
    font-weight:600;
}

.view-order:hover{
    text-decoration:underline;
}



/* View details Modal */

.order-modal{

    display:none;

    position:fixed;

    inset:0;

    background:rgba(0,0,0,.65);

    z-index:99999;

    justify-content:center;

    align-items:center;

}

.order-modal-content{

    background:#fff;

    width:min(900px,90vw);

    max-height:90vh;

    overflow:auto;

    border-radius:12px;

    padding:35px;

    position:relative;

}

.close-order-modal{

    position:absolute;

    right:25px;

    top:20px;

    font-size:34px;

    cursor:pointer;

    line-height:1;

}


/* Dashboard Address info  */

.dashboard-address-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(248px,1fr));

    gap:15px;

}

.address-card{

    background:#fff;

    border:1px solid #ccc;

    border-radius:12px;

    padding:12px;

    min-height:274px;

    position:relative;

}

.address-card h3{

    margin-top:0;

    color:#555;
        font-size:22px;
    margin-bottom:20px;

}

.add-address{

    display:flex;

    justify-content:center;

    align-items:center;
    background: transparent;

}

.add-address button{

    border:none;

    background:none;

    cursor:pointer;

}



/* Dete Address modal */

.delete-address-confirm{

    text-align:center;

}

.delete-address-confirm h2{

    margin-bottom:15px;

}

.delete-warning{

    color:#777;

    margin:20px 0 35px;

}

.delete-buttons{

    display:flex;

    justify-content:center;

    gap:15px;

}

.cancel-delete{

    background:#F4F6F8;

    border:1px solid #CCCCCC;

    color:#707070;

    padding:12px 28px;

    border-radius:8px;

    cursor:pointer;

    transition:.3s;

}

.cancel-delete:hover{

    background:#efefef;

}

.confirm-delete{

    background:#E2042D;

    border:1px solid #E2042D;

    color:#fff;

    padding:12px 28px;

    border-radius:8px;

    cursor:pointer;

    transition:.3s;

}

.confirm-delete:hover{

    opacity:.9;

}


/* Default address badge  */

.default-badge{

    position:absolute;

    top:16px;
    right:16px;

    background:#E2042D;

    color:#fff;

    border:1px solid #E2042D;

    padding:4px 10px;

    border-radius:20px;

    font-size:12px;

    font-weight:600;

    line-height:1;

}









.default-address{

    background:#F4F6F8;

    border:1px solid #E2042D;

    color:#E2042D;

       padding: 0px 8px;
    border-radius: 10px;
    cursor: pointer;
    transition: .3s;
    font-size: 14px;
    text-transform: capitalize;

}

.default-address:hover{

    background:#E2042D;

    border-color:#E2042D;

    color:#fff;

}


.edit-address{

    background:#F4F6F8;

    border:1px solid #E2042D;

    color:#E2042D;

       padding: 0px 8px;
    border-radius: 10px;
    cursor: pointer;
    transition: .3s;
    font-size: 14px;
    text-transform: capitalize;

}

.edit-address:hover{

    background:#E2042D;

    border-color:#E2042D;

    color:#fff;

}


.delete-address{

    background:#F4F6F8;

    border:1px solid #E2042D;

    color:#E2042D;

       padding: 0px 8px;
    border-radius: 10px;
    cursor: pointer;
    transition: .3s;
    font-size: 14px;
    text-transform: capitalize;

}

.delete-address:hover{

    background:#E2042D;

    border-color:#E2042D;

    color:#fff;

}



.save-address{

    background:#F4F6F8;

    border:1px solid #E2042D;

    color:#E2042D;

       padding: 0px 8px;
    border-radius: 10px;
    cursor: pointer;
    transition: .3s;
    font-size: 14px;
    text-transform: capitalize;

}

.save-address:hover{

    background:#E2042D;

    border-color:#E2042D;

    color:#fff;

}


.page-id-3360.blockquote, dl, figure, form, ol, p, pre, ul {
    margin-bottom: 0.5em;
}





#dashboard-address-form select{

    width:100%;
   padding:6px 15px;

    border:1px solid #CCCCCC;
    border-radius:25px;

    background:#fff;

    color:#707070;
    font-size:14px;

    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;

    cursor:pointer;

}


.form-row{

    position:relative;

}

.form-row:has(select)::after{

    content:"⌄";

    position:absolute;

    right:18px;
    top:50%;

    transform:translateY(-40%);

    font-size:20px;

    color:#707070;

    pointer-events:none;

}


/* WIshlist */


.dashboard-account .account-row{

    display:grid;

    grid-template-columns:180px 1fr;

    align-items:center;

    padding:12px 0;

}

.dashboard-account .account-label{

    font-weight:600;

    color:#666;

}

.dashboard-account .account-value{

    color:#444;

}

.dashboard-account h2{

    margin-bottom:30px;

}

.dashboard-account h3{

    margin-bottom:20px;

}

.account-value a {

    color:#E2042D;
}


/* SR Login Portal  */

.sr-portal-container {
    display:flex;
    gap:40px;
    width:100%;
    align-items:flex-start;
}

.sr-register-panel,
.sr-login-panel {
    flex:1;
}


@media (max-width:900px){

    .sr-portal-container {
        flex-direction:column;
    }

}



/* Register page  */


/*
|--------------------------------------------------------------------------
| Register / Login Layout
|--------------------------------------------------------------------------
*/

.encore-register-login{
    display:flex;
    gap:70px;
    align-items:flex-start;
    justify-content:space-between;
    margin:60px auto;
}

.encore-register{
    flex:0 0 58%;
}

.encore-login{
    flex:0 0 38%;
}

.encore-register h2,
.encore-login h2{
    margin:0 0 10px;
    font-size:32px;
    font-weight:700;
    color:#707070;
}

.encore-intro{
    font-size:14px;
    line-height:1.5;
    color:#707070;
    margin-bottom:30px;
}

#encore-register-form,
#encore-login-form{

    background:#F4F6F8;
    border-radius:20px;
    padding:35px;

}

.encore-form-row{
    margin-bottom:22px;
}

.encore-form-row.two-col{

    display:flex;
    gap:18px;

}

.encore-form-row.two-col > div{

    flex:1;

}

.encore-form-row label{

    display:block;
    font-size:14px;
    font-weight:600;
    margin-bottom:8px;
    color:#707070;

}

.encore-form-row input,
.encore-form-row select{

    width:100%;
    height:42px;

    border:1px solid #bdbdbd;
    border-radius:20px;

    background:#fff;

    padding:0 20px;

    font-size:15px;

    transition:.25s;

    box-sizing:border-box;

}

.encore-form-row input:focus,
.encore-form-row select:focus{

    outline:none;

    border-color:#E2042D;

    box-shadow:0 0 0 3px rgba(223,31,55,.08);

}

.encore-form-row input::placeholder{

    color:#bbb;

}

.encore-btn{

    min-width:170px;
    height:42px;

    border-radius:10px;

    border:2px solid #E2042D;

    background:#fff;

    color:#E2042D;

    font-weight:700;

    cursor:pointer;

    transition:.25s;

}

.encore-btn:hover{

    background:#E2042D;

    color:#fff;

}

.encore-remember{

    margin-top:-5px;
    margin-bottom:18px;

}

.encore-remember label{

    display:flex;
    align-items:center;
    gap:10px;
    margin:0;

}

.encore-remember input{

    width:18px;
    height:18px;

}

.encore-forgot{

    margin-bottom:25px;

}

.encore-forgot a{

    color:#E2042D;
    text-decoration:none;

}

.encore-message{

    display:none;

    margin-bottom:20px;

    padding:15px;

    border-radius:10px;

}

.register-message.success,
.login-message.success{

    display:block;

    background:#e8f7e8;

    color:#1b7d1b;

}

.register-message.error,
.login-message.error{

    display:block;

    background:#ffe8e8;

    color:#E2042D;

}

@media(max-width:991px){

    .encore-register-login{

        flex-direction:column;

        gap:40px;

    }

    .encore-register,
    .encore-login{

        flex:1 1 100%;
        width:100%;

    }

    .encore-form-row.two-col{

        flex-direction:column;
        gap:22px;

    }

}



.encore-mini-label{
    display:block;
    margin-bottom:6px;
    font-size:12px;
    color:#888;
    font-weight:500;
}



/* Registration messages  */



.encore-message{
    display:none;
    margin:18px 0;
    padding:16px 18px;
    border-radius:4px;
    font-size:14px;
    line-height:1.5;
}

.encore-message.is-success,
.encore-message.is-error{
    display:block;
}

.encore-message.is-success{
    background:#edf8f0;
    border:1px solid #b8ddc1;
    color:#225c31;
}

.encore-message.is-error{
    background:#fff0f0;
    border:1px solid #e5b8b8;
    color:#8a2525;
}

.encore-message-title,
.encore-message-text{
    display:block;
}

.encore-message-title{
    margin-bottom:4px;
    font-weight:700;
}

.encore-register-btn:disabled{
    cursor:not-allowed;
    opacity:.65;
}





/* Mega Menu  */

/* ===========================
   MEGA MENU
=========================== */

.mega-menu {
    display: grid;

    /* Left navigation + product area */
    grid-template-columns: 240px 1fr;

    gap: 40px;

    /* Do not use width:100% here */
    width: 1000px;
    max-width: calc(100vw - 40px);

    padding: 35px;

    background: #fff;

    margin: 0;

    align-items: start;

    box-sizing: border-box;
}


/* ===========================
   LEFT MENU
=========================== */

.mega-nav {
    display: flex;
    flex-direction: column;

    width: 240px;
}

.mega-nav a {
    padding: 5px 0;

    color: #707070;

    font-size: 14px;
    font-weight: 500;

    text-decoration: none;

    transition: .25s ease;
}

.mega-nav a:hover {
    color: #E2042D;
}

.mega-nav a.active {
    color: #E2042D;
    font-weight: 700;
}


/* ===========================
   PRODUCTS CONTAINER
=========================== */

.mega-products {
    display: block;

    width: 100%;
    min-width: 0;

    background: #fff;
}


/* ===========================
   PRODUCT GROUPS
=========================== */

.product-group {
    display: none;

    width: 100%;

    background: #fff;
}

.product-group.active {
    display: grid;

    grid-template-columns: repeat(4, minmax(120px, 1fr));

    gap: 25px;

    width: 100%;
}


/* ===========================
   PRODUCT CARD
=========================== */

.product-card {
    display: block;

    width: 100%;

    padding: 12px;

    text-decoration: none;
    text-align: center;

    background: #fff;

    border: 2px solid transparent;
    border-radius: 5px;

    box-sizing: border-box;

    transition: .25s ease;
}

.product-card img {
    display: block;

    width: 100%;
    height: auto;

    margin: 0 auto;

    transition: .25s ease;
}

.product-card h4 {
    margin: 15px 0 5px;

    color: #707070;

    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;

    /* Stops titles wrapping letter by letter */
    word-break: normal;
    overflow-wrap: normal;
    white-space: normal;

    transition: .25s ease;
}


/* ===========================
   HOVER EFFECT
=========================== */

.product-card:hover {
    border-color: #E2042D;

    transform: translateY(-5px) scale(1.03);

    box-shadow: 0 12px 25px rgba(0, 0, 0, .10);
}

.product-card:hover img {
    transform: scale(1.02);
}

.product-card:hover h4 {
    color: #E2042D;
}


/* ===========================
   IMPORTANT DROPDOWN FIX
=========================== */

/*
This allows the mega menu to extend beyond the narrow
width assigned to the normal submenu by the theme.
*/

.mega-menu,
.mega-menu * {
    box-sizing: border-box;
}

.sub-menu:has(.mega-menu) {
    width: auto !important;
    min-width: 1000px !important;
    max-width: calc(100vw - 40px) !important;

    padding: 0 !important;

    overflow: visible !important;
}


/* ===========================
   RESPONSIVE
=========================== */

@media (max-width: 1100px) {

    .mega-menu {
        width: calc(100vw - 40px);
    }

    .sub-menu:has(.mega-menu) {
        min-width: calc(100vw - 40px) !important;
    }

    .product-group.active {
        grid-template-columns: repeat(4, minmax(100px, 1fr));
    }

}

@media (max-width: 900px) {

    .mega-menu {
        grid-template-columns: 1fr;

        width: 100%;

        gap: 25px;
    }

    .mega-nav {
        width: 100%;

        flex-direction: row;
        flex-wrap: wrap;

        gap: 10px 20px;
    }

    .product-group.active {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}

@media (max-width: 600px) {

    .product-group.active {
        grid-template-columns: 1fr;
    }

}



/* Woocomm Products  */

/* ===========================
   PRODUCTS
=========================== */


.widget_price_filter .ui-slider .ui-slider-handle {
    background-color: #E2042D;
    border-radius: 999px;
    cursor: pointer;
    height: 20px;
    outline: none;
    position: absolute;
    top: -7px;
    width: 20px;
    z-index: 2;
}

.widget_price_filter .ui-slider .ui-slider-range {
    background-color: #E2042D;
    border: 0;
    border-radius: 99px;
    display: block;
    font-size: 10px;
    opacity: 1.0;
    position: absolute;
    z-index: 1;
}

.widget_price_filter .price_slider_amount .button {
    background-color: #E2042D;
    border-radius: 10px;
    float: left;
    font-size: .85em;
}


.widget>ul>li>a, .widget>ul>li>span:first-child, ul.menu>li>a, ul.menu>li>span:first-child {
    display: inline-block;
    flex: 1;
    padding: 8px;
}

li.cat-item a {

        background: #F4F6F8;
    border: 1px solid #ccc;
    border-radius: 10px;
    margin-bottom: 13px;
    padding: 8px;
    color:#707070;
}


li.cat-item a:hover{

        background: #E2042D;
    border: 1px solid #E2042D;
    border-radius: 10px;
    margin-bottom: 13px;
    padding: 8px;
    color:#fff;
}



li.cat-item.current-cat.active a {

        background: #E2042D;
    border: 1px solid #E2042D;
    border-radius: 10px;
    margin-bottom: 13px;
    padding: 8px;
    color:#fff;
}

div#shop-sidebar {
    border: 1px solid #707070;
    border-radius: 10px;
    padding: 10px;
}

p.category.uppercase.is-smaller.no-text-overflow.product-cat.op-8 {
    border: 1px solid #707070;
    padding: 5px;
    width: fit-content;
}

.box-text a:not(.button), .box-text h1, .box-text h2, .box-text h3, .box-text h4, .box-text h5, .box-text h6 {
    line-height: 1.3;
    margin-bottom: .1em;
    margin-top: .1em;
    font-size: 16px;
    font-weight: 700;
    font-family: 'museo_sans700';
}

.box-text {
    font-size: .9em;
    padding-bottom: 1.4em;
    padding-top: .7em;
    position: relative;
    width: 100%;
    background: #F4F6F8;
    padding:10px;
    border-radius: 10px;
}

.product-small.box {
    border: 1px solid #707070;
    border-radius: 10px;
}


img.woocommerce-placeholder.wp-post-image {
  
    border-radius: 10px 10px 0px 0px;
}


/* Beam Note */

.beam-note{
    margin:12px 0 18px;
    font-size:14px;
    color:#666;
    line-height:1.5;
}

.beam-note em{
    font-style:italic;
}

/*  Product Loop  */


/* ==========================================================
   FLATSOME PRODUCT GRID
========================================================== */

.encore-wholesale-catalogue .products.row {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin: 0 !important;
}

.encore-wholesale-catalogue .product-small.col {
    width: 100% !important;
    max-width: none !important;
    flex-basis: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

.encore-wholesale-catalogue .product-small.col > .col-inner {
    height: 100%;
    margin: 0 !important;
}


/* ==========================================================
   CARD
========================================================== */

.encore-wholesale-catalogue .product-small.box {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;

    background: #f4f5f6;
    border: 1px solid #a8a8a8;
    border-radius: 8px;

    box-shadow: none !important;
}

.encore-wholesale-catalogue .product-small.box:hover {
    transform: none !important;
    box-shadow: none !important;
}


/* ==========================================================
   IMAGE
========================================================== */

.encore-wholesale-catalogue .box-image {
    width: 100%;
    height: 155px;
    overflow: hidden;

    background: #fff;
    border-radius: 7px 7px 0 0;
}

.encore-wholesale-catalogue .box-image > div,
.encore-wholesale-catalogue .box-image a {
    width: 100%;
    height: 100%;
}

.encore-wholesale-catalogue .box-image img {
    display: block;

    width: 100% !important;
    max-width: none !important;
    height: 100% !important;

    margin: 0 !important;

    object-fit: cover;
    object-position: center;

    opacity: 1 !important;
    transform: none !important;
}


/* ==========================================================
   REMOVE FLATSOME OVERLAYS
========================================================== */

.encore-wholesale-catalogue .quick-view,
.encore-wholesale-catalogue .grid-tools {
    display: none !important;
}


/* ==========================================================
   CARD CONTENT
========================================================== */

.encore-wholesale-catalogue .box-text-products {
    display: flex;
    flex-direction: column;
    flex-grow: 1;

    padding: 10px !important;

    text-align: left !important;
}


/* ==========================================================
   WISHLIST + STOCK ROW
========================================================== */

.encore-wholesale-catalogue .encore-card-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;

    width: 100%;
    min-height: 20px;

    margin: 0 0 9px;
}


/* Wishlist */

.encore-wholesale-catalogue .encore-card-wishlist {
    position: static !important;

    display: block !important;

    width: auto !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;
}

.encore-wholesale-catalogue
.encore-card-wishlist > .wishlist-button {
    display: none !important;
}

.encore-wholesale-catalogue
.encore-card-wishlist .wishlist-popup {
    position: static !important;

    display: block !important;
    visibility: visible !important;

    width: auto !important;
    min-width: 0 !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    opacity: 1 !important;
    transform: none !important;

    background: transparent !important;
    box-shadow: none !important;
}

.encore-wholesale-catalogue
.encore-card-wishlist .yith-wcwl-add-to-wishlist,
.encore-wholesale-catalogue
.encore-card-wishlist .yith-wcwl-add-button {
    margin: 0 !important;
    padding: 0 !important;
}

.encore-wholesale-catalogue
.encore-card-wishlist a {
    display: inline-flex !important;
    align-items: center;
    justify-content: flex-start;

    margin: 0 !important;
    padding: 0 !important;

    color: #ed0033 !important;
    background: transparent !important;
    border: 0 !important;

    text-decoration: none;
}

.encore-wholesale-catalogue
.encore-card-wishlist svg {
    width: 15px !important;
    height: 15px !important;
    margin: 0 !important;
}

.encore-wholesale-catalogue
.encore-card-wishlist span {
    display: none !important;
}


/* Stock */

.encore-wholesale-catalogue .encore-card-stock {
    margin-left: auto;

    color: #666;
    font-size: 10px;
    font-weight: 400;
    line-height: 1.2;
    text-align: right;
}

.encore-wholesale-catalogue
.encore-card-stock.is-out-of-stock {
    color: #ed0033;
}


/* ==========================================================
   TITLE
========================================================== */

.encore-wholesale-catalogue
.woocommerce-loop-product__title {
    min-height: 34px;

    margin: 0 0 8px !important;
    padding: 0 !important;

    color: #222;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.3;
    text-align: left !important;
}

.encore-wholesale-catalogue
.woocommerce-loop-product__title a {
    color: inherit !important;
    text-decoration: none !important;
}


/* ==========================================================
   TAGS
========================================================== */

.encore-wholesale-catalogue .encore-card-tags {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 5px;

    width: 100%;

    margin: 0 0 14px;
    padding: 0;

    text-align: left;
}

.encore-wholesale-catalogue .encore-loop-tag {
    display: inline-flex;
    align-items: center;

    min-height: 18px;
    padding: 2px 6px;

    color: #555;
    background: transparent;
    border: 1px solid #999;

    font-size: 9px;
    font-weight: 400;
    line-height: 1.1;
    text-transform: none;
}

span.encore-loop-tag {
    background: transparent;
    border: 1px solid #999;
    padding: 3px;
        margin-right: 10px;
}


/* ==========================================================
   ADD TO CART
========================================================== */



.button.product_type_simple.add_to_cart_button.ajax_add_to_cart a {

    width: 100%;
    border-radius: 10px;
}

.encore-wholesale-catalogue .encore-card-cart {
    width: 100%;

    margin-top: auto;
    padding-top: 8px;
}

.encore-wholesale-catalogue
.encore-card-cart .button {
    display: flex !important;
    align-items: center;
    justify-content: center;

    width: 100% !important;
    min-height: 36px;

    margin: 0 !important;
    padding: 10px 12px !important;

    color: #fff !important;
    background: #ed0033 !important;
    border: 0 !important;
    border-radius: 7px !important;

    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    text-align: center;
    text-transform: none !important;
}

.encore-wholesale-catalogue
.encore-card-cart .button:hover {
    color: #fff !important;
    background: #c9002b !important;
}


/* ==========================================================
   FORCE-HIDE ALL ORIGINAL FLATSOME CONTENT
========================================================== */

.encore-wholesale-catalogue
.product-small.col.encore-card-ready .product-cat,

.encore-wholesale-catalogue
.product-small.col.encore-card-ready .star-rating,

.encore-wholesale-catalogue
.product-small.col.encore-card-ready .price,

.encore-wholesale-catalogue
.product-small.col.encore-card-ready .loop-product-attributes,

.encore-wholesale-catalogue
.product-small.col.encore-card-ready .title-wrapper,

.encore-wholesale-catalogue
.product-small.col.encore-card-ready .price-wrapper {
    display: none !important;
}


/*
 * The real title is moved outside .title-wrapper,
 * so restore it explicitly.
 */

.encore-wholesale-catalogue
.product-small.col.encore-card-ready
> .col-inner
.product-small.box
.box-text-products
> .woocommerce-loop-product__title {
    display: block !important;
}


/* ==========================================================
   RESPONSIVE
========================================================== */

@media (max-width: 1024px) {

    .encore-wholesale-catalogue .products.row {
        grid-template-columns: repeat(
            2,
            minmax(0, 1fr)
        );
    }

}

@media (max-width: 600px) {

    .encore-wholesale-catalogue .products.row {
        grid-template-columns: 1fr;
    }

    .encore-wholesale-catalogue .box-image {
        height: 210px;
    }

}

/* ==========================================================
   WISHLIST + STOCK — MATCHES ACTUAL RENDERED HTML
========================================================== */

.encore-card-meta {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;

    width: 100% !important;
    min-height: 24px !important;

    margin: 0 0 10px !important;
    padding: 0 !important;
}


/* Wishlist left */

.encore-card-meta > .encore-card-wishlist {
    position: relative !important;

    display: flex !important;
    flex: 0 0 24px !important;
    align-items: center !important;
    justify-content: flex-start !important;

    width: 24px !important;
    min-width: 24px !important;
    max-width: 24px !important;
    height: 24px !important;

    margin: 0 !important;
    padding: 0 !important;

    float: none !important;
    clear: none !important;
}


/* Keep Flatsome heart button visible */

.encore-card-meta > .encore-card-wishlist > .wishlist-button {
    position: static !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    width: 24px !important;
    height: 24px !important;

    min-width: 24px !important;
    min-height: 24px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    color: #e2042d !important;
}


/* Flatsome heart icon */

.encore-card-meta
.encore-card-wishlist
.wishlist-button
.icon-heart {
    display: block !important;

    width: auto !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 18px !important;
    line-height: 1 !important;
}


/* The popup should not affect the row layout */

.encore-card-meta
.encore-card-wishlist
.wishlist-popup {
    position: absolute !important;

    top: 100% !important;
    left: 0 !important;

    width: auto !important;
    height: auto !important;

    margin: 0 !important;
}


/* Stock right */

.encore-card-meta > .encore-source-stock.encore-card-stock {
    position: static !important;

    display: block !important;
    flex: 0 0 auto !important;

    width: auto !important;
    max-width: none !important;

    margin: 0 0 0 auto !important;
    padding: 0 !important;

    float: none !important;
    clear: none !important;

    white-space: nowrap !important;
    text-align: right !important;

    font-size: 11px !important;
    line-height: 24px !important;
}


/* Optional colours */

.encore-card-meta > .is-in-stock {
    color: #666 !important;
}

.encore-card-meta > .is-out-of-stock {
    color: #e2042d !important;
}



/* add to cart button */


.encore-card-cart .button,
.encore-card-cart .add_to_cart_button {

    width:100%;
    border-radius:10px;


}


.yith-wcwl-wishlistaddedbrowse {
    display: none!important;
}


/*  404 Particles */


/* =========================================
   CUSTOM 404 PARTICLE BACKGROUND
========================================= */

.custom-404-page {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    min-height: calc(100vh - 150px);
}

/* Elementor HTML widget holding particles */
.custom-404-page .particles-widget {
    position: absolute !important;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 1;
    pointer-events: auto;
}

.custom-404-page .particles-widget,
.custom-404-page .particles-widget .elementor-widget-container {
    width: 100%;
    height: 100%;
}

.custom-404-page #particles-js {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: auto;
}

.custom-404-page #particles-js canvas {
    display: block;
    width: 100% !important;
    height: 100% !important;
    pointer-events: auto;
}

/*
 * Display content over the particles but allow the mouse
 * to pass through empty container areas.
 */
.custom-404-page > .e-con:not(.particles-widget),
.custom-404-page > .elementor-element:not(.particles-widget) {
    position: relative;
    z-index: 2;
    pointer-events: none;
}

/* Restore interaction only on actual controls */
.custom-404-page a,
.custom-404-page button,
.custom-404-page input,
.custom-404-page textarea,
.custom-404-page select,
.custom-404-page .elementor-button {
    pointer-events: auto;
}


/* Home page loop */

/* ==========================================================
   HOMEPAGE PRODUCT LOOP
========================================================== */

.encore-home-products-layout {
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr);
    gap: 34px;
    align-items: start;
}

.encore-home-products-filter {
    width: 100%;
}

.encore-home-products-filter h3 {
    margin: 0 0 24px;
}

.encore-home-filter-group h4 {
    margin: 0 0 12px;
}

.encore-home-filter-link {
    display: block;
    padding: 7px 0;
    color: inherit;
    text-decoration: none;
}

.encore-home-filter-link.is-active {
    font-weight: 700;
}

.encore-home-products-results {
    min-width: 0;
}

.encore-home-products-results ul.products {
    margin: 0;
}

.encore-home-products-empty {
    padding: 25px;
    background: #fff;
    border: 1px solid #ddd;
}

@media (max-width: 767px) {

    .encore-home-products-layout {
        grid-template-columns: 1fr;
        gap: 25px;
    }
}


/* ==========================================================
   HOMEPAGE PRODUCT LOOP — LAYOUT POLISH
========================================================== */

.encore-home-products {
    width: 100%;
}

.encore-home-products-layout {
    display: grid;
    grid-template-columns: 190px minmax(0, 1fr);
    gap: 14px;
    align-items: stretch;
}


/* FILTER PANEL */

.encore-home-products-filter {
    width: 100%;
    padding: 12px 10px;
    background: #fff;
    border: 1px solid #bcbcbc;
    border-radius: 8px;
    box-sizing: border-box;
}

.encore-home-products-filter h3 {
    margin: 0 0 16px;
    font-size: 15px;
    line-height: 1.2;
}

.encore-home-filter-group h4 {
    margin: 0 0 9px;
    font-size: 13px;
    line-height: 1.2;
}

.encore-home-filter-link {
    display: block;
    width: 100%;
    margin: 0 0 7px;
    padding: 6px 9px;

    color: #555;
    font-size: 11px;
    line-height: 1.2;
    text-decoration: none;

    background: #f4f5f6;
    border: 1px solid #d9d9d9;
    border-radius: 7px;
    box-sizing: border-box;
}

.encore-home-filter-link:hover,
.encore-home-filter-link.is-active {
    color: #111;
    background: #fff;
    border-color: #999;
}


/* PRODUCT GRID */

.encore-home-products-results {
    min-width: 0;
    width: 100%;
}

.encore-home-products-results ul.products {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;

    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.encore-home-products-results ul.products > li.product,
.encore-home-products-results ul.products > .product-small {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* CARD HEIGHT CONSISTENCY */




/* RESPONSIVE */

@media (max-width: 1024px) {

    .encore-home-products-results ul.products {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 767px) {

    .encore-home-products-layout {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .encore-home-products-results ul.products {
        grid-template-columns: 1fr !important;
    }
}



/* ==========================================================
   RENTAL DATE SELECTOR
========================================================== */

.encore-rental-dates {
    width: 100%;
    margin: 20px 0;
    padding: 18px;

    background: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 7px;

    box-sizing: border-box;
}

.encore-rental-dates-heading {
    display: flex;
    flex-direction: column;
    gap: 3px;

    margin-bottom: 14px;
}

.encore-rental-dates-heading strong {
    color: #222;
    font-size: 15px;
}

.encore-rental-dates-heading span {
    color: #777;
    font-size: 12px;
}

.encore-rental-date-fields {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.encore-rental-date-field {
    display: flex;
    flex-direction: column;
}

.encore-rental-date-field label {
    margin-bottom: 5px;

    color: #555;
    font-size: 12px;
    font-weight: 600;
}

.encore-rental-date-field input[type="date"] {
    width: 100%;
    height: 42px;
    margin: 0;
    padding: 8px 10px;

    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;

    box-sizing: border-box;
}

@media (max-width: 600px) {

    .encore-rental-date-fields {
        grid-template-columns: 1fr;
    }
}


button.button {
    border-radius: 10px;
}