@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//romynox.nl/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=7.3.2") format("woff2");
}

.wd-popup.wd-promo-popup{
	background-color:#111111;
	background-image: none;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}

.page-title-default{
	background-image: none;
	background-size:cover;
	background-position:center center;
}

.footer-container{
	background-color:rgb(231,52,57);
	background-image: none;
}

:root{
--wd-text-font:"Sofia-Pro", Arial, Helvetica, sans-serif;
--wd-text-font-weight:400;
--wd-text-color:rgb(15,15,15);
--wd-text-font-size:14px;
}
:root{
--wd-title-font:"Sofia-Pro", Arial, Helvetica, sans-serif;
--wd-title-font-weight:900;
--wd-title-color:#242424;
}
:root{
--wd-entities-title-font:"Poppins", Arial, Helvetica, sans-serif;
--wd-entities-title-font-weight:500;
--wd-entities-title-color:#333333;
--wd-entities-title-color-hover:rgb(51 51 51 / 65%);
}
:root{
--wd-alternative-font:"Lato", Arial, Helvetica, sans-serif;
}
:root{
--wd-widget-title-font:"Poppins", Arial, Helvetica, sans-serif;
--wd-widget-title-font-weight:600;
--wd-widget-title-transform:uppercase;
--wd-widget-title-color:#333;
--wd-widget-title-font-size:16px;
}
:root{
--wd-header-el-font:"Lato", Arial, Helvetica, sans-serif;
--wd-header-el-font-weight:700;
--wd-header-el-transform:uppercase;
--wd-header-el-font-size:13px;
}
html .product-image-summary-wrap .product_title, html .wd-single-title .product_title{
	font-family: "Sofia-Pro", Arial, Helvetica, sans-serif;font-weight: 600;
}

html .product.category-grid-item .wd-entities-title, html .product.category-grid-item.cat-design-replace-title .wd-entities-title, html .categories-style-masonry-first .category-grid-item:first-child .wd-entities-title, html .product.wd-cat .wd-entities-title{
	font-family: "Sofia-Pro", Arial, Helvetica, sans-serif;font-weight: 400;font-size: 14px;
}

:root{
--wd-primary-color:rgb(231,52,57);
}
:root{
--wd-alternative-color:rgb(68,173,36);
}
:root{
--wd-link-color:#333333;
--wd-link-color-hover:#242424;
}
:root{
--btn-default-bgcolor:rgb(231,52,57);
}
:root{
--btn-default-bgcolor-hover:rgb(204,48,48);
}
:root{
--btn-accented-bgcolor:rgb(231,52,57);
}
:root{
--btn-accented-bgcolor-hover:rgb(204,48,48);
}
:root{
--notices-success-bg:#459647;
}
:root{
--notices-success-color:#fff;
}
:root{
--notices-warning-bg:rgb(255,219,91);
}
:root{
--notices-warning-color:#fff;
}
.product-labels .product-label.featured{
	background-color:rgb(231,52,57);
}


	:root{
					
							--wd-form-brd-radius: 5px;
			
					
					--wd-form-brd-width: 2px;
		
					--btn-default-color: #fff;
		
					--btn-default-color-hover: #fff;
		
					--btn-accented-color: #fff;
		
					--btn-accented-color-hover: #fff;
		
					
			
			
							--btn-default-brd-radius: 5px;
				--btn-default-box-shadow: none;
				--btn-default-box-shadow-hover: none;
					
					
			
			
							--btn-accented-brd-radius: 5px;
				--btn-accented-box-shadow: none;
				--btn-accented-box-shadow-hover: none;
					
							
					--wd-brd-radius: 0px;
		
					--wd-cat-brd-radius: 12px;
			}

	
	
			:root{
			--wd-container-w: 1222px;
		}
	
			@media (min-width: 1239px) {
			.platform-Windows .wd-section-stretch > .elementor-container {
				margin-left: auto;
				margin-right: auto;
			}
		}
		@media (min-width: 1222px) {
			html:not(.platform-Windows) .wd-section-stretch > .elementor-container {
				margin-left: auto;
				margin-right: auto;
			}
		}
	
	
	
	
	
			.woodmart-woocommerce-layered-nav .wd-scroll-content {
			max-height: 220px;
		}
	
	
/*CHANGE ICONE SIZE IN HEADER*/
.whb-top-bar .wd-header-search .wd-tools-icon, .whb-top-bar .wd-tools-element .wd-tools-icon:before {
    font-size: 22px !important;
}
.whb-col-1 :is(.whb-flex-row,.whb-column) {
    max-width: calc(100% + 20px);
    justify-content: left !important;
}
.whb-header {
    margin-bottom: 0px !important;
}
/*Hide RX Code From Filteration select menu in variable products */
select.widget-0 {
display:none !important;
}
/*Pascal Code */
.wd-nav-img, .mega-menu-list img {
    display: inline-block;
    margin-right: 2px;
    max-height: 36px;
    width: auto !important;
}

.nav-link-text {
    font-size: 14px !important;
    font-weight: 600;
}

