/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Feb 15 2026 | 15:25:17 */
/*** MHT THEME CUSTOMIZATION ***/

/*** MAIN THEME COLOR VARIABLES BEGIN ***/
/*
	--e-global-color-primary: #17161A;
	--e-global-color-secondary: #54595F;
	--e-global-color-text: #7A7A7A;
	--e-global-color-accent: #D22730;
	--e-global-color-050bdd0: #FFFFFF;
*/

/*** MAIN THEME FONT VARIABLES ***/
/*
	--e-global-typography-primary-font-family: "Roboto";
	--e-global-typography-primary-font-weight: 600;
	--e-global-typography-secondary-font-family: "Roboto Slab";
	--e-global-typography-secondary-font-weight: 400;
	--e-global-typography-text-font-family: "Roboto";
	--e-global-typography-text-font-weight: 400;
	--e-global-typography-accent-font-family: "Roboto";
	--e-global-typography-accent-font-weight: 500;
*/


/************************************/
/***** RESPONSIVE SECTION BEGIN *****/
/************************************/

/*** LOGO (PORTRAIT AND LANDSCAPE) BEGIN ***/
@media screen and (max-width: 768px) {
	.is-mobile-menu .mobile-overlay .overlay { background-color: transparent; } /* Set the background transparency */
	.header .branding { position: absolute; left: 50%; transform: translateX(-50%); } /* Set centered logo */
	.close-bar { height: 65px; } /* Set close bar height */
}
/*** LOGO (PORTRAIT AND LANDSCAPE) END ***/

