@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//houseofcomputers.co.uk/wp-content/themes/woodmart/fonts/woodmart-font-2-400.woff2?v=8.3.7") format("woff2");
}

:root {
	--wd-header-banner-h: 40px;
	--wd-text-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(15,15,15);
	--wd-text-font-size: 15px;
	--wd-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 500;
	--wd-title-color: #242424;
	--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%);
	--wd-alternative-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 500;
	--wd-widget-title-transform: capitalize;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 15px;
	--wd-header-el-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 600;
	--wd-header-el-transform: capitalize;
	--wd-header-el-font-size: 13px;
	--wd-brd-radius: 10px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(0,39,68);
	--wd-alternative-color: rgba(28,97,231,0.2);
	--btn-default-bgcolor: rgb(0,39,68);
	--btn-default-bgcolor-hover: rgb(241,196,17);
	--btn-default-color: rgb(255,255,255);
	--btn-default-color-hover: rgb(255,255,255);
	--btn-accented-bgcolor: rgb(0,39,68);
	--btn-accented-bgcolor-hover: rgb(241,196,17);
	--btn-transform: capitalize;
	--btn-color: rgb(255,255,255);
	--btn-bgcolor: rgb(0,39,68);
	--btn-color-hover: rgb(0,39,68);
	--btn-bgcolor-hover: rgb(241,196,17);
	--wd-form-brd-width: 0px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: rgb(0,39,68);
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
.header-banner {
	background-color: rgb(15,1,1);
	background-image: none;
}
:is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg, :is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg :is(.wd-product,.wd-cat) {
	--wd-prod-bg:rgb(255,255,255);
	--wd-bordered-bg:rgb(255,255,255);
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: #ffffff;
	background-image: none;
}
html .wd-nav-mobile > li > a {
	text-transform: capitalize;
}
html .post.wd-post:not(.blog-design-small) .wd-entities-title {
	font-size: 18px;
}
#menu-main-navigation .menu-item .woodmart-nav-link {
	font-family: "Poppins", Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-size: 16px;
	color: rgb(255,255,255);
}
html .wd-page-content .wd-product .product-wrapper .wd-entities-title {
	font-family: "Poppins", Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 14px;
	color: rgb(12,1,1);
}
html .wd-page-content .wd-product .product-wrapper .wd-entities-title a:hover {
	color: rgb(12,12,12);
}
.product-grid-item .wd-more-desc {
	font-family: "Poppins", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: rgb(15,15,15);
}
html .wd-product .price, html .wd-product .price > .amount, html .wd-product .price ins > .amount {
	font-family: "Poppins", Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: rgb(28,97,231);
}
.woocommerce-product-details__short-description p {
	font-family: "Poppins", Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 11px;
	color: rgb(51,51,51);
}
hover-content-inner wd-more-desc-inner  {
	font-family: "Poppins", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: rgb(15,15,15);
}
.price .amount {
	font-family: "Poppins", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: rgb(255,58,58);
}
.wd-tools-element .wd-tools-text {
	font-family: "Poppins", Arial, Helvetica, sans-serif;
	font-size: 17px;
}
.wd-swatch+.wd-filter-lable {
	font-family: "Poppins", Arial, Helvetica, sans-serif;
	font-size: 14px;
}
h1.entry-title {
	font-family: "Poppins", Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 30px;
	color: rgb(29,86,143);
}
.page .wd-page-content {
	background-color: rgb(244,244,244);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) .wd-page-content {
	background-color: rgb(246,246,246);
	background-image: none;
}
.single-product .wd-page-content {
	background-color: rgb(244,244,244);
	background-image: none;
}
.woodmart-archive-blog .wd-page-content {
	background-color: rgb(246,246,246);
	background-image: none;
}
html .wd-buy-now-btn {
	background: rgb(107,163,49);
}
html .wd-buy-now-btn:hover {
	background: rgb(95,158,44);
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-bg: rgb(255,255,255);
}
.product-labels .product-label.onsale {
	background-color: rgb(221,51,51);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	:root {
		--wd-header-banner-h: 40px;
	}

}
:root{
--wd-container-w: 1600px;
--wd-form-brd-radius: 0px;
--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;
}

@media (min-width: 1600px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: rgb(28,97,231);
}

@font-face {
	font-family: "Titillium Web Light";
	src: url("//houseofcomputers.co.uk/wp-content/uploads/2024/12/TitilliumWeb-Light.woff2") format("woff2");
	font-weight: 200;
	font-style: normal;
}