.wd-nav-img {
    max-height: 42px;
}

.wd-dropdown-menu.wd-design-aside.wd-style-with-bg .wd-sub-menu-wrapp>.wd-sub-menu>li>a {
    padding: 18px 20px;
    color: #fff;
    text-transform: unset;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
}
.wd-header-nav, .site-logo {
    margin-top: 4px !important;
}

/*change product content link color to red*/
.elementor-tab-content a {
    color: #E73439 !important;
}

/*MAKE 140PX SPACE FOR CONTENT FROM TOP*/
.whb-overcontent ~ .main-page-wrapper{
margin-top:140px !important;}
/* Media query for screens with a maximum width of 767px (typical for mobile devices) */
@media (max-width: 767px) {
  .whb-overcontent ~ .main-page-wrapper {
    margin-top: 110px !important;
  }
}
/* Exclude single product and product archive pages */
.single-product .whb-overcontent ~ .main-page-wrapper,
.archive .whb-overcontent ~ .main-page-wrapper {
  margin-top: 0px !important;
}

/*GLOSSARY PAGE STYLE*/
.glossary h2 {
  font-size: 14px;
	margin-bottom: 5px;
}
/*ALL CONTACT FORMS SUBMIT BUTTON COLOR RED*/
.button, html input[type="button"], input[type="reset"], input[type="submit"]{
color:#ffffff;	
background-color:#e73439;	
	border-radius:3px;
	font-weight: normal !important;
}
.button, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover{
color:#ffffff;	
background-color:#9F1C1F; /*DARKER ON HOVER*/
}
.wpcf7-list-item-label {
    font-size: 14px !important; /* Adjust the font size as per your preference */
}
/*ZEBRA-TABLE TECHNICAL INFO*/
.zebra-table tr:nth-child(odd) {
    background-color: #f3f3f3;
    line-height: 1.4;
}
.zebra-tabel td {
	padding: 4px 12px !important;
}

.features-table{margin-bottom:0px;}
/*REMOVE DROPDOWN MENU FOR ACCOUNT IN HEADER*/
.whb-main-header .whb-col-right .wd-dropdown-my-account {
display: none;
}
/* Variation table buttons and secondary line bg color*/
.variations-table-row .variations_button button.button{border-radius:8px;}
.variations-table-row:nth-child(even){background-color:#f3f3f3}

/* RX ins Dinslge Product */
.rxcode-button {
    display: inline-block;
    padding: 2px 16px 2px 16px;
    background-color: #ffffff;
    color: #46BBAF;
    border: 1px solid #46BBAF;
    border-radius: 6px;
    text-align: center;
    text-decoration: none;

}

/*Variation Table STYLE*/
th.variations-table-header{text-align:left; padding: 5px 5px !important;font-size:13px;}
.variations-table-row .variations_button button.button {
    margin-bottom: 0px;
    color: white;
    background-color: #E73439;
    transition: background-color 0.3s; /* Optional: for a smooth color transition */
}
/* Styling Variation Table for the button when hovered */
.variations-table-row .variations_button button.button:hover {
    background-color: #9F1C1F; /* Darker red color */    
}

/* Hide Add to cart Variations for products */
.archive .wd-nav-product-cat .cat-item.cat-item-21 {
   display: none !important;
}

/*REMOVE DEFAULT SORTING FROM CATEGORIES*/
body .woocommerce-ordering{
display:none;
}
/*REMOVE SHOP HEADER AND TITLE*/
/*.wd-header-overlap .page-title{padding-top:0px !important;}
/*CHANGING FOOTER LINKS TO WHITE */
.main-footer a:link{
color:white;
}
/* MANAGE SPACE BETWEEN FOOTER AND PREFOOTER */
.wd-prefooter{
margin-bottom:0 !important;
padding-bottom:0 !important;
}

/* ACCEPT COOKIE CSS */
.wd-cookies-popup {
    width: 300px !important;
    height: 255px !important; /* Adjusted height for the cookies note */
    border-radius: 15px !important;
    position: fixed !important;
    bottom: 0px !important;
    left: 10px !important;
    background-color: #E73439 !important;
    padding: 20px !important;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) !important;
    color: #fff !important;
	text-align:center !important;
}

.wd-cookies-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
}

.cookies-info-text {
    margin-bottom: 60px !important; /* Increased space at the bottom of the text */
		text-align:center !important;
}

.cookies-buttons {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    position: absolute !important;
    bottom: 5px !important; /* Adjust distance from the bottom */
    width: 100% !important;
    left: 0 !important;
}

.cookies-more-btn,
.cookies-accept-btn {
    margin: 5px !important;
    width: auto !important;
    text-decoration: none !important; /* Remove underline from the more info button */
}

.cookies-accept-btn {
    background-color: #fff !important; /* White background for the accept button */
    color: #e73439 !important; /* #e73439 font color for the accept button */
}