/*** BURGER MENU BEGIN ***/
.icon-button.hamburger, .icon-button.cart, .icon-button.search-global.fixed, .icon-button:focus, .icon-button:active, .icon-button:hover {
	background-color: transparent !important;
	-webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.is-mobile-menu .mobile-overlay.visible { top: 0 !important; height:100vh; background-color: #17161a; }
.is-mobile-menu .mobile-overlay .copyright { font-weight: normal; font-size: 0.8em; }
.header.-mobile .nav .holder { background-color: #fff; }
.is-mobile-menu .mobile-overlay > .social-bar { top: calc(50% - 65px); }

/*** LIGHT SCHEME BEGIN ***/
/*** LIGHT SCHEME END ***/

/*** DARK SCHEME BEGIN ***/
/*** DARK SCHEME END ***/

/*.is-mobile-menu .mobile-overlay.visible { top: 0 !important; min-height: 800px; }
.is-mobile-menu.admin-bar .mobile-overlay .overlay { top: 0 !important; min-height: 800px !important; }
.is-mobile-menu .mobile-overlay .overlay { top: 0 !important; min-height: 800px !important; }*/

/*** BURGER MENU END ***/

/************************************/
/****** RESPONSIVE SECTION END ******/
/************************************/


/********************************/
/********* HEADER BEGIN *********/
/********************************/

/*** LIGHT SCHEME BEGIN ***/

/*** STYLE REMOVED DUE TO FULL SCREEN HOME AND STICKY HEADER BEGIN ***/
/*.header-wrap { height: 10vh; }*/
/*.header.-sticky .branding img { max-height: 7.5vh; } /* Set sticky logo height */
/*.header {
/*	background: rgba(255,255,255,0.8); /* Set sticky header background color */
/*	backdrop-filter: saturate(180%) blur(20px); /* Set sticky header backdrop filter */
/*	-webkit-backdrop-filter: saturate(180%) blur(20px); /* Set sticky header backdrop filter */
/*}*/
/*#masthead.header:not(.-sticky) {
/*	background: rgba(255,255,255,0.8); /* Set sticky header background color */
/*	backdrop-filter: saturate(180%) blur(20px); /* Set sticky header backdrop filter */
/*	-webkit-backdrop-filter: saturate(180%) blur(20px); /* Set sticky header backdrop filter */
/*}*/
/*** STYLE REMOVED DUE TO FULL SCREEN HOME AND STICKY HEADER BEGIN ***/


.header * { font-size: 1rem !important; /*transition-duration: 0s !important;*/ } /* Disable sticky header animations */
.header:not(.-mobile) .mobile-overlay {	cursor: pointer; } /* Header cursor */
.header:not(.-mobile) .menu > .nav-item > a { padding: 0 1vw; } /* Menu items padding */
/*.header.-sticky:not(.header-8) { background-color: rgba(255,255,255,0.8); }*/

.header.-fixed {
	position: fixed;
	background-color: rgba(255,255,255,0.7); /* Set sticky header background color */
	backdrop-filter: saturate(180%) blur(50px); /* Set sticky header backdrop filter */
	-webkit-backdrop-filter: saturate(180%) blur(50px); /* Set sticky header backdrop filter */
}

.header.-sticky {
	background: rgba(255,255,255,0.8); /* Set sticky header background color */
	backdrop-filter: saturate(180%) blur(50px); /* Set sticky header backdrop filter */
	-webkit-backdrop-filter: saturate(180%) blur(50px); /* Set sticky header backdrop filter */
}
/*** LIGHT SCHEME END ***/

/*** DARK SCHEME BEGIN ***/
.dark-scheme .header {
	background: rgba(23,22,26,0.7); /* Set sticky header background color */
	backdrop-filter: saturate(180%) blur(50px); /* Set sticky header backdrop filter */
	-webkit-backdrop-filter: saturate(180%) blur(50px); /* Set sticky header backdrop filter */
}

.dark-scheme #masthead.header.-sticky {
	background: rgba(23,22,26,0.7); /* Set sticky header background color */
	backdrop-filter: saturate(180%) blur(50px); /* Set sticky header backdrop filter */
	-webkit-backdrop-filter: saturate(180%) blur(50px); /* Set sticky header backdrop filter */
}

.dark-scheme #masthead.header:not(.-sticky) {
	background: rgba(23,22,26,0.7); /* Set sticky header background color */
	backdrop-filter: saturate(180%) blur(50px); /* Set sticky header backdrop filter */
	-webkit-backdrop-filter: saturate(180%) blur(50px); /* Set sticky header backdrop filter */
}
.dark-scheme .header.-sticky {
	background: rgba(23,22,26,0.7); /* Set sticky header background color */
	backdrop-filter: saturate(180%) blur(50px); /* Set sticky header backdrop filter */
	-webkit-backdrop-filter: saturate(180%) blur(50px); /* Set sticky header backdrop filter */
}
/*** DARK SCHEME END ***/

/********************************/
/********** HEADER END **********/
/********************************/


/********************************/
/******** SIDE BARS BEGIN *******/
/********************************/
.elements-bar.right { z-index: 10; }  
.elements-bar.left { z-index: 10; }
/********************************/
/********* SIDE BARS END ********/
/********************************/


/********************************/
/********** MENU BEGIN **********/
/********************************/
.header:not(.-mobile) .menu li > ul > li a { padding: 0.45rem 1rem; } /* Submenu padding to distantiate the + symbols */

/*** LIGHT SCHEME BEGIN ***/
.menu-item-custom a { color: var(--e-global-color-primary) !important; }
.menu-item-custom a:hover { color: var(--e-global-color-accent) !important; }
.menu-item-custom ul { /*min-width: 285px !important;*/ color: var(--e-global-color-primary) !important; } /* First level menu width */
.menu-item-custom li a:hover { color: var(--e-global-color-accent) !important; }

.nav .current-menu-ancestor > a { color: var(--e-global-color-primary) !important; }
.nav .current-menu-ancestor > a:hover { color: var(--e-global-color-accent) !important; }
.nav .current-menu-item > a { color: var(--e-global-color-accent) !important; } /* Current active menu color */
.nav .current-menu-item > a:hover { color: var(--e-global-color-accent) !important; }

.header:not(.-mobile) .menu li > ul > li a { color: var(--e-global-color-primary) !important; } /* First level menu color */
.header:not(.-mobile) .menu li > ul > li a:hover { color: var(--e-global-color-accent) !important; background-color: transparent !important; } /* First level menu color on hover */

.header.-sticky.showed .menu-item-custom a { color: var(--e-global-color-primary) !important; }
.header.-sticky.showed .menu-item-custom li a:hover { color: var(--e-global-color-accent) !important; }
.btn-round-light .ion, .btn-round-light i { background-color: transparent; }
.btn-round-light .ion, .btn-round-light i:hover { background-color: transparent !important; }
/*** LIGHT SCHEME END ***/

/*** DARK SCHEME BEGIN ***/
.dark-scheme .menu-item-custom a { color: rgba(var(--wp--preset--color--white), 0.75) !important; }
.dark-scheme .menu-item-custom a:hover { color: var(--e-global-color-accent) !important; }
.dark-scheme .menu-item-custom li a { color: rgba(var(--wp--preset--color--white), 0.75) !important; }
.dark-scheme .menu-item-custom li a:hover { color: var(--e-global-color-accent) !important; }
.dark-scheme .header.-sticky.showed .menu-item-custom a { color: rgba(var(--wp--preset--color--white), 0.75) !important; }
/*.dark-scheme .nav .current-menu-ancestor > a { color: rgba(var(--wp--preset--color--white), 0.75)  !important; }*/
.dark-scheme .nav .current-menu-ancestor > a:hover { color: var(--e-global-color-accent) !important; }

/*.dark-scheme .menu-item-custom a { color: var(--e-global-color-accent) !important; }
.dark-scheme .nav .current-menu-item > a { color: var(--e-global-color-accent) !important; } /* Current active menu color */
.dark-scheme .nav .current-menu-ancestor > a { color: var(--e-global-color-accent) !important; }
/*.dark-scheme .nav .current-menu-item > a { color: rgba(var(--wp--preset--color--white), 0.75)  !important; }*/
.dark-scheme .nav .current-menu-item > a:hover { color: var(--e-global-color-accent) !important; }
.dark-scheme .header:not(.-mobile) .menu li > ul > li a { color: rgba(var(--wp--preset--color--white), 0.75) !important; } /* First level menu color */
.dark-scheme .header:not(.-mobile) .menu li > ul > li a:hover { color: var(--e-global-color-accent) !important; background-color: transparent !important; } /* First level menu color on hover */
/*** DARK SCHEME END ***/

/********************************/
/*********** MENU END ***********/
/********************************/


/********************************/
/******* NAVIGATION BEGIN *******/
/********************************/
.back-link .icon {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
/********************************/
/******** NAVIGATION END ********/
/********************************/



/********************************/
/******* MAIN PAGE BEGIN ********/
/********************************/

.content-area {
/*    margin-left: var(--clb-grid-gutter-negative) !important;
    margin-right: var(--clb-grid-gutter-negative) !important;*/
}
/********************************/
/******** MAIN PAGE END ********/
/********************************/


/********************************/
/******** 404 PAGE BEGIN ********/
/********************************/
.empty-state { max-width: 60%; margin: 10rem auto; text-align: center; } /* 404 page width and alignment */
.empty-state .search { max-width: 100%; margin: 0 auto; } /* 404 page search input field width and alignment */
/********************************/
/********* 404 PAGE END *********/
/********************************/


/********************************/
/******* TYPOGRAPHY BEGIN *******/
/********************************/
sup, sub {
    vertical-align: baseline;
    position: relative;
    top: -0.5em;
    font-size: 60%;
    line-height: 0;
}
sub {
    top: 0.5em; 
}

/*sup {
    vertical-align: super;
    position: relative;
    font-size: 65%;
}

sub {
    vertical-align: sub;
    position: relative;
    font-size: 65%;
}*/
/********************************/
/******* TYPOGRAPHY END *******/
/********************************/


/********************************/
/********* FOOTER BEGIN *********/
/********************************/
.site-footer-copyright .holder:not(.-center) { font-size: 0.8em !important; }
.copyright p { margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; }
/********************************/
/********** FOOTER END **********/
/********************************/


/*********************************/
/*** SEARCH MODAL WINDOW BEGIN ***/
/*********************************/
.clb-search-popup .search-holder .search-field { background-color: transparent; border: none; }
/*********************************/
/**** SEARCH MODAL WINDOW END ****/
/*********************************/


/*********************************/
/********** LINKS BEGIN **********/
/*********************************/

/*a.mht-link-black { color: var(--e-global-color-primary) !important; line-height: 1.4; font-weight: 400; } /* Black button text links custom version */
/*a.mht-link-black:hover { text-decoration: underline !important; } /* Black button text links custom version hover */
/*a.mht-link-white { color: #fff !important; line-height: 1.4; font-weight: 400; } /* White button text links custom version */
/*a.mht-link-white:hover { text-decoration: underline !important; } /* White button text links custom version hover */
/*a.mht-link-red { color: var(--e-global-color-accent) !important; line-height: 1.4; font-weight: 400; } /* Red button text links custom version */
/*a.mht-link-red:hover { text-decoration: underline !important; }  /* Red button text links custom version hover */
/*.dark-scheme a.mht-link-black { color: #c4c4c5 !important; line-height: 1.4; } /* Black button text links custom version (Dark Scheme) */
/*.dark-scheme a.mht-link-black:hover { text-decoration: underline !important; } /* Black button text links custom version hover (Dark Scheme) */
/*a.mht-link-red-text { color: var(--e-global-color-accent) !important; } /* Red paragraph text custom version */
/*a.mht-link-red-text:hover { text-decoration: underline !important; } /* Red paragraph text custom version hover */


/* Styling for black links begin */
a.mht-link-black {
    color: var(--e-global-color-primary) !important;
    line-height: 1.4;
    font-weight: 400;
    text-decoration: none; /* Remove default underline */
    position: relative; /* Add this property to position the background image relative to the link */
}

/* Pseudo-element for creating the underline with fade-in effect */
a.mht-link-black::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-image: linear-gradient(currentColor 0px, currentColor 100%);
    opacity: 0; /* Initially set opacity to 0 to hide the underline */
    transition: opacity 0.2s ease-in-out; /* Add a transition for the opacity to create the fade-in effect */
}

/* On hover, change the opacity to 1 to reveal the underline with fade-in effect */
a.mht-link-black:hover::after {
    opacity: 1;
}
/* Styling for black links end */


/* Styling for black links dark scheme begin */
.dark-scheme a.mht-link-black {
    color: #c4c4c5 !important;
    line-height: 1.4;
    font-weight: 400;
    text-decoration: none; /* Remove default underline */
    position: relative; /* Add this property to position the background image relative to the link */
}

/* Pseudo-element for creating the underline with fade-in effect */
.dark-scheme a.mht-link-black::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-image: linear-gradient(currentColor 0px, currentColor 100%);
    opacity: 0; /* Initially set opacity to 0 to hide the underline */
    transition: opacity 0.2s ease-in-out; /* Add a transition for the opacity to create the fade-in effect */
}