@font-face {
	font-family: "Titillium Web Bold Italic";
	src: url("//houseofcomputers.co.uk/wp-content/uploads/2024/12/TitilliumWeb-BoldItalic.woff2") format("woff2");
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: "Titillium Web Regular";
	src: url("//houseofcomputers.co.uk/wp-content/uploads/2024/12/TitilliumWeb-Regular.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "Titillium Web Semi Bold";
	src: url("//houseofcomputers.co.uk/wp-content/uploads/2024/12/TitilliumWeb-SemiBold.woff2") format("woff2");
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: "Titillium Web Bold";
	src: url("//houseofcomputers.co.uk/wp-content/uploads/2024/12/TitilliumWeb-Bold.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "Titillium Web Black";
	src: url("//houseofcomputers.co.uk/wp-content/uploads/2024/12/TitilliumWeb-Black.woff2") format("woff2");
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: "Titillium Web extra light italic";
	src: url("//houseofcomputers.co.uk/wp-content/uploads/2024/12/TitilliumWeb-ExtraLightItalic.woff2") format("woff2");
	font-weight: 100;
	font-style: normal;
}

.product-wrapper:hover {
  border-color: #2F68A2 !important;
}

.menu-sticky-navigation-mega-electronics {
  display: none;
}

body .price del .amount {
  color: #cc0000 !important;
}

body .price ins .amount {
  color: #0077B6 !important;
}

.elementor-38334 .elementor-element.elementor-element-affcd4c .wfacp_mini_cart_start_h .wfacp_order_summary_container tr.cart_item td .product-name span:not(.subscription-details) {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2; /* Limit to 2 lines */
}

.wd-product-sku {
  display: flex;
  justify-content: center;
  align-items: center;
}

.price del {
  color: #f00;
  font-size: 90%;
}

.stock.wd-style-default.in-stock {
  display: flex;
  justify-content: center;
}

.wrap-price {
  display: flex;
  justify-content: center;
  align-items: center;
}

.woocommerce-price-suffix {
  color: black;
}

/* Hide duplicate .wd-product-sku */
.wd-product-sku {
  display: none;
}

/* Display the fields horizontally */
.woocommerce-info {
  display: flex;
  align-items: center;
}


.menu-label {
  display: none;
}

.wd-nav > li > a .menu-label {
  display: none;
}

.button.woocommerce-button.woocommerce-form-login__submit {
  width: fit-content; /* or specify a fixed width */
  margin: 0 auto;
}

.woocommerce-shipping-methods {
  font-size: 13px;
  font-family: Helvetica, Arial, sans-serif;
}

.woocommerce-privacy-policy-text:not(:last-child) {
  border-bottom: none;
  padding-bottom: 0px;
}

/* Apply styling to multiple form types */
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
  border: 1px solid #d3ced2;
  padding: 20px;
  margin: 2em 0;
  text-align: left;
  border-radius: 5px;
}

/* Apply border style to form inputs */
.woocommerce-input-wrapper input,
.woocommerce-input-wrapper select,
.woocommerce-input-wrapper textarea {
  border: 1px solid #c7c7c7;
}

.woocommerce form.checkout {
  max-width: 1200px; /* Set the maximum width to 1200px */
  margin-left: auto;
  margin-right: auto;
}

.woocommerce-Input.woocommerce-Input--text.input-text {
  border: 1px solid #c7c7c7;
}

.wc-stripe-elements-field,
.wc-stripe-iban-element-field {
  border: 1px solid #c7c7c7;
}

.custom-border {
  border: 1px solid #c7c7c7;
}

/* Change border color for specific fields */
#billing_address_2_2,
#billing_address_3optional {
  border: 1px solid #c7c7c7;
}

/* Add border color to the country dropdown field */
body .select2-container--default .select2-selection--single {
  border: 1px solid #E3E3E3;
}

/* Change the color of the dropdown arrow to black */
body .select2-container--default .select2-selection--single .select2-selection__arrow {
  color: black;
}

.grecaptcha-badge {
  visibility: hidden;
}

/* Set font size to 10px on mobile devices for specific forms */
@media only screen and (max-width: 767px) {
  .woocommerce-form-coupon-toggle > div,
  .woocommerce-form-login-toggle > div {
    font-size: 12px;
  }
}

.term-description {
  font-size: 14px !important;
  font-family: Helvetica, Arial, sans-serif !important;
  color: #333333 !important;
}

.wd-term-desc {
  font-size: 14px !important;
  font-family: Helvetica, Arial, sans-serif !important;
  color: #333333 !important;
  text-align: justify !important;
  line-height: 1.6 !important;
}

.woocommerce-widget-layered-nav-list {
  font-size: 14px;
  font-family: Helvetica, sans-serif;
  color: #333333;
}

/* Hide navigation arrows in product gallery */
.woocommerce-product-gallery .slick-slider .slick-prev,
.woocommerce-product-gallery .slick-slider .slick-next {
  display: none !important;
}

/* Hide a specific element with class .search-no-results .sidebar-container */
.search-no-results .sidebar-container {
  display: none;
}

/* Hide a specific element with multiple classes */
.sidebar-container.col-lg-3.col-md-3.col-12.order-last.sidebar-right.area-sidebar-1 {
  display: none;
}

.savings {
  color: #ff0000;
  font-size: 13px;
  font-weight: normal;
  margin-left: 10px;
}

/* Style product price elements */
.product-grid-item .product-element-bottom > .wrap-price > .price {
  display: grid;
  justify-content: center;
  align-items: center;
  width: 100%;

}

.product-grid-item .product-element-bottom > .wrap-price > .price ins {
  order: -1;
}

.product-grid-item .product-element-bottom > .wrap-price > .price del {
  width: fit-content;
}