.cookies-more-btn {
		border-bottom:0px !important;
	padding-top:10px;
    background-color: #e73439 !important; /* #e73439 background color for the more info button */
    color: #fff !important; /* White font color for the more info button */
}
/* Position the image */
.cookies-info-text img {
    display: block !important;
    margin: 0 auto 20px !important;
		text-align:center;
}
/*RENS SUGGESTION FOR IMAGE CONTAINER*/
/* Center the image within the product-image-wrap */
.product-image-wrap {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%; /* Ensure the container takes full width */
    height: 400px; /* Set the desired height for the container */
    position: relative;
    overflow: hidden;
}

/* Style the image within the product-image-wrap */
.product-image-wrap img {
    width: auto;
    height: 400px;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain; /* Maintains aspect ratio without cropping */
    display: block;
    margin: auto; /* Ensure the image stays in the center */
}
/* Center the image within the product-image-wrap */
.product-image-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

/* Style the image within the product-image-wrap */
.product-image-wrap img {
    max-width: 100%;
    max-height: 100%;
}
/* Target the product image thumbnails */
.woocommerce-product-gallery .product-image-thumbnail {
    width: 120px !important; /* Set the width of the thumbnails */
    margin-right: 10px; /* Adjust the margin between thumbnails */
}
 /*RENS END*/
/* WISHLIST BUTTON STYLE*/
.wd-buttons.wd-pos-r-t{
border-radius:8px;
}
/*REMOVE CATEGORY IMAGE BOX SHADOW IN ARCHIVE*/
.cat-design-alt.categories-with-shadow .category-image-wrapp {
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0) !important; }

/*PDF THUMBNAIL STYLE*/
/* Style the PDF link container */
/* Zebra striping effect */
.pdf-thumbnail:nth-child(odd) {
    background-color: #f3f3f3; /* Light grey background for odd rows */
}

.pdf-thumbnail:nth-child(even) {
    background-color: #ffffff; /* White background for even rows */
}

/* Style for the file name link */
.pdf-title-link {
    text-decoration: none; /* Remove the default underline */
    color: inherit; /* Use the inherited text color */
	padding-left:20px;
}


/* Hover effect for the file name link */
.pdf-title-link:hover {
    text-decoration: underline; /* Add underline on hover */
    text-decoration-color: red; /* Red underline color */
    text-decoration-thickness: 1px; /* Thickness of the underline */
    color: red; /* Change text color to red on hover */
}


/*END PDF THUMBNAIL STYLE*/
/*MOVE MENU TO MORE RIGHT BASED ON BROWS CATEGORY LOCATION*/
.wd-sub-menu-wrapp {
    margin-left: 250px; /* Adds space to the left, effectively moving the div to the right */
}

.wd-nav>li:is(.wd-has-children,.menu-item-has-children)>a:after{
font-weight: bolder !important;
	font-size: clamp(14px, 50%, 14px) !important;
}
/*MODIFY CHECKOUT PAGE STYLE*/
  .woocommerce-checkout > .checkout-order-review:before, .woocommerce-checkout > .checkout-order-review:after,
  .woocommerce-order-pay #order_review:before,
  .woocommerce-order-pay #order_review:after {
    background-image: none !important;
		border-radius:8px;
    }
.woocommerce-checkout>.checkout-order-review, .woocommerce-order-pay #order_review {
border-radius:0px;
	border-left: 2px solid #f3f3f3 !important;
	background-color:white !important;
}
/*.checkout-order-review>.woocommerce-checkout-review-order .wd-table-wrapper{box-shadow:none !important;}
.woocommerce-checkout .woocommerce-checkout-review-order-table .product-total {
    display: none;
}*/
/*style TAB DESIGN*/
.elementor-tabs-wrapper {
    border-bottom: 2px solid #f3f3f3; /* Adjust the color and thickness as needed */
}
@keyframes slide {
    from {
        transform: translateX(-100%);
    }
    to {
        transform: translateX(0);
    }
}

.elementor-21389 .elementor-element.elementor-element-d89457d .elementor-tab-title.elementor-active,
.elementor-21389 .elementor-element.elementor-element-d89457d .elementor-tab-title.elementor-active a {
    position: relative;
    overflow: hidden; /* This will ensure the sliding effect is contained within the tab */
}

.elementor-21389 .elementor-element.elementor-element-d89457d .elementor-tab-title.elementor-active:after,
.elementor-21389 .elementor-element.elementor-element-d89457d .elementor-tab-title.elementor-active a:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #E73439; /* Red color for the underline */
    transform: translateX(-100%); /* Start from the left edge of the active tab */
    animation: slide 0.5s ease forwards; /* Apply the slide animation */
}

/*TAB NEW DESIGN*/
.elementor-25983 .elementor-element.elementor-element-764825aa .elementor-tab-title.elementor-active, .elementor-25983 .elementor-element.elementor-element-764825aa .elementor-tab-title.elementor-active a {
	  position: relative;
    overflow: hidden; /* This will ensure the sliding effect is contained within the tab */
}
.elementor-25983 .elementor-element.elementor-element-764825aa .elementor-tab-title.elementor-active:after,
.elementor-25983 .elementor-element.elementor-element-764825aa .elementor-tab-title.elementor-active a:after
{
	    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #E73439; /* Red color for the underline */
    transform: translateX(-100%); /* Start from the left edge of the active tab */
    animation: slide 0.5s ease forwards; /* Apply the slide animation */
}


