/*
Theme Name: Wi Products
Theme URI:  
Author:  
Author URI:  
 
 
*/

.home_slider{
border-top-right-radius: 0 !important; border-top-left-radius: 0 !important;
}

@media (max-width: 1200px) {

 .home_slider.container{
width: 100%!important ;
max-width: 100% !important  ;
 
 
	border-radius: 0 !important;
}

}




/* Product Page */
.product-summary .woocommerce-variation-price{display:none}

/* Product Element Display */
.image-container {
 
    max-width: 300px; /* Adjust this value as needed */
    margin: 0 auto;
    aspect-ratio: 1 / 1;  
}

.image-wrapper { 
    display: flex;
    justify-content: center;
    align-items: center;
}

.image-wrapper img {
    max-width: 80%;
    max-height: 80%;
    width: auto;
    height: auto;
    object-fit: contain;
}
.uk_made {
	width: 45px;
	height: 45px;
}
.three_yr {
    width: 70px !important;
    height: 70px;
}



:root {
	--contrast: #000000;
	--contrast-2: #ffffff;
	--contrast-3: #aaa;

	--base-2: #eee;
	--base-3: #ffffff;
 
  
	--global-color-8: #2f2f2f;
	--global-color-9: #ddd;
}


/* GLOBAL */
.styling_option {
/*	display: block !important;            */
	top: 42px !important;
	left: 12px !important;
}

.mw-75 {
  max-width: 75% !important;
}
.max-image-height img {
	max-height: 300px !important;
	width: auto;
}
.cursor-pointer{cursor:pointer}
.wpfLoaderLayout{ background: var(--wi-base);!important}
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
    box-shadow: none;
}

 

.btn-wi-base, .btn.btn-wi-main{
  background: var(--wi-base);
  }
  
.btn-wi-main:hover{
 
	background: var(--wi-secondary-base);
 
}


 .btn-wi-secondary-base {
  background: var(--wi-secondary-base);
  }
  
 .btn-wi-secondary-base:hover{
 
	background: var(--wi-base);
 
}




.glide__slides{   white-space: inherit !important;}

h1, h2, h3, h4, h5, p, li, a, textarea, input, #review_form label{    font-family: Open Sans, sans-serif}

p, li, p a, li a {
    color: var(--global-color-8);
    line-height: 150%;
    font-size: 1rem;
    font-weight: 400;
}




/* Form Buttons */
.frm_form_fields .frm_button_submit {
    background: var(--wi-secondary-base)!important;
    box-shadow: none!important;
    position: relative;
    z-index: 1; /* Make sure the button text stays on top */
    overflow: hidden; /* Prevents the overlay from overflowing */
}

.frm_form_fields .frm_button_submit::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0); /* Initially transparent */
    transition: background 0.3s ease; /* Smooth transition */
    z-index: -1; /* Make sure the overlay stays behind the text */
}

.frm_form_fields .frm_button_submit:hover::before {
    background: rgba(0, 0, 0, 0.2); /* Slight black overlay on hover */
}



/* Mobile Menu */
.details .custom-woo-search {float:none!Important;    width: 100%;}
.custom-nav {
    list-style-type: none;
    padding: 0;
}

.custom-nav .custom-nav-item:first-child{padding-top:1rem;padding-bottom:1rem}
.custom-nav-item {
    position: relative; 
}
 .mobile_menu .custom-nav-item .bi-chevron-down{display:none}
.custom-nav-link {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #f8f9fa;
	text-decoration: none;
	color: #00306B;
	margin-right: 0;
	padding-right: 0 !important;
}

.custom-nav-item.active  .custom-arrow i{
	transition: transform 0.3s ease-in-out;
 
 
 
  
}

.custom-nav-item.active  .custom-arrow i:before 
 {
    transform: rotate(180deg);
}

.custom-submenu {
    display: none;
    list-style-type: none;
    padding: 0;
    margin-top: 5px;
}

.custom-nav-item.active > .custom-submenu {
    display: block;
}

.custom-submenu li a {
    display: block;
    padding: 5px 10px;
    text-decoration: none;
    color: #00306B;
}