.product-grid-item .product-element-bottom > .price {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.product-grid-item .product-element-bottom > .price ins {
  order: -1;
}

.product-grid-item .product-element-bottom > .price del {
  width: fit-content;
}

/* Style product price elements in wd-single-price */
body .wd-single-price .price {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  text-align: left;
}

body .wd-single-price .price ins {
  order: -1;
  text-align: left;
}

body .wd-single-price .price ins:before {
  display: none !important;
}

body .wd-single-price .price del {
  width: fit-content;
  text-align: left;
}

body .wd-single-price .price del .amount {
  margin: 0;
}



.widget_nav_mega_menu .wd-dropdown {
    margin-top: 10px;
}

.star-rating-centered {
    text-align: center;
}


/* Style the dropdown container */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Style the dropdown button */
.dropbtn {
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 10px;
  cursor: pointer;
}

/* Style the dropdown content (hidden by default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

/* Style the dropdown links */
.dropdown-content a {
  display: block;
  padding: 10px;
  text-decoration: none;
  color: #333;
}

/* Change the dropdown content display when hovering over the container */
.dropdown:hover .dropdown-content {
  display: block;
}


.hidden {
    display: none;
}

.coupon_code {
  border: 1px solid #F6F6F6;
}


.cfw-cart-item-title {
  margin-bottom: 10px; /* Adjust as needed for spacing */
}



body.checkout-wc h3, main.checkoutwc h3 {
    text-align: center;
    font-family: 'Poppins', sans-serif; /* Use 'Poppins' as the primary font and fallback to a generic sans-serif font */
}


.checkoutwc .form-row label {
	display:flex;
}
.idpc_lookup > span > button {
	display:flex;
}

.idpc-input {
    width: 100%; /* Set the width to 100% to ensure it takes up the full width of its container */
    padding: 10px; /* Adjust the padding as needed for top, bottom, left, and right */
    border: 1px solid #ccc; /* Add a border with a color of your choice */
    border-radius: 5px; /* Add some border-radius for rounded corners, adjust as needed */
}



.cfw-cart-item-title {
    max-height: 2.8em; /* Adjust the max height as needed to fit two lines of text */
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.4; /* Adjust the line height as needed */
}


.cfw-items-summary-item-discount {
	display:none;
}

.cfw-accordion .cfw-radio-reveal-title-wrap {
  height: 50px; /* Adjust the height to your preference */
  overflow: hidden; /* Hide any content that exceeds the new height */
}

.wd-single-add-cart>div>*:last-child, .wd-single-add-cart>*:last-child {
	margin-top: 15px;
}

.woocommerce-product-gallery img {
  width: 472px !important; /* Set a fixed width for the container */
  height: 472px !important; /* Set a fixed height for the container */
  display: flex; /* Use flexbox for centering */
  justify-content: center; /* Center horizontally */
  align-items: center; /* Center vertically */
  overflow: hidden; /* Hide any content that overflows the container */
  margin: 0; /* Remove any margin */
  padding: 0; /* Remove any padding */
}

.woocommerce-product-gallery img {
  max-width: 100% !important; /* Ensure the image doesn't exceed the container's width */
  max-height: 100% !important; /* Ensure the image doesn't exceed the container's height */
  width: auto; /* Let the image determine its width to maintain aspect ratio */
  height: auto; /* Let the image determine its height to maintain aspect ratio */
  object-fit: contain; /* Fit the image inside the container without cropping or zooming */
  margin: 0; /* Remove any margin */
  padding: 0; /* Remove any padding */
  display: block; /* Ensure the image behaves as a block element */
}




.thumbs-position-left .wd-gallery-thumb .wd-carousel-item img {
  width: 64px !important; /* Set a fixed width for the thumbnail */
  height: 64px !important; /* Set a fixed height for the thumbnail */
  display: flex; /* Use flexbox for centering */
  justify-content: center; /* Center horizontally */
  align-items: center; /* Center vertically */
  overflow: hidden; /* Hide any content that overflows the thumbnail */
  margin: 0; /* Remove any margin */
  padding: 0; /* Remove any padding */
  position: relative; /* Set the container as relative for absolute positioning of box-shadow */
}

.product-image-thumbnail img {
  width: 100%; /* Make the thumbnail image fill the thumbnail's width */
  height: 100%; /* Make the thumbnail image fill the thumbnail's height */
  object-fit: contain; /* Fit the thumbnail image inside the thumbnail without cropping or zooming */
  display: block; /* Ensure the thumbnail image behaves as a block element */
}



/* Default style for the image thumbnail */
.thumbs-position-left .wd-gallery-thumb .wd-carousel-item img {
    border: 1px solid #f1f1f1;
    width: 110px;
    border-radius: unset;
}

/* Media query for screens with a width of 1366px and below */
@media (max-width: 1366px) {
    .woocommerce-product-gallery .wd-v-thumb-custom .product-image-thumbnail img {
        width: calc(100% - 2px); /* Reduce the width to fit within the container minus 2px for the border */
    }
}



.wd-dropdown-menu.laptop-mm {
    right: -65em !important; /* Adjust the right value as needed for laptop-mm */
    left: auto !important;
}

.wd-dropdown-menu.menu-comp {
    right: -70em !important; /* Adjust the right value as needed for menu-comp */
    left: auto !important;
}


.wd-accordion.wd-style-default:before {
	display: none !important;
}	






.wd-dropdown-menu:is(.wd-design-sized,.wd-design-full-width,.wd-design-full-height) .wd-sub-menu>li>a, .mega-menu-list>li>a {
    font-size: 16px !important;
    font-weight: bold;
    font-family: Poppins,sans-serif !important;
    color: #0077B6 !important;
}


.wd-sub-menu li > a {
    padding-top: 8px;
    font-size: 14px !important;
    font-family: Poppins,sans-serif;
    padding-bottom: 3px;
    line-height: 1.4;
    color: #333333;
    text-align: left;
}


.product-grid-item .price ins > .amount {
    font-size: 25px !important;
}

.recv .product.wd-hover-fw-button .wd-add-btn>a {
	display: none;
}

.elementor-14375 .elementor-element.elementor-element-4a3f8f62 th {
	padding-left: 10px !important;
}

@media (max-width: 767px) {
    .elementor-14375 .elementor-element.elementor-element-4a3f8f62 td {
        padding-left: 10px !important;
        font-size: 15px !important;
    }
}


.stock.out-of-stock {
  text-align: center; /* Center the text horizontally */
  display: flex;
  justify-content: center; /* Center the content horizontally */
  align-items: center; /* Center the content vertically */
  /* Additional styles for centering vertically if needed */
}

.product-grid-item .wd-entities-title {
  text-align: center;
}

.product.product-list-item .product-list-content .wd-entities-title {
	text-align: left;
	font-size: 16px !important;
}

.product.product-list-item .product-list-content .price {
  text-align: left;
}

@media (min-width: 1025px) {
	.product.product-list-item .price ins,
	.price del {
		text-align: left;
	}
}


body .wd-cookies-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

body .wd-cookies-inner .cookies-info-text {
    order: 2;
}

body .wd-cookies-inner .accept-button {
    order: 1;
    /* Optional: Adjust margin if needed */
    margin-right: 10px;
}


/* Media query for screens with a maximum width of 781px (typical for mobile devices) */
@media (max-width: 781px) {
  .header-banner-display .header-banner {
    display: none; /* Hide the element on mobile devices */
  }
}



.product.product-list-item .product-list-content {
    display: flex;
    flex-direction: column;
}

.product.product-list-item .woocommerce-product-details__short-description {
    order: 1; /* Change the order to move it below the price */
}

.product.product-list-item .price {
    order: 2; /* Change the order to move it below the short description */
}

.product.product-list-item .wd-add-btn {
	Order: 3;
}

.relatedproduct .product.product-list-item .product-element-top {
    flex: 0 0 150px;
}

.relatedproduct .savings {
    display: none;
}

.relatedproduct.product.product-list-item .wd-add-btn {
    display: none;
}

#woopb-main .woopb-product .woopb-product-thumbnail img {
    width: 60px !important;
    height: 60px;
}



