/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

body p {
  /*color: var(--Text-Colour, #4C4C4C) !important;*/
  /*font-family: "gotham", sans-serif;*/
  /*font-size: 16px;*/
  font-style: normal;
  /*font-weight: 400;*/
  /*line-height: 26px;*/
}

.more-link {
  display: block;
}

.variation-count {
  font-size: 14px;
  color: #555;
  margin-top: 5px;
  text-align: left;
  white-space: nowrap;
}

/* Filter Buttons (Shared Styles) */
.category-filter-buttons,
.color-filter-buttons,
.attribute-filter-buttons {
  margin-bottom: 20px;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.left-side-filters .attribute-filter-buttons {
  align-items: normal;
  flex-direction: column;
}

.category-filter-button {
  /*background-color: #eee;*/
  /*border: 1px solid #ccc;*/
  border-radius: 5px;
  font-family: "Outfit";
  color: var(--Text-Colour, #4c4c4c);
  text-align: center;
  font-size: 22px;
  font-style: normal;
  font-weight: 300;
  line-height: 25px; /* 113.636% */
}

.category-filter-button,
.attribute-filter-button,
.color-filter-button {
  display: inline-block;
  padding: 8px 12px;
  /* background-color: #eee; */
  /* border: 1px solid #ccc; */
  /* border-radius: 5px; */
  text-decoration: none;
  color: #333;
  /*font-weight: bold;*/
  transition: background-color 0.3s ease;
  white-space: nowrap;
}

.attribute-filter-button:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  box-sizing: border-box;
  border: 10px solid;
  padding: 0;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  color: #cdcdcd;
  background-color: transparent;
}

.category-filter-button:hover,
.category-filter-button.active {
  /*background-color: #333;*/
  /*color: #fff;*/
  color: var(--Text-Colour, #4c4c4c);
  font-weight: 500;
}

.attribute-filter-button:hover,
.attribute-filter-button.active,
.color-filter-button:hover,
.color-filter-button.active {
  /*color: #000;*/
  color: var(--Text-Colour, #4c4c4c);
  font-weight: 700;
}

.attribute-filter-button.active:before {
  background-color: #fff;
  border: 7px solid;
  color: #666;
}

/* Clear Filters Button */
.clear-filters {
  margin-top: 20px;
}

.clear-filters-button {
  display: inline-block;
  padding: 10px 15px;
  background-color: #ff0000;
  color: #fff;
  text-decoration: none;
  border-radius: 5px;
  transition: background-color 0.3s ease;
}

.clear-filters-button:hover {
  background-color: #cc0000;
}

/* Dropdowns (Mobile) */
.category-filter-dropdown,
.attribute-filter-dropdown {
  display: none;
}

/* Your existing styles (unchanged) */
.attribute-filter-item {
  position: relative;
  margin: 0 10px;
  text-align: center;
  /* width: 270px;  */
  /* Added to match image width */
  height: 270px; /* New: Fixed height */
}

.attribute-filter-item a {
  display: block;
  position: relative;
  text-decoration: none;
  height: 100%; /* New: Fill container */
}

.attribute-filter-item img {
  display: block;
  /* width: 270px !important; */
  height: 270px !important;
  object-fit: cover;
  filter: brightness(0.7);
  transition: filter 0.3s ease; /* Added smooth transition */
}

.attribute-filter-item:hover img {
  filter: brightness(1);
}

.filter-label {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: "Outfit", sans-serif;
  color: var(--Secondary-Colour, #faf9f6);
  font-size: 22px;
  font-weight: 300;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  margin: 0;
  padding: 8px 16px;
  border-radius: 4px;
  white-space: nowrap;
  pointer-events: none; /* Added for better click handling */
}

/* New container constraints */
.attribute-filter-carousel.owl-carousel {
  display: flex;
  align-items: center;
  height: 290px; /* Slightly taller to accommodate margins */
  overflow: visible; /* Changed to visible for proper hover effects */
  padding: 10px 0; /* Breathing room */
}

/* Owl Carousel specific fixes */
.attribute-filter-carousel .owl-stage-outer {
  height: 270px !important;
  padding: 10px 0; /* Match carousel padding */
}

.attribute-filter-carousel .owl-stage {
  display: flex;
  align-items: center;
  height: 270px !important;
}

.attribute-filter-carousel .owl-item {
  /* width: auto !important;
  min-width: 270px;
  height: 270px !important;
  margin-right: 20px;  */
  /* Replace default owl margins */
}

/* Remove Owl's default dots if not needed */
.attribute-filter-carousel .owl-dots {
  margin-top: 0;
}

.attribute-filter-carousel .owl-item {
  /* margin-right: 29px !important; */
  margin-left: auto !important;
  margin-right: auto !important;
}

/*
*
*filter hero image
*
*/

.product-filters-top-banner {
  position: relative;
  width: 100%;
  height: 450px; /* Fixed height for desktop */
  overflow: hidden;
  margin-top: 89px;
}

.product-filters-banner-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://www.textilecompany.com.au/wp-content/uploads/2025/06/ttc-product-banner-image-scaled.webp");
  background-size: cover;
  /*background-position: center bottom;*/
  background-position: 0% 78%;
  background-repeat: no-repeat;
}

.product-filters-banner-title {
  position: absolute;
  font-family: "Outfit", sans-serif;
  margin: 0;
  bottom: 60px;
  left: 60px;
  max-width: 60%;
  /*text-shadow: 2px 2px 4px rgba(0,0,0,0.5);*/
  color: var(--Secondary-Colour, #faf9f6);
  font-size: 50px;
  font-style: normal;
  font-weight: 200;
  line-height: 50px; /* 100% */
  text-transform: uppercase;
}

/* Mobile styles */
@media (max-width: 768px) {
  .product-filters-top-banner {
    height: 300px; /* Reduced height for mobile */
    margin-top: 47px;
  }

  .product-filters-banner-title {
    /*left: 50%;*/
    left: 22%;
    transform: translateX(-50%);
    text-align: center;
    /*bottom: 40px;*/
    bottom: 20px;
    width: 90%;
    max-width: 90%;
    font-size: 32px; /* Smaller font for mobile */
    padding: 0 20px;
  }

  .product-filters-banner-image {
    background-size: cover;
    background-position: top center;
  }
}

/*
*
* End filter hero image
*
*/

/*
*
* accordion product attributes
*
*/

.attribute-filter-group {
  margin-bottom: 15px;
  border-bottom: 1px solid #4c4c4c;
  padding-bottom: 10px;
}

.attribute-filter-group a {
  color: var(--Text-Colour, #4c4c4c);
  font-family: "gotham", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}

.attribute-filter-header {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
}

.attribute-filter-header span {
  color: var(--Text-Colour, #4c4c4c);
  font-family: "gotham", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 162.5% */
}

.attribute-filter-header strong {
  font-weight: bold;
}

.attribute-filter-buttons {
  display: none; /* Hidden by default */
  flex-wrap: wrap;
  gap: 5px;
  padding-top: 10px;
}

.attribute-filter-buttons.show {
  display: flex; /* Show when active */
}

.toggle-icon {
  font-size: 18px;
}

/* Hide button version on mobile */
@media (max-width: 768px) {
  /*.attribute-filter-buttons {*/
  /*    display: none !important;*/
  /*}*/
}

/* Mobile accordion styles */
.mobile-attribute-filter-group {
  margin-bottom: 15px;
  border-bottom: 1px solid #eee;
}

.mobile-attribute-filter-header {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
}

.mobile-attribute-filter-header strong {
  font-weight: bold;
}

.attribute-filter-dropdown {
  display: none;
  width: 100%;
  padding: 8px;
  margin-top: 5px;
}

.mobile-attribute-filter-group.active .attribute-filter-dropdown {
  display: block;
}

.mobile-toggle-icon {
  font-size: 18px;
}

/*
*
* End accordion product attributes
*
*/

/* Mobile styles */
@media (max-width: 768px) {
  .product-filters-hero-title {
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    bottom: 50px;
    width: 90%;
    font-size: 40px; /* Slightly smaller on mobile */
  }

  .product-filters-hero {
    height: 80vh; /* Adjust height for mobile if needed */
  }
}

@media (max-width: 768px) {
  /*.category-filter-buttons,*/
  /*.attribute-filter-button {*/
  /*  display: none !important;*/
  /*}*/
  .category-filter-buttons {
    display: none !important;
  }
  .category-filter-dropdown,
  .attribute-filter-dropdown {
    display: block;
    width: 100%;
    padding: 10px;
    margin-bottom: 20px;
  }
}

/* Shop Layout */
.shop-layout-container {
  display: flex;
  flex-direction: column;
  max-width: 1200px !important;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.category-filters {
  width: 100%;
  margin-bottom: 20px;
}

.shop-content-wrapper {
  display: flex;
  gap: 40px;
  align-items: flex-start;
}

.custom-products-container {
  width: 75%;
  flex-grow: 1;
}

.custom-filter-sidebar {
  width: 25%;
  min-width: 250px;
}

/* Filters and Products Container */
.filters-and-products-container {
  display: flex;
  gap: 20px;
  align-items: flex-start;
}

.left-side-filters {
  flex: 0 0 250px;
  position: sticky;
  top: 20px;
  /*margin-top: 180px;*/
}

.woocommerce-products-header,
.woocommerce-loop {
  flex: 1;
}

/* Top Filters */
.top-filters {
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 70px;
}

.shop-clear-all {
  display: flex;
  justify-content: space-between;
  color: var(--Text-Colour, #4c4c4c);
  font-family: "gotham", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px; /* 162.5% */
}

.shop-clear-all a {
  color: var(--Text-Colour, #4c4c4c);
  text-align: right;
  font-size: 13px;
  font-weight: 400;
  line-height: 22px; /* 169.231% */
}

/* Responsive Design */
@media (max-width: 1024px) {
  .shop-content-wrapper,
  .filters-and-products-container {
    flex-direction: column;
  }
  .category-filters,
  .custom-filter-sidebar,
  .custom-products-container {
    width: 100%;
  }
  .custom-filter-sidebar {
    order: 2;
  }
  .custom-products-container {
    order: 3;
  }
  .left-side-filters {
    flex: 1;
    position: static;
  }
}

/* Hide WooCommerce Ordering */
form.woocommerce-ordering {
  display: none;
}

/* Background Color for Product Archives */
.post-type-archive-product.woocommerce .container-wrap,
.tax-product_cat.woocommerce .container-wrap {
  background-color: white !important;
}

/* Image Slider Styles */
.attribute-filter-slider {
  margin-bottom: 20px;
}

.attribute-image-slider {
  margin: 0 -10px;
}

.slider-item {
  padding: 0 10px;
  text-align: center;
}

.slider-item img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  transition: transform 0.3s ease;
}

.slider-item a {
  text-decoration: none;
  color: #333;
}

.slider-item a:hover img {
  transform: scale(1.05);
}

.slider-item span {
  display: block;
  margin-top: 10px;
  font-size: 14px;
  font-weight: bold;
}

/* Slick Slider Overrides */
.slick-prev,
.slick-next {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  z-index: 1;
}

.slick-prev:hover,
.slick-next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

.slick-prev::before,
.slick-next::before {
  color: #fff;
  font-size: 20px;
}

.slick-dots {
  bottom: -30px;
}

.slick-dots li button::before {
  font-size: 12px;
  color: #333;
}

.slick-dots li.slick-active button::before {
  color: #0073aa;
}

.attribute-filter-carousel .owl-carousel {
  display: flex !important;
  gap: 20px !important;
}

.attribute-filter-item img {
  /*height: revert-layer;*/
}

/* Hide button filters on mobile */
@media (max-width: 768px) {
  /*.category-filter-buttons,*/
  /*.attribute-filter-buttons {*/
  /*  display: none !important;*/
  /*}*/
  .category-filter-buttons {
    display: none !important;
  }

  .category-filter-dropdown,
  .attribute-filter-dropdown {
    display: block;
    width: 100%;
    padding: 10px;
    margin-bottom: 20px;
    color: var(--Text-Colour, #4c4c4c);
    font-family: "gotham", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
  }

  .attribute-filter-carousel {
    width: 100%;
    overflow-x: auto;
    flex-wrap: nowrap;
  }

  .attribute-filter-item {
    flex: 0 0 auto;
    /*width: 50%;*/
  }

  .left-side-filters {
    margin-top: 0px !important;
    width: 100%;
  }
}

.attribute-filter-buttons strong {
  background-color: #000;
  color: #fff;
  padding-top: 5px;
  padding-bottom: 5px;
}

.nectar-shop-header h1 {
  display: none;
}

/*
    *
    *
    *
    */

/* Fullwidth Slider */
.product-banner-slider {
  /*width: 100%;*/
  margin-bottom: 20px;
}

/* Two Columns Layout */
.product-details-grid {
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
}

.product-attributes,
.product-pdf-links {
  flex: 1;
}

.product-pdf-links {
  background: var(--Light-Mode, #f9f9f9);
  width: 369px;
  max-width: 369px;
  height: 357px;
  flex-shrink: 0;
  padding: 30px;
  margin-top: 20px; /* Add spacing between stacked columns */
}

/* Responsive: Stack columns on mobile */
@media (max-width: 768px) {
  .product-details-grid {
    flex-direction: column; /* Stack vertically on mobile */
  }
}

/*.product-pdf-links ul {*/
/*  list-style: none;*/
/*  padding: 0;*/
/*}*/

/*.product-pdf-links ul li {*/
/*  margin-bottom: 10px;*/
/*}*/

/*.product-attributes ul,*/
/*.product-pdf-links ul {*/
/*  margin-left: 0px;*/
/*}*/

/*.product-attributes ul li,*/
/*.product-pdf-links ul li {*/
/*  list-style-type: none;*/
/*}*/

/* Product Variations */
.product-variations {
  margin-top: 100px;
}

/* Fullwidth Slider */
.product-banner-slider {
  width: 100%;
  margin-bottom: 20px;
  overflow: hidden;
  /*padding-left: 100px;*/
  /*padding-right: 100px;*/
  display: flex;
  align-items: center; /* Optional: vertically center image if needed */
  justify-content: center; /* Optional: horizontally center */
  margin-top: 114px;
}

.product-banner-slider .owl-carousel,
.product-banner-slider .owl-carousel .item {
  height: 700px;
}

.product-banner-slider .owl-carousel .item img {
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  margin: 0 auto;
}

@media (max-width: 475px) {
  .product-banner-slider .owl-carousel .item img {
    height: 500px;
    margin-top: 63px;
    object-fit: cover;
  }
}

@media (max-width: 768px) {
  .product-banner-slider {
    height: 400px; /* Adjust height for tablets */
  }
}

@media (max-width: 480px) {
  .product-banner-slider {
    height: 300px; /* Adjust height for mobile */
  }
}

/* Social Media Share Buttons */
.social-share-buttons {
  margin-top: 20px;
}

.social-share-buttons p {
  margin-bottom: 10px;
  color: var(--Text-Colour, #4c4c4c);
  font-family: "gotham", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}

.social-share-buttons ul {
  list-style: none;
  padding: 0;
  display: flex;
  gap: 10px;
  margin-left: 0px;
}

.social-share-buttons ul li {
  display: inline-block;
}

.social-share-buttons ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-color: transparent;
  border-radius: 50%;
  border: 1px solid black;
  color: #333;
  text-decoration: none;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.social-share-buttons ul li a:hover {
  background-color: #333;
  color: #fff;
}

.social-share-buttons ul li a i {
  font-size: 18px;
}

/* Tooltips */
.social-share-buttons ul li a {
  position: relative;
}

/* .social-share-buttons ul li a::after {
      content: attr(title);
      position: absolute;
      bottom: -25px;
      left: 50%;
      transform: translateX(-50%);
      background-color: #333;
      color: #fff;
      padding: 5px 10px;
      border-radius: 4px;
      font-size: 12px;
      opacity: 0;
      visibility: hidden;
      transition: opacity 0.3s ease, visibility 0.3s ease;
    }
    
    .social-share-buttons ul li a:hover::after {
      opacity: 1;
      visibility: visible;
    } */

/* Variation Images Grid */
.variation-images {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(166px, 1fr));
  gap: 15px;
  margin-top: 20px;
}

/* Variation Item */
.variation-item {
  position: relative;
  text-align: center;
  /* border: 1px solid #ddd; */
  padding: 10px;
  border-radius: 4px;
  overflow: hidden;
}

/* Image Wrapper */
.image-wrapper {
  position: relative;
  display: inline-block;
}

/* Variation Image */
.variation-item img {
  max-width: 100%;
  height: auto;
  display: block;
  margin-bottom: 10px;
}

/* Heart Icon */
.heart-icon {
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  /*color: #ff0000;*/
  color: #000;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  /*opacity: 0; */ /* Hide by default */
  /*visibility: hidden; */ /* Hide by default */
}

/* Show heart icon on hover */
.image-wrapper:hover .heart-icon {
  opacity: 1;
  visibility: visible;
}

/* Always show heart icon on mobile */
@media (max-width: 767px) {
  .heart-icon {
    opacity: 1;
    visibility: visible;
  }
}

.heart-icon:hover {
  background-color: rgba(000, 0, 0, 0.8);
  color: #fff;
}

.heart-icon i {
  font-size: 20px;
}

/* Fallback Image */
.fallback-image {
  opacity: 0.7;
  border: 2px dashed #ccc;
}

/* SKU Styling */
.variation-sku {
  margin: 10px 0;
  text-align: left;
  color: var(--Text-Colour, #4c4c4c);
  text-align: center;
  font-family: "gotham", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}

.mck-image-box {
  position: relative;
  width: 270px;
  height: 270px !important;
  overflow: hidden;
  display: block;
  margin: 0 auto;
}

.mck-image-box {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease;
  display: block;
  filter: brightness(70%); /* dark overlay */
}

.mck-image-box:hover {
  filter: brightness(100%);
  transform: scale(1.03);
}

.mck-overlay-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  pointer-events: none;
  color: var(--Secondary-Colour, #faf9f6);
  font-family: Outfit;
  font-size: 22px;
  font-style: normal;
  font-weight: 300;
  line-height: 25px; /* 113.636% */
  white-space: nowrap;
}

/* Responsive */
@media (max-width: 768px) {
  .mck-image-box {
    width: 100%;
    height: auto;
  }

  .mck-image-box img {
    height: auto;
  }
}

/**
**
**
**
*/

@media (min-width: 1024px) and (max-width: 1700px) {
  .mck-vision-to-life {
    /*padding-left: 40px !important;*/
  }
}

@media (min-width: 1024px) {
  .mck-vision-to-life {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .mck-vision-to-life .vc_column-inner {
    max-width: 400px;
  }

  .mck-flex {
    display: flex;
    align-items: center;
  }

  .shop-clear-all {
    gap: 8%;
    /*justify-content: normal;*/
  }
}

.input-with-arrow {
  position: relative;
  max-width: 400px;
}

.input-with-arrow input[type="email"] {
  width: 100%;
  padding-right: 40px; /* space for the arrow */
  height: 44px;
  border: 1px solid #ccc;
  border-radius: 6px;
  padding-left: 12px;
  font-size: 16px;
  box-sizing: border-box;
}

.input-with-arrow .arrow-btn {
  position: absolute;
  top: 17%;
  right: 12px;
  transform: translateY(-50%);
  background: none;
  border: none;
  padding: 0 !important;
  font-size: 20px;
  color: #333;
  cursor: pointer;
  line-height: 1;
  background-color: transparent !important;
}

.input-with-arrow span {
  color: #ccc !important;
}

button[type="submit"]:hover {
  background-color: transparent !important;
}

.input-with-arrow .arrow-btn:hover {
  color: #000;
}

/*
*
* Additional left filter
*
*/

.filter-test-combine {
  width: 100%;
}

@media (min-width: 1024px) {
  .filter-test-combine {
    width: 25%;
    margin-top: 135px;
    padding-left: 60px;
  }
  .filters-and-products-container .container {
    padding-left: 30px;
  }
  .product-banner-slider {
    margin-top: 89px;
  }
}

/*
*
* End Additional left filter
*
*/

/*
*
* Woocommerce Product Page
*
*/

.woocommerce ul.products li.product .woocommerce-loop-product__title {
  color: var(--Text-Colour, #4c4c4c);
  font-family: "gotham", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
}

.woocommerce ul.products li.product .price {
  display: none;
}

.loop-brand,
.variation-count {
  color: var(--Text-Colour, #4c4c4c);
  display: block;
  font-family: "gotham", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 169.231% */
}

/*
*
* END Woocommerce Product Page
*
*/

/*
*
* Woocommerce Single Product
*
*/

.mck-single-product .product-title-single {
  color: var(--Text-Colour, #4c4c4c);
  font-family: Outfit;
  font-size: 30px;
  font-style: normal;
  font-weight: 300;
  line-height: 35px;
  text-transform: uppercase;
}

.product-attributes {
  display: grid;
  grid-template-columns: max-content 1fr;
  column-gap: 1em;
  row-gap: 0.5em;
  font-size: 1rem;
  margin-top: 1em;
}

.product-attributes .attr-name {
  color: var(--Text-Colour, #4c4c4c);
  font-family: "gotham", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px; /* 162.5% */
}

.product-attributes .attr-value {
  color: var(--Text-Colour, #4c4c4c);
  font-family: "gotham", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 162.5% */
}

.login-to-see-price {
  color: var(--Subtle-Text-Colour, #b2b2b2);
  font-family: "gotham", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

@media (max-width: 600px) {
  .product-attributes {
    grid-template-columns: 1fr;
  }
  .product-attributes .attr-name {
    margin-bottom: 0.25em;
  }
}

@media (max-width: 1024px) {
  .mck-single-product-form .container {
    padding: 50px;
  }
}

@media (min-width: 1025px) {
  .product-pdf-links {
    margin-top: 1em; /* Add spacing between stacked columns */
  }
  .mck-single-product-form .container {
    padding: 50px;
  }
}

.pdf-link-list {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}

.pdf-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid #000;
  text-decoration: none;
  transition: color 0.3s;
  color: var(--Text-Colour, #4c4c4c);
  font-family: "gotham", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}

.pdf-link:hover {
  color: #000;
}

.pdf-link .arrow {
  font-size: 1rem;
  margin-left: 10px;
  transition: transform 0.2s;
}

.pdf-link:hover .arrow {
  transform: translateX(4px);
}

.product-variations h3 {
  color: var(--Text-Colour, #4c4c4c);
  font-size: 30px;
  font-style: normal;
  font-weight: 300;
  line-height: 35px;
  text-transform: uppercase;
}

.product-variations .single-variations-text {
  color: var(--Text-Colour, #4c4c4c);
  font-family: "gotham", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}

.add-to-cart-box {
  color: var(--Text-Colour, #4c4c4c);
  text-align: center;
  font-family: "gotham", sans-serif;
  padding: 8px;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 169.231% */
  border: 1px solid var(--Text-Colour, #4c4c4c);
  display: flex;
  width: 172px;
  justify-content: center;
  align-items: center;
  margin-top: 15px;
}

@media (max-width: 768px) {
  .add-to-cart-box {
    width: 160px;
  }
}

.add-to-cart-box:hover {
  background-color: #4c4c4c;
  color: #f9f9f9;
}

.mck-single-product-form {
  background: var(--Light-Mode, #f9f9f9);
  margin-top: 100px;
  /*padding-top: 50px;*/
  /*padding-bottom: 50px;*/
}

.mck-single-product-form h3 {
  color: var(--Text-Colour, #4c4c4c);
  text-align: center;
  font-family: Outfit;
  font-size: 30px;
  font-style: normal;
  font-weight: 300;
  line-height: 35px; /* 116.667% */
  text-transform: uppercase;
  margin-bottom: 40px;
}

.mck-single-product-similar-item {
  margin-top: 100px;
  margin-botom: 100px;
}

.mck-single-product-similar-item h3 {
  color: var(--Text-Colour, #4c4c4c);
  font-family: Outfit;
  font-size: 30px;
  font-style: normal;
  font-weight: 300;
  line-height: 35px;
  text-transform: uppercase;
  margin-bottom: 40px;
}

.mck-single-product-form .form-row::before {
  content: none !important;
}

.mck-single-product-form .form-submit {
  text-align: center;
}

.mck-single-product-form .form-submit input {
  color: #000;
  font-family: Outfit !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 26px;
  letter-spacing: 3.5px;
  text-transform: uppercase;
  padding-left: 32px;
  padding-right: 32px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.mck-single-product-similar-item section ul li {
  /*width: 15% !important;*/
  /*display: flex;*/
  /*flex-direction: column;*/
}

.related-by-brand-grid::before {
  content: none !important;
}

.related-products-by-brand ul.related-by-brand-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  padding: 0;
  margin: 0;
  list-style: none;
}

@media (min-width: 768px) {
  .related-products-by-brand ul.related-by-brand-grid {
    grid-template-columns: repeat(5, 1fr);
  }
}

.related-by-brand-grid li.product {
  width: 100% !important;
  margin: 0 !important;
}

/*
*
* END Woocommerce Single Product
*
*/

.mck-cart-page .price {
  display: none;
}

.mck-cart-page .wp-block-woocommerce-cart-order-summary-block {
  display: none;
}

.mck-cart-page .wc-block-cart-items__header-total {
  display: none;
}

.mck-cart-page .wc-block-cart-item__image {
  width: 30%;
}

.mck-cart-page .wc-block-components-product-name,
.mck-cart-page .wc-block-components-product-details__name {
  color: var(--Text-Colour, #4c4c4c);
  font-family: "gotham", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px; /* 162.5% */
}

.mck-cart-page .wc-block-components-product-details__value,
.mck-cart-page .wc-block-cart-item__remove-link {
  color: var(--Text-Colour, #4c4c4c);
  font-family: "gotham", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 26px; /* 162.5% */
}

.mck-cart-page .wc-block-cart-item__remove-link {
  color: var(--Text-Colour, #4c4c4c) !important;
  font-family: "gotham", sans-serif !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 300 !important;
  line-height: 26px !important;
}

/*
*
*Trade login Request
*
*/
.mck-account-created {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  max-width: 800px;
  margin: 0 auto;
}

.mck-account-created .form-row {
  width: 100%;
}

@media (min-width: 600px) {
  .mck-account-created .form-row.half {
    width: calc(50% - 10px);
  }
}

/* Form fields */
.mck-account-created input,
.mck-account-created textarea,
.mck-account-created select {
  width: 100%;
  padding: 10px;
  font-size: 1rem;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

/* Submit button */
.mck-account-created .wpcf7-submit {
  background-color: #222;
  color: #fff;
  padding: 12px 30px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.mck-account-created .wpcf7-submit:hover {
  background-color: #444;
}

/* Spacing */
.mck-account-created .form-row {
  margin-bottom: 15px;
}

.mck-force-width {
  display: block;
  width: 90% !important;
}

@media (min-width: 1025px) {
  .mck-force-width {
    width: 97% !important;
  }
}

/* Custom field label styling */
.mck-account-created .field-label {
  display: block;
  font-weight: 600;
  margin-bottom: 8px;
}

/* Ensure radio buttons stack vertically */
.mck-account-created .radio-group .wpcf7-list-item {
  display: block;
  margin-bottom: 6px;
}

/* Optional: adjust radio circle and label spacing */
.mck-account-created .radio-group input[type="radio"] {
  margin-right: 8px;
}

.mck-field-form input {
  width: auto;
}

.form-row label,
.form-row p {
  color: #000;
  font-family: "gotham", sans-serif !important;
  font-size: 13px;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 22px;
}

.mck-submit-account-button {
  margin-left: auto;
}

.mck-submit-account-button input {
  background: transparent;
  background-color: transparent !important;
  border: 1px solid var(--Primary-Color, #191919) !important;
  color: #000 !important;
  text-align: center;
  font-family: Outfit !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 26px;
  letter-spacing: 3.5px;
  text-transform: uppercase;
}

.mck-submit-account-button input:hover {
  background-color: #000 !important;
  color: white !important;
}

.mck-heading-request-access {
  color: var(--Text-Colour, #4c4c4c);
  text-align: center;
  font-family: Outfit;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
}

.mck-text-request-access {
  color: var(--Text-Colour, #4c4c4c);
  font-family: "gotham", sans-serif !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}

/*
*
* Login Page
*
*/

.mck-login-page-submit input {
  border: 1px solid var(--Primary-Color, #191919);
  background: transparent;
  background-color: transparent !important;
  color: #000;
  text-align: center;
  font-family: Outfit !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 185.714% */
  letter-spacing: 3.5px;
  text-transform: uppercase;
}

.mck-login-page-submit input:hover {
  background-color: #000 !important;
  color: #fff;
}

.mck-login-forget-password {
  color: var(--Text-Colour, #4c4c4c);
  text-align: center;
  font-family: "gotham", sans-serif !important;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  margin-top: 45px;
}
.mck-account p {
  text-align: center;
}

.mck-not-yet-registered h4 {
  color: var(--Text-Colour, #4c4c4c);
  text-align: center;
  font-family: Outfit;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
}

.mck-not-yet-registered p {
  color: var(--Text-Colour, #4c4c4c);
  text-align: center;
  font-family: "gotham", sans-serif !important;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}

.mck-not-yet-registered .mck-nr-here {
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.mck-thank-you {
  margin-left: auto;
  margin-right: auto;
}

.mck-thank-you p {
  margin-top: 30px;
}

@media (min-width: 1025px) {
  .mck-not-yet-registered p {
    width: 768px;
    margin-left: auto;
    margin-right: auto;
  }

  .mck-login-page {
    width: 570px;
    margin-left: auto;
    margin-right: auto;
  }

  .mck-thank-you {
    width: 50%;
  }
}

.form-row h5 {
  color: #000;
  font-family: Outfit;
  font-size: 22px;
  font-style: normal;
  font-weight: 300;
  line-height: 25px;
  margin-top: 50px;
}

.mck-sourcing {
  flex-direction: column;
}

.mck-source-form-align-fix {
  align-items: flex-end;
}
.sourcing-form-style .mck-submit-account-button {
  justify-content: flex-end;
}
.mck-promote-break {
  flex-direction: column;
}

.mck-promote-break h4 {
  color: var(--Text-Colour, #4c4c4c);
  text-align: center;
  font-family: Outfit;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  margin-left: auto;
  margin-right: auto;
}

.mck-promote-break p {
  color: var(--Text-Colour, #4c4c4c);
  font-family: "gotham", sans-serif !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.make-source-a-line {
  border-bottom: 1px solid #b2b2b2;
  margin-top: 30px;
  margin-bottom: 30px;
}

.price,
.amount,
.woocommerce-Price-amount {
  display: none !important;
}

/* Hide prices in mini-cart */
.widget_shopping_cart .amount,
.woocommerce-mini-cart__total .amount {
  display: none !important;
}

/* Hide any other potential price displays */
.amount,
.price,
.woocommerce-Price-amount,
.woocommerce-variation-price,
.woocommerce-variation-price .price {
  display: none !important;
}

/* Optional: Style the submit button to look more like a contact form */
#place_order {
  background-color: #2c3e50;
  font-size: 1.2em;
  padding: 15px 30px;
}

.wp-block-woocommerce-checkout-order-summary-block {
  display: none !important;
}

.nectar-post-grid-item__read-more {
  border: 1px solid var(--Primary-Color, #191919);
  display: flex;
  padding: 10px 32px;
  justify-content: center;
  align-items: center;
  color: #000;
  text-align: center;
  font-family: Outfit;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 185.714% */
  letter-spacing: 3.5px;
  text-transform: uppercase;
  width: 53%;
}

@media (min-width: 1025px) {
  .nectar-post-grid-item__read-more {
    width: 45%;
  }
}

.nectar-post-grid-item__read-more:hover {
  background-color: #191919 !important;
  color: #fff !important;
}

.nectar-post-grid-item__read-more svg {
  display: none;
}

#logo {
  margin-top: 1px !important;
  margin-bottom: 1px !important;
}

.woocommerce-page .mck-account-banner-top {
  margin-top: 89px !important;
}

.mck-button-welcome {
  margin-top: 36px;
}

.mck-welcome-image {
  height: 500px;
}

@media (max-width: 1000px) {
  .mck-welcome-image {
    margin-bottom: 0px !important;
  }

  .woocommerce-page .mck-account-banner-top {
    padding-left: 20px !important;
    padding-right: 20px !important;
    margin-top: 113px !important;
  }
}

@media (min-width: 1000px) and (max-width: 1400px) {
  .mck-welcome-image {
    /*height: 700px;*/
    height: 100vh;
  }
}

@media (min-width: 1401px) {
  .mck-welcome-image {
    height: 900px;
  }
}

.mck-welcome-image .vc_column-inner {
  justify-content: flex-end;
}

.mck-our-story-3 h2 {
  color: var(--Text-Colour, #4c4c4c) !important;
  font-family: Outfit;
  font-size: 30px;
  font-style: normal;
  font-weight: 300;
  line-height: 35px;
  text-transform: uppercase;
}

.mck-our-story-3 p {
  color: var(--Text-Colour, #4c4c4c);
  font-family: "gotham", sans-serif !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 400;
  line-height: 26px !important;
}

.mck-our-story-3 h5 {
  color: var(--Text-Colour, #4c4c4c);
  font-family: Outfit;
  font-size: 22px;
  font-style: normal;
  font-weight: 300;
  line-height: 25px;
}

.mck-our-story-4 h3 {
  color: var(--Text-Colour, #4c4c4c);
  text-align: center;
  font-family: Outfit;
  font-size: 30px;
  font-style: normal;
  font-weight: 300;
  line-height: 35px; /* 116.667% */
  text-transform: uppercase;
}

.mck-contact-2 h4 {
  color: var(--Text-Colour, #4c4c4c);
  text-align: center;
  font-family: Outfit;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px; /* 136.364% */
}

.mck-contact-2 p {
  color: var(--Text-Colour, #4c4c4c);
  text-align: center;
  font-family: "gotham", sans-serif !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}

.mck-contact-3 .wpb_tabs_nav .tab-item a {
  background-color: transparent !important;
  color: var(--Text-Colour, #4c4c4c);
  text-align: center;
  font-family: Outfit;
  font-size: 22px;
  font-style: normal;
  font-weight: 300;
  line-height: 30px;
  margin-bottom: 30px;
  background: transparent;
  border: none;
}

.mck-contact-3 .wpb_tabs_nav .tab-item .active-tab {
  background: transparent;
  font-weight: 700;
  color: var(--Text-Colour, #4c4c4c);
}

@media (min-width: 1000px) and (max-width: 1300px) {
  .mck-home-slider .content {
    margin-left: 10%;
  }
}

/*
*
* Resources Post Loop
*
*/

/*.custom-post-grid {*/
/*  display: flex;*/
/*  flex-direction: column;*/
/*  gap: 24px;*/
/*  margin: 0 auto;*/
/*  max-width: 1200px;*/
/*  padding: 20px;*/
/*}*/

/*.grid-row {*/
/*  display: grid;*/
/*  gap: 24px;*/
/*}*/

/*.grid-row.row-2 {*/
/*  grid-template-columns: repeat(2, 1fr);*/
/*}*/

/*.grid-row.row-3 {*/
/*  grid-template-columns: repeat(3, 1fr);*/
/*}*/

/* Responsive */
/*@media (max-width: 768px) {*/
/*  .grid-row {*/
/*    grid-template-columns: 1fr !important;*/
/*  }*/
/*}*/

/*.custom-post-row.columns-2 .post-item {*/
/*    width: 50%;*/
/*}*/
/*.custom-post-row.columns-3 .post-item {*/
/*    width: 33.3333%;*/
/*}*/
/*.custom-post-row {*/
/*    display: flex;*/
/*    flex-wrap: wrap;*/
/*    margin-bottom: 30px;*/
/*}*/
/*.post-item {*/
/*    padding: 15px;*/
/*    box-sizing: border-box;*/
/*}*/

.custom-post-grid-2 {
  display: grid;
  grid-template-columns: repeat(12, 1fr); /* 12 columns for precise control */
  gap: 16px;
  margin: 0 auto;
  max-width: 1200px;
  padding: 20px;
}

.post-item-2 {
  gap: 20px;
  display: flex;
  flex-direction: column;
}

/* PATTERN DEFINITION */
/* First item in 2-item rows (30%) */
.post-item-2:nth-child(10n + 1),
.post-item-2:nth-child(10n + 7) {
  grid-column: span 4; /* 30% */
}

/* Second item in 2-item rows (70%) */
.post-item-2:nth-child(10n + 2),
.post-item-2:nth-child(10n + 6) {
  grid-column: span 8; /* 70% */
}

/* All 3-item rows (33% each) */
.post-item-2:nth-child(10n + 3),
.post-item-2:nth-child(10n + 4),
.post-item-2:nth-child(10n + 5),
.post-item-2:nth-child(10n + 8),
.post-item-2:nth-child(10n + 9),
.post-item-2:nth-child(10n + 10) {
  grid-column: span 4; /* 33% */
}

/* Mobile layout */
@media (max-width: 768px) {
  .custom-post-grid-2 {
    grid-template-columns: 1fr;
  }
  .post-item-2 {
    grid-column: auto !important;
  }
}

/* Desktop gap adjustment */
@media (min-width: 992px) {
  .custom-post-grid-2 {
    gap: 24px;
  }
}

.custom-post-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 24px;
  margin: 0 auto;
  max-width: 1200px;
  padding: 20px;
}

.post-item {
  background: #fff;
  /*border: 1px solid #ddd;*/
  /*padding: 16px;*/
  display: flex;
  flex-direction: column;
  gap: 15px;
  transition: box-shadow 0.3s ease;
  background: var(--Light-Mode, #f9f9f9);
}

.post-item .post-title,
.post-item .post-meta,
.post-item .post-excerpt {
  padding-left: 16px;
  padding-right: 16px;
}

.post-item:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.post-thumb img {
  width: 100%;
  /*height: auto;*/
  display: block;
  height: 450px !important;
  display: block;
  max-height: 300px;
  object-fit: cover;
  object-position: top;
}

.post-meta {
  font-size: 14px;
  color: #777;
}

.post-excerpt {
  font-size: 15px;
  color: #333;
}

.read-more-button {
  margin-top: auto;
  align-self: flex-start;
  padding: 8px 16px;
  /*background: #0073aa;*/
  color: #fff;
  text-decoration: none;
  border-radius: 4px;
  transition: background 0.3s ease;
  /*padding-left: 0px;*/
}

.read-more-button:hover {
  /*background: #005f8d;*/
}

.custom-pagination {
  text-align: center;
  margin-top: 30px;
}

.custom-pagination ul {
  list-style: none;
  padding: 0;
  display: inline-flex;
  gap: 8px;
}

.custom-pagination li {
  display: inline;
}

.custom-pagination a,
.custom-pagination span {
  display: inline-block;
  padding: 8px 12px;
  /*background: #eee;*/
  background: transparent;
  /*color: #333;*/
  text-decoration: none;
  /*border-radius: 4px;*/
  color: var(--Text-Colour, #4c4c4c);
  text-align: center;
  font-family: "gotham", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}

.custom-pagination .current {
  background: black;
  color: #fff;
  font-weight: bold;
  width: 35px;
  height: 35px;
  padding: 11px 13px 10px 13px !important;
  line-height: 11px;
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.16);
}

.custom-post-filters {
  display: flex;
  /*flex-wrap: wrap;*/
  gap: 10px;
  margin-bottom: 20px;
  /*width: 50%;*/
  margin-left: auto;
  margin-right: auto;
}

.custom-post-filters select {
  color: var(--Text-Colour, #4c4c4c);
  font-family: Outfit;
  font-size: 22px;
  font-style: normal;
  font-weight: 300;
  line-height: 25px;
}

@media (min-width: 1000px) {
  .custom-post-filters {
    width: 72%;
    justify-content: center;
  }

  .custom-post-filters select {
    box-shadow: none;
  }
}

.filter-button {
  padding: 6px 12px;
  /*background: #eee;*/
  background: transparent;
  border-radius: 4px;
  text-decoration: none;
  /*color: #333;*/
  color: #000;
  text-align: center;
  font-family: Outfit;
  font-size: 22px;
  font-style: normal;
  font-weight: 300;
  line-height: 30px;
}

.filter-button.active {
  /*background: #000;*/
  /*color: #fff;*/
  color: var(--Text-Colour, #4c4c4c);
  /*color: white;*/
  text-align: center;
  font-family: Outfit;
  font-size: 22px;
  font-style: normal;
  font-weight: 500 !important;
  line-height: 30px;
}

.filter-dropdown {
  padding: 6px 12px;
  border-radius: 4px;
}

.post-title-text {
  color: var(--Text-Colour, #4c4c4c);
  font-family: Outfit;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
}

.post-meta .post-date,
.read-more-button {
  color: var(--Text-Colour, #4c4c4c);
  font-family: "gotham", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}

.post-item .post-excerpt,
.post-item-2 .post-excerpt {
  color: var(--Text-Colour, #4c4c4c);
  font-family: "gotham", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}

.post-item .post-meta {
  color: var(--Text-Colour, #4c4c4c);
  font-family: "gotham", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}

/*.masonry-grid {*/
/*  display: grid;*/
/*  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));*/
/*  gap: 30px;*/
/*}*/

/*.post-item {*/
/*background: #fff;*/
/*border: 1px solid #e2e2e2;*/
/*padding: 20px;*/
/*  box-sizing: border-box;*/
/*  break-inside: avoid;*/
/*}*/

@media (max-width: 1000px) {
  .custom-post-filters {
    flex-direction: column;
  }
}

.post-title-project-text {
  font-size: 30px !important;
  font-weight: 300 !important;
  line-height: 35px !important;
  text-transform: uppercase;
}

.post-by-project-text {
  color: var(--Text-Colour, #4c4c4c);
  font-family: Outfit;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  margin-bottom: 0px !important;
}

/*
*
* End Resources Post Loop
*
*/

.mck-new-collection-badge {
  position: relative;
}

.mck-new-collection-badge .wpb_text_column {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 999;
  background-color: var(--Primary-Color, #191919);
  opacity: 0.6;
  padding: 10px;
}

.mck-new-collection-badge .wpb_text_column h4 {
  color: var(--Secondary-Colour, #faf9f6);
  text-align: center;
  font-family: Outfit;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
}

/*
*
* Extra
*
*/

.mck-gotham-our-contact-text p {
  color: var(--Primary-Color, #191919);
  text-align: center;
  font-family: "gotham", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}

.mck-table-contact-us,
.mck-brand-display-none table,
.mck-press-display-none table {
  border-top: none !important;
}

.mck-table-contact-us .mck-table-contact-us-1,
.mck-table-contact-us-2,
.mck-table-contact-us-3,
.mck-table-contact-us-4,
.mck-brand-display-none table td,
.mck-press-display-none table th,
.mck-press-display-none table td {
  background-color: white;
  border-style: none !important;
}

.mck-table-contact-us-1 h3 {
  color: var(--Text-Colour, #4c4c4c);
  font-family: Outfit !important;
  font-size: 30px !important;
  font-style: normal;
  font-weight: 300 !important;
  line-height: 35px !important;
  text-transform: uppercase;
  margin-bottom: 0px !important;
}

.mck-table-contact-us-1 p {
  color: var(--Text-Colour, #4c4c4c);
  font-family: "gotham", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}

.mck-table-contact-us-2 .mck-contact-table-2 {
  color: var(--Text-Colour, #4c4c4c);
  font-family: "gotham", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
}

.mck-table-contact-us-2 .mck-contact-table-3,
.mck-table-contact-us-2 a,
.mck-table-contact-us-3 span {
  color: var(--Text-Colour, #4c4c4c);
  font-family: "gotham", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}

.mck-press-display-none .vc_column-inner h1 {
  color: var(--Text-Colour, #4c4c4c);
  font-family: Outfit;
  font-size: 50px;
  font-style: normal;
  font-weight: 200;
  line-height: 50px;
  text-transform: uppercase;
}

.mck-in-the-press .vc_column-inner p {
  color: #4c4c4c;
  /*font-family: Outfit;*/
  /*font-size: 20px;*/
  font-style: normal;
  /*font-weight: 700;*/
  line-height: 30px;
}

.mck-press-display-none th {
  color: var(--Text-Colour, #4c4c4c);
  font-family: Outfit;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
}

.mck-press-display-none table th h4,
.mck-in-the-press table td h4 {
  color: var(--Text-Colour, #4c4c4c);
  font-family: Outfit;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
}

.mck-press-display-none table td {
  color: var(--Text-Colour, #4c4c4c);
  font-family: "gotham", sans-serif;
  font-size: 16px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}

.mck-table-contact-us-3 a {
  color: #000;
  text-align: center;
  font-family: Outfit;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 3.5px;
  text-transform: uppercase;
  border: 1px solid var(--Primary-Color, #191919);
  padding-left: 32px;
  padding-right: 32px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.mck-table-contact-us-3 a:hover {
  background-color: #191919;
  color: white;
}
.mck-table-contact-us-4 p {
  color: var(--Text-Colour, #4c4c4c);
  font-family: "gotham", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}

@media (min-width: 1000px) and (max-width: 1599px) {
  .mck-contact-tab ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
    justify-content: center;
    background-color: white;
    /*width: 50%;*/
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .mck-contact-center {
    display: flex;
    align-items: center;
  }

  .mck-contact-tab ul li {
    width: calc(16.666% - 10px);
    margin-right: 10px;
    margin-bottom: 10px;
    /*border-right: 1px solid #000;*/
    position: relative;
  }

  .mck-contact-tab ul li:not(:nth-child(6n)):not(:last-child)::after {
    content: "|";
    position: absolute;
    right: -8px;
    top: 32%; /* Adjust vertical position */
    transform: translateY(-50%);
    color: #000; /* Black separator */
    font-size: 14px;
    display: block !important;
  }

  .mck-contact-tab ul li:nth-child(6n),
  .mck-contact-tab ul li:last-child {
    border-right: none;
  }

  .mck-contact-tab ul li:nth-child(6n) {
    margin-right: 0;
  }

  .mck-contact-tab ul li:last-child {
    margin-right: 0;
  }

  .mck-contact-gap-samller-2 .wpb_wrapper {
    margin-right: 10% !important;
  }

  .mck-contact-gap-samller-1 .wpb_wrapper {
    margin-left: 10% !important;
  }
}

@media (min-width: 1600px) {
  .mck-contact-tab ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
    justify-content: center;
    background-color: white;
    width: 50%;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .mck-contact-center {
    display: flex;
    align-items: center;
  }

  /*.wpb_tabs_nav li:not(:last-child)::after {*/
  /*    content: "|" !important;*/
  /*    margin: 0 0.5em !important;*/
  /*}*/

  .mck-contact-tab ul li {
    width: calc(16.666% - 10px);
    margin-right: 10px;
    margin-bottom: 10px;
    /*border-right: 1px solid #000;*/
    position: relative;
  }

  .mck-contact-tab ul li:not(:nth-child(6n)):not(:last-child)::after {
    content: "|";
    position: absolute;
    right: -8px;
    top: 32%; /* Adjust vertical position */
    transform: translateY(-50%);
    color: #000; /* Black separator */
    font-size: 14px;
    display: block !important;
  }

  .mck-contact-tab ul li:nth-child(6n),
  .mck-contact-tab ul li:last-child {
    border-right: none;
  }

  .mck-contact-tab ul li:nth-child(6n) {
    margin-right: 0;
  }

  .mck-contact-tab ul li:nth-child(n + 7) {
    /*width: 100%;*/
    /*margin-top: 10px;*/
  }

  .mck-contact-tab ul li:last-child {
    margin-right: 0;
  }

  .mck-our-story-heading-explore {
    /*display: flex;*/
    /*justify-content: start;*/
    /*align-items: center;*/
  }

  .mck-contact-gap-samller-2 .wpb_wrapper {
    margin-right: 10% !important;
  }

  .mck-contact-gap-samller-1 .wpb_wrapper {
    margin-left: 10% !important;
  }
}

.mck-brand-display-none table td:first-child {
  color: var(--Text-Colour, #4c4c4c);
  font-family: "gotham", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
}

.mck-brand-display-none table td:nth-child(2),
.mck-brand-display-none .nectar-responsive-text p {
  color: var(--Text-Colour, #4c4c4c);
  font-family: "gotham", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 162.5% */
}

.mck-heading-text-welcome {
  color: var(--Secondary-Colour, #faf9f6);
  font-family: Outfit;
  font-size: 30px;
  font-style: normal;
  font-weight: 300;
  line-height: 35px;
  text-transform: uppercase;
}

.mck-brand-display-none .controls h3 span:first-child {
  text-transform: uppercase;
}

.mck-post-loop-homepage .meta-excerpt {
  /*max-width: 100% !important;*/
}

.woocommerce-pagination {
  text-align: right !important;
}

.woocommerce-pagination li a {
  font-family: "gotham", sans-serif !important;
}

.mck-brand-specific .blog_next_prev_buttons {
  display: none;
}

.mck-single-product-form .form-col select {
  height: 58px; /* Match your input field height */
  padding: 0 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 16px;
  width: 100%;
  box-sizing: border-box;
  appearance: none; /* Removes default arrow styling in some browsers */
  background-color: #f1f1f1 !important;
  background-image: url("data:image/svg+xml;charset=US-ASCII,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'><path fill='black' d='M0 3l5 5 5-5z'/></svg>");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 10px;
}

.mck-new-collection-top .form-col select,
.mck-case-study-top .form-col select,
.mck-news-new .form-col select,
.mck-get-in-contact-form .form-col select {
  height: 58px; /* Match your input field height */
  padding: 0 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 16px;
  width: 100%;
  box-sizing: border-box;
  appearance: none; /* Removes default arrow styling in some browsers */
  background-color: transparent !important;
  background-image: url("data:image/svg+xml;charset=US-ASCII,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'><path fill='black' d='M0 3l5 5 5-5z'/></svg>");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 10px;
}

@media (min-width: 1000px) {
  .mck-brand-display-none .vc_do_custom_heading {
    color: var(--Text-Colour, #4c4c4c);
    font-family: Outfit;
    font-size: 30px;
    font-style: normal;
    font-weight: 300;
    line-height: 35px;
    text-transform: uppercase;
  }

  .mck-filter-projects-new {
    width: 20%;
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .mck-press-display-none .vc_col-sm-3 {
    padding-left: 0px !important;
  }

  .mck-single-product-form-max-width {
    max-width: 50%;
  }

  .mck-single-product-form .form-submit {
    margin-top: 0px;
  }
  .mck-single-product-form .mck-form-message p {
    padding-bottom: 0px;
  }
  .mck-brand-specific .mck-brand-button-section-1 h6 {
    display: flex;
    justify-content: flex-end;
  }
  .mck-brand-specific .mck-brand-button-section-2 h6 {
    display: flex;
    justify-content: flex-start;
  }
  .mck-brand-specific .hero-row {
    margin-top: 13px !important;
  }
  .post-thumb img {
    /*height: 450px !important;*/
    max-height: 450px;
  }

  .mck-brand-specific .carousel-overlay-text {
    width: 40%;
  }

  .mck-case-study-0 {
    display: flex;
    align-items: center;
  }
  .mck-case-study-0 h2,
  .mck-case-study-0-2 h2 {
    padding-bottom: 20px;
  }
  .mck-case-study-0 .mck-case-study-1 {
    padding-bottom: 0px;
  }
  .mck-case-study-top .form-submit,
  .mck-news-new .form-submit {
    text-align: center;
  }
  .mck-news-new .wpcf7,
  .mck-new-collection-top .wpcf7 {
    padding-left: 20%;
    padding-right: 20%;
  }
  .mck-case-study-top .wpcf7 {
    padding-left: 0%;
    padding-right: 0%;
  }
  .mck-new-collection-top .form-submit p {
    text-align: center;
  }
  .mck-form-93 p {
    width: 93%;
  }
  .mck-checkbox-form-fix-1 {
    gap: 5px;
  }
}

@media (max-width: 1000px) {
  .filter-separator {
    display: none !important;
  }
  #slide-out-widget-area .inner .off-canvas-menu-container li > a {
    color: var(--Light-Mode, #f9f9f9);
    /*text-align: center;*/
    font-family: Outfit !important;
    font-size: 20px !important;
    font-style: normal;
    font-weight: 300 !important;
    line-height: 37px !important;
    letter-spacing: 3px;
    text-transform: uppercase;
  }
}

.mck-case-fancy-fix .text {
  padding-right: 0px !important;
  padding-top: 20px !important;
}
.mck-case-study-top .form-submit input,
.mck-news-new .form-submit input,
.mck-new-collection-top .form-submit input,
.mck-get-in-contact-form .form-submit input {
  color: #000;
  text-align: center;
  font-family: Outfit !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 26px;
  letter-spacing: 3.5px;
  text-transform: uppercase;
}

.mck-in-the-press .vc_row-fluid:first-child p {
  color: #4c4c4c !important;
  font-family: Outfit !important;
  font-size: 22px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 30px !important;
}

.mck-new-collection-top .vc_row-fluid:first-child .wpb_wrapper,
.mck-case-study-top .vc_row-fluid:first-child .wpb_wrapper p {
  color: var(--Text-Colour, #4c4c4c);
  font-family: "gotham", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}

.mck-case-study-top .wpb_wrapper,
.mck-case-study-top .wpb_wrapper p {
  color: var(--Text-Colour, #4c4c4c);
  font-family: "gotham", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}

.mck-case-study-top .wpb_wrapper h2 {
  color: var(--Text-Colour, #4c4c4c);
  font-family: Outfit;
  font-size: 30px;
  font-style: normal;
  font-weight: 300;
  line-height: 35px;
  text-transform: uppercase;
}

.mck-new-collection-top p {
  color: var(--Text-Colour, #4c4c4c);
  font-family: "gotham", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px !important;
}

.mck-brand-specific .nectar-fancy-box .text p {
  color: var(--Text-Colour, #4c4c4c);
  text-align: center;
  font-family: Outfit;
  font-size: 22px;
  font-style: normal;
  font-weight: 300;
  line-height: 25px;
}

.mck-brand-specific .nectar-fancy-box .text {
  padding-top: 10px;
}

.mck-news-new p {
  color: var(--Text-Colour, #4c4c4c) !important;
  font-family: "gotham", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}

@media (max-width: 768px) {
  .mck-footer-3 {
    /*display: none;*/
  }
}

.container-wrap input,
.container-wrap textarea {
  border-radius: 0px;
}

.mck-checkbox-form-fix p {
  padding-bottom: 0px;
}

.mck-checkbox-form-fix .field-label {
  margin-bottom: 0px;
}

.filter-separator {
  display: flex;
  align-items: center;
}

.mck-custom-arrow {
  width: auto;
  color: var(--Text-Colour, #000) !important;
}

.custom-search-form {
  display: flex;
  gap: 8px; /* optional spacing between input and button */
  align-items: center;
  margin-top: 20px; /* adjust as needed */
}

.custom-search-form input[type="text"],
.project-search-form input[type="text"] {
  flex: 1;
  padding: 8px;
  font-size: 14px;
  font-family: Outfit;
}

.custom-search-form button,
.project-search-form button {
  font-size: 14px;
  cursor: pointer;
  color: #fff;
  text-align: center;
  font-family: Outfit;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 25px;
}

body .container-wrap .custom-search-form button[type="submit"],
body .container-wrap .project-search-form button[type="submit"] {
  padding: 8px 22px !important;
  font-size: 22px;
}

.custom-search-form button:hover,
.project-search-form button:hover {
  color: #000;
  background-color: white;
  border: 1px solid black;
}

/*.custom-search-box .custom-search-form button {*/
/*    padding: 11px 22px !important;*/
/*}*/

.owl-prev {
  position: absolute;
  top: 50%;
  left: 17px;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  padding: 0;
  border: 2px solid lightgray !important;
  border-radius: 50%;
  z-index: 12;
  font-size: 20px !important;
  color: white !important;
}
.owl-next {
  position: absolute;
  top: 50%;
  right: 12px;
  width: 40px;
  height: 40px; /* match width */
  margin-top: -20px; /* half of height */
  padding: 0;
  border: 2px solid lightgray !important;
  border-radius: 50%; /* makes it a circle */
  z-index: 12;
  font-size: 20px !important;
  color: white !important;
}

@media (min-width: 1000px) {
  .custom-search-box {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
  }
  .project-search-form {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    width: 50%;
  }
  .mck-split-row-1 .mck-make-it-center {
    display: flex;
    align-items: center;
  }
  .mck-split-row-1 .mck-image-col img {
    max-width: 705px !important;
    max-height: 770px !important;
  }
  .attribute-filter-carousel .owl-stage-outer {
    position: relative;
  }
  .owl-prev {
    /* position: absolute;
    top: 50%; */
    left: 17px;
    /* width: 40px;
    height: 40px;
    margin-top: -20px;
    padding: 0;
    border: 2px solid lightgray !important;
    border-radius: 50%;
    z-index: 12;
    font-size: 20px !important; */
  }
  .owl-next {
    /* position: absolute;
    top: 50%; */
    right: 12px;
    /* width: 40px;
    height: 40px;
    margin-top: -20px;
    padding: 0;
    border: 2px solid lightgray !important;
    border-radius: 50%;
    z-index: 12;
    font-size: 20px !important; */
  }
  .woocommerce-result-count {
    position: static !important;
    float: right !important;
  }
  .mck-project-new-1 table {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto;
  }
  .mck-project-new-1 table tr td:first-child {
    width: 180px;
    white-space: nowrap; /* Prevent text from wrapping */
    vertical-align: top;
  }
  .mck-product-single-carousel .owl-prev {
    left: 0px !important;
  }
  .mck-product-single-carousel .owl-next {
    right: 0px !important;
  }
}

@media (min-width: 1300px) {
  .owl-prev {
    left: -36px;
    color: lightgray !important;
  }
  .owl-next {
    right: -41px;
    color: lightgray !important;
  }
}

@media (min-width: 1400px) {
  .owl-prev {
    left: -56px;
  }
  .owl-next {
    right: -56px;
  }
}

.mck-account-new-fix .woocommerce-MyAccount-content p,
.woocommerce-MyAccount-content .woocommerce-table td,
.woocommerce-MyAccount-navigation ul li a {
  text-align: left !important;
  color: var(--Text-Colour, #4c4c4c) !important;
  font-family: "gotham", sans-serif;
  font-size: 16px !important;
  font-style: normal;
  line-height: 26px;
}

.woocommerce-Address-title a {
  float: left !important;
  text-align: left !important;
  color: var(--Text-Colour, #4c4c4c) !important;
  font-family: "gotham", sans-serif;
  font-size: 16px;
  font-style: normal;
  line-height: 26px;
}

.woocommerce-MyAccount-content .woocommerce-table th {
  text-align: left !important;
  color: var(--Text-Colour, #4c4c4c) !important;
  font-family: "gotham", sans-serif;
  font-size: 16px;
  font-style: normal;
  line-height: 26px;
}

@media (min-width: 1000px) and (max-width: 1400px) {
  .mck-wel-im-1 .wpb_wrapper {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 30px;
    width: 359px;
    background: rgba(25, 25, 25, 0.1);
  }
  .mck-wel-im-2 .wpb_wrapper {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 30px;
    width: 359px;
    background: rgba(25, 25, 25, 0.1);
    margin-left: auto !important;
  }
  .mck-image-fix-1 img {
    max-width: 100% !important;
  }
  .mck-vision-to-life-new {
    justify-content: center;
  }
  .mck-brand-heading-text {
    font-size: 35px !important;
    line-height: 35px !important;
  }
}

@media (min-width: 1401px) and (max-width: 1600px) {
  .mck-vision-to-life-new {
    justify-content: center;
  }
}

@media (min-width: 1401px) {
  .mck-wel-im-1 .wpb_wrapper {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 30px;
    width: 359px;
    background: rgba(25, 25, 25, 0.1);
  }
  .mck-wel-im-2 .wpb_wrapper {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 30px;
    width: 359px;
    background: rgba(25, 25, 25, 0.1);
    margin-left: auto !important;
  }
  .mck-image-fix-1 img {
    max-width: 705px !important;
  }
}

@media (min-width: 1600px) {
  .mck-wel-im-1 .wpb_wrapper {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 30px;
    width: 359px;
    background: rgba(25, 25, 25, 0.1);
  }
  .mck-wel-im-2 .wpb_wrapper {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 30px;
    width: 359px;
    background: rgba(25, 25, 25, 0.1);
    margin-left: auto !important;
  }
  .mck-image-fix-1 img {
    max-width: 750px !important;
    /*max-height: 695px !important;*/
  }
}
.product-wrap .product-add-to-cart a {
  display: none !important;
}

.woocommerce-breadcrumb {
  display: none;
}

.mck-split-row .mck-make-it-center .nectar-responsive-text p strong {
  color: var(--Text-Colour, #4c4c4c) !important;
  font-family: Outfit;
  font-size: 22px !important;
  font-style: normal;
  font-weight: 500;
  line-height: 30px !important;
}

.mck-product-single-carousel {
  position: static;
}

/*
*
* End Extra
*
*/
.filter-breadcrumbs {
  /*margin: 20px 0;*/
  margin-bottom: 20px;
  padding: 10px 15px;
  /*background: #f8f8f8;*/
  border-radius: 4px;
  font-size: 14px;
}

.filter-breadcrumbs span,
.filter-breadcrumbs a,
.woocommerce-result-count {
  color: var(--Text-Colour, #4c4c4c) !important;
  font-family: "gotham", sans-serif;
}

.filter-breadcrumbs .breadcrumb-label {
  font-weight: bold;
  margin-right: 5px;
}

.filter-breadcrumbs .breadcrumb-item {
  display: inline-block;
  margin-right: 5px;
  padding: 3px 8px;
  background: #fff;
  border-radius: 3px;
  /*border: 1px solid #ddd;*/
}

.filter-breadcrumbs .remove-filter {
  margin-left: 5px;
  color: #999;
  text-decoration: none;
}

.filter-breadcrumbs .remove-filter:hover {
  color: #d33;
}

.filter-breadcrumbs .clear-all-filters {
  margin-left: 10px;
  /*color: #d33;*/
  /*text-decoration: underline;*/
}
/*
*
* Breadcrumbs woocommerce
*
*/

/*
*
* New New New
*
*/

.image-wrapper {
  position: relative;
  overflow: hidden;
}

.ajax-cart-toggle {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #000;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: all 0.3s ease;
  z-index: 10;
}

/* Show on image hover (desktop only) */
.image-wrapper:hover .ajax-cart-toggle {
  opacity: 1;
}

/* Hover effect */
.ajax-cart-toggle:hover {
  background-color: #fff;
  color: #000;
}

/* Always show on mobile */
@media (max-width: 768px) {
  .ajax-cart-toggle {
    opacity: 1 !important;
  }
}

.image-wrapper a.popup-image {
  cursor: zoom-in;
}

/* Add top padding inside popup to avoid navbar overlay */
.mfp-figure {
  padding-top: 80px !important; /* Add enough space for navbar + some breathing room */
  max-height: calc(
    100vh - 80px
  ) !important; /* Ensure popup height fits viewport minus navbar */
  overflow-y: auto !important;
  box-sizing: border-box;
}

/* Position SKU label absolutely below navbar */
.mfp-sku {
  position: absolute;
  top: 15px; /* Place SKU label inside the popup, below navbar */
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.75);
  color: #fff;
  padding: 6px 12px;
  font-size: 14px;
  border-radius: 4px;
  z-index: 1050; /* Above overlay */
  white-space: nowrap;
}

/* Ensure popup content container is relative for SKU absolute positioning */
.mfp-content {
  position: relative;
}

/* Limit image height to fit inside popup */
.mfp-img {
  max-height: calc(
    100vh - 140px
  ) !important; /* 80px padding + SKU label space */
  width: auto;
  height: auto;
  margin: 0 auto;
  display: block;
}

.mfp-extra-info {
  font-size: 16px;
}

.mfp-sku {
  color: #333;
}

.mfp-download:hover {
  background-color: #444;
}

.mfp-title {
  text-align: center;
  padding-top: 10px;
  font-size: 14px;
  color: #333;
}

.popup-sku {
  font-weight: bold;
  color: #fff;
}

.popup-download {
  color: #fff;
  text-decoration: underline;
}

.popup-download:hover {
  color: #555;
}

/*
*
*New Pagination
*
*/

.mck-load-more {
  text-align: center;
  margin-top: 25px;
  margin-bottom: 25px;
}

#load-more-button,
#load-more-projects,
#load-more-grid {
  color: #000;
  padding: 10px 32px;
  text-align: center;
  background-color: #fff;
  font-family: Outfit;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 185.714% */
  letter-spacing: 3.5px;
  text-transform: uppercase;
  cursor: pointer;
}

#load-more-button:hover,
#load-more-projects:hover,
#load-more-grid:hover {
  background-color: #000;
  color: #fff;
}

.woocommerce-result-count {
  display: none;
}

/*
*
*New Stuff
*
*/

.team-meta {
  display: flex;
  flex-direction: column;
}

.team-meta h3 {
  order: 1;
}

.team-meta h5 {
  order: 2;
}

/*
*
*New Stuff 2
*
*/

@media (max-width: 768px) {
  .mck-footer-2 {
    text-align: center;
  }
  .mck-footer-3 .page-submenu ul {
    position: static !important;
  }
}

@media (min-width: 768px) and (max-width: 999px) {
  .wpb_wrapper h3.mck-brand-heading-text {
    font-size: 30px !important;
    line-height: 35px !important;
  }
}

.attribute-filter-carousel {
  width: 100vw;
  align-items: initial !important;
}

@media (min-width: 1300px) {
  .attribute-filter-carousel {
    display: block !important;
    width: 1212px;
    align-items: initial !important;
  }
}

/*
*
*Spinner
*
*/

.attribute-filter-carousel-wrapper {
  position: relative;
  min-height: 300px; /* prevents “jump” while loading */
}

.attribute-filter-carousel-wrapper .attribute-filter-loader {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  background: #f8f8f8;
}

.attribute-filter-carousel-wrapper.is-loaded .attribute-filter-loader {
  display: none;
}

.attribute-filter-carousel.is-hidden {
  opacity: 0;
}

.attribute-filter-carousel.is-visible {
  opacity: 1;
  transition: opacity 0.4s ease;
}

/* Simple SVG spinner */
.af-spinner {
  width: 40px;
  height: 40px;
  animation: af-rotate 1s linear infinite;
}

.af-path {
  stroke: #999;
  stroke-linecap: round;
  animation: af-dash 1.5s ease-in-out infinite;
}

@keyframes af-rotate {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes af-dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}

/*
*
*New
*
*/

.mck-post-loop-homepage-2 .nectar-post-grid {
  gap: 0px !important;
}

.mck-post-loop-homepage .nectar-post-grid {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

@media (min-width: 1000px) {
  .mck-post-loop-homepage .nectar-post-grid {
    flex-direction: row;
  }
  /*.mck-post-loop-homepage .nectar-post-grid-item {*/
  /*  width: 50%;*/
  /*}*/
  
  .mck-post-loop-homepage .item-main {
    margin-top: 20px;
  }

  .mck-post-loop-homepage .nectar-post-grid-item__excerpt-wrap {
    margin-top: 10px;
  }
  
  /* Keep image area consistent in your custom grid (4:3) */
  .mck-post-loop-homepage
    .ttc-post-grid.custom-aspect-ratio-4-3
    .nectar-post-grid-item-bg {
    position: relative;
    width: 100%;
    aspect-ratio: 4 / 3; /* modern browsers */
    overflow: hidden;
  }

  /* Make sure images fill that box nicely */
  .mck-post-loop-homepage
    .ttc-post-grid.custom-aspect-ratio-4-3
    .nectar-post-grid-item-bg
    img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

@media (max-width: 768px) {
  .mck-post-loop-homepage .item-main {
    margin-top: 20px;
  }
  .mck-post-loop-homepage .nectar-post-grid-item__excerpt-wrap {
    margin-top: 10px;
  }
  /* Keep image area consistent in your custom grid (4:3) */
  .mck-post-loop-homepage
    .ttc-post-grid.custom-aspect-ratio-4-3
    .nectar-post-grid-item-bg {
    position: relative;
    width: 100%;
    aspect-ratio: 4 / 3; /* modern browsers */
    overflow: hidden;
  }

  /* Make sure images fill that box nicely */
  .mck-post-loop-homepage
    .ttc-post-grid.custom-aspect-ratio-4-3
    .nectar-post-grid-item-bg
    img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

.mck-post-loop-homepage .nectar-post-grid-item__read-more {
  margin-top: 10px;
}

.carousel-item-wrapper img {
  aspect-ratio: 3 / 4;
  object-fit: cover;
}

/*@media (max-width: 500px) {*/
/*    .carousel-item-wrapper button {*/
/*        margin-top: -40px !important;*/
/*    }*/
/*}*/

/* 2 columns on desktop, 1 column on mobile for TTC grid */
.ttc-post-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 15px; /* matches data-grid-spacing="15px" */
}

@media (max-width: 768px) {
  .ttc-post-grid {
    grid-template-columns: 1fr;
  }
}