/*ELEMENTOR BUTTON DANGER STYLE*/
.elementor-element.elementor-button-danger .elementor-button{
background-color:#e73439;}

/*Specification Part CSS Style*/
h4.title.element-title {
    margin-bottom: 10px !important;
}

/*iMAGE CAROUSEL EFFECT ON LANDING PAGE*/
.img-carsl img {
    /* Apply a black and white filter to each image by default */
    filter: grayscale(100%);
    transition: filter 0.3s ease; /* Smooth transition for the hover effect */
}

.img-carsl img:hover {
    /* Remove the filter on hover to show the image in color */
    filter: grayscale(0);
}

/*OUR TEAM STYLE*/
.set-mb-s>*{
margin-bottom:0px !important;}
.member-layout-hover .member-details{
padding:0px !important;}

/*REMOVE SPACE OF PREFOOTER*/
.site-content{
margin-bottom:0px;
}
/* FAQ Contact Link */
.rens-faq {
    color: #E73439 !important;
    font-weight: bold !important;
}
/*CHANGE VIMEO HIGHT TO 400PX IN CATEGORY PAGES*/
.vimeo-cat iframe {
    height: 300px !important;
	width:600px !important;
}
.vp-center{
background-color:#e73439 !important;}

/*CF7 Form*/
span.wpcf7-list-item{
	display:block;
font-size:14pt;

}
input[type="checkbox"]{
  width: 22px; /*Desired width*/
  height: 22px; /*Desired height*/
	  vertical-align: middle;
}





/* Style the button with your green color */
.woocommerce-variation-add-to-cart .button.alt {
    background-color: #88bd2e !important; /* Green color */
    color: #fff !important; /* Text color */
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
}

/* Style the button on hover with a darker green color */
.woocommerce-variation-add-to-cart .button.alt:hover {
    background-color: #64941d !important; /* Darker green color on hover */
    cursor: pointer;
}

/* Style the "NEXT STEP" button with the same green color */
.wc-proceed-to-checkout .checkout-button.button.alt {
    background-color: #88bd2e !important; /* Green color */
    color: #fff !important; /* Text color */
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
}

/* Style the button on hover with a darker green color */
.wc-proceed-to-checkout .checkout-button.button.alt:hover {
    background-color: #64941d !important; /* Darker green color on hover */
    cursor: pointer;
}
/* Style the "Submit Quotation" button with the same green color */
button.button.alt#place_order {
    background-color: #88bd2e !important; /* Green color */
    color: #fff !important; /* Text color */
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
}

/* Style the button on hover with a darker green color */
button.button.alt#place_order:hover {
    background-color: #64941d !important; /* Darker green color on hover */
    cursor: pointer;
}
/* Style the "View List" button with the same green color */
a.view-cart {
    background-color: #88bd2e !important; /* Green color */
    color: #fff; /* Text color */
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
}

/* Style the button on hover with a darker green color */
a.view-cart:hover {
    background-color: #64941d !important; /* Darker green color on hover */
    cursor: pointer;
}
/* Style the "Enquiry Product" buttons with the desired green color */
a#openEnq.elementor-button,
a#openEnqn.elementor-button,
a#openEnqz.elementor-button {
    background-color: #88bd2e !important; /* Green color */
    color: #fff; /* Text color */
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
}

/* Style the buttons on hover with a darker green color */
a#openEnq.elementor-button:hover,
a#openEnqn.elementor-button:hover,
a#openEnqz.elementor-button:hover {
    background-color: #64941d !important; /* Darker green color on hover */
    cursor: pointer;
}

/*Extra Space for Thank you page after Quotation submit*/
.woocommerce-order:not(.wd-with-extra-content){
margin-top:50px !important;}

/*CHANGE THANK YOU COLOR IN ORDER PAGE SUCCESS*/
.woocommerce-thankyou-order-received {
	border: 2px dashed #88bd2e !important;
	color: #88bd2e !important;
}







.sku-hover-wrapper {
    display: inline-block; /* Encapsulates the trigger and popup for hover interaction */
}

.sku-popup-trigger {
    position: relative; /* Context for absolute positioning of the popup */
    display: inline; /* Ensure inline display to avoid line breaks */
}

.sku-popup-content {
    display: none;
    position: absolute;
    z-index: 10;
    background-color: #fff;
    padding: 10px;
    border: 1px solid #ccc;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    white-space: nowrap; /* Prevents wrapping inside the popup */
    top: 100%; /* Position directly below the trigger */
    left: 0; /* Align with the start of the trigger */
    color: black;
		font-size:11px !important;
}

.sku-popup-trigger:hover .sku-popup-content, .sku-popup-content:hover {
    display: block; /* Keep displayed when hovering over content */
}