.idpc-input {
 width:50%;
}

.idpc_lookup > span > button {
    display: inline-block;
}

#cfw-cart-summary-content {
    position: sticky !important;
    top: 0;
    max-height: 100vh;
    overflow-y: auto;
    z-index: 999;
}


.woocommerce-Price-currencySymbol {
    font-size: 16px !important; /* Adjust the size according to your needs */
}


.idpc-button.btn {
  background-color: black;
  color: white;
}

body #wfacp-e-form .wfacp_main_form.woocommerce form.woocommerce-form-login {
 background-color: white;
	margin: 0px 0px 30px 0px;  
	border-width: 1px 1px 3px 1px;
    border-color: #0077b6;
    border-style: solid;
    border-radius: 5px;
}

.button wfacp-login-btn {
	background-color: #0077b6;
}


body #wfacp-e-form .wfacp_main_form.woocommerce form.woocommerce-form-login .wfacp-col-full.login_sec_content {
    padding-top: 10px; /* Adjust the value as needed */
}



body #wfacp-e-form .wfacp_main_form.woocommerce .woocommerce-info {
	text-align: right !important;
}
body #wfacp-e-form .wfacp_main_form.woocommerce form.woocommerce-form-login .wfacp_mini_cart_item_title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

body #wfacp-e-form .wfacp_main_form.woocommerce form.woocommerce-form-login {
	padding: 30px 30px 30px 30px ;
}

#wapo-total-price-table {
    margin-top: -20px;
}


.yith-wapo-option-value {
    border: 1px solid #0D0D0D;
}

/* Custom pc build css */

#woopb-modal .woopb-modal-left .wc-layered-nav-rating .star-rating, #woopb-modal .woopb-modal-product .woocommerce-product-gallery__wrapper img, #woopb-modal .woopb-modal-product form.cart, #woopb-modal .woopb-modal-product form.variations_form {
	width: 100px !important;
	height: 100px !important;
}

#woopb-main .woopb-step {
	margin-bottom: 5px;
  border: 1px solid #0077B6 !important;
}

#woopb-main .woopb-product .woopb-product-title {
    font-size: 14px;
    font-family: Helvetica, Arial, sans-serif; /* Use Helvetica as the primary font and fallback to Arial and generic sans-serif */
}

#woopb-modal .woopb-modal-product .woopb-product-title a {
	font-size: 13px;
}

.wp-admin .bwf-notice.notice.error,
.wp-admin.toplevel_page_woofunnels .bwf-notice.notice.error,
.wp-admin.woofunnels_page_upstroke .bwf-notice.notice.error {
    display: none !important;
}

/* Default styles */
.temegum-spec-table {
    /* Add any other styles you want */
}

/* Apply margin for screens larger than a certain width */
@media only screen and (min-width: 768px) {
    .temegum-spec-table {
        margin-left: 150px;
        margin-right: 150px;
    }
}

.temegum-spec-table tr:nth-child(odd) td.spec-value {
background-color: #E2E2E2;
}


.product-labels .product-label.onsale {
	display:none;
}

#woopb-modal .woopb-modal-inner {
	background-color: #FAFBF8 !important;
}

.wd-filter-list a {
    font-size: 14px !important;
    font-family: 'Poppins', sans-serif !important;
    color: #333333 !important;
}

.widget-title {
    font-size: 14px !important;
    font-weight: bold;
    font-family: 'Poppins', sans-serif !important;
    color: #333333 !important;
}

.widget_layered_nav ul li a {
    font-size: 14px !important;
    font-family: 'Poppins', sans-serif !important;
    color: #333333 !important;
}


/* Increase the size of the checkbox */
.wd-swatches-filter.wd-checkboxes-on li > a::before { 
    width: 20px; 
    height: 20px; 
	  border: 1px solid #e5e5e5;
	  border-radius: 3px;
}

