/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.2.0
 Text Domain:  woodmart
*/



.website-wrapper {background-color: transparent}
.even-row {background-color:#f1f1f1;}
.empty {opacity:0.5;}
.price {display:none!important} 
.wd-side-hidden {z-index: 9999}


.maskedimage, .wd-slide-bg, .wd-slide-container {}
.gradient {
background: rgb(255,255,255);
background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(232,232,232,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(232,232,232,1) 100%);
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(232,232,232,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#e8e8e8",GradientType=1);}


/* HEADER & TITLE ---------------------------------------- */

.page .page-title-default .title-size-small {padding: 20px 0;}

.menu-opener {height: 46px!important; min-width: 220px !important; cursor: pointer;}
.menu-opener:hover {background-color: rgb(10 10 10 / 1%) !important; color: var(--e-global-color-primary )!important; border-color: var(--e-global-color-primary ) !important;}
.post-type-archive-product .menu-opener:hover {background-color: rgb(10 10 10 / 50%) !important;}
#menu-category-menu .wd-dropdown-menu {left: 100% !important;}
.wd-dropdown-cats {min-width: 220px !important;  top: 45px;}
#menu-category-menu>li>a {font-weight: 500; text-transform: uppercase;}
#menu-category-menu>li>a:hover {color: var(--e-global-color-primary ) !important;}

.whb-sticky-shadow.whb-sticked .whb-main-header {} /* Sticky header style */

[class*="wd-header-search-form"] input[type='text'] {min-width: 200px;}



/* HOME ---------------------------------------- */

.home .product.category-grid-item .wd-entities-title {color: #000000}
.home .wd-slide-inner p {margin: 0 0 8px 0}
.slider-in-container .wd-slide-container {width:100% !important; padding: 0 !important; background-image: url(https://tupex.se/wp-content/uploads/2023/04/Triangles-05.svg); background-position: 108% 134%; background-repeat: no-repeat; background-blend-mode: overlay; background-size: 38%;}
.wd-slide-inner h2, .wd-slide-inner h3, .wd-slide-inner h4, .wd-slide-inner h5 {margin-bottom:8px}
.slider-in-container .wd-slide-container p, .slider-in-container .wd-slide-container li {font-size: 1em !important}
.home .wd-slide-bg {width: auto !important}
#gallery-1.partner-logos img {border:none!important}
.start-screen .more-products {display: none !important}

/* Sunda Hus Slider ---------------------------------------- */
.modus-slider-con {display: flex; flex-wrap: wrap; column-gap: 5%; margin-right: 0;  padding: 6%}
.modus-slider-con div img {margin-bottom:8px}

#slide-10939 .wd-slide-container {background-color:#F0F0F0; mask-image: linear-gradient(to left, transparent 5%, #e8e8e8); -webkit-mask-image: linear-gradient(to left, transparent 5%, #e8e8e8 15%);}
.sunda-hus {flex-basis: 48%}
.byggvaru {flex-basis: 42%}

/*HIDE MARKINGS, EXTRA DIMENSIONS FROM TEKNISKA SPECIFIKATIONER */
.woocommerce-product-attributes-item--attribute_pa_modus {display:none !important;}
.woocommerce-product-attributes-item--attribute_dimension-extra1 {display:none !important;}
.woocommerce-product-attributes-item--attribute_dimension-extra2 {display:none !important;}
.woocommerce-product-attributes-item--attribute_dimension-extra3 {display:none !important;}
.woocommerce-product-attributes-item--attribute_e-nummer {display:none !important;}
.woocommerce-product-attributes-item--dimensions {display:none !important;}


/* Archive ---------------------------------------- */

.archive .page-title-default {background-color: transparent}
.archive .whb-sticked .whb-main-header {background-color: #262626!important}
/*.archive .wrap-price, .single-product .wrap-price {display:none !important}*/
.archive .wd-active-filters {border: 1px solid #eda831; padding: 10px 20px 8px 20px;}
.archive .wd-clear-filters {display:none}
.archive #elementor-popup-modal-8118 {z-index: auto;}
.archive .product-filters .wd-pf-results li {background-color: var(--e-global-color-primary) !important; color: #FFFFFF !important} 
.archive .wd-hover-alt .wd-swatches-grid {}
.archive .wd-hover-alt .swap-wrapp {height: 0px}
.archive .product-grid-item .wd-product-cats a {color: var(--sub-menu-color) !important;}
.archive .wd-dropdown-cats .wd-nav.wd-nav-vertical >li>a {color: var(--sub-menu-color) !important;}
.archive .wd-collapsible-content:not(.wd-opened) .elementor-widget-wd_button:last-child .wd-collapsible-button {right: 0px; left: 0px;}


/* Single Product ---------------------------------------- */

.single-product .woocommerce-breadcrumb .breadcrumb-last {font-weigt:normal; display: none}
.single-product .woocommerce-breadcrumb a {color: var(--e-global-color-primary) !important}
.single-product .breadcrumb-link-last:after {content: none !important;}
.single-product .woocommerce-breadcrumb a:after {color: #ccc; content: "|"}
.single-product .woocommerce-breadcrumb a:hover {text-decoration: underline}

.single-product .site-content {margin-bottom: 0;}

.short-desc ol li::before, #tab-description ol li::before {content: "" !important; list-style: initial !important}
.short-desc ul, #tab-description ul, .elementor-widget-text-editor ul, .wd-slide-container ul {list-style: none; /* Remove default bullets */ margin-left: 0.5em;}
.short-desc li::before, #tab-description li:before, .elementor-widget-text-editor ul li:before, .wd-slide-container li:before {
  	content: "\25A0";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  	color: var(--e-global-color-accent ); /* Change the color */
  	font-weight: bold; /* If you want it to be bold */
  	display: inline-block; /* Needed to add space between the bullet and the text */
  	width: 1.5em; /* Also needed for space (tweak if needed) */
  	margin-left: -1.5em!important; /* Also needed for space (tweak if needed) */
}

.short-desc li {font-size:14px; margin-bottom: 10px; line-height: normal}

/* Marking Tooltips  ---------------------------------------- */

.marking-tooltip-static {transition:opacity 0.3s;}

.marking-tooltip {
	position:absolute;
	color:#ffffff;
	background-color:#000000;
	border:1px solid #999999;
	top: -35px;
	padding-left: 5px;
  padding-right: 5px;
  white-space: nowrap;	
	
}

.marking-tooltip-static {
	position:absolute;
	color:#333333;
	font-weight: bold;
	border-bottom:2px solid;
	border-color: var(--e-global-color-primary );
	bottom: -35px;
	padding-left: 5px;
  padding-right: 5px;
  white-space: nowrap;
	
}

.marking-highlight {border:2px solid var(--wd-link-color) !important;}
.faded-in {opacity:1;}


.single-product .shop_attributes {overflow: visible !important}
.single-product .shortcode-markings-box {display: flex;row-gap: 10px; flex-wrap: wrap; column-gap: 10px;}
.single-product .shortcode-marking img {cursor: pointer}
.shortcode-markings-box .shortcode-marking  {flex: 0 1 7%;}
.single-product .wd-tabs-title {}

.single-product .shop_attributes th.woocommerce-product-attributes-item__label {margin-right: 50px} /* Attribute tabel margine in technical description */

.single-product .woocommerce-product-attributes tr {
	font-size: 14px;
	--attr-v-gap:15px !important;
	padding-bottom: calc(var(--attr-v-gap) / 2);
    margin-bottom: calc(var(--attr-v-gap) / 2);
	overflow: visible;
} 

.value-devider {margin: 0 5px; color: var(--e-global-color-accent ); }

.tech-image-con .elementor-shortcode {display:flex; justify-content:flex-end; flex-flow: wrap; column-gap: 20px; row-gap:20px;}

.tech-image {max-width: 100%;}

.fuse-table {border-style: solid;border-width: 1px 0px 0px 0px;border-color: var(--e-global-color-primary );}
.fuse-table .e-con-inner {display: block}

.fuse-table th {font-size: 14px; padding: 10px}  
.fuse-table td {font-size: 13px;} 
.fuse-table h4 {display:inline-block; width: max-content !important; padding-top: 30px; border-top: 3px solid #EF7103; font-size: 16px}

.product-photos .product-image-wrap img {max-height: 700px; width: auto;}
.product-photos .woocommerce-product-gallery {text-align: center}
.product-photos .owl-carousel.owl-drag .owl-item  {align-self: baseline;}
.product-photos .owl-carousel .owl-stage-outer {overflow: visible; display: flex; height: 100% !important;}
.product-photos .owl-carousel .owl-stage {display: inline-flex;}

.custom-swath-label {width:20px; height:20px;border: 1px solid #ccc; shape-outside: border-box; display: inline-block; margin-right: 3px; vertical-align: sub;}


.product-print {vertical-align: middle}
.product-print .print-button-icon {background-color:#333333; color: white; border-color: var(--e-global-color-primary );}
.product-print .print-button-icon:hover {background-color:var(--e-global-color-primary )!important; }
.product-print input.print-button-icon::before {content: url("/wp-content/uploads/2022/12/print-button-96.svg"); display: inline-block}


.hidden-col {width: 0%; white-space: nowrap; transition: all 0.4s ease; opacity: 0;}
.hidden-col.revealed {opacity: 1;}
.custom-variation-table { table-layout:fixed; overflow: hidden}
.custom-variation-table td {color:#111111; border-color: #f1f1f1}
.custom-variation-table thead {border-top: 2px solid #f1f1f1; background-color: #666;}
.custom-variation-table th {padding: 15px 15px 10px}
.custom-variation-table th p {font-size:small; text-transform: initial; color: #fff; margin-bottom:0; font-weight: 500;}

.reveal-cols-button {display: inline-block; cursor: pointer; text-align:center; color:#333;}

.reveal-cols-button.active::before {color:var(--e-global-color-primary );}
.reveal-cols-button:hover {color:var(--e-global-color-accent );}
.reveal-cols-button span {display: block}

.sortable-col:hover .col-sort-arrow:after {color:#EF9133;}
.sortable-col p {
	cursor:pointer;
	float:left;
	margin-right:5px;
	color:#eee; transition: all 0.4s ease;
}

.custom-variation-table .active-sort .col-sort-arrow:after {color:#EF9133 !important;}

.col-sort-arrow:after {
    font-size: 11px;
    margin-inline-start: auto;
    content: "\f129";
    font-family: "woodmart-font";
    
}


/*DOWNLOADS PRESTYLE*/
.product-downloads-container{width: auto; float: left;}
.downloads-subtitle{white-space: nowrap;}
.downloads-table {table-layout:fixed}
.downloads-table td {font-weight: 600; padding: 15px 0px}


#tab-wd_additional_tab_3 {display: flex; column-gap: 5%; flex-direction: row; flex-wrap: wrap;}
#tab-wd_additional_tab_3 .product-downloads-container {flex-basis: 30%;}
#tab-wd_additional_tab_3 .empty {display: none} 

#tab-wd_additional_tab_3 .even-row {background-color: transparent;}

.download-icon {float:right; width:20px;
	/*color: var(--e-global-color-accent );
	fill: var(--e-global-color-accent );*/	
}

.download-icon-item a {width:100%; display: block; color: #666666;}
.download-icon-item:hover {cursor:pointer}
.download-icon-item:hover a .doc-label {color:var(--e-global-color-primary ) !important;}
.download-list-item:hover .download-icon {filter:invert(100%)sepia(79%) saturate(8476%) hue-rotate(-30deg) brightness(80%);}
.download-list-item .masked-highlight {width:0px; right:0px;position:absolute;background-color:var(--e-global-color-primary );}
.download-list-item:hover .masked-highlight{width:100px;}
.download-icon-link .doc-label {display:inline-block; font-weight: normal; color: #222222;}


@media (max-width: 767px) {
	#tab-wd_additional_tab_3 {flex-direction: column;}
}


/* LOGIN PAGE ---------------------------------------- */

.elementor-login__logged-in-message {text-align:center}
.single-post .page-title {display:none}



/*ARTIKLAR TABLE HEAD NO WRAP*/
.custom-variation-table th{
    white-space: nowrap;
}

/*TEKNISKA WHITESPACE HIDDEN NO WRAP*/
.value-isolated
{
	white-space: nowrap;
}

/*FILTERS FOR CUSTOM VARIATION TABLE */
/*hide show filters button*/
.reveal-filters-button {cursor: pointer; display: inline-block; float: left; margin-right: 15px; min-width: 80px; user-select: none;}
.reveal-filters-button:hover span {color:var(--e-global-color-primary ) !important;}
.reveal-filters-button:before {margin-right: 3px;font-size: 12px;content: "\f118";font-family: "woodmart-font";}
.reveal-filters-button.active span.show {display:none;}
.reveal-filters-button span.hide {display:none;}
.reveal-filters-button.active span.hide {display:unset;}

/*filter box*/
.custom-variation-table-filters.hidden {height:0px; min-height: 0; overflow: hidden;}
.custom-variation-table-filters {transition:opacity 0.3s, height 0.3s; margin: 10px 0px; min-height: 50px; width: 100%; row-gap: 5px;display:flex;}
.custom-variation-table-filters .filter-box {margin-right: 10px; margin-bottom: calc(var(--wd-sp) / 4); padding-right: calc(var(--wd-sp) / 4); padding-left: calc(var(--wd-sp) / 4); height: 42px;}


.single-product .active-filters-box .clear-filters-button {border-left: none; position: absolute; top: 95px; left: 225px;}

/*filter INPUTS all*/
.custom-variation-table-filters .filter-input{
	border: var(--wd-form-brd-width) solid var(--wd-form-brd-color);
	border-radius: var(--wd-form-brd-radius);
	background-color: var(--wd-form-bg);
	padding-inline-start: 15px;
	padding-inline-end: 35px;
	position:relative;
	display: flex;
    align-items: center;
	cursor: pointer;
	transition: all .3s ease;
	user-select: none;
	height:42px
}
.custom-variation-table-filters .filter-input:hover{background-color:#eeeeee;border-color:var(--wd-form-brd-color-focus)}

.custom-variation-table-filters .f-label{
	text-transform: uppercase;
	flex: 1 0 auto;
	margin-inline-end: 10px;
	line-height:42px;
	transition: all .3s ease;
}
.custom-variation-table-filters .f-label .label-text{flex: 1 0 auto;color: var(--color-gray-800);font-weight: 600;font-size:12px;}
.custom-variation-table-filters .filter-input:after {
    position: absolute;
    top: 50%;
    margin-top: -6px;
    color: var(--color-gray-300);
    font-size: 12px;
    
    
    font-family: "woodmart-font";
    inset-inline-end: 15px;
}

/*filter INPUT - TEXT*/
.custom-variation-table-filters .filter-input.f-text input{border: none;appearance: none;outline: none;background-color:transparent;width:0px;transition: all .3s ease;}
.custom-variation-table-filters .active .filter-input.f-text input{width:150px;}

.custom-variation-table-filters .filter-input.f-text:has(input:focus-visible) {border: 1px solid var(--wd-form-brd-color-focus); background-color:#eeeeee;}
.custom-variation-table-filters .filter-input.f-text:after {content: "\f130";}

/*filter INPUT - MULTI SELECTOR*/	
.custom-variation-table-filters .filter-input.f-selector:after {content: "\f129";}

/*DROPDOWN*/
.custom-variation-table-filters .filter-dropdown
{
	top:0;
	position: relative;
	background-color: #fff;
	border: 1px solid #999;
	transition: all .3s;
	max-height:0px;
	opacity:0;
	overflow:hidden;
	z-index:99999;
}

.custom-variation-table-filters .active .filter-dropdown
{
	opacity:1;
	max-height:1000px;
	
}
/*options*/
.filter-dropdown .filter-option-value{display:flex;align-items: center;}
.filter-dropdown .filter-option-value.empty{opacity:0.5;color:#500;}
.filter-dropdown .filter-option-value.potential{opacity:0.9;color:#050;}


.filter-dropdown .value-checkbox{border:1px solid #ccc; width:20px;height:20px;flex: 0 0 auto;}
.filter-dropdown .value-checkbox .checkbox-fill{
	background-color:var(--e-global-color-primary );
	margin-top:9px;margin-left:9px;width:0px;
	height:0px;transition:all 0.25s;
	display:flex;align-items: center;justify-content: center;opacity:0;
}
.filter-dropdown .value-checkbox .checkbox-fill:after{content: "\f112";font-family: "woodmart-font";line-height: 14px;font-size: 14px;opacity:0;transition:all 0.2s;}
.filter-dropdown .value-text{margin-inline-start: 10px}

.custom-variation-table-filters .filter-dropdown .value-list{list-style:none;margin-bottom:0;padding:0;}
.custom-variation-table-filters .filter-dropdown .value-list li{background-color:#fff;padding:5px;margin:0;cursor: pointer;transition: all .3s ease;user-select: none;}
.custom-variation-table-filters .filter-dropdown .value-list li:hover{background-color:#ddd}
.custom-variation-table-filters .filter-dropdown .value-list li.active:hover .checkbox-fill:after{opacity:1;}
.custom-variation-table-filters .filter-dropdown .value-list li.active:hover .checkbox-fill{background-color:#EDA831;}
.custom-variation-table-filters .filter-dropdown .value-list li.active{background-color:#eee;color:#000;}
.custom-variation-table-filters .filter-dropdown .value-list li.active .value-checkbox{border-color:#000;}
.custom-variation-table-filters .filter-dropdown .value-list li.active .value-checkbox .checkbox-fill{width:12px;height:12px;margin-top:3px;margin-left:3px; opacity:1;}


/*ACTIVE FILTER BOX*/
.active-filters-box{height:42px;display:flex;color:rgb(239,113,3);cursor: pointer;transition: all .3s ease;user-select: none;margin-left: -1px;margin-bottom: calc(30px / 4);align-items: center;}
.active-filters-box .active-filter:hover{color:#EDA831;text-decoration: line-through rgb(239,113,3);}
.active-filters-box .active-filter{max-width:300px;overflow:hidden;margin:0 5px 0 5px;opacity:1; transition:all 0.3s;}
.active-filters-box .active-filter-title{border-left: 1px solid #eee;color:#333;padding-left:5px;max-width:300px;overflow:hidden;opacity:1; transition:all 0.3s;}
.active-filters-box .active-filter.inactive, .active-filters-box .active-filter-title.inactive{max-width:0px;margin:0;padding:0;opacity:0;border: 0px;}

.active-filters-box .clear-filters-button{cursor: pointer;transition: all .1s ease;user-select: none;border-left: 1px solid #eee;padding-left:5px;font-weight:600;font-size:14px;}
.active-filters-box .clear-filters-button:hover{color:#EDA831;}


.active-col-filters-box .active-filter:hover{color:#EDA831;text-decoration: line-through rgb(239,113,3);}


/*ACTIVE FILTER BOX PER COL*/
.active-col-filters-box{display:flex; color:#fff; cursor: pointer;transition: all .3s ease; user-select: none; margin-left: -1px;padding: 4px 8px;white-space: nowrap;}
.active-col-filters-box .active-col-filter{
	position: relative;
    	display: inline-block;
    	background-color:rgb(239,113,3);
    	padding:5px 8px 4px;
    	transition: all .25s ease;
    	font-weight: 600;
    	font-size: 12px;
    	max-width: 300px;
    	overflow:hidden;
}


.active-col-filters-box .active-col-filter.inactive{
	margin-inline-end: 0px !important;
	max-width: 0px !important;
    	padding-left: 0px !important;
    	padding-right: 0px !important;
    	opacity:0;
}

.active-col-filters-box .active-col-filter:after{

	inset-inline-start: 7px;
	position:absolute;
	margin-left:0px;
    	margin-inline-end: 0em;
    	font-weight: 400;
    	content: "\f112";
    	margin-top: -4px;
    	font-size: 8px;
    	font-weight: 400;
    	top: 50%;
    	opacity:0;
    	font-family: "woodmart-font";
    	transition:all 0.5s;

}
.active-col-filters-box .active-col-filter:hover:after {
	opacity:1;
}
.active-col-filters-box .active-col-filter:hover {
	padding-inline-start: 20px
}

.active-filters-box .clear-filters-button:after {
	margin-left:5px;
    	margin-inline-end: 0.3em;
    	font-weight: 400;
    	font-size:12;
   	content: "\f112";
    	font-family: "woodmart-font";
}

.custom-variation-table td.filtered{font-weight:600;}
.custom-variation-table tr.filtered{}
.custom-variation-table td.potentially-filtered{}
.custom-variation-table tr.potentially-filtered{opacity:0.3;}



/*hide active filter line*/
.active-filter, .active-filter-title{display:none;}

/*GALLERY*/
.elementor-element.product-gallery{display:none;}
.custom-media-container .woocommerce-product-gallery__wrapper{
	display:flex;
	flex-wrap: wrap;
}

.custom-media-container .grid-box {display:flex;flex-direction: row;flex-wrap: wrap; column-gap: 10px;row-gap: 10px;}
#tab-media_tab h4{margin: 20px 0 10px;}
.custom-media-container .grid-box .product-image-wrap{flex: 0 1 20% !important; background: #fff; padding: 0; border-radius: 3px;height: 200px;max-width: fit-content !important;}
.single-product .elementor-lightbox-image {background-color:#ffffff}
.custom-media-container .grid-box .product-image-wrap.wd-video-playing{max-width:100%;}
.custom-media-container .grid-box .product-image-wrap .woocommerce-product-gallery__image{height:100%;}
.custom-media-container .grid-box .product-image-wrap .woocommerce-product-gallery__image a{height: 100%;display: flex; align-items: center;}
.custom-media-container .grid-box .product-image-wrap .woocommerce-product-gallery__image img{object-fit: cover;height: 100%;vertical-align: middle;border:1px solid var(--wd-form-brd-color); border-radius: 5px;max-width: max-content;width:unset;}

.custom-media-container .product-image-wrap.wd-with-video{height:400px;}

.custom-media-container .grid-box .product-image-wrap.wd-video-playing .woocommerce-product-gallery__image{
	position: fixed;
	width: 80%;
	top: 10%;
	left: 10%;
	z-index: 9999;
	height: 80%;}
.custom-media-container .grid-box .product-image-wrap.wd-video-playing .wd-video-actions{position: fixed;z-index: 99999;}
.product-image-wrap.wd-video-playing .player-shade{    position: fixed;
    background-color: rgba(10,10,10,0.5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9998;}
/*.custom-media-container a{
	height: 40vh;
	flex-grow: 1;
}*/

.woocommerce-tabs.wc-tabs-wrapper li{opacity:0;transition:opacity 0.3s;}