.sku-popup-content a {
    color: #e73439 !important;
		font-size:11px !important;
}
/*HIDE RECAPTCHA V3*/
.grecaptcha-badge{
visibility:hidden !important;
}
/*CERTIFICATE BUTTONS*/
a.cert-btn{
	display: inline-block;
	padding: 5px 10px;
	background-color: #ffffff;
	border-radius: 4px;
	border: 1px solid #e73439;
	color: #e73439 !important;
	text-decoration: none;
}

/*CSS AFTER NEW TAB STRUCTURE*/
/*.wd-nav[class*="wd-style-underline"] .nav-link-text{
padding-bottom:12px !important;}*/

.wd-nav[class*="wd-style-underline"] .nav-link-text:after{
margin-top: 10px !important}

.wd-tabs-header {
    border-bottom: solid 1px #d3d3d3 !important;
}
/*change link color to red in new tab style woodmart*/
.wd-tab-content a{
color: #e73439}
/*change variation table header and footer border bottum*/
table.dataTable thead th {
    padding: 10px 18px;
    border-bottom: 1px solid #d3d3d3 !important;
}
table.dataTable.no-footer {
    border-bottom: 1px solid #d3d3d3 !important;
}

/*HIDE ADD TO QUOTATION ON PRODUCT TILES IN TABLET VIEW*/
.product-grid-item .wd-add-btn {
    display: none !important;
}









/*OUR TEAM MEMBER MOUSE HOVER PART*/





.member-image-wrapper {
	position: relative;
}

.member-image {
	position: relative;
}

.member-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	opacity: 0;
	visibility: hidden;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	transition: opacity 0.3s, visibility 0.3s;
	padding: 20px; /* Add padding to prevent content from touching the edges */
	box-sizing: border-box; /* Include padding in the element's total width and height */
}

.member-image:hover .member-overlay {
	opacity: 1;
	visibility: visible;
}

.member-content,
.member-social {
	color: #fff;
	text-align: center;
}

.member-details {
	text-align: center;
	padding-bottom:0px !important;
}

.member-details .member-content,
.member-details .member-social {
	display: none;
}

.member-image-wrapper:hover + .member-details h4,
.member-image-wrapper:hover + .member-details div {
	display: none;
}
.member-position {
	padding-bottom: 20px !important;
}
.set-mb-s>*{
margin-bottom:0px !important;
}

/*Tab Design for TEAM Members*/
/* Remove the gray line below the tabs */
.team-tabs .wd-nav-tabs-wrapper {
    border-bottom: none !important; /* Ensure no border at the bottom of the tab wrapper */
}

/* Ensure individual tabs have no border at the bottom */
.team-tabs .wd-tabs-header {
    border-bottom: none !important; /* Ensure no bottom border */
}
/* More specific selector to override the existing rule */
.team-tabs .wd-nav[class*="wd-style-underline"] .nav-link-text {
    padding-bottom: 0 !important; /* Set padding-bottom to 0 */
}


#DataTables_Table_0 thead th.sorting,
#DataTables_Table_0 thead th.sorting_asc,
#DataTables_Table_0 thead th.sorting_desc {
    pointer-events: none; /* Disable click events on sortable columns */
}
.top-round img{
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.right-round img {
    border-top-right-radius: 8px;
		border-bottom-right-radius: 8px;
}

.left-round img{
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.wd-nav-tabs>li:not(:last-child) {
margin-inline-end:35px !important;
}



/* File upload button styling */
input[type="file"]::file-selector-button {
  border-radius: 12px;
  padding: 0 16px;
  height: 40px;
  cursor: pointer;
  background-color: #f3f3f3;
  border: 1px solid #f3f3f3;
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.05);
  margin-right: 16px;
  transition: background-color 200ms;
}

/* File upload button hover state */
input[type="file"]::file-selector-button:hover {
  background-color: white;
  border: 1px solid #d9d9d9;
}

/* File upload button active state */
input[type="file"]::file-selector-button:active {
  background-color: #f3f3f3;
  border: 1px solid #f3f3f3;
}

.bgsubmit input.wpcf7-submit {
    background-color: transparent; /* Transparent background */
    color: #e73439;
    border: 1px solid #e73439;
    padding: 10px 20px;
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s;
}

.bgsubmit input.wpcf7-submit:hover {
    background-color: #f1f1f1; /* Or use another color on hover if you wish */
    color: #e73439;
}


.stretched {
    width: 100vw; /* Set the width to the full viewport width */
    position: relative;
    left: calc(-50vw + 50%); /* Ensure the section is centered */
    margin-left: 0; /* Remove any additional margin */
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box; /* Ensure padding doesn't affect the width */
}

@media (min-width: 700px) and (max-width: 1224px) {
  .left-column h1,  .left-column h2, .left-column .wd-text-block, .left-column .elementor-button-wrapper {
    padding-left: 100px;
  }
}

@media (min-width: 1225px) and (max-width: 1500px) {
  .left-column h1, .left-column h2, .left-column .wd-text-block, .left-column .elementor-button-wrapper {
    padding-left: 50px;
    padding-right: 50px
  }
}

@media (min-width: 1501px) and (max-width: 2300px) {
  .left-column h1, .left-column h2, .left-column .wd-text-block, .left-column .elementor-button-wrapper {
    padding-left: 100px;
    padding-right:50px;
  }
}
@media (min-width: 2301px) {
  .left-column h1, .left-column h2, .left-column .wd-text-block, .left-column .elementor-button-wrapper {
    padding-left: 600px;
    padding-right:50px;
  }
}




/* Initially, the overlay is hidden */
body.overlay-active::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
    z-index: 99; /* Ensure it's on top */
    pointer-events: none;
}