/* On hover, change the opacity to 1 to reveal the underline with fade-in effect */
.dark-scheme a.mht-link-black:hover::after {
    opacity: 1;
}
/* Styling for black dark scheme links end */


/* Styling for white links begin */
a.mht-link-white {
    color: var(--wp--preset--color--white) !important;
    line-height: 1.4;
    font-weight: 400;
    text-decoration: none; /* Remove default underline */
    position: relative; /* Add this property to position the background image relative to the link */
}

/* Pseudo-element for creating the underline with fade-in effect */
a.mht-link-white::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-image: linear-gradient(currentColor 0px, currentColor 100%);
    opacity: 0; /* Initially set opacity to 0 to hide the underline */
    transition: opacity 0.2s ease-in-out; /* Add a transition for the opacity to create the fade-in effect */
}

/* On hover, change the opacity to 1 to reveal the underline with fade-in effect */
a.mht-link-white:hover::after {
    opacity: 1;
}
/* Styling for white links end */


/* Styling for red links begin */
a.mht-link-red {
    color: var(--e-global-color-accent) !important;
    line-height: 1.4;
    font-weight: 400;
    text-decoration: none; /* Remove default underline */
    position: relative; /* Add this property to position the background image relative to the link */
}

/* Pseudo-element for creating the underline with fade-in effect */
a.mht-link-red::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-image: linear-gradient(currentColor 0px, currentColor 100%);
    opacity: 0; /* Initially set opacity to 0 to hide the underline */
    transition: opacity 0.2s ease-in-out; /* Add a transition for the opacity to create the fade-in effect */
}