.widget_layered_nav ul li a:after { 
    width: 20px; 
    height: 20px; 
	  border: 1px solid #e5e5e5;
	  border-radius: 3px;
}



.custom-product-layout {
    display: flex;
    flex-wrap: nowrap;
    border: 1px solid #eaeaea;
    padding: 20px;
    margin-bottom: 20px;
    align-items: center;
}

.product-image-section {
    width: 320px; /* Fixed width for the container */
    height: 168px; /* Fixed height for the container */
    padding: 10px;
    text-align: center;
    overflow: hidden; /* Hide overflow */
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff; /* Optional: background color to highlight the container */
}

.product-image-section img {
    width: 100%;
    height: auto;
    object-fit: contain; /* Ensure the image fits within the container without cropping */
}

.product-details-section {
    flex: 1 1 auto;
    padding: 10px 20px;
}

.product-details-section .product-sku,
.product-details-section .product-rating,
.product-details-section .product-excerpt {
    margin-bottom: 10px;
}

.product-price-section {
    flex: 1 1 auto;
    padding: 10px;
    text-align: right;
}

.product-price-section .interest-offer {
    margin-top: 10px;
}

.product-buttons {
    margin-top: 20px;
}

.product-buttons .button {
    display: block;
    margin-bottom: 10px;
}

.add-to-cart-button {
    display: flex;
    justify-content: flex-end;
}


.woocommerce-product-details__short-description {
    font-size: 13px; /* Set font size to 13px */
    font-family: Helvetica, Arial, sans-serif; /* Set font family to Helvetica */
    color: #333333; /* Set font color to #333333 */
}

.woocommerce-product-details__short-description ul {
    margin: 0; /* Remove default margin from ul */
    padding: 10px; /* Remove default padding from ul */
}

.woocommerce-product-details__short-description li {
    margin-bottom: 6px; /* Reduce space between list items */
    line-height: 1.4; /* Set line height for better spacing */
}


tr.order-total strong .amount, td.product-subtotal span {
	color: #000000;
}

#wcpa_ui_root .licwarn {
	Display: none !important;
}

.wcpa_wrap .wcpa_field {
	height: 56px !important;
}

.wcpa_total {
    font-size: 25px !important;
    font-family: Helvetica, sans-serif !important;
}

@media (max-width: 767px) {
    .product-item {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
    }

    .product-item .pricing-section {
        flex-grow: 1;
    }

    .product-item .add-to-cart-loop {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 60px; /* Adjust the height as needed */
        margin-top: 20px; /* Adjust the margin as needed to create spacing */
    }

    .add-to-cart-loop {
        width: 100%; /* Ensures buttons take full width of their container */
    }
}

.wd-nav-product-cat .nav-link-count {
	display: none !important;
}

.elementor-widget-n-menu .e-n-menu-title-text {
	line-height: 50px !important;
}


@media (max-width: 768px) {
    body .price {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    body .price del .amount {
        display: block;
        margin-top: 5px; /* Adjust this value for spacing */
    }
}



@media (max-width: 768px) {
    .wd-product.wd-hover-fw-button .hover-content {
        max-height: 150px; /* Adjust this height according to your design */
        overflow-y: auto;
    }
}


@media only screen and (max-width: 767px) {
  .wd-accordion-title-text,
  .wd-accordion-content.wd-active {
    padding: 10px !important; /* Adjust this value as needed */
  }
}

.wcpa_section .wcpa_row {
	padding-bottom: 15px;
}

.wcpa_wrap .wcpa_field_bottom {
	Display: none;
}
.wcpa_price_summary del {
	color: red;
}

@media only screen and (max-width: 768px) {
    .wcpa_price_outer {
        margin-left: 10px; /* Adjust the value as needed */
    }
}

.wd-nav:is(.wd-style-bordered,.wd-style-separated)>li:not(:last-child):after {
	border-right: 1px solid #FFFFFF;
}

.wd-nav > li:is(.wd-has-children, .menu-item-has-children) > a:after {
    color: white !important; /* Set icon color to white */
    font-size: 1.1em; /* Adjust the size as needed */
}

.wd-side-hidden {
width: 100%;
}

.wd-sub-menu li>a .menu-label {
	Display: none;
}

#menu-main-navigation .menu-item .woodmart-nav-link:hover {
    background: none; /* Remove any hover background color */
	  transform: none; /* Disable hover transformation */
    transition: none; /* Disable smooth changes */
}

.wd-tools-element .wd-tools-text {
	font-size: 17px;
}


body #wfacp-e-form .wfacp_main_form.woocommerce .woocommerce-info {
    padding: 10px 10px 16px !important; 
}

.wooco_component_product_selection_grid_item_image img {
	height: 64px;
	width: 64px;
}

.wooco_component_product_selection_grid_item_name {
	font-weight: 500;
}

.wooco_component_product_selection_grid_item_name {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* Limits to 2 lines */
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2; /* Adjust as needed */
    max-height: calc(1.2em * 2); /* Ensures content fits within 2 lines */
}

.wd-swatches-filter.wd-checkboxes-on li>a:after {
	font-size: 1.07em;
	font-weight:600;
}


.woocommerce-order:not(.wd-with-extra-content) {
    margin: 0 auto;
    max-width: 1100px;
}

:is(.woocommerce-thankyou-order-details, .wc-bacs-bank-details) li {
    color: #1D568F;
	  font-weight: bold;
}

.woocommerce-column.woocommerce-column--1.woocommerce-column--billing-address.col-1,
.woocommerce-column.woocommerce-column--2.woocommerce-column--shipping-address.col-2,
.woocommerce-order {
    border: 1px solid #1D568F;
    box-shadow: 0 4px 6px rgba(29, 86, 143, 0.3); /* Shadow effect */
    border-radius: 4px; /* Rounded corners */
    padding: 20px; /* Default padding for desktop */
}