/* Ensure search results are visible above the overlay */
.search-results-wrapper,
.wd-dropdown-results {
    z-index: 100; /* Ensure search results stay above the overlay */
}

/* Ensure the navbar has a higher z-index to not get the overlay */
#menu-item-23818 {
    z-index: 100; /* Adjust as necessary to keep it above the overlay */
}
/* Ensure the header stays visible above the overlay */
.whb-main-header {
    position: relative;
    z-index: 100; /* Ensure the header stays above the overlay */
}
.autocomplete-suggestions{
background-color:white !important;
}


.cat-item-3278,
.cat-item-3353 {
  display: none !important;
}

.wpcf7-form .row .col-md-6 .wpcf7-form-control-wrap[data-name="Notes"] textarea,
.wpcf7-form .row .col-md-6 textarea[name="Notes"],
.wpcf7-form textarea[name="Notes"] {
    width: 100% !important;
    height: 100px !important;
    min-height: 100px !important;
    max-height: 100px !important;
    resize: none !important;
    padding: 10px !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    font-family: inherit !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    box-sizing: border-box !important;
}
	/*START BANNER WITH NO LEFT IMAGE*/
@media (min-width: 700px) and (max-width: 1224px) {
  .banner-single-column h1, .banner-single-column .wd-text-block, .banner-single-column .elementor-button-wrapper {
    padding-left: 150px;
  }
}

@media (min-width: 1225px) and (max-width: 1500px) {
  .banner-single-column h1, .banner-single-column .wd-text-block, .banner-single-column .elementor-button-wrapper {
    padding-left: 150px;
    padding-right: 150px
  }
}

@media (min-width: 1501px) and (max-width: 2300px) {
  .banner-single-column h1, .banner-single-column .wd-text-block, .banner-single-column .elementor-button-wrapper {
    padding-left: 200px;
    padding-right:150px;
  }
}
@media (min-width: 2301px) {
  .banner-single-column h1, .banner-single-column .wd-text-block, .banner-single-column .elementor-button-wrapper {
    padding-left: 700px;
    padding-right:150px;
  }
}
	/*END BANNER WITH NO LEFT IMAGE*/

/*READMORE / LEARNMORE Buttons in Landing Pages*/
.learn-more-btn .elementor-button {
    fill: #E74343 !important;
    color: #E74343 !important;
    background-color: transparent !important;
    border: 1px solid #E74343 !important;
    border-radius: 5px;
}

/* Quote Button Styles */
.wd-header-quote {
    position: relative;
    margin-right: 15px;
    white-space: nowrap; /* Prevent line breaks */
}

.wd-header-quote a {
    display: inline-flex; /* Changed to inline-flex */
    align-items: center;
    gap: 8px; /* Reduced gap for better spacing */
    text-decoration: none;
    background-color: #ffffff;
    border-radius: 4px;
    padding: 12px 20px; /* Adjusted padding */
    transition: background-color 0.2s ease;
    white-space: nowrap; /* Ensure no wrapping */
}

.wd-header-quote a:hover {
    background-color: rgba(249, 250, 251, 1);
}

.wd-quote-label {
    font-size: 16px; /* Slightly reduced font size */
    color: #ef4444;
    line-height: 1;  /* Reduced line height */
    display: inline-flex; /* Keep label in line */
    align-items: center;
}

.wd-header-quote .wd-tools-icon {
    display: inline-flex; /* Changed to inline-flex */
    align-items: center;
    color: #ef4444;
    margin-left: 4px; /* Added small margin */
}

.wd-header-quote svg {
    width: 18px; /* Slightly reduced icon size */
    height: 18px;
    flex-shrink: 0; /* Prevent icon from shrinking */
}

/* RTL support */
.rtl .wd-header-quote {
    margin-right: 0;
    margin-left: 15px;
}

/* Ensure minimum width for container */
@media (min-width: 768px) {
    .wd-header-quote {
        min-width: max-content;
    }
}

.wd-dropdown-menu.wd-design-aside.wd-style-with-bg .wd-sub-menu-wrapp>.wd-sub-menu>li>a{
font-size:14px !important;}



/*EMPTY CART PAGE STYLING*/
.cart-empty {
   text-align: center !important;
   display: flex !important;
   flex-direction: column !important;
   align-items: center !important;
   gap: 15px !important;
}