/* On hover, change the opacity to 1 to reveal the underline with fade-in effect */
a.mht-link-red:hover::after {
    opacity: 1;
}
/* Styling for red links end */


/* Styling for red thin text links begin */
a.mht-link-red-text {
    color: var(--e-global-color-accent) !important;
    text-decoration: none; /* Remove default underline */
    position: relative; /* Add this property to position the background image relative to the link */
}

/* Pseudo-element for creating the underline with fade-in effect */
a.mht-link-red-text::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-image: linear-gradient(currentColor 0px, currentColor 100%);
    opacity: 0; /* Initially set opacity to 0 to hide the underline */
    transition: opacity 0.2s ease-in-out; /* Add a transition for the opacity to create the fade-in effect */
}

/* On hover, change the opacity to 1 to reveal the underline with fade-in effect */
a.mht-link-red-text:hover::after {
    opacity: 1;
}
/* Styling for red thin text links end */





.dark-scheme a.mht-link-black { color: #c4c4c5 !important; line-height: 1.4; } /* Black button text links custom version (Dark Scheme) */
.dark-scheme a.mht-link-black:hover { text-decoration: underline !important; } /* Black button text links custom version hover (Dark Scheme) */
/*********************************/
/*********** LINKS END ***********/
/*********************************/


/*********************************/
/********** m ICON BEGIN **********/
/*********************************/
.mht-m-icon { font-weight: 300; padding-right: 0.5rem; }
/*a.mht-url-link { color: var(--e-global-color-accent) !important; line-height: 1.4; }
a.mht-url-link:hover { text-decoration: underline !important; }*/
/*a:not(.-unlink):not(.-highlighted):hover { text-decoration: underline; }*/
/*********************************/
/*********** m ICON END ***********/
/*********************************/


/**********************************************/
/**** ELEMENTOR IMAGE HOTSPOT WIDGET BEGIN ****/
/**********************************************/
.e-hotspot__tooltip {
	backdrop-filter: saturate(180%) blur(7px); /* Set the hotspot backdrop filter */
	-webkit-backdrop-filter: saturate(180%) blur(7px); /* Set the hotspot backdrop filter */
/*	backdrop-filter: saturate(180%) blur(40px);*/
}
/**********************************************/
/***** ELEMENTOR IMAGE HOTSPOT WIDGET END *****/
/**********************************************/


/******************************/
/*** STICKY AV HOLDER BEGIN ***/
/******************************/
.sticky-nav { bottom: 8vh; } /* Sticky av Position */

.sticky-nav-holder {
    background: rgba(255,255,255,0.8);
	backdrop-filter: saturate(180%) blur(50px);
	-webkit-backdrop-filter: saturate(180%) blur(50px);
}
/******************************/
/**** STICKY AV HOLDER END ****/
/******************************/


/******************************/
/***** MHT INFO BOX BEGIN *****/
/******************************/
.mht-info-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0.5rem;
    width: 225px;
    height: 200px;
    border-radius: 0.75rem;
    cursor: pointer;
    background-color: #fff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    transition: background-color 0.5s, box-shadow 0.5s;
}

