/**
 *
 ** MilCase Custom CSS Styles
 *
 */

 
/*=============================================
=            Body Text                        =
=============================================*/

/*@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap'); */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("./fonts/poppins-400-latin.woff2") format("woff2");
}

@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("./fonts/poppins-600-latin.woff2") format("woff2");
}


body {
  font-family: "Poppins", "Helvetica Neue", sans-serif;
  color: #43454b;
}

a {
  color: #43454b;
  text-decoration: none; 
}

a:hover {
  color: #fe6d34;
}

/* Make Storefront layout wider */
.col-full {
  max-width: 80em; /* ~1280px */
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
}
/*=====  End of Body Text  ======*/



/*=============================================
=            Site Header                      =
=============================================*/

.site-header {
  border-bottom-color: #2c2d33 !important;
  border-width: 2px;
  background-color: #2c2d33 !important;
  padding-top:1.2em !important;
  padding-bottom: 0;
}

.site-branding .site-title a { color: #fff !important; }

/* 
.site-header .site-branding {
  width:13%;
  margin: 1em 0;
}
 */

@media (min-width: 768px) {
  .site-header .site-branding img {
    max-width: 353px;
  }
  .site-branding {
    margin-bottom: 0 !important;
  }
}

/*iPhone logo*/
@media (max-width: 767px) {
  .site-header .site-branding {
    width: 30%;
    margin-top:0.5em;
  }
  
  .site-header .custom-logo-link img, .site-header .site-logo-anchor img,
  .site-header .site-logo-link img {
    max-width: 100%;
  }
  .site-header .custom-logo-link img {
/* 
    max-width: 150px;
*/
  }
  
  /*mobile nav*/
  button.menu-toggle {
    margin-top: .5em;
  }

  /* Keep the Max Mega Menu control visible against the dark header. */
  #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-label {
    color: #fff !important;
  }

  /* Draw the icons in CSS so they do not depend on the Dashicons font. */
  #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1::after {
    align-self: center;
    background:
      linear-gradient(to bottom, #fff, #fff) top / 100% 2px no-repeat,
      linear-gradient(to bottom, #fff, #fff) center / 100% 2px no-repeat,
      linear-gradient(to bottom, #fff, #fff) bottom / 100% 2px no-repeat !important;
    content: "" !important;
    display: block !important;
    height: 14px !important;
    margin: 0 0 0 8px !important;
    width: 20px !important;
  }

  #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open .mega-toggle-block-1::after {
    background:
      linear-gradient(45deg, transparent 44%, #fff 44%, #fff 56%, transparent 56%),
      linear-gradient(-45deg, transparent 44%, #fff 44%, #fff 56%, transparent 56%) !important;
    height: 18px !important;
    width: 18px !important;
  }
}



/*=====  End of Site Header  ======*/



/*=============================================
=            Product Page                     =
=============================================*/


/*----------  Variation colours/buttons  ----------*/
.rtwpvs .rtwpvs-terms-wrapper .rtwpvs-term:not(.rtwpvs-radio-term).selected, .rtwpvs .rtwpvs-terms-wrapper .rtwpvs-term:not(.rtwpvs-radio-term).selected:hover {
  box-shadow: 0 0 0 3px #aa0f24;
}
.rtwpvs .rtwpvs-terms-wrapper .rtwpvs-term:not(.rtwpvs-radio-term):hover {
  background-color: #fff !important;
  box-shadow:0 0 0 4px #aa0f24;
}

/* Remove out of stock label */
/* .stock {
  display: none;
} */


/*=====  End of Product Page  ======*/


/******************************************************/



/*=============================================
=            Highlight Menu                   =
=============================================*/


/* Hide highlights on mobile */
.mobile-only {display: none;}
.desktop-only {display: block;}
@media (max-width: 767px) {
  .desktop-only {display: none;}
  .mobile-only {display: block;}
  .order-by {font-size: 0.8em; }
}

.highlight-header {
    display: block;
    background-color: #ff6b30;
    font-size: 0.9em;
    font-weight: 700;
    padding: 0.8em 0;
  }
  .highlight-header:after {
    content: "";
    display: table;
    clear: both;
  }
    .highlight-header ul.highlight-items {
      margin: 0;
      clear: both;
      display: flex;
      width: 100%;
      justify-content: space-between;
    }
      .highlight-header ul.highlight-items li {
        margin: 0;
        text-align: left;
        list-style: none;
      }
  
      .highlight-header ul.highlight-items li img {
        margin-right: 15px;
        width:25px;
        vertical-align:middle;
        display: inline;
      }
      .highlight-header ul.highlight-items li a {
        color: #fff;
        font-weight: 700;
      }
  

/*=============================================
=            Widget                           =
=============================================*/

.widget h3.widget-title, .widget h2.widgettitle {
  font-size: 1.387em;
  letter-spacing: 0;
  border-bottom: 3px solid #60646c;
  padding: 0 0 1em;
  margin-bottom: 1em;
  font-weight: 700
}

/*=====  End of Widget  ======*/



/*=============================================
=            SHOWOFF PLUGIN                   =
=============================================*/

.showoff-project-inner-close { padding: 0.5em; }


/*=====  End of SHOWOFF PLUGIN  ======*/


/*=============================================
=            DRIFT PLUGIN                     =
=============================================*/

@media (max-width: 768px) {
  #drift-widget { max-height:90vh !important; bottom:65px !important; }
/*.chaport-container .chaport-launcher .chaport-launcher-button {*/
/*  bottom: 4em !important;*/
/*}*/
  .chaport-container.chaport-container-positioned {
    bottom: 3em !important;
  }
}
/* Drift */
._3rFYHyeAg3meOhdz2al1n- { background-color: #000 !important; }

/*=====  End of DRIFT PLUGIN  ======*/


/*=============================================
=       MAKE HANDHELD MENU SMALLER            =
=============================================*/

.storefront-handheld-footer-bar ul li > a:before {
  font-size: 1.18em;
}
.storefront-handheld-footer-bar ul li > a {
  height: 3em;
  display: block;
  position: relative;
  text-indent: -9999px;
  z-index: 999;
  border-right: 1px solid rgba(255, 255, 255, .2)
}

/*=====  End of MAKE HANDHELD MENU SMALLER  ======*/



/*=============================================
=            CALL US HEADER                  =
=============================================*/

.call-header {
  text-align: right;
  color: white;
  /* margin-top:.5em; */
}  
.call-header a:link, .call-header a:visited {
  color: white;
}
.call-header a[href^="tel:"]:before {
    content: "\260E";
    margin-right: 0.5em;

}

@media (max-width: 767px) {
  .call-header {
    display:none;
  }
}

/*=====  End of CALL US HEADER  ======*/


/*=============================================
=            SEARCH                           =
=============================================*/

.woocommerce-active .site-header .site-search {
    margin-top: 0.9em;
  }

/*=====  End of SEARCH  ======*/



/*=============================================
=            SHOPPING CART HEADER             =
=============================================*/

/* .site-header-cart {
  font-size:0.9em;
} */

.woocommerce-mini-cart__empty-message {
  margin: 1em;
}

.page-template-template-homepage .type-page {
  padding-top:0;
}

/*=====  End of SHOPPING CART HEADER   ======*/



/*=============================================
=            CONTACT FORM                     =
=============================================*/

.cropped-image {
  height:400px;
  overflow: hidden;
}

/*=====  End of CONTACT FORM  ======*/



/*=============================================
=            CASE STUDIES PAGE                =
=============================================*/

.case-studies .posted-on {
  display: none;
}
.case-studies .byline {
  display: none;
}

/*=====  End of CASE STUDIES PAGE  ======*/



/*=============================================
=            SHOP CATALOGUE PAGE               =
=============================================*/

ul.products li.product .price .incvat { font-size:0.7em; }

.product-view-button { 
  background-color:#fe6d34 !important;
}
.product-view-button:hover { 
  background-color:#e6602c!important;
}

.price .woocommerce-variation-availability {
  display: none;
}

/* 
.woocommerce-Price-amount.amount {
    font-size: 1.4em !important;
    color: #fe6d34;
}
 */
 
 /* Custom archive price style */
.milcases-archive-price {
  font-size: 1.5rem;
  color: #fe6d34; /* Orange colour */
  line-height: 1.4;
}

.milcases-archive-price small.woocommerce-price-suffix {
  display: block;
  font-size: 0.9rem;
  color: #5a5a5a; /* Muted grey for ex VAT */
  font-weight: normal;
}

/* Colour swatch spacing */
.rtwpvs .rtwpvs-terms-wrapper {
	gap: 5px;
}

/* Ensure each product tile is a flex column */
ul.products li.product {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 100%;
  box-sizing: border-box;
}

/* Consistent min height for product titles */
ul.products li.product .woocommerce-loop-product__title {
  min-height: 2.3em; /* Adjust based on average 2-line title */
  /* line-height: 1.3; */
  display: block;
  margin-bottom: 0.5em;
  font-size: 1.3rem !important;
}
/* 
a:hover.woocommerce-loop-product__title {
	color: #fe6d34;
}
a:hover.woocommerce-LoopProduct-link {
  color: #fe6d34;
  text-decoration: underline !important;
}
 */

/* Wrap bottom content like price, buttons, swatches */
ul.products li.product .price,
ul.products li.product .button,
ul.products li.product .variations_form,
ul.products li.product .woocommerce-loop-product__rating {
  margin-top: auto;
}

/* Optional: add some spacing under the price */
ul.products li.product .price {
  margin-bottom: 0.5em;
}

/* Ensure image does not break layout */
ul.products li.product img {
  height: auto;
  width: 100%;
  display: block;
  object-fit: contain;
}
/* 
.rtwpvs .rtwpvs-terms-wrapper .rtwpvs-term:not(.rtwpvs-radio-term) {
    margin: 0px 12px 4px 0;

}
 */
 
.facetwp-slider-reset {
  display: none !important;
}
.facetwp-facet { margin-bottom:10px !important; }

.width-title {
	font-weight: bold;
}
 
/*=====  End of SHOP CATALOGUE PAGE     ======*/



/*=============================================
=            PRODUCT PAGE                     =
=============================================*/

/* SKU Font size */
.product_meta .sku_wrapper h3 {
  font-size: 0.8em;
  font-weight: normal;
}

.product_meta .dimensions {
  font-size: 1em;
}

/* Moved Price */
.woocommerce-variation-price.moved-under-sku {
/*   margin: 12px 0 20px 0;  *//* top, right, bottom, left */

	/* margin-top: 1em; */
}

/* 
.single-product div.product form.cart { padding-top:0em;}
 */

/* Price Font */

.milcases-variation-price,
.milcases-single-price {
  margin-top: 1em;
}

.milcases-variation-price .price-incl,
.milcases-single-price .price-incl {
  font-size: 1.9em;
  line-height: 0.8em;
  font-weight: bold;
  color: #fe6d34;
}

.inc-vat-label {
  color: #5a5a5a;
}

.milcases-variation-price .price-excl,
.milcases-single-price .price-excl {
  font-size: 1em;
  font-weight: bold;
  color: #5a5a5a;
}

.milcases-variation-price .ex-vat-label,
.milcases-single-price .ex-vat-label {
  font-size: 0.9em;
  color: #5a5a5a;
}

.milcases-variation-price small,
.milcases-single-price small {
  font-weight: normal !important;
  font-size: 50%;
}

/* Add to Basket button */
/* Make the container flex */
.variations_button, .single-product form.cart {
  display: flex;
  align-items: center;
  /* gap: 10px; */ /* spacing between quantity and button */
  flex-wrap: wrap; /* optional for small screens */
}

/* Fixed width for quantity field */
.single-product .quantity, .variations_button .quantity {
  flex: 0 0 auto;
  max-width: 120px;
}

/* Make the button take remaining space */
.single-product .single_add_to_cart_button, .variations_button .single_add_to_cart_button {
  flex: 1 1 auto;
  width: auto; /* override any fixed width */
}


/* Remove margin from breadcrumb */
.storefront-breadcrumb { margin:0 !important;}

/* Remove space below gallery */
.single-product div.product .images, .single-product div.product .summary,
.single-product div.product .woocommerce-product-gallery {
    margin-bottom: 0;
    margin-top: 0
}

/* Hide apple pay on page */
.apple-pay-button-wrapper { display:none !important; }

/* Removing padding from price */
.single-product div.product p.price {
  font-size: 1.41575em;
  margin: 0.4em 0 0; /* 0.4 */
  font-weight: 700;
  /* display:none; */
}
.single-product div.product .single_variation .price {
  font-weight: 700;
  font-size: 1.41575em;
  margin:0;
}

.single-product div.product p.price .incvat { font-size:0.5em; }


.price del {
  font-size: 0.7em;
  color: red;
  font-weight: 700;

}
ul.products li.product .price ins { margin-left:0.4em; } /* remove margin between normal and sales price */

/* .price ins {
  font-weight: 700;
} */


.woocommerce-product-details__short-description p {
  margin:0;
}

/* Hide image titles on slideshow */
.ppt { display:none !important; }

/* Bundled title */
h4.bundled_product_title { 
  font-weight: 700; 
  font-size:1.3em;
}

/* Hide image caption */
.pswp__caption {display:none;}

/* Add to basket button */
.single_add_to_cart_button.button.alt {
  background-color:rgb(58, 170, 53);
  font-weight: 800;
  font-size: 1em;
}
.single-product div.product .variations_button {
  padding-top: 1em; 
}

/* .product_title.entry-title {
  font-weight:bold;
  margin:0 0 0.1em;
} */


/* Stock text */
.stock.available-on-backorder {
  margin: 0;
  font-size: 1em;
  color: #ff5c1c;
/*color: red;*/
  font-weight:bold;
}

.stock.available-on-backorder a {
  color: #ff5c1c;
}

.stock.in-stock:before {
display:none !important;
}

.stock.in-stock {
  color:rgb(58, 170, 53);
   margin: 0;
  font-size: 1em;
  font-weight:bold;
}

.stock.in-stock small {
 /*  font-weight:normal; */ 
}

.ph_est_delivery_product_page {
  font-weight: bold;
  color:#43454b;
  margin:0;
}

.stock.out-of-stock:before {
display:none !important;
}
.stock.out-of-stock {
    color:#43454b
}

/* RELATED PRODUCTS TEXT */
.related > h2:first-child, .upsells > h2:first-child {
  font-size: 2em;
  font-weight: bold;
  text-transform: uppercase;
  padding-bottom: .4em;
  border-bottom: 1px solid rgba(0,0,0,.05);
}


/* composited_products */
.composite_form .component .select_label { font-weight: bold; } /* configature */

.composited_product_title { font-weight: bold; }

.page_button_container { 
  background: #000;
  padding:1em;
  display: block;
}

.composite_form .step_title_wrapper { font-weight: bold; }

.woocommerce-info-orange {
    padding: 1em 1.618em;
    margin-bottom: 2.617924em;
    margin-left: 0;
    border-radius: 2px;
    color: #fff;
    clear: both;
    border-left: .6180469716em solid rgba(0, 0, 0, .15);
    margin-bottom: 1.618em;
    font-weight: bold;
   background:#ff6b30;
}

/*=====  End of PRODUCT PAGE    ======*/



/*=============================================
=            TABLEPRESS                       =
=============================================*/

.tablepress {
  font-size:0.8em;
    border: 1px solid #ddd;
}

.tablepress-table-name {
  margin-bottom:1em;

} 

.tablepress tbody td, .tablepress tfoot th {
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd; /* border-right: 1px solid #ddd; */
    ;
}

td.column-1 a:link { font-weight: bold; }

.dataTables_filter { margin-bottom: 10px; }

.tablepress tfoot th, .tablepress thead th {
    background-color: #2c2d33;
    color: #fff;
}
/* 
table:not( .has-background ) th {
				background-color: #2c2d33 !important;
			}
 */

 .tablepress .sorting, .tablepress .sorting_asc, .tablepress .sorting_desc {
  background-color: #2c2d33;
 }

.tablepress .sorting:hover, .tablepress .sorting_asc, .tablepress .sorting_desc {
    background-color: #fe6d34
}


/*=====  End of TABLEPRESS             ======*/



/*=============================================
=            BESPOKE PAGE                     =
=============================================*/

.bespoke-form input {
  /* width:100%; */
  min-width:45%
}

.bespoke-form .gfield_list_cell input {
  width:100%;
}

.bespoke-form li {
  /* width:100%; */
  margin-top:2em;
  
}

.bespoke-form table tbody td {
  background: none;
}

/*=====  End of BESPOKE PAGE  ======*/



/*=============================================
=            HOME PAGE                        =
=============================================*/

.page-template-template-homepage .entry-header h1 {
  display: none;
}

.page-id-2156 .entry-title {
  display: none;
  }

.homepage-categories h3 {
  font-weight: 600;
}

.page-template-template-homepage .entry-content, .page-template-template-homepage .entry-header {
  max-width:none;
}
.page-template-template-homepage:not(.has-post-thumbnail) .site-main {
    padding-top:1em;
}
.home-button .ow-button-hover {
  width:100%;
  border: 0;
  background: none;
  color: #fff;
  cursor: pointer;
  /* Improves usability and consistency of cursor style between image-type 'input' and others */
  line-height: 1;
  padding: 0.618em 0.1em !important;

  text-decoration: none;
  font-weight: 700;
  text-shadow: none;
  display: inline-block;
  outline: none;
  -webkit-appearance: none;
  -webkit-font-smoothing: antialiased;
  border-radius: 0;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.1);
  text-decoration: none !important;
}

.home-button .ow-button-hover:hover {
  background-color: #2c2d33 !important;
  border-color: #2c2d33;
  border-bottom-color: #2c2d33 !important;
  color: #ffffff;
}

.ow-button-base a:active, .ow-button-base a:visited, { text-decoration: none !important; }

.storefront-recent-products .section-title  {
  font-size: 1.387em;
  letter-spacing: 0;
  border-bottom: 3px solid #60646c;
  padding: 0 0 1em;
  margin-bottom: 1em;
  font-weight: 700;
  text-align: left;
}

.storefront-recent-products ul.products {
  padding-top:30px;
  margin-bottom: 0;
}

.storefront-recent-products ul.products li.product {
  margin:0;
}
.widget_sow-image-grid {
  margin-bottom: 0;
  }
.no-bottom-margin .panel-grid-cell .so-panel {
  margin-bottom:0 !important;
}
.storefront-product-section {
  margin-bottom: 0;
}

.home.page:not(.page-template-template-homepage) .site-header {
  margin-bottom:0;
}
#rev_slider_3_1_wrapper {
  margin-bottom: 1em;
}

/*=====  End of HOME PAGE  ======*/



/*=============================================
=            BLOG                             =
=============================================*/

.author { display:none; } /* hide author */

/*=====  End of BLOG  ======*/



/*=============================================
=            WHY EXPLORER PAGE                =
=============================================*/

.why-explorer h1 {
  font-size: 3em;
  font-weight: 800;
}
.why-explorer h2 {
  font-size: 3em;
  font-weight: 800;
}

/*=====  End of WHY EXPLORER PAGE  ======*/



/*=============================================
=            SIDE BAR                         =
=============================================*/

.widget .widget-title { 
  font-weight: bold; 
  padding: 0 0 0.4em;
  margin-bottom: .5em;
  color: #333333;
}

.widget-area .widget a:not(.button) {
    font-weight: 600;
    text-decoration: none;
}
.widget-area .widget a:not(.button):hover {
    text-decoration: underline;
}

/*=====  End of SIDE BAR  ======*/



/*=============================================
=            CHECKOUT                         =
=============================================*/

.backorder_notification{
  display: none;
}
.backorder_notification_custom{
  display: block;
  margin-bottom:0px;
}

/* Mailchimp checkout */
#mailchimp_woocommerce_newsletter.input-checkbox {
margin-right: .65em;
}

/* Chat */
.zsiq_theme1.zsiq_floatmain {
margin-bottom: 60px !important;
}

/*=====  End of CHECKOUT  ======*/



/*=============================================
=            INTEGRATION PAGE                 =
=============================================*/

.list { 
  list-style: disc !important; 
  margin:0 0 1.41575em 3em !important;
}

.showoff-project-thumbnail-hover p {
  font-weight: 700;
  line-height: 1.214em;
}

.hentry .entry-content a:not(.button) {
  text-decoration: none;
}

.showoff-project-inner-readmore { font-weight: 700; }

/*=====  End of INTEGRATION PAGE  ======*/





/* Reserve mobile gallery and thumbnail space before FlexSlider initializes. */
@media (max-width: 767px) {
  .single-product div.product
  .woocommerce-product-gallery:has(
    .woocommerce-product-gallery__image +
    .woocommerce-product-gallery__image
  ) {
    height: calc(100vw + 58px);
    overflow: hidden;
  }
}