.cart-empty:before {
   content: "" !important;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 24 24' fill='none' stroke='%23eaeaea' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'%3E%3C/path%3E%3Cpolyline points='14 2 14 8 20 8'%3E%3C/polyline%3E%3Cline x1='16' y1='13' x2='8' y2='13'%3E%3C/line%3E%3Cline x1='16' y1='17' x2='8' y2='17'%3E%3C/line%3E%3Cpolyline points='10 9 9 9 8 9'%3E%3C/polyline%3E%3C/svg%3E");
   background-repeat: no-repeat !important;
   background-size: contain !important;
   width: 200px !important;
   height: 200px !important;
   margin-bottom: 20px !important;
}
.payment_methods{
display:none !important;
}






/* BUTTON NEW STYLE STRUCTURE FOLLOWING ROMYNOX.NL STYLE */
/* Combined Button Types for Elementor and Contact Form 7 */
/* Button Type 1 - Outline with hover fill */
.btn-type01 .elementor-button,
.btn-type01 .wpcf7-submit {
    color: #e73439 !important;
    background-color: transparent !important;
    border: 2px solid #e73439 !important;
    transition: all 0.3s ease;
}
.btn-type01 .elementor-button:hover,
.btn-type01 .wpcf7-submit:hover {
    background-color: rgba(231, 52, 57, 0.1) !important;
}

/* Button Type 2 - Solid with darker hover */
.btn-type02 .elementor-button,
.btn-type02 .wpcf7-submit {
    color: #ffffff !important;
    background-color: #e73439 !important;
    border: 2px solid #e73439 !important;
    transition: all 0.3s ease;
}
.btn-type02 .elementor-button:hover,
.btn-type02 .wpcf7-submit:hover {
    background-color: #C62E32 !important;
}

/* Button Type 3 - White to transparent */
.btn-type03 .elementor-button,
.btn-type03 .wpcf7-submit {
    color: #e73439 !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
    transition: all 0.3s ease;
}
.btn-type03 .elementor-button:hover,
.btn-type03 .wpcf7-submit:hover {
    color: #ffffff !important;
    background-color: transparent !important;
    border: 2px solid #ffffff !important;
}
.btn-type03 .wpcf7-not-valid-tip{
color:#000000 !important;
font-size:12px !important;
}
/* Button Type 4 - Ghost to outline */
.btn-type04 .elementor-button,
.btn-type04 .wpcf7-submit {
    color: #e73439 !important;
    background-color: transparent !important;
    border: 2px solid transparent !important;
    transition: all 0.3s ease;
}
.btn-type04 .elementor-button:hover,
.btn-type04 .wpcf7-submit:hover {
    color: #e73439 !important;
    background-color: rgba(231, 52, 57, 0.1) !important;
    border: 2px solid #e73439 !important;
}

/* Button Type 5 - Green solid to transparent */
.btn-type05 .elementor-button,
.btn-type05 .wpcf7-submit {
    color: #ffffff !important;
    background-color: #2BE692 !important;
    border: 2px solid #2BE692 !important;
    transition: all 0.3s ease;
}
.btn-type05 .elementor-button:hover,
.btn-type05 .wpcf7-submit:hover {
    color: #2BE692 !important;
    background-color: transparent !important;
}

/*STYLE ISO-TOGGLE - Vertically centered toggle button with right alignment*/
/* Style for the toggle icon container - Controls sizing and appearance of the red background icon area */
.iso-toggle .elementor-toggle-icon svg {
   width: 20px; /* Sets icon width */
   height: 20px; /* Sets icon height */
   fill: white; /* Sets icon color to white */
   padding: 8px; /* Adds inner spacing around icon */
   background-color: #e73439; /* Sets red background color */
   border-radius: 4px; /* Rounds the corners */
   box-sizing: content-box; /* Maintains exact size with padding */
}

/* Styles the main toggle container for rounded corners */
.iso-toggle .elementor-toggle-item {
   border-radius: 4px;
   overflow: hidden;
}

/* Maintains consistent white icon color in both toggle states */
.iso-toggle .elementor-toggle-icon-closed svg,
.iso-toggle .elementor-toggle-icon-opened svg {
   fill: white;
}

/* Sets spacing between toggle icon and content */
.iso-toggle .elementor-toggle-icon {
   margin-right: 20px;
}

/* Adds hover interaction style */
.iso-toggle .elementor-toggle-icon:hover svg {
   background-color: #d62d32;
}

/* File upload button styling */
input[type="file"]::file-selector-button {
  border-radius: 4px;
  padding: 0 16px;
  height: 40px;
  cursor: pointer;
  background-color: #ffffff;
  border: 2px solid #ffffff;
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.05);
  margin-right: 16px;
  transition: background-color 200ms;
}

/* File upload button hover state */
input[type="file"]::file-selector-button:hover {
  background-color: #d9d9d9;
  border: 2px solid #d9d9d9;
}

/* File upload button active state */
input[type="file"]::file-selector-button:active {
  background-color: #E73439;
  border: 2px solid #E73439;
	color: #ffffff;
}