.mht-info-box:hover {
    background-color: #fff;
    box-shadow: 0 20px 40px rgba(210, 39, 48, 0.15);
/*    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);*/
}

.mht-info-box p {
    font-size: 0.85rem;
    margin: 0.5rem 0 0;
    padding: 0;
}

/*.mht-info-box:h5 {
    color: var(--e-global-color-primary) !important;
}*/

/*.mht-info-box-medium {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0.5rem;
    width: 200px;
    height: 200px;
    border-radius: 0.75rem;
    cursor: pointer;
    background-color: #fff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    transition: background-color 0.5s, box-shadow 0.5s;
}

.mht-info-box-medium:hover {
    background-color: #fff;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

.mht-info-box-medium p {
    font-size: 0.85rem;
    margin: 0.5rem 0 0;
    padding: 0;
}*/

.mht-info-box-mini {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0.5rem;
    width: 150px;
    height: 150px;
    border-radius: 0.75rem;
    cursor: pointer;
    background-color: #fff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    transition: background-color 0.5s, box-shadow 0.5s;
}

.mht-info-box-mini:hover {
    background-color: #fff;
    box-shadow: 0 20px 40px rgba(210, 39, 48, 0.15);
/*    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);*/
}

.mht-info-box-mini p {
    font-size: 0.85rem;
    margin: 0.5rem 0 0;
    padding: 0;
}
/******************************/
/****** MHT INFO BOX END ******/
/******************************/


/***********************************/
/****** MHT SUBMIT BUTTON BEGIN ******/
/***********************************/
/*.btn, .button, a.button, .added_to_cart, button[type="submit"], input[type="submit"] { margin-top: 1rem; }*/
/***********************************/
/****** MHT SUBMIT BUTTON END ******/
/***********************************/


/*****************************************/
/****** MHT HOME SOCIAL ICONS BEGIN ******/
/*****************************************/
.social-bar-holder.icons li i:hover {
    color: var(--e-global-color-primary);
}
/*****************************************/
/******* MHT HOME SOCIAL ICONS END *******/
/*****************************************/



/*********************************/
/**** YOAST BREADCRUMBS BEGIN ****/
/*********************************/
.breadcrumb_last { font-weight: 400; }
.single-post .entry-content a:not(.wp-block-button__link) { color: var(--e-global-color-primary); }
body:not(.links-underline) a:not(.-unlink):hover { color: var(--e-global-color-accent); }
/*.yoast-breadcrumb .breadcrumb_last { font-weight: 400; }*/
/*********************************/
/***** YOAST BREADCRUMBS END *****/
/*********************************/


/*********************************/
/*** LOGO ASPECT-RATIO FIX BEGIN ***/
/*********************************/
/* Theme sets a fixed height (65px) + object-fit:fill on the logo, which
   stretches the image whenever its width is clamped (narrow mobile header
   or injected width/height attributes). Let the logo scale proportionally. */
.header .branding .logo img,
.header .branding .logo-mobile img,
.header .branding .logo-sticky img,
.header .branding .logo-sticky-mobile img,
.header .branding .logo-dynamic img {
	width: auto !important;
	height: auto !important;
	min-height: 0 !important;
	max-height: 65px !important;
	max-width: 100% !important;
	object-fit: contain !important;
}
/*********************************/
/*** LOGO ASPECT-RATIO FIX END ***/
/*********************************/