/* Responsive adjustments for smaller screens */
@media (max-width: 768px) {
    .woocommerce-column.woocommerce-column--1.woocommerce-column--billing-address.col-1,
    .woocommerce-column.woocommerce-column--2.woocommerce-column--shipping-address.col-2,
    .woocommerce-order {
        padding: 15px; /* Reduced padding for mobile */
    }
}

.woocommerce-table.woocommerce-table--order-details.shop_table.order_details {
    border: 1px solid #1D568F; /* Adds border around the table */
    box-shadow: 0 4px 6px rgba(29, 86, 143, 0.3); /* Adds shadow for depth */
    border-radius: 4px; /* Rounds the corners slightly */
    padding: 10px; /* Adds internal spacing inside the borders */
    margin-top: 20px; /* Adds spacing above the table */
    margin-bottom: 20px; /* Adds spacing below the table */
}

/* Style table rows and cells for better appearance */
.woocommerce-table.woocommerce-table--order-details.shop_table.order_details th,
.woocommerce-table.woocommerce-table--order-details.shop_table.order_details td {
    border: 1px solid #1D568F; /* Adds borders around individual cells */
    padding: 10px; /* Adds spacing inside cells */
}

/* Ensure table is responsive for smaller screens */
@media (max-width: 768px) {
    .woocommerce-table.woocommerce-table--order-details.shop_table.order_details {
        padding: 8px; /* Reduce padding for mobile */
    }
    .woocommerce-table.woocommerce-table--order-details.shop_table.order_details th,
    .woocommerce-table.woocommerce-table--order-details.shop_table.order_details td {
        padding: 8px; /* Adjust cell spacing for mobile */
    }
}

body.futurist #cfw-cart-summary #cfw-cart-summary-content {
    border: 1px solid #1D568F; /* Adds border */
    box-shadow: 0 4px 6px rgba(29, 86, 143, 0.3); /* Adds box shadow */
    border-radius: 4px; /* Optional: Rounds corners slightly */
    padding: 15px; /* Adds internal spacing */
    margin-top: 20px; /* Adds spacing above the container */
    margin-bottom: 20px; /* Adds spacing below the container */
    background-color: #ffffff; /* Optional: Sets a white background for contrast */
}

body.futurist #cfw-cart-summary #cfw-cart-summary-content>h3 {
    border-bottom: 1px solid #1D568F;
}

.cfw-cart-table .cart-item-row .cfw-cart-item-image img {
    border: 1px solid #1D568F;
}

.cfw-review-pane,
ul.cfw-shipping-methods-list,
.cfw-accordion .cfw-radio-reveal-group {
    border: 1px solid #1D568F; /* Border color */
    box-shadow: 0 4px 6px rgba(29, 86, 143, 0.3); /* Box shadow */
    border-radius: 4px; /* Optional: Rounds corners slightly */
    padding: 15px; /* Adds internal spacing */
    margin-bottom: 20px; /* Adds spacing below each element */
    background-color: #ffffff; /* Optional: White background for better contrast */
}

/* Responsive adjustments for smaller screens */
@media (max-width: 768px) {
    .cfw-review-pane,
    ul.cfw-shipping-methods-list,
    .cfw-accordion .cfw-radio-reveal-group {
        padding: 10px; /* Reduce padding for mobile */
    }
}

body.futurist #cfw-cart-summary #cfw-cart-summary-content {
	background-color: #f9f9f9;
}

.wd-product.wd-hover-fw-button .hover-content {
    margin-left: 10px; /* Adjust as needed */
}

@media (max-width: 768px) {
    .dgwt-wcas-style-pirx {
        width: 100% !important;
        max-width: none !important;
    }

    .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp {
        width: 100% !important;
        max-width: none !important;
    }
}

.tidio-z5ckn2 {
	display: none !important;
}

.product-grid-item span.availability_date {
    display: none;
}




.plus, .minus {
    display: inline !important;
    visibility: visible !important;
}

.mkl_pc .mkl_pc_container .mkl_pc_toolbar section.choices .layer_choices li.choices-list li > button.choice-item .choice-text--container, .mkl_pc .mkl_pc_container .mkl_pc_toolbar section.choices .layer_choices li.choices-list li > button.choice-group-label .choice-text--container {
display: grid;
}

.mkl_pc .mkl_pc_container .mkl_pc_toolbar section.choices .layer_choices li.choices-list li span.text.choice-name {
padding-bottom: 10px;
}

.mkl_pc .mkl_pc_container .mkl_pc_toolbar section.choices .layer_choices li.choices-list li i.mkl-pc-thumbnail {
height: 62px !important;
width: 62px !important;	
margin: 0px 40px 20px 0px;
}



@media (min-width: 1024px) { /* Apply only on desktop screens */
    .mkl_pc:not(.has-steps) .pc_configurator_form {
        width: 100%;
        justify-content: flex-end;
        margin-top: -80px;
    }

    .mkl_pc .mkl_pc_container span.pc-total-price {
        font-size: 1.9em;
        color: black;
    }
}

@media (min-width: 1024px) { /* Apply only on desktop screens */
    .mkl_pc .mkl_pc_container .extra-cost.show, 
    .mkl_pc .mkl_pc_container span.pc-total-price {
        text-align: left;
    }
}