/* Header */

.menu-icon{max-height:70px}
.header-logo img {
    max-width: 250px;
}
.footer-widget-5 img { background: #fff; border-radius: 10px; padding: 4px 6px; width: 200px; margin-top: 15px;}

.widget-area .widget {padding: 0;}
.inside-site-info.grid-container{display:none}
ol, ul {margin: 0 1.1em 1.5em;}
.footer-widgets .widget {  margin-bottom: 10px;}
.footer-widget-5 .gb-icon{color:rgb(99, 165, 40)}
.inside-site-info{padding:10px 40px}
.widget-area .widget{border-radius:10px;margin-left:40px}
.blog .site-content, .single .site-content, .archive .site-content{margin-top:80px;margin-bottom:80px}
.bg-darkblue{background:var(--wi-secondary-base)}
.gb-icon{background: #3c990f; padding: 5px;color: #fff!important; border-radius: 37px; font-size: 12px;}

 

/* Blog & WooCommerce Pagination */
.pagination .nav-links, .woocommerce-pagination ul { display: inline-block; white-space: nowrap;border: 0 !important;  margin: 1px;  padding: 0;}
.woocommerce-pagination ul {list-style: none;}
.woocommerce-pagination ul li { display: inline-block; border: 0 !important; }

.pagination .page-numbers, .woocommerce-pagination .page-numbers li a, .woocommerce-pagination .page-numbers li span {
    margin: 0;
    padding: 0.5em;
    width: 2em;
    height: 2em;
    display: inline-block;
    border: 0;
    line-height: 1;
    color: #515151;
    text-decoration: none;
    background: var(--bs-secondary-bg-subtle)!important;
}

.pagination .page-numbers.current, .pagination .page-numbers:hover, .woocommerce-pagination .page-numbers li span.current, .woocommerce-pagination .page-numbers li a:hover {
background: var(--wi-base)!important; color: #fff!important;}
.woocommerce nav.woocommerce-pagination ul li{margin:0.15em}

@media (max-width: 1200px) {

.header_menu_outer{  box-shadow: 0 4px 10px #CCC;}

}

}




 

/* Contact Block */
.social-links a:hover{opacity:0.8}

/* Colours */
.text-insta{color:#F00075}
.text-facebook{color:#1778F3}
.text-x{color:#000000}
.text-linkedin{color:#0D66C2}
 
    .product-item:hover .product-title,
 .category-item:hover .category-title ,  ,.text-wi-base, .submenu a:hover, .header-icon, .contact-details a:hover{color:var(--wi-base)!important}
.text-darkgrey{color:#2f2f2f}



.text-wi-base, .text-hover-wi-base:hover, .text-h2-hover-wi-base:hover h2 {color:var(--wi-base)!important}
.text-wi-secondary-base, .text-hover-wi-secondary-base:hover{color:var(--wi-secondary-base)!important}

.text-wi-base-font-color, .text-hover-wi-base-font-color:hover, .text-h2-hover-wi-base-font-color:hover h2 {color:var(--wi-base-font-color)!important}
.text-wi-secondary-font-base, .toast-header .btn-close, .text-hover-wi-secondary-font-base:hover, .text-h2-hover-wi-secondary-font-base:hover h2 {color:var(--wi-secondary-font-base)!important}

.border.border-grey{border-color:#ddd}

.bg-wi-base{background-color:var(--wi-base)}
.bg-wi-secondary-base{background-color:var(--wi-secondary-base)}


.bg-grey{background-color:#ddd}
.bg-lightgrey{background-color:#eee}
.bg-darkgrey{background-color:#2f2f2f}

 
.btn.btn-blue {background-color:#00306B;color:#fff}
.btn.btn-blue:hover{background-color:var(--wi-base)}

.btn.btn-wi-base {background-color:var(--wi-base);color:#fff}
.btn.btn-wi-base:hover{background-color:#00306B;}


.bg-hover-body-secondary:hover {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-secondary-bg-rgb),var(--bs-bg-opacity)) !important;
}

/* Filters */

.wpfFilterWrapper .wfpTitle, .wpfFilterWrapper i, .wpfFilterWrapper svg, .wpfPriceInputs, .wpfFilterWrapper label{color: var(--wi-secondary-font-base) !important}
.filters .ui-widget-header, .ui-slider-horizontal .ui-slider-range {
	background: var(--wi-base) !important;
}


/* Mini Cart */
 

/*Refine By  */
#wpfMainWrapper-1_297588 .wpfLoaderLayout i{color: var(--wi-secondary-font-base)!important}

.fa.wpfTitleToggle.fa-plus{}
.fa.wpfTitleToggle.fa-minus{}
/* Hide the Font Awesome icons */
 

/* Use Bootstrap's chevron icons */
.wpfTitleToggle.fa-plus::before {
color: var(--wi-secondary-font-base)  ;
    content: "\F282"; /* Down arrow */
      display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: 400 !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

}

.wpfTitleToggle.fa-minus::before {
color: var(--wi-secondary-font-base) ;
    content: "\F286"; /* Up arrow */
          display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: 400 !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


 
.filters  .ui-slider.ui-widget-content:not(.iris-slider-offset) {
    background: #fff!important;
    border: 0px!important;
    border-radius: 10px!important;
}
.filters .wpfFilterWrapper select {
    border: 0px;
    padding: 10px 5px;
    color: #444;
    margin-top: 10px;
    border-radius: 8px;
}

.filters .ui-widget.ui-widget-content {
    border: 1px solid #eee !important;
    background: #fff !important;
}
.wpfFilterWrapper .wpfCheckbox label{background:#fff!important}

.filters .ui-slider.ui-widget-content .ui-slider-handle {
    background: #fff!important;
    border: 1px solid #eee!important;
    border-radius: 10px!important;
    box-shadow: 1px 1px 4px!important;
    border-color:#eee!important
}


.mobile-filters .btn-close {  background: none;
}

#wpfMinPrice, #wpfMaxPrice {width: auto!important}
/* Breadcrumbs */
.rank-math-breadcrumb p, .rank-math-breadcrumb  a{margin-bottom:0px;font-size:13px}
.rank-math-breadcrumb  a{text-decoration:none;    font-weight: 600;
    color: #555;}
.rank-math-breadcrumb p{color:#606060!important;}

/* Button Overrides */
.btn.btn-base{ background:var(--wi-base)}
.btn.btn-accent, .btn.btn-base:hover{ background:var(--wi-secondary-base)}

/* Contact forms */
.sidebar-form .frm_checkbox label { color: #fff; font-size: 13px; display: block !important; position: relative;}
.sidebar-form.sticky-top {
	top: 190px;
}


/* Quote page */
#quote_list, .elex-rqst-quote-front-wrap{max-width:100%!important}
.elex-rqst-quote-front-wrap .shadow {
    box-shadow: none !important;
    border: 1px solid #eee;
}
.elex-rqst-quote-front-wrap .text-center {
    text-align: left !important;
    font-size: 26px;
    font-weight: 600;
}

.elex-rqst-quote-front-wrap a{color:#00306B}

/* Accordion */

 .accordion-item {
    border: 0;
   border-bottom:1px solid #ddd;
    
}

  .accordion-button {
    font-size: 1rem;
 
    font-weight:600;
  }


.accordion-item:last-of-type {
 
    border-radius: 0px;
    border-bottom: 0px;

}
.accordion-item:last-of-type button{    margin-bottom:0px;}
.accordion-button:not(.collapsed), #faqAccordion .accordion-button.collapsed:hover {
 
    padding-left: 0px;
    background-color: #fff!important;
    box-shadow: none !important}

.accordion-button.collapsed {
  
    background-color: #fff !important;
    padding-left: 0px;
    border-radius: 0px;
    margin-bottom:10px;
}

  /* Hide ::after */
  .accordion-button:after {
    content: none !important;
  }

  /* Add custom arrow on the left using ::before */
  .accordion-button:before {
content: "\F282";font-family: bootstrap-icons !important;
color:#00306B;
    display: inline-block;
    width: 19px;
    height: 18px;
    margin-right: 10px;
    background-repeat: no-repeat;
  }

  /* Adjust for active state */
  .accordion-button.active:before {
    transform: rotate(180deg);
  }

  /* Adjust for collapsed state */
  .accordion-button.collapsed:before {
    transform: rotate(270deg);
  }
  
  
/* Accordion - Footer Overrides */  
.footer-accordion .accordion-button {
    background: unset !important;
    
    padding-left: 0px;
    border-bottom: 1px solid #eeeeee2e;
    font-weight:400;
}
  
 .footer-accordion  .accordion-button:before{color:#fff} 
  
 /* Image Rotator */
.gb-container-90671825 .slant_l > .slant_r .container::after {	background-image: linear-gradient(to top left, var(--wi-base) 50%, transparent  50%); }

/* Archive Products */
.large-description h2, .woocommerce-Tabs-panel h2, .short-description h2, .short-description h3, .large-description h3 {font-weight: 600;color: #2f2f2f;}
.large-description h2, .short-description h2{font-size:1.5rem} 
.large-description h3, .short-description h3{font-size:1.2rem} 
/* Single Products */

.wc-block-components-product-badge,.wi-block-components-sale-badge {
	display: inline-block;
	font-size: 15px !important;
	font-weight: 600;
	padding: 5px 10px !important;
	text-transform: uppercase;
	white-space: nowrap;
	line-height: 100% !important;
	background: var(--wi-base);
	color: var(--wi-base-font-color) !important;
	border-radius: 5px !important;
	border: none !important;
}
.wi-block-components-sale-badge {
	font-size: 13px !important;
	padding: 3px 4px !important;
}

.woocommerce span.onsale, .woo_onsale { 
	min-height: 3.236em;
	min-width: 3.236em;
	padding: .202em;
	font-size: 1em;
	font-weight: 700;
	position: absolute;
	text-align: center;
	line-height: 3.236;
	top: -.5em;
	left: -.5em;
	margin: 0;
	border-radius: 100%;
	background-color: #958e09;
	color: #fff;
	font-size: .857em;
	z-index: 9;
 


	top: 10px !important;
	left: 10px !important;
	z-index: 2 !important;
	background: var(--wi-base) !important;
	width: 50px !important;
	height: 50px !important;
	color: var(--wi-base-font-color) !important;
}
//#wc-stripe-express-checkout-element{justify-content: left!important;flex-wrap: nowrap!important;}
.single_variation_wrap .woocommerce-variation-add-to-cart {display:block}
.single_variation_wrap .input-text.qty, .single_variation_wrap a.plus, .single_variation_wrap a.minus {line-height: 100%!important;   min-height: 43px!important;}

.woocommerce div.product div.images{width:100%!important}
.pricing .price{font-weight:bold}
.add-request-quote-button.button:after, .single_add_to_cart_button:after, .woocommerce #review_form #respond .form-submit input:after {content: "\F23D";font-family: bootstrap-icons !important;padding-left: 8px;font-size: 16px;vertical-align: middle;font-weight: 400;position: relative;top: -3px;}
.add-request-quote-button.button:after{content: "\f71b"}
.single_add_to_cart_button:after {
    font-size: 13.5px !important;
}
.single-product .price {margin-bottom:0px;display:inline-block;color:var(--global-color-8)!important}
.woocommerce .quantity .qty {
	border-radius: 8px;
	border: 2px solid #888;
	padding: 7.5px;
	margin-right: 4px;
}
.woocommerce div.product form.cart{float:left!important;margin-right:10px}
.woocommerce  div.product .variations_form.cart{float:none!important}
 
.variation-option {display: inline-block;}
.woocommerce-variation.single_variation{margin-bottom:20px}
 

/* Single Products - Reviews tab */
.woocommerce-tabs .woocommerce-Reviews-title{display:none} /* Hides title */

/* Single Products - Reviews Form */
#yith-ywraq-mail-form textarea, #yith-ywraq-mail-form input, #wc-block-components-totals-coupon__input-0 {
    border-color: #dee2e6;
    border-radius: 5px;
    padding: 10px;
    box-shadow: none;
    border: 1px solid #dee2e6;
    width:100%;
}
.woocommerce #review_form #respond, .form-submit input  {
    left: auto;
    margin-top: 8px;
}
.woocommerce #review_form #respond .form-submit input {
    margin-top: 10px;
    display: inline-block;
    width: auto;
}

#review_form label, #yith-ywraq-mail-form label{font-weight: 600; margin-bottom: 8px;} /* Styles review labels */
.comment-form{margin-top:20px}
#yith-ywraq-mail-form label{margin-bottom:0px!important}
.woocommerce-message .button.wc-forward{font-size:14px!important} 

.woocommerce p.stars a   {color:var(--wi-secondary-base)!important;font-size: 20px;}

.comment-form-comment{margin-bottom:4px!important}






/* Basket Page */
.wc-block-cart__submit-container--sticky {
 
  position: inherit !important;
}


/* Mobile Purchase Journey */
 



/* Container for the main slider */
.swiper-container.main-slider {
    width: 100%;
    max-width: 700px; /* Adjust based on your design needs */
    margin: 0 auto 20px; /* Center the slider and add bottom margin */
    position: relative;
}

/* Square Image Container */
.image-containera {
    width: 100%;
    padding-top: 100%; /* Maintains a 1:1 aspect ratio (square) */
    position: relative;
 
    border-radius: 8px; /* Optional: Rounded corners */
    overflow: hidden; /* Ensures content doesn't overflow the container */
 }

/* Wrapper to center the image */
.image-wrappera {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Image Styling */
.image-wrappera img {
    max-width: 80%;
    max-height: 80%;
    width: auto;
    height: auto;
    object-fit: contain;
}

/* Highlight Active Thumbnail */
.thumbnails-slider .swiper-slide img.active-thumbnail {
    border: 2px solid #000; /* Highlight color for active thumbnail */
    opacity: 1;
}

/* Thumbnail Slider Styling */
.swiper-container.thumbnails-slider {
    width: 100%;
    max-width: 500px; /* Match main slider width */
    margin: 0 auto; /* Center the thumbnails slider */
}

.thumbnails-slider .swiper-slide {
    width: auto;
}

.thumbnails-slider .swiper-slide img {
    cursor: pointer;
    opacity: 0.6;
    transition: opacity 0.3s, border 0.3s;
    border: 2px solid transparent;
    border-radius: 4px; /* Optional: Rounded corners for thumbnails */
}

.thumbnails-slider .swiper-slide img:hover,
.thumbnails-slider .swiper-slide img.active-thumbnail {
    opacity: 1;
    border-color: #000; /* Adjust to match your theme */
}

/* Navigation Arrows Styling */
.product-summary .swiper-button-next, .product-summary .swiper-button-prev { 
	color: var(--wi-secondary-base);
}

 

/* Responsive Adjustments */
@media (max-width: 768px) {
 
    .swiper-container.thumbnails-slider {
        max-width: 300px;
    }
    
    
 .add_to_quote_section, .add_to_quote_section > div, .add_to_quote_section > div > div,  .add_to_quote_section .add-request-quote-button.button {width: 100%!important}   
    
.add_to_quote_section .add-request-quote-button.button{margin-top: 10px!important}    
    

}

@media (max-width: 480px) {
 
    .swiper-container.thumbnails-slider {
        max-width: 250px;
    }
}



.tabs li.active{background: var(--wi-secondary-base) !important}
.tabs li.active a{color: var(--wi-secondary-font-base) !important}
 


.tabs li{background: none !important}
.woocommerce div.product .woocommerce-tabs ul.tabs::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::after{display:none!Important}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before, .woocommerce div.product .woocommerce-tabs ul.tabs li.active::before {
    box-shadow: none;
    border: none;
}











#custom-attribute-buttons .accordion-item {
    border: 1px solid #ddd;
    margin-bottom: 5px;
}

#custom-attribute-buttons .accordion-header {
    background-color: var(--wi-base);
    padding: 10px;
    cursor: pointer;
        color: var(--wi-base-font-color);
}

 

#custom-attribute-buttons .accordion-content {
    padding: 10px;
}

#custom-attribute-buttons .variation-option {
    margin: 5px;
    padding: 10px 15px;
    border: 1px solid #ddd;
    background-color: #f8f8f8;
    cursor: pointer;
}

#custom-attribute-buttons .variation-option.selected {
    background-color: #4CAF50;
    color: white;
}

#custom-attribute-buttons .variation-option.disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

 

#custom-attribute-buttons .variation-option.selected {
    background-color: #4CAF50;
    color: white;
    font-weight: bold;
}

#custom-attribute-buttons .accordion-header.active {
   background-color: var(--wi-secondary-base);
    font-weight: bold;
     color: var(--wi-secondary-font-base);
}





 




/* WooCommerce Buttons */
#place_order, .woocommerce-order-pay .woocommerce-verify-email .woocommerce-button.button {width:100%!important; margin-top: 10px}
#place_order, .woocommerce-order-pay .woocommerce-verify-email .woocommerce-button.button , .button.raq-send-request, .woocommerce-message .button.wc-forward, .wc-block-cart__submit-container, .wc-block-components-checkout-place-order-button{
  background: var(--wi-base)!important;

color: #fff!important;
padding: 10px 20px!important;font-weight: 600 !important;
font-size: 1rem !important;border-radius:10px;border:0px!important} 
.woocommerce-order-pay .woocommerce-verify-email body.woocommerce-button.button:hover, #place_order:hover, .button.raq-send-request:hover, .woocommerce-message .button.wc-forward:hover,.wc-block-cart__submit-container:hover, 
.wc-block-components-checkout-place-order-button:hover{
  background: var(--wi-secondary-base)!important;

}


#review_form .form-submit .submit{ background: var(--wi-base)!important;color:#fff!important}
 #review_form .form-submit .submit:hover{background:var(--wi-secondary-base)!important}


.wc-block-cart__submit-container{padding:0px!important}
.wc-block-cart__submit-container a{text-decoration:none;color:#fff}

.woocommerce div.product form.cart .button{background:var(--wi-base);}
.woocommerce div.product form.cart .button:hover, .add-request-quote-button.button:hover{background:var(--wi-secondary-base);}

.single_add_to_cart_button, .btn-requestquote {
	padding: 13px 20px !important;
	border-radius: 5px !important;
	font-size: 16px !important;
	line-height: 100% !important;
	border: none !important;
}
.btn-requestquote {
line-height: 100%!important;
    background-color: #DDDDDD !important;
    color: #444 !important;
}
.btn-requestquote:hover {
    background-color: #BBB !important;
}
.yith-ywraq-mail-form-wrapper h3{font-weight:600}
.cart_item .product-name a{color:#00306B!important;font-weight:bold;text-decoration:none}
    .single_add_to_cart_button, .btn-requestquote {   height: 43px;} 
.yith_ywraq_add_item_browse_message a{color:var(--wi-secondary-base)!important;font-size:16px!important}

 @media (max-width: 768px) {   
    
/* Mobile add to cart and quote buttons */    
    
.woocommerce .quantity .qty { width: 2.5em!important} 
    
 .single_add_to_cart_button, .btn-requestquote { padding: 13px 12px !important;        height: 43px;}

    }


/* Single Products - Additional Information Table */
.woocommerce table.shop_attributes th { width: 200px;}
.woocommerce table.shop_attributes tr:nth-child(even) td, .woocommerce table.shop_attributes tr:nth-child(even) th{background: rgb(0 0 0 / 12%);}
.woocommerce table.shop_attributes td, .woocommerce table.shop_attributes th{border-bottom: solid 1px #ccc}
.woocommerce table.shop_attributes{border-top:1px solid #ccc;}
.woocommerce table.shop_attributes  tbody{border-left: 1px solid #ccc;border-right: 1px solid #ccc;}

/* Single Products - Gallery */
#nickx-gallery .nslick-list{width:300px}
#nickx-gallery .nslick-slide{margin-right:10px}
.nickx-slider-for, .woocommerce div.product div.images img{border-radius:10px}

/* Single Products - Attributes */
.attribute-buttons-group h4 { color: #fff; background: var(--wi-base);font-size: 14px; padding: 10px;border-radius: 5px 5px 0px 0px; margin-bottom:5px;}
.attribute-buttons-group button:focus, .attribute-buttons-group button:hover{color:#fff}
.attribute-buttons-group button{color:#2f2f2f}
 
.attribute-buttons-group button {color: #2f2f2f;border: 1px solid;padding: 2px 30px;border-radius: 30px;font-weight: bold;font-size: 13px;background: unset;margin: 0px 0px 0px 10px;}
.attribute-buttons-group button:hover,  .attribute-buttons-group .variation-option.selected{background:#00306B;color:#fff;border-color:#00306B;background-color:#00306B!important}
 #custom-attribute-buttons{margin-bottom:20px}
 #custom-attribute-buttons .accordion-item {

    border-radius: 0.375rem;
}
#clear-selection{margin-top:10px}
 /* Single Products - Added to basket message */
.woocommerce-message {  border-top-color: var(--wi-base);    margin-top: 15px;} 
.woocommerce-message::before{color:var(--wi-base)}

.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button{
border-radius: 5px;
    border: none;
    font-weight: 600;
    background: #DDDDDD;}
    
 
 .nfancybox-caption.nfancybox-caption--separate {display:none}    /* Removes lightbox caption */  

 /* Basket */
.wc-block-cart-items__header span, .is-large.wc-block-cart .wc-block-cart__totals-title{font-size:16px!important}
.wc-block-components-product-name{    color: #2b2f32;
    font-weight: 600;
    text-decoration: none;
    margin-bottom: 0px;}

 

  
/* Blogs */
.read-more-container{display:none}

/* Promo boxes - categories */
.cat-promo.bg-hover:hover, .cat-promo .bg-hover:hover, .product-promo .bg-hover:hover, .product_box .bg-hover:hover{border:2px solid var(--wi-base)!important;}


/* New Slant */
 .slant_r::before{
	background-color: var(--wi-base);
	position: absolute;
	height: 100%;
	display: block;
	width: 100%;
	top: 0;
	z-index: 0;
    content: " "; 
    left: -50%
}

.slant_r .container {background-color: var(--wi-base)} 
.slant_l > .slant_r::before {right: -50%;left: auto;}



.slant_r .container::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 50px;
    background-image: linear-gradient(to top right, var(--wi-base) 50%, white 50%);
}

.slant_l > .slant_r .container::after {
	background-image: linear-gradient(to top left, var(--wi-base) 50%, white 50%);
	left: -50px;
	right: auto;
}

.slant_l.bg-darkblue > .slant_r .container::after {
	background-image: linear-gradient(to top left, var(--wi-base) 50%, var(--wi-secondary-base) 50%);
	left: -50px;
	right: auto;
}


 @media only screen and (max-width:992px){
  .slant_r   {
background-color: var(--wi-base)  
 
 }
  
 .slant_r .container::after{display:none}
}



 
/* Cart */
/*.wp-block-product-new{display:none}*/



/* Large devices (desktops, 992px and below)  */
@media only screen and (max-width:992px){
.page-title{max-width:100%!important;width:100%!important;clip-path: none!important;}
.woocommerce-tabs .page-title{padding:0px}
.woocommerce div.product .woocommerce-tabs ul.tabs li{display:block!important}
.woocommerce div.product .woocommerce-tabs ul.tabs{padding:0px}
.cat-btn{width:100%}
.container{max-width: 95%}
.payment-logos{width:50%!important}
.woocommerce div.product form.cart { float: none!important; margin-right: 0;}


.swiper-container.thumbnails-slider {
	max-width: 100%!important;
}






}

/* 
@media (min-width: 1600px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1620px;
    
    
     max-width: 1620px;
    
  }
}

@media (max-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 95%;
  }
}    */


/* Large devices (desktops, 992px and below)  */