.whb-col-right .wd-dropdown-menu.wd-design-default{
left:0px;}@media (min-width: 1025px) {
	.product.wd-hover-standard .wd-add-btn {
    display: none !important;
    flex-wrap: wrap !important;
    justify-content: var(--text-align) !important;
    gap: var(--wd-prod-gap) !important;
}
.wd-products-with-shadow:not(.products-bordered-grid) .product-wrapper, .wd-products-with-shadow.products-bordered-grid>.product-grid-item, .wd-products-with-shadow.products-bordered-grid .owl-stage-outer, .wd-products-with-shadow.products-bordered-grid .wd-owl:not(.owl-loaded), .wd-products-with-shadow.elements-list.products-bordered-grid {
    box-shadow: 0 0 4px rgba(0,0,0,0.12);
    border-radius: 8px !important;
}
}

@media (min-width: 577px) and (max-width: 767px) {
	/* Custom CSS to align the burger menu to the left on mobile */
@media only screen and (max-width: 767px) {
    /* Adjust the selector to target the burger menu icon specifically */
    .wd-tools-icon {
        /* Set the alignment to the left */
        text-align: left;
    }
}
/* Mobile styles */
@media (max-width: 767px) {
    .wd-cookies-popup {
        width: 90% !important; /* Adjust width for mobile */
        height: auto !important; /* Let height adjust automatically */
        bottom: 0px !important; /* Adjust distance from bottom */
        left: 5px !important; /* Adjust distance from right */
    }

    .wd-cookies-inner {
        /* You may adjust styles if needed for mobile */
    }

   .cookies-info-text {
        margin-bottom: 30px !important;
    }

    .cookies-buttons {
        display: flex !important;
        flex-direction: row !important; /* Display buttons horizontally on mobile */
        align-items: center !important;
        justify-content: center !important; /* Center align the buttons */
        position: relative !important;
        bottom: 0 !important;
        width: auto !important;
        left: 0 !important;
    }

    .cookies-more-btn,
    .cookies-accept-btn {
        margin: 5px !important;
        padding: 8px 15px !important; /* Adding padding for better visibility */
        text-decoration: none !important;
    }

    .cookies-accept-btn {
        background-color: #fff !important;
        color: #e73439 !important;
    }

    .cookies-more-btn {
        padding-top: 10px !important;
        border-bottom: 0px !important;
        background-color: #e73439 !important;
        color: #fff !important;
    }

    /* Position the image */
    .cookies-info-text img {
        width: 50% !important;
        margin: 0 auto 20px !important;
    }
}
}

@media (max-width: 576px) {
	/* Custom CSS to align the burger menu to the left on mobile */
@media only screen and (max-width: 767px) {
    /* Adjust the selector to target the burger menu icon specifically */
    .wd-tools-icon {
        /* Set the alignment to the left */
        text-align: left;
    }
}
/* Mobile styles */
@media (max-width: 767px) {
    .wd-cookies-popup {
        width: 90% !important; /* Adjust width for mobile */
        height: auto !important; /* Let height adjust automatically */
        bottom: 0px !important; /* Adjust distance from bottom */
        left: 5px !important; /* Adjust distance from right */
    }

    .wd-cookies-inner {
        /* You may adjust styles if needed for mobile */
    }

   .cookies-info-text {
        margin-bottom: 30px !important;
    }

    .cookies-buttons {
        display: flex !important;
        flex-direction: row !important; /* Display buttons horizontally on mobile */
        align-items: center !important;
        justify-content: center !important; /* Center align the buttons */
        position: relative !important;
        bottom: 0 !important;
        width: auto !important;
        left: 0 !important;
    }

    .cookies-more-btn,
    .cookies-accept-btn {
        margin: 5px !important;
        padding: 8px 15px !important; /* Adding padding for better visibility */
        text-decoration: none !important;
    }

    .cookies-accept-btn {
        background-color: #fff !important;
        color: #e73439 !important;
    }

    .cookies-more-btn {
        padding-top: 10px !important;
        border-bottom: 0px !important;
        background-color: #e73439 !important;
        color: #fff !important;
    }

    /* Position the image */
    .cookies-info-text img {
        width: 50% !important;
        margin: 0 auto 20px !important;
    }
}


.product.wd-hover-standard .wd-add-btn .add-to-cart-loop span {
		display:none !important;
    padding: 5px 14px;
    display: none;
    min-height: 36px;
    font-size: 12px;
	
}

.product.wd-hover-standard .wd-add-btn {
    display: none !important;
    flex-wrap: wrap !important;
    justify-content: var(--text-align) !important;
    gap: var(--wd-prod-gap) !important;
}
.wd-products-with-shadow:not(.products-bordered-grid) .product-wrapper, .wd-products-with-shadow.products-bordered-grid>.product-grid-item, .wd-products-with-shadow.products-bordered-grid .owl-stage-outer, .wd-products-with-shadow.products-bordered-grid .wd-owl:not(.owl-loaded), .wd-products-with-shadow.elements-list.products-bordered-grid {
    box-shadow: 0 0 4px rgba(0,0,0,0.12);
    border-radius: 8px !important;
}

}