/* Hide choices beyond the first 4 */
.mkl_pc .mkl_pc_container .mkl_pc_toolbar section.choices .layer_choices li.choices-list li:nth-child(n+5) {
    display: none;
}

/* Style the Show More button */
.show-more-btn {
    display: block;
    margin-top: 10px;
    cursor: pointer;
    background-color: transparent;
    color: #494a45;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    font-weight: bold !important;
    border: none;
    padding: 5px 10px;
    text-align: center;
    width: max-content;
}

.mkl_pc .mkl_pc_container .mkl_pc_toolbar section.choices .layer_choices {
    position: relative;
    border-bottom: 1px solid #c2c2c2 !important;
    padding-bottom: 5px;
    margin-bottom: -30px;
}



/* Change fill color when the choice is active */
.mkl_pc .mkl_pc_container .mkl_pc_toolbar section.choices > ul > li.layers-list-item ul li.active button 
    ~ a.mkl-pc-show-description svg use,
.mkl_pc .mkl_pc_container .mkl_pc_toolbar section.choices > ul > li.layers-list-item ul li.active button 
    ~ a.mkl-pc-show-description svg path {
    fill: white;
}


.mkl_pc .mkl_pc_container .mkl_pc_toolbar section.choices > ul > li.layers-list-item ul li.active button {
    background: #2C3E50 !important;
    color: white !important;
}









.mkl_pc .mkl_pc_container .mkl_pc_viewer > header h3 {
    TEXT-ALIGN: center;
    font-size: 32PX;
}


@media (min-width: 1024px) {
    .mkl_pc .mkl_pc_container footer .footer__section-center {
        position: fixed;
        bottom: 20px; /* Keeps it at the bottom */
        left: 10%;
        transform: translateX(-50%);
        width: auto;
        max-width: 90%;
        z-index: 1000;
        background-color: white;
        padding: 15px 20px;
        border-radius: 8px;
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
        display: flex;
        justify-content: center;
        align-items: center;
    }
}
.mkl_pc .mkl_pc_container .mkl_pc_toolbar section.choices > ul > li.layers-list-item ul li.active .choice-extra-price {
    display: none !important;
}

.mkl_pc .mkl_pc_container .mkl_pc_toolbar section.choices .layers .layer-item .description {
font-size: 16px !important;
	color: Red !important;
}

.choice-text--container,
.choice-text,
.text,
.choice-name {
  max-width: 100%;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  white-space: normal; /* wrap text to new line */
  word-break: break-word; /* break long words */
}

/* 🔧 Configurator button container (choice-item & group-label) */

.mkl_pc .mkl_pc_container .mkl_pc_viewer .mkl_pc_layers img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
  object-fit: contain;
  z-index: 1;
}
@media (max-width: 768px) {
  .mkl_pc .mkl_pc_container .mkl_pc_viewer .mkl_pc_layers img {
    padding: 10px;
  }
}


.mkl_pc .mkl_pc_container .quantity {
    display: none;
}


@media (max-width: 660px) {
    .mkl_pc .mkl_pc_container .mkl_pc_viewer .mkl_pc_layers {
        --mkl_pc-layers-spacing: 50px;
    }
}

@media (max-width: 660px) {
    .mkl_pc .mkl_pc_container .mkl_pc_viewer > header {
        height: 50px;
        background: #F3F4EF;
	}
	

	/* CONFIGURE BUTTON STYLES */
.configure-btn {
    margin-bottom: 10px;
    display: block;
    background-color: #F2CC03 !important;
    color: #fff;
    font-weight: 600;
    text-align: center;
    border-radius: 6px;
    font-size: 17px;
    font-family: 'Poppins', sans-serif;
    padding: 10px 15px;
    transition: all 0.3s ease;
}

.configure-btn:hover {
    background-color: #e5bb02;
    color: #fff;
}

@media (max-width: 660px) {
    .mkl_pc .mkl_pc_container .mkl_pc_viewer > header h3 {
        color: #000000;
	}
	
	@media screen and (max-width: 768px) {
  .mkl_pc .mkl_pc_container .form.form-cart {
    position: sticky;
    bottom: 0;
    z-index: 9999;
    background: #F3F4EF; /* Optional: helps avoid overlap issues */
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1); /* Optional: adds a shadow effect */
    padding: 10px; /* Optional: if it needs spacing */
  }
}

	@media (max-width: 768px) {
  .mkl_pc .mkl_pc_container .price-container {
    text-align: center !important;
		padding-bottom: 5px;
		}
@media (max-width: 768px) {
  .mkl_pc:not(.has-steps) .pc_configurator_form {
    width: 100%;
    justify-content: center;
  }
}

		@media (max-width: 768px) {
		.mkl_pc .mkl_pc_container .pc_configurator_form {
    padding-top: 10px;
			}
		}
		
		@media (max-width: 768px) {
  .mkl_pc .mkl_pc_container .mkl_pc_toolbar section.choices .layer_choices li.choices-list ul[data-layer-id], 
  .mkl_pc .mkl_pc_container .mkl_pc_toolbar section.choices .layer_choices li.choices-list ul[data-item-id] {
    margin-left: -20px;
    margin-right: -20px;
  }
}

.wd-accordion-opener {
    color: #1d568f !important;
    font-weight: bolder;
    font-size: 20px !important;
    margin-right: 40px;
}

		
		
		
		
		/* ✅ Product Image Wrapper - Keeps Labels Working */
.wd-product .product-element-top {
    position: relative;
    width: 100%;
    aspect-ratio: 3 / 4; /* Adjust to 1 / 1 for square, or 4 / 5 for taller images */
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ✅ Product Images - Scale without cropping */
.wd-product .product-image-link img,
.wd-product .hover-img img {
    width: 100%;
    height: 100%;
    object-fit: contain; /* Show entire image */
}

/* ✅ Make Labels (Badges) Visible Fully */
.wd-product .product-element-top .wd-labels {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 10;
}

/* ✅ Equal Height for Product Titles */
h3.wd-entities-title {
    min-height: 60px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;
}

/* ✅ Equalize Product Content / Buttons Area */
.wd-product .product-element-bottom {
    min-height: 220px; /* Adjust this if your product has more content */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


/* ✅ Responsive: Tablet */
@media (max-width: 992px) {
    .wd-product .product-element-top {
        aspect-ratio: 4 / 5; /* Slightly taller for better fit */
    }

    h3.wd-entities-title {
        min-height: 50px;
    }

    .wd-product .product-element-bottom {
        min-height: 180px;
    }
}

/* ✅ Responsive: Mobile */
@media (max-width: 576px) {
    .wd-product .product-element-top {
        aspect-ratio: 1 / 1; /* Square on mobile for flexibility */
    }

    h3.wd-entities-title {
        min-height: 40px;
    }

    .wd-product .product-element-bottom {
    min-height: 160px;
}
@media (min-width: 1025px) {
	/* Hide menu labels */
.menu-label {
  display: none;
}

/* Hide specific stock elements */
.wd-product-stock.stock.in-stock.wd-style-default {
  display: none !important;
}

/* Add underline to product titles on hover */
.product-grid-item:hover .wd-entities-title {
  text-decoration: underline;
}

/* Hide elements with class menu-label-primary */
.menu-label .menu-label-primary {
  display: none;
}

/* Adjust link color on navigation hover */
.wd-nav[class*="wd-style-"] > li > a:hover {
  color: #26abe2;
}

/* Style widget titles in a specific widget */
.website-wrapper .widget_nav_mega_menu.shortcode-mega-menu .widget-title {
  color: white;
  background-color: white; /* This appears to be a conflicting style; you may want to review it */
}

/* Style price ins and del elements */
.price ins, .price del {
  display: block;
  width: 100%;
  text-align: center;
}

/* Center wrap-price in a specific context */
.wd-hover-fw-button .wrap-price {
  margin: 0 auto;
}

/* Center small price elements */
.price small {
  text-align: center;
  display: block;
}

/* Adjust font color for quantity buttons */
body div.quantity input[type="button"] {
  color: #000; /* Black color */
  border-color: #f4f4f4;
  background: #f4f4f4;
}

/* Change background color on button hover */
body div.quantity input[type="button"]:hover {
  background: #0077B6;
}

/* Hide the buy now button */
.wd-buy-now-btn {
  display: none;
}

/* Adjust margin for specific form elements */
form.register p.woocomerce-FormRow.form-row input.woocommerce-Button.button {
  margin-bottom: 9%;
}

/* Add content after price ins element */
.product-grid-item .price ins:after {
  content: " inc. Vat";
  font-size: 12px;
  font-family: Helvetica, sans-serif;
  color: #999999;
  font-weight: bold;
  margin-left: 2px; /* Adjust the margin as desired */
}

/* Hide small price suffix */
.small.woocommerce-price-suffix {
  display: none !important;
}

.product-grid-item :is(.product-image-link, .hover-img) img {
  max-width: 254.66px !important;
}

.wd-sub-menu li > a {
font-size: 17px;
}

}

@media (min-width: 768px) and (max-width: 1024px) {
	.product-grid-item .price ins > .amount {
        font-size: 24px !important; /* Set the font size for mobile devices */
    }
}
}

@media (min-width: 577px) and (max-width: 767px) {
	#woocommerce-shipping-methods {
    /* Align the shipping methods to the right in mobile view */
    text-align: right;

    /* Add any other styles for the shipping methods on mobile view */
  }




}

@media (max-width: 576px) {
	/* Default styles for desktop view */
#woocommerce-shipping-methods {
  /* Add any other styles for the shipping methods on desktop view */
}

/* Media query for mobile view */
@media (max-width: 767px) {
  #woocommerce-shipping-methods {
    /* Align the shipping methods to the right in mobile view */
    text-align: right;

    /* Add any other styles for the shipping methods on mobile view */
  }
}

.wd-action-btn.wd-style-icon>a {
	display:none;
}


.product-grid-item .price ins:after {
  content: " inc. Vat";
  font-size: 10px;
  font-family: Helvetica, sans-serif;
  color: #999999;
  font-weight: bold;
  margin-left: 2px; /* Adjust the margin as desired */
}



.elementor-1055 .elementor-element.elementor-element-c9fe98c .elementor-divider-separator {
	display: none;
}

.elementor-1055 .elementor-element.elementor-element-232acda .elementor-divider {
	display: none;
}

.woocommerce-ordering select {
	background-color: #e5e5e5;
}

@media only screen and (max-width: 600px) {
    .product-grid-item .price ins > .amount {
        font-size: 17px !important; /* Set the font size for mobile devices */
    }
}

.savings {
	display: none !important;
}

@media only screen and (max-width: 767px) {
    body .price del .amount {
        text-align: left !important;
        display: block !important;
        font-size: 14px !important;
    }
}

.stock.wd-style-default.in-stock {
	color: black !important;
}

.woocommerce-product-gallery img {
    width: 472px !important;
    height: 272px !important;	
}

body .wd-single-price .price ins {
    order: 1;
    text-align: center;
}

.woocommerce-Price-currencySymbol {
    font-size: 15px !important;
}


}

