/**
 * Custom styles for the theme
 * Here you can override any custom property that's already been set (ie. from Bootstrap)
 * Or define your own.
 **/

:root {
  --bs-primary-50: #F8FCFC;
  --bs-primary-100: #EBF7F6;
  --bs-primary-200: #D0ECEA;
  --bs-primary-300: #A8DBD9;
  --bs-primary-400: #6CC2BE;
  --bs-primary-500: #48AEA9;
  --bs-primary: #48AEA9;
  --bs-primary-600: #3B8F8B;
  --bs-primary-700: #317673;
  --bs-primary-800: #054856;
  --bs-primary-900: #013B46;
  --bs-secondary-50: #FFF9F7;
  --bs-secondary-100: #FEEDE8;
  --bs-secondary-200: #FBD0C2;
  --bs-secondary-300: #F9B39B;
  --bs-secondary-400: #F58965;
  --bs-secondary-500: #F36C3F;
  --bs-secondary: #F36C3F;
  --bs-secondary-600: #F1501B;
  --bs-secondary-700: #B4350B;
  --bs-secondary-800: #6C2007;
  --bs-secondary-900: #240B02;
  --bs-tertiary-50: #F3F6FC;
  --bs-tertiary-100: #DCE5F5;
  --bs-tertiary-200: #C3D3F0;
  --bs-tertiary-300: #A2B9E5;
  --bs-tertiary-400: #7496D7;
  --bs-tertiary-500: #4673CA;
  --bs-tertiary: #4673CA;
  --bs-tertiary-600: #3664BC;
  --bs-tertiary-700: #2F57A5;
  --bs-tertiary-800: #294B8E;
  --bs-tertiary-900: #223F77;
  --bs-neutral-50: #F5F7F7;
  --bs-neutral-100: #F1F4F5;
  --bs-neutral-200: #E5EBEC;
  --bs-neutral-300: #B3C4C8;
  --bs-neutral-400: #809DA2;
  --bs-neutral-500: #013B46;
  --bs-neutral: #013B46;
  --bs-neutral-600: #4D767E;
  --bs-neutral-700: #34626B;
  --bs-neutral-800: #054856;
  --bs-neutral-900: #013B46;
  --bs-success-50: #ECFDF5;
  --bs-success-100: #D1FAE5;
  --bs-success-200: #A7F3D0;
  --bs-success-300: #6EE7B7;
  --bs-success-400: #34D399;
  --bs-success-500: #10B981;
  --bs-success: #10B981;
  --bs-success-600: #059669;
  --bs-success-700: #047857;
  --bs-success-800: #065F46;
  --bs-success-900: #064E3B;
  --bs-warning-50: #FFFBEB;
  --bs-warning-100: #FEF3C7;
  --bs-warning-200: #FDE68A;
  --bs-warning-300: #FCD34D;
  --bs-warning-400: #FBBF24;
  --bs-warning-500: #F59E0B;
  --bs-warning: #F59E0B;
  --bs-warning-600: #D97706;
  --bs-warning-700: #B45309;
  --bs-warning-800: #92400E;
  --bs-warning-900: #78350F;
  --bs-error-50: #FEF2F2;
  --bs-error-100: #FEE2E2;
  --bs-error-200: #FECACA;
  --bs-error-300: #FCA5A5;
  --bs-error-400: #F87171;
  --bs-error-500: #EF4444;
  --bs-error: #EF4444;
  --bs-error-600: #DC2626;
  --bs-error-700: #B91C1C;
  --bs-error-800: #991B1B;
  --bs-error-900: #7F1D1D;
  --bs-shades-0: #FFFFFF;
  --bs-shades-100: #000000;

  --bs-primary-50-rgb: 248, 252, 252;
  --bs-primary-100-rgb: 235, 247, 246;
  --bs-primary-200-rgb: 208, 236, 234;
  --bs-primary-300-rgb: 168, 219, 217;
  --bs-primary-400-rgb: 108, 194, 190;
  --bs-primary-500-rgb: 72, 174, 169;
  --bs-primary-rgb: 72, 174, 169;
  --bs-primary-600-rgb: 59, 143, 139;
  --bs-primary-700-rgb: 49, 118, 115;
  --bs-primary-800-rgb: 5, 72, 86;
  --bs-primary-900-rgb: 1, 59, 70;
  --bs-secondary-50-rgb: 255, 249, 247;
  --bs-secondary-100-rgb: 254, 237, 232;
  --bs-secondary-200-rgb: 251, 208, 194;
  --bs-secondary-300-rgb: 249, 179, 155;
  --bs-secondary-400-rgb: 245, 137, 101;
  --bs-secondary-500-rgb: 243, 108, 63;
  --bs-secondary-rgb: 243, 108, 63;
  --bs-secondary-600-rgb: 241, 80, 27;
  --bs-secondary-700-rgb: 180, 53, 11;
  --bs-secondary-800-rgb: 108, 32, 7;
  --bs-secondary-900-rgb: 36, 11, 2;
  --bs-tertiary-50-rgb: 243, 246, 252;
  --bs-tertiary-100-rgb: 220, 229, 245;
  --bs-tertiary-200-rgb: 195, 211, 240;
  --bs-tertiary-300-rgb: 162, 185, 229;
  --bs-tertiary-400-rgb: 116, 150, 215;
  --bs-tertiary-500-rgb: 70, 115, 202;
  --bs-tertiary-rgb: 70, 115, 202;
  --bs-tertiary-600-rgb: 54, 100, 188;
  --bs-tertiary-700-rgb: 47, 87, 165;
  --bs-tertiary-800-rgb: 41, 75, 142;
  --bs-tertiary-900-rgb: 34, 63, 119;
  --bs-neutral-50-rgb: 245, 247, 247;
  --bs-neutral-100-rgb: 241, 244, 245;
  --bs-neutral-200-rgb: 229, 235, 236;
  --bs-neutral-300-rgb: 179, 196, 200;
  --bs-neutral-400-rgb: 128, 157, 162;
  --bs-neutral-500-rgb: 1, 59, 70;
  --bs-neutral-rgb: 1, 59, 70;
  --bs-neutral-600-rgb: 77, 118, 126;
  --bs-neutral-700-rgb: 52, 98, 107;
  --bs-neutral-800-rgb: 5, 72, 86;
  --bs-neutral-900-rgb: 1, 59, 70;
  --bs-success-50-rgb: 236, 253, 245;
  --bs-success-100-rgb: 209, 250, 229;
  --bs-success-200-rgb: 167, 243, 208;
  --bs-success-300-rgb: 110, 231, 183;
  --bs-success-400-rgb: 52, 211, 153;
  --bs-success-500-rgb: 16, 185, 129;
  --bs-success-rgb: 16, 185, 129;
  --bs-success-600-rgb: 5, 150, 105;
  --bs-success-700-rgb: 4, 120, 87;
  --bs-success-800-rgb: 6, 95, 70;
  --bs-success-900-rgb: 6, 78, 59;
  --bs-warning-50-rgb: 255, 251, 235;
  --bs-warning-100-rgb: 254, 243, 199;
  --bs-warning-200-rgb: 253, 230, 138;
  --bs-warning-300-rgb: 252, 211, 77;
  --bs-warning-400-rgb: 251, 191, 36;
  --bs-warning-500-rgb: 245, 158, 11;
  --bs-warning-rgb: 245, 158, 11;
  --bs-warning-600-rgb: 217, 119, 6;
  --bs-warning-700-rgb: 180, 83, 9;
  --bs-warning-800-rgb: 146, 64, 14;
  --bs-warning-900-rgb: 120, 53, 15;
  --bs-error-50-rgb: 254, 242, 242;
  --bs-error-100-rgb: 254, 226, 226;
  --bs-error-200-rgb: 254, 202, 202;
  --bs-error-300-rgb: 252, 165, 165;
  --bs-error-400-rgb: 248, 113, 113;
  --bs-error-500-rgb: 239, 68, 68;
  --bs-error-rgb: 239, 68, 68;
  --bs-error-600-rgb: 220, 38, 38;
  --bs-error-700-rgb: 185, 28, 28;
  --bs-error-800-rgb: 153, 27, 27;
  --bs-error-900-rgb: 127, 29, 29;
  --bs-shades-0-rgb: 255, 255, 255;
  --bs-shades-100-rgb: 0, 0, 0;

}

/** ZD variables **/
:root {

  --heading-theme-font: 'neue-haas-grotesk-display', arial, sans-serif;
  --primary-theme-font: 'Inter', arial, sans-serif;
  --body-theme-font: 'Inter', arial, sans-serif;

  --bs-heading-color: var(--bs-neutral-900);
  --bs-body-color: var(--bs-neutral-500);

  /* --zdcb-link-font-weight: 500; */
  --bs-link-color-rgb: var(--bs-primary-900-rgb);
  --bs-link-hover-color-rgb: var(--bs-primary-800-rgb);

  --bs-highlight-bg: var(--bs-primary-100);

  /** CONTAINERS **/

  /* --bs-container-width-sm: 100vw; Or your desired value */
  /* --bs-container-width-md: 100vw;
  --bs-container-width-lg: 100vw;
  --bs-container-width-xl: 100vw; */
  /* --bs-container-width-xxl: 1728px; */
  /* --bs-container-width-xxl: 100vw; */
  /* For the default .container (no breakpoint suffix) */
  --bs-container-width: 100vw; /* Or your desired default width */
  /* --bs-gutter-x: 2rem; */

  --swiper-navigation-color: var(--bs-neutral-200);
  /* --swiper-pagination-color: var(--bs-shades-0); */
  --swiper-pagination-bullet-active-color: var(--bs-primary-500);
  --swiper-pagination-bullet-inactive-color: var(--bs-neutral-200);
  --swiper-pagination-bullet-inactive-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 0.5rem;
  --swiper-pagination-bullet-border-radius: 0;

  --zdcb-star-rating-colour: var(--bs-warning-500);
  --zdcb-star-rating-inactive-colour: transparent;

  --header-height: 91px;

  --zdcb-mobile-header-icon-colour: var(--bs-primary-900);

  /*
  --zdcb-block-spacing-small: 1.25rem;
  --zdcb-block-spacing-medium: 2rem;
  --zdcb-block-spacing-large: 3.75rem;
  */

}

/**
 * Adjust --header-height property based on screen size
 */
/* @media only screen and (min-width: 768px) {
  :root {
    --header-height: 115px;
  }
} */

@media only screen and (min-width: 1024px) {
  :root {
    --header-height: 101px;
    --zdcb-block-spacing-small: 1.5rem;
    --zdcb-block-spacing-medium: 3rem;
    --zdcb-block-spacing-large: 7.5rem;
    /* --zdcb-block-spacing-large: 5rem; */
  }
}

/* @media only screen and (min-width: 1200px) {
  :root {
    --header-height: 139px; */
    /* --bs-container-width: 1200px; */
    /* --zdcb-block-spacing-large: 7.5rem; */
  /* }
} */

/* @media only screen and (min-width: 1630px) {
  :root {
    --header-height: 139px;
    /* --bs-container-width: 1920px; *
  }
} */

@media only screen and (min-width: 1320px) {
  :root {
    --bs-container-width: 1320px;
  }
}

@media only screen and (min-width: 2000px) {
  :root {
    /* --header-height: 105px; */
    --bs-container-width: 2000px;
  }
}

/** CONTAINERS **/

.container {
  max-width: var(--bs-container-width-sm); /* Default container */
}

.container-sm {
  max-width: var(--bs-container-width-sm);
}

.container-md {
  max-width: var(--bs-container-width);
}

.container-lg {
  max-width: var(--bs-container-width);
}

.container-xl {
  max-width: var(--bs-container-width);
}

.container-xxl {
  max-width: var(--bs-container-width);
}

/* .single-breadcrumb > .container,
.zdcb-container-block .container,
.main-banner,
footer.site-footer > .container {
  --bs-gutter-x: 2rem;
} */

.main-banner.container {
  --bs-gutter-x: 2rem!important;
}
@media only screen and (min-width: 768px) {
  .main-banner.container {
    --bs-gutter-x: 0!important;
  }
}
@media only screen and (max-width: 1599px) {
  /* .main-banner.container {
    --bs-gutter-x: 0!important;
  } */
  /* .main-banner.container > .row, */
  .single-breadcrumb > .container,
  .zdcb-wc.container,
  footer.site-footer > .container {
    --bs-gutter-x: 2rem!important;
  }
}
@media only screen and (min-width: 1600px) {
  .main-banner.container {
    --bs-gutter-x: 1rem!important;
  }
  /* .main-banner.container > .row, */
  .single-breadcrumb > .container,
  .zdcb-wc.container,
  footer.site-footer > .container {
    --bs-gutter-x: 3rem!important;
  }
}

/* Media queries are crucial to maintain responsiveness */
/* @media (min-width: 576px) {
  .container {
    max-width: var(--bs-container-width-sm);
  }
} */

@media (min-width: 768px) {
  .container {
    max-width: var(--bs-container-width);
  }
  .zdcb-container-block.is-style-narrow > .container {
    max-width: 1140px;
  }
  .wp-block-image.size-large img {
    width: 100%;
  }
}
@media (min-width: 2000px) {
  .zdcb-container-block.is-style-narrow > .container {
    max-width: 1320px;
  }
}

/** TYPOGRAPHY **/
body>.wrap h1, body>.wrap h2, body>.wrap h3, body>.wrap h4, body>.wrap h5, body>.wrap h6 {
  --zdcb-font-weight-semibold: 400;
  font-family: var(--heading-theme-font);
  font-style: normal;
}
body>.wrap h1, body.home>.wrap h2 {
  font-size: 1.75rem;
  line-height: 1.2142;
  letter-spacing: 0.84px;
}
body>.wrap h2 {
  font-size: 1.625rem;
  line-height: 1.2307;
  letter-spacing: 0.78px;
}
body>.wrap h3 {
  font-size: 1.5rem;
  line-height: 1.25;
  letter-spacing: 0.72px;
}
body>.wrap h4 {
  font-size: 1.375rem;
  line-height: 1.273;
  letter-spacing: 0.66px;
}
body>.wrap h5 {
  font-size: 1.25rem;
  line-height: 1.4;
  letter-spacing: 0.6px;
}
body>.wrap h6 {
  font-size: 1.125rem;
  line-height: 1.3333;
  letter-spacing: 0.54px;
}

body > .wrap p.is-style-subtitle,
body > .wrapper p.is-style-subtitle {
  font-size: 1.25rem;
  line-height: 1.5;
}

body:not(.page-template-page-thank-you):not(.error404) main.content p:not(.has-text-align-center):not(.is-style-warning):not(.is-style-idea),
body:not(.page-template-page-thank-you):not(.error404) main.content li:not(.card):not(.image):not(.product) {
  max-width: 80ch;
}

@media only screen and ( min-width: 768px ) {
  body>.wrap h1, body.home>.wrap h2 {
    font-size: 4rem;
    line-height: 1.1125;
    letter-spacing: 1.92px;
  }
  body>.wrap h2:not(.gform_submission_error) {
    font-size: 3rem;
    line-height: 1.16667;
    letter-spacing: 1.44px;
  }
  body>.wrap h3 {
    font-size: 2.25rem;
    line-height: 1.2222;
    letter-spacing: 1.08px;
  }
  body>.wrap h4 {
    font-size: 2rem;
    line-height: 1.25;
    letter-spacing: 0.96px;
  }
  body>.wrap h5 {
    font-size: 1.5rem;
    line-height: 1.33;
    letter-spacing: 0.72px;
  }
  body>.wrap h6 {
    font-size: 1.125rem;
    line-height: 1.33;
    letter-spacing: 0.54px;
  }
}

.acf-innerblocks-container p > a:not(.wp-block-button__link):not([data-rel="lightcase"]) {
  text-decoration: var(--bs-body-color) dotted underline;
  text-underline-offset: 5px;
}

.acf-innerblocks-container p > a:not(.wp-block-button__link):not([data-rel="lightcase"]):hover {
  text-decoration-style: solid;
  /* color: var(--bs-primary-900); */
}

main .zdcb-container-block {
  --zdcb-light-background: var(--bs-neutral-50);
  --zdcb-dark-background: var(--bs-primary-900);
  --zdcb-light-foreground: var(--bs-shades-0);
  --zdcb-dark-foreground: var(--bs-primary-900);
}

/** IMAGES **/
main.content img {
  border-radius: 0.75rem;
}

/** ICONS **/
/* ul.is-style-custom-icon li::before {
  background-image: url(../images/custom-list-icon.svg);
} */
ul.is-style-tickboxes li::before {
  background-image: url(../images/tickbox.svg);
}
ul.is-style-custom-icon {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.is-style-custom-icon li {
  display: flex;
  align-items: center;
  break-inside: avoid;
  page-break-inside: avoid;
  padding: 0.5rem 0;
  line-height: 1.5;
  gap: 1rem;
  margin-bottom: 0;
}
ul.is-style-custom-icon li::before {
  position: relative;
  display: inline-block;
  content: "";
  background: url(../images/custom-checkbox.svg) 50% / cover no-repeat;
  flex: 0 0 32px;
  align-self: flex-start;
  width: 32px;
  height: 32px;
  margin-top: 0;
  margin-right: 0;
}
ul.is-style-custom-icon li strong {
  font-size: 1rem;
}

@media only screen and (min-width: 590px) {
  ul.has-columns--x2 {
    column-count: 2;
  }
}
@media only screen and (min-width: 1024px) {
  ul.has-columns--x3 {
    column-count: 3;
  }
}

p + h2,
p + h3,
p + h4,
ul + h2,
ul + h3,
ul + h4 {
  margin-top: var(--zdcb-block-spacing-small);
}

h2 + ul,
h3 + ul,
h4 + ul {
  margin-top: var(--zdcb-block-spacing-small)!important;
}

/** BUTTONS **/

a:link,
a:visited,
a:not([class]):hover {
  text-decoration: none;
}

footer.site-footer a:not(.btn):hover,
main.content a:not(.btn):not(.wp-element-button):not(.cards-item):hover {
  text-decoration: underline;
}

.btn,
.wp-block-button.is-style-fill a.wp-block-button__link,
.wp-block-button a.wp-block-button__link,
header.banner .row.layout .nav-utilities .nav.cta .btn {
  --bs-btn-font-family: var(--body-theme-font);
  --bs-btn-font-size: 1rem;
  --bs-btn-font-style: normal;
  --bs-btn-font-weight: 500;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: var(--bs-shades-0);
  --bs-btn-bg: var(--bs-primary-900);
  --bs-btn-padding-y: 1.25rem;
  --bs-btn-padding-x: 1.75rem;
  --bs-btn-border-width: 2px;
  --bs-btn-border-style: solid;
  --bs-btn-border-color: var(--bs-primary-900);
  --bs-btn-border-radius: 0.5rem;
  --bs-btn-hover-color: var(--bs-shades-0);
  --bs-btn-hover-border-color: var(--bs-primary-500);
  --bs-btn-hover-bg: var(--bs-primary-500);
  --bs-btn-active-color: var(--bs-shades-0);
  --bs-btn-active-border-color: var(--bs-primary-400);
  --bs-btn-active-bg: var(--bs-primary-400);
}

.btn.swiper-button-next,
.btn.swiper-button-prev {
  /* --bs-btn-color: var(--swiper-navigation-color); */
  --bs-btn-bg: var(--bs-shades-0);
  --bs-btn-border-width: 1px;
  --bs-btn-border-color: var(--bs-neutral-200);
  --bs-btn-border-radius: 25rem;
  --bs-btn-hover-color: var(--bs-primary-500);
  --bs-btn-hover-bg: var(--bs-primary-50);
  --bs-btn-active-color: var(--bs-primary-500);
  --bs-btn-active-bg: var(--bs-primary-50);
  --bs-btn-hover-border-color: var(--bs-primary-300);
  --bs-btn-padding-x: 0;
  --bs-btn-padding-y: 0;
}

.is-style-outline a:link.wp-block-button__link,
.is-style-outline a:visited.wp-block-button__link,
.btn-outline {
  --bs-btn-color: var(--bs-neutral-900);
  --bs-btn-font-family: var(--body-theme-font);
  --bs-btn-font-size: 1rem;
  --bs-btn-font-style: normal;
  --bs-btn-font-weight: 500;
  --bs-btn-line-height: 1.5;
  --bs-btn-bg: var(--bs-shades-0);
  --bs-btn-border-color: var(--bs-primary-500);
  --bs-btn-hover-color: var(--bs-shades-0);
  --bs-btn-hover-bg: var(--bs-primary-500);
  --bs-btn-hover-border-color: var(--bs-primary-500);
  --bs-btn-padding-y: 1.25rem;
  --bs-btn-padding-x: 1.75rem;
  --bs-btn-border-radius: 0.5rem;
}

.wp-block-buttons.btns-small a.wp-block-button__link,
.btn-small {
  --bs-btn-padding-x: 1.25rem;
  --bs-btn-padding-y: 0.75rem;
}

.btn-none {
  --bs-btn-padding-x: 1.25rem;
  --bs-btn-padding-y: 0.75rem;
  --bs-btn-border: 0;
}

button.btn-none {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: .5rem;
  line-height: 1;
  color: var(--bs-btn-color);
  border: var(--bs-btn-border, none);
  background-color: var(--bs-btn-bg, transparent);
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
}

.btn-large {
  --bs-btn-padding-x: 1.25rem;
  --bs-btn-padding-y: 2.5rem;
}

.btn-link {
  --bs-btn-color: var(--bs-primary-900);
  --bs-btn-hover-color: var(--bs-primary-800);
}

.btn-social {
  display: inline-flex!important;
  --bs-btn-font-size: 1rem;
  --bs-btn-color: var(--bs-shades-0);
  --bs-btn-bg: var(--bs-primary-900);
  --bs-btn-padding-x: 1.25rem;
  --bs-btn-padding-y: 0.75rem;
  --bs-btn-border-width: 1px;
  --bs-btn-border-style: solid;
  --bs-btn-border-color: var(--bs-primary-900);
  --bs-btn-border-radius: 0.5rem;
  --bs-btn-hover-color: var(--bs-neutral-900);
  --bs-btn-hover-border-color: var(--bs-primary-400);
  --bs-btn-hover-bg: var(--bs-primary-400);
  --bs-btn-active-color: var(--bs-neutral-900);
  --bs-btn-active-border-color: var(--bs-primary-500);
  --bs-btn-active-bg: var(--bs-primary-500);
}

body {
  background-color: var(--bs-shades-0);
}

/* .btn-primary, */
.btn-secondary {
  --bs-btn-color: var(--bs-shades-0);
  --bs-btn-bg: var(--bs-neutral-100);
  --bs-btn-border-color: var(--bs-primary-500);
  /* --bs-btn-hover-bg: var(--bs-primary-700); */
}

/** HEADER **/

header.banner {
  --zdcb-dark-background: unset;
  --zdcb-light-background: var(--bs-shades-0);
  --zdcb-header-color: var(--bs-neutral-900);
  --zdcb-header-hover-color: var(--bs-neutral-900);
  border-width: 0 0 1px;
  border-color: var(--bs-primary-100);
}
header.banner a.brand {
  --bs-gutter-x: 0;
  width: 92px;
}
@media only screen and (min-width: 1024px) {
  header.banner a.brand {
    width: 155px;
    flex-basis: content;
  }
}
@media only screen and (max-width: 768px) {
  .home.has-super-hero header.banner.mobile-drawer--open {
    --zdcb-mobile-header-icon-colour: var(--bs-neutral-900);
    background: var(--bs-shades-0);
  }
}

.home header.banner.has-background-style-light {
  --zdcb-header-color: var(--bs-shades-0);
  --zdcb-mobile-header-icon-colour: var(--zdcb-header-color);
}
.home header.banner.has-background-style-light.sticky {
  --zdcb-header-color: var(--bs-neutral-900);
  --zdcb-mobile-header-icon-colour: var(--zdcb-header-color);
  background: var(--zdcb-light-background);
  border-bottom: 1px solid var(--bs-primary-100);
}

@media only screen and (max-width: 768px) {
  header.banner .row.layout {
    --bs-gutter-x: 0;
  }
}
header.banner .row.layout {
  /* --bs-gutter-x: 0; */
  padding-left: 0;
  padding-right: 0;
  margin-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: calc(var(--bs-gutter-x) * 0.5);
}

.content .single-breadcrumb {
  position: sticky;
  top: var(--header-height);
  background-color: var(--bs-shades-0);
  z-index: 100;
}
.content .single-breadcrumb .icon {
  color: var(--bs-neutral-500);
}
.content .single-breadcrumb a,
.content .single-breadcrumb nav.rank-math-breadcrumb p a,
.content .single-breadcrumb nav.rank-math-breadcrumb p span.last,
.content .single-breadcrumb a .icon {
  color: var(--bs-neutral-500);
}

/** SEARCH FIELD **/
header.banner .row.layout .nav-utilities .nav__search .search__field {
  position: static;
  opacity: 1;
  transform: none;
  background: none;
}

header.banner .row.layout .nav-utilities .nav__search .search__form .search__field-wrapper,
.home.has-super-hero header.banner.sticky .row.layout .nav-utilities .nav__search .search__form .search__field-wrapper {
  display: flex;
  align-items: center;
  border-radius: 0.5rem;
  padding: 0.25rem 1.25rem;
  border: 1px solid var(--bs-neutral-300);
  background-color: var(--bs-shades-0);
}
header.banner .row.layout .nav-utilities .nav__search .search__form .search__field-wrapper svg,
.home.has-super-hero header.banner.sticky .row.layout .nav-utilities .nav__search .search__form .search__field-wrapper svg {
  color: var(--bs-neutral-900);
}
.home.has-super-hero header.banner .row.layout .nav-utilities .nav__search .search__form .search__field-wrapper {
  border: 1px solid var(--bs-shades-0);
  border-radius: 0.75rem;
  background-color: transparent;
}
.home.has-super-hero header.banner .row.layout .nav-utilities .nav__search .search__form .search__field-wrapper svg {
  color: var(--bs-shades-0);
}
.home.has-super-hero header.banner .row.layout .nav-utilities .nav__search .search__form #search_query_top::-webkit-input-placeholder {
  color: var(--bs-shades-0);
}
.home.has-super-hero header.banner.sticky .row.layout .nav-utilities .nav__search .search__form #search_query_top::-webkit-input-placeholder {
  color: var(--bs-neutral-500);
}

.home.has-super-hero header.banner .row.layout .nav-utilities .nav__search .search__form #search_query_top {
  color: var(--bs-shades-0);
}
.home.has-super-hero header.banner.sticky .row.layout .nav-utilities .nav__search .search__form #search_query_top,
header.banner .row.layout .nav-utilities .nav__search .search__form #search_query_top {
  border: 0;
  font-weight: 450;
  color: var(--bs-neutral-900);
  background-color: transparent;
  padding: 1rem 0.75rem;
}

header.banner .row.layout .nav-utilities .nav__search .search__form #search_query_top::-webkit-search-cancel-button {
  opacity: 0;
}

header nav.mobile {
  left: 0;
}
header nav.mobile .cta .btn-primary {
  --bs-btn-bg: var(--bs-primary-900);
  --bs-btn-color: var(--bs-shades-0);
}

header nav.mobile .mobile__menu ul li.menu-item-has-children>a.active .menu-arrow {
  transform: rotate(-180deg);
}
header nav.mobile .mobile__menu ul li ul.dropdown-menu ul.dropdown-menu {
  --bs-dropdown-bg: var(--bs-neutral-200);
  margin-left: 1rem;
}
header nav.mobile .mobile__menu ul li a {
  text-wrap: auto;
  line-height: 1.3!important;
}

/** MAIN MENU **/
@media (min-width: 2000px) {
  header.banner .nav-primary ul li a:link,
  header.banner .nav-primary ul li a:visited {
    font-size: 1.25rem;
  }
}
/* header.banner .nav-primary ul li.dropdown .dropdown-menu {
  --item-width: 410px;
} */

/** PAGES AND COMPONENTS **/

abbr {
  font-style: normal;
  font-weight: bold;
}

ul.wp-block-list.is-style-contact-details li span {
  line-height: 2;
}

/* Light Containers */
.zdcb-container-block.has-background-style--light {
  --zdcb-dark-foreground: var(--bs-neutral-900);
}

@media (max-width: 767.98px) {
  .zdcb-container-block.has-background.background-type--image {
    background-position: 100% 0, 0 0 !important;
  }
}

.page-template-page-thank-you .wrap>.content .icon-wrapper .icon__background,
.error404 .wrap>.content .icon-wrapper .icon__background {
  color: var(--bs-primary-900);
  background-color: var(--bs-primary-500);
}
.page-template-page-thank-you .zdcb-container-block .content,
.error404 [role="alert"] {
  color: var(--bs-body-color);
}

main.content > section.background-position--full[class*="has-background-style--"]:last-child {
  /* margin-bottom: -3rem !important; */
  margin-bottom: var(--zdcb-block-spacing-off);
}

.single-wpsl_stores h2.wp-block-heading:not(.gform_submission_error) {
  color: var(--bs-primary-900, #013B46);
  font: normal 450 1.5rem/1.3 var(--heading-theme-font);
  letter-spacing: .045rem;
}

.blog-grid .article__sticky-badge {
  --bs-btn-padding-x: 0.5rem;
  --bs-btn-padding-y: 0.5rem;
  top: 1rem;
  right: 1rem;
  color: var(--bs-primary-800);
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  border-radius: var(--bs-border-radius);
  background-color: var(--bs-primary-200);
  border: 1px solid var(--bs-primary-300);
}
.blog-grid .article__content header {
  --bs-body-color: var(--zdcb-dark-foreground);
}
.blog-grid .article__image img {
  height: 360px;
  max-height: 360px;
  border-radius: 0.75rem;
}

@media only screen and (min-width: 1600px) {
  .single-post .entry-content,
  .single-post .entry-content .zdcb-container-block > .container > .row > .content,
  .single-post p,
  .single-post li {
    max-width: none!important;
  }
}

main.content ul.is-style-contact-details li a {
  --bs-btn-color: var(--bs-neutral-500);
  --bs-btn-hover-color: var(--bs-primary-500);
  transition: color 0.25s ease-in-out;
  /* color: var(--bs-btn-color); */
}

.wp-pagenavi-wrapper .wp-pagenavi .extend,
.wp-pagenavi-wrapper .wp-pagenavi .page {
  color: var(--bs-neutral-500);
}
.wp-pagenavi-wrapper .wp-pagenavi .previouspostslink {
  margin-right: 2.5rem;
}
.wp-pagenavi-wrapper .wp-pagenavi .nextpostslink {
  margin-left: 2.5rem;
}
.wp-pagenavi-wrapper .wp-pagenavi .previouspostslink,
.wp-pagenavi-wrapper .wp-pagenavi .nextpostslink {
  color: var(--bs-primary-900);
}
.wp-pagenavi-wrapper .wp-pagenavi .current {
  background-color: var(--bs-primary-900);
}
.wp-pagenavi-wrapper .wp-pagenavi .previouspostslink::before,
.wp-pagenavi-wrapper .wp-pagenavi .nextpostslink::after {
  background-image: url(../images/arrow-right--primary-900.svg);
}

.wp-pagenavi-wrapper .wp-pagenavi .nextpostslink::before {
  transform: rotate3d(0, 0, 1, 180deg);
}
@media only screen and (min-width: 1200px) {
  p:not(.has-text-align-center).is-style-supporting-text,
  body > .wrap p:not(.has-text-align-center).is-style-supporting-text,
  body > .wrapper p:not(.has-text-align-center).is-style-supporting-text {
    margin-left: 0 !important;
    max-width: 960px;
  }
}

p.is-style-idea,
body>.wrap p.is-style-idea {
  margin: 2rem 0;
  border: 1px dashed var(--bs-primary);
  padding: 1rem 1rem 1rem 5rem;
  background: var(--bs-primary-100) url('/wp-content/themes/ams/assets/images/idea-icon.min.png') no-repeat 1rem 1.2rem;
}
p.is-style-warning,
body>.wrap p.is-style-warning {
  display: flex;
  gap: 1rem;
  margin: 2rem 0;
  border: 1px dashed var(--bs-error);
  padding: 1rem;
  background: var(--bs-error-100);
}
p.is-style-warning::before,
body>.wrap p.is-style-warning::before {
  content: '❌';
}

/** Straight edged images **/
.wp-block-image.is-style-straight img,
.woocommerce li.product > .woocommerce-loop-product__logo img {
  border-radius: 0;
}

.zdwc-ordering .select2-container--default .select2-selection--single {
  border-radius: .5rem!important;
}

@media only screen and (min-width: 1024px) {
  #manufacturing-partners {
    --zdcb-block-spacing-medium: 3.25rem;
  }
  #manufacturing-partners .zdcb-logos-block > .container > .row > .col-12.mb-4 {
    margin-bottom: 2.5rem!important;
  }
}

.placeholder-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

@media only screen and (min-width: 1024px) {
  .placeholder-wrapper {
    grid-template-columns: repeat(4, 1fr);
  }
}

.page-blog main.content .single-breadcrumb + .zdcb-container-block .wp-block-columns {
  gap: 1rem;
}
.page-blog main.content .single-breadcrumb + .zdcb-container-block .wp-block-columns > .wp-block-column {
  flex-basis: 50%;
}
/* .page-blog main.content .single-breadcrumb + .zdcb-container-block .wp-block-columns .wp-block-column:last-child {
  flex-basis: 70%;
} */
#newsletter-step-1 {
  border: 1px solid var(--bs-neutral-200);
  border-radius: 0.75rem;
  padding: 1rem;
}
@media only screen and (min-width: 1024px) {
  #newsletter-step-1 {
    padding: 1.5rem;
  }
}
/* #newsletter-step-1 section.content {
  margin-bottom: 0;
} */
#newsletter-step-1 h2 {
  color: var(--bs-neutral-900, #013B46);
  font: normal 450 1.5rem/1.3 var(--heading-theme-font);
  letter-spacing: 0.72px;
  margin-bottom: 1.5rem;
}
#newsletter-step-1 .gform_wrapper form {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}
#newsletter-step-1 .gform-body {
  flex-basis: 100%;
}
#newsletter-step-1 .gform-body .gfield--type-email {
  margin-top: 0;
}
#newsletter-step-1 .gform-body .gfield--type-email label {
  height: 0;
  padding: 0;
}
#newsletter-step-1 .gform-body .gfield--type-html {
  color: var(--bs-neutral-900, #013B46);
  font: normal 400 .75rem/1.1 var(--body-theme-font);
}
#newsletter-step-1 .gform-footer {
  margin: 0;
  padding: 0;
  flex-basis: 25%;
  /* justify-content: flex-end; */
}
#newsletter-step-1 .gform-footer button {
  margin: 0;
  min-width: 110px;
  --bs-btn-padding-x: 1.5rem;
  --bs-btn-padding-y: 0.25rem;
}

/** Homepage sections **/
@media only screen and (max-width: 768px) {
  .home #solutions .content > div,
  .home #resources .content > div {
    display: grid;
    grid-template-areas:  "a"
                          "b"
                          "c";
  }

  .home #solutions .wp-block-columns,
  .home #resources .wp-block-columns {
    display: contents;
  }
  .home #solutions .wp-block-columns .wp-block-column,
  .home #resources .wp-block-columns .wp-block-column {
    margin-bottom: 1rem;
  }
  .home #solutions .wp-block-columns .wp-block-column:nth-child(2),
  .home #resources .wp-block-columns .wp-block-column:nth-child(2) {
    grid-area: c;
    margin-top: 1rem;
    margin-bottom: 0;
  }
}


/** SELECT2 **/
.select2-container--default .select2-selection.select2-selection--single,
.select2-container--default.select2-container--open.select2-dropdown--below .select2-selection.select2-selection--single,
.select2-container--default.select2-container--open.select2-dropdown--below .select2-selection.select2-selection--multiple {
  border-radius: 100px;
}
.select2-container--default.select2-container--open .select2-dropdown--below {
  border-radius: 0 0 0.5rem 0.5rem;
}
.contact .select2-container--default .select2-selection--single,
.register-interest .select2-container--default .select2-selection--single {
  border-radius: 1.5rem;
}
.select2-container--default.select2-container--open .select2-selection--single {
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
}

/** GRAVITY FORMS **/


/** FORMS **/
.gform_wrapper.gravity-theme .gform_body .gfield:not(.gfield_visibility_hidden):not(.gfield--type-select):not(.hidden_label) .gfield_label[for^=input_],
.gform_wrapper.gravity-theme .gform_body .gfield:not(.gfield_visibility_hidden):not(.gfield--type-select):not(.hidden_label) .gfield_description[for^=input_] {
  position: relative;
  left: auto;
  transform: none;
  transition: none;
}
.gform_wrapper.gravity-theme .gform_body .gfield:not(.gfield_visibility_hidden):not(.gfield--type-select):not(.hidden_label) .gfield_label[for^=input_].focussed,
.gform_wrapper.gravity-theme .gform_body .gfield:not(.gfield_visibility_hidden):not(.gfield--type-select):not(.hidden_label) .gfield_description[for^=input_].focussed {
  padding: 0.5rem;
  font-size: 1rem;
  transform: none;
  background-color: transparent;
}
.gform_wrapper.gravity-theme .gform_body .gfield_label {
  font-weight: 400;
}

/* Style required field indicators (*) in Gravity Forms for input fields, excluding select fields for labels and descriptions */
.gform_wrapper.gravity-theme .gform_body .gfield:not(.gfield_visibility_hidden):not(.gfield--type-select) .gfield_label[for^=input_] .gfield_required,
.gform_wrapper.gravity-theme .gform_body .gfield:not(.gfield_visibility_hidden):not(.gfield--type-select) .gfield_description[for^=input_] .gfield_required {
  color: var(--bs-error);
}

/* Style required field indicators for all fields, including select fields */
.gform_wrapper.gravity-theme .gform_body .gfield:not(.gfield_visibility_hidden) .gfield_label[for^=input_] .gfield_required,
.gform_wrapper.gravity-theme .gform_body .gfield:not(.gfield_visibility_hidden) .gfield_description[for^=input_] .gfield_required {
  color: var(--bs-error);
}

.gform_wrapper.gravity-theme .gform_body .gfield input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
  border-radius: 0.5rem;
}
.gform_wrapper.gravity-theme .gform_body .gfield textarea {
  --bs-border-radius: 0.5rem;
}
.gform_wrapper.gravity-theme .gform_body .gfield_checkbox .gchoice {
  display: inline-flex;
}

.zdwc-ordering .filters {
  display: contents;
}

.filters .filter {
  width: auto;
}
@media only screen and (min-width: 1024px) {
  .filters .filter {
    width: 250px;
  }
}

.zdwc-ordering {
  grid-template-areas:  "a b"
                        "c d";
  grid-template-columns: repeat(2, 48%);
  column-gap: 2%;
}

.filter--industry {
  grid-area: a;
}
.filter--manufacturers {
  grid-area: b;
}
.filter__clear {
  grid-area: c;
  --bs-btn-padding-x: 1.25rem;
  --bs-btn-padding-y: 0.75rem;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
}
.woocommerce-ordering {
  grid-area: d;
}
.woocommerce-ordering select.orderby + .select2 {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .woocommerce-ordering select.orderby + .select2 {
    display: inline-block;
  }
}

/** BLOG POSTS **/
body.blog div.meta__date-category,
body.archive div.meta__date-category,
.blog-grid .article__content .meta a,
body.single-post main.content div.meta__date-category,
.blog-grid div.meta__date-category {
  --bs-body-color: var(--bs-primary-900);
  color: var(--bs-body-color);
}

body.single-post main.content div.meta__date-category,
body.single-post main.content div.meta__date-category a {
  --bs-body-color: var(--bs-neutral-500, #5C5B59);
  color: var(--bs-body-color);
  font: normal 600 1.15rem/1.3 var(--heading-theme-font);
}

body.single-post main.content div.meta__date-category a:hover,
.blog-grid .article__content .meta a:hover {
  text-decoration: underline;
}
.blog-grid .article__content header h2 a:hover,
.blog-grid .article__content header .h2 a:hover {
  text-decoration: solid underline var(--bs-primary-200) 0.25rem;
}

.blog-grid .article__content header h2 a,
.blog-grid .article__content header .h2 a {
  --bs-body-color: var(--bs-neutral-900, #1A1A1C);
  color: var(--bs-body-color);
  font: normal 600 1.55rem/1.2857 var(--heading-theme-font);
}

.blog-grid .article__content-excerpt {
  --bs-body-color: var(--bs-neutral-500, #5C5B59);
  color: var(--bs-body-color);
  font: normal 400 0.9rem/1.2 var(--body-theme-font);
}

body.single-post main.content .entry-title {
  --bs-body-color: var(--bs-neutral-900, #1A1A1C);
  color: var(--bs-body-color);
  font: normal 600 3rem/1.1333 var(--heading-theme-font);
}

/** WOOCOMMERCE **/

.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-page .woocommerce-result-count {
  order: 1;
}
.woocommerce .woocommerce-ordering,
.woocommerce-page .woocommerce-ordering {
  order: 2;
}
@media only screen and (min-width: 1024px) {
  .woocommerce .woocommerce-ordering,
  .woocommerce-page .woocommerce-ordering {
    width: 250px;
  }
}
.woocommerce .woocommerce-ordering .select2-container--default .select2-selection--single .select2-selection__rendered,
.woocommerce-page .woocommerce-ordering .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 0.7;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: 0.2rem 0 0 0!important;
  line-height: normal!important;
}

.zdcb-wc ul.products li.product a img,
.related.products ul.products li.product a img {
  height: 283px;
  object-fit: cover;
  margin-bottom: 0;
}

/** PRODUCTS **/
.woocommerce .product .product_meta {
  margin-bottom: 0.75rem;
}
.woocommerce .zdcb-product-category-heading-block {
  --zdcb-light-background: var(--bs-neutral-50);
}
.woocommerce .zdcb-product-category-heading-block h1.woocommerce-products-header__title {
  --zdcb-font-weight-semibold: 450;
  color: var(--bs-primary-900, #013B46);
  font: normal 3rem/1.125 var(--heading-theme-font);
  letter-spacing: 1.92px;
}
.woocommerce .product .product_meta .posted_in {
  font: normal 600 1.15rem/1.3 var(--heading-theme-font);
}
.woocommerce .product .product_title {
  color: var(--bs-neutral-900, #1A1A1C);
  font: normal 600 2.25rem/1.1364 var(--heading-theme-font);
  letter-spacing: normal;
  margin-bottom: 0.75rem;
}
.woocommerce .product .sku_wrapper {
  font: normal 500 0.875rem/1.4286 var(--body-theme-font);
}
.woocommerce .product .product-description {
  margin: 2rem 0;
}
.single-product .product-inclusions {
  margin: 2rem 0 2.75rem;
}

.woocommerce.single-product .product-description h2 {
  font-size: 1.5rem;
  letter-spacing: normal;
}
.woocommerce.single-product #zdcb-container-block_product-specs .wp-block-heading {
  color: var(--bs-neutral-700, #34626B);
  font: 600 normal 1.125rem/1.55 var(--body-theme-font);
  letter-spacing: normal;
  margin-bottom: 1rem;
}
.woocommerce.single-product #zdcb-container-block_product-specs .table th,
.woocommerce.single-product #zdcb-container-block_product-specs .table td {
  padding: 0.75rem;
}
.woocommerce.single-product .view-more-specs > .view__icon {
  transition: transform 0.25s ease-in-out;
}
.woocommerce.single-product .specs-table-container.expanded + .view-more-specs > .view__icon {
  transform: rotate3d(1, 0, 0, 180deg);
}

.woocommerce.single-product .entry-summary .manufacturer a:link {
  color: var(--bs-neutral-500, #013B46);
  font: normal 300 1rem/1.5 var(--body-theme-font);
}

/**
  * Desktop font-sizes and line-heights
*/
@media only screen and (min-width: 1024px) {
  body.single-post main.content div.meta__date-category,
  body.single-post main.content div.meta__date-category a {
    font-size: 1.25rem;
    line-height: 1.3;
  }
  .blog-grid .article__content header h2 a,
  .blog-grid .article__content header .h2 a {
    font-size: 1.75rem;
    line-height: 1.2857;
  }
  .blog-grid .article__content-excerpt {
    font-size: 1rem;
    line-height: 1.5;
  }
  body.single-post main.content .entry-title {
    font-size: 3.75rem;
    line-height: 1.1333;
  }
  .woocommerce .zdcb-product-category-heading-block h1.woocommerce-products-header__title {
    font-size: 4rem;
    line-height: 1.215;
  }
  .woocommerce .product .product_meta .posted_in {
    font-size: 1.25rem;
    line-height: 1.3;
  }
  .woocommerce .product .product_title {
    font-size: 2.75rem;
    line-height: 1.1364;
  }
  .woocommerce .product .sku_wrapper {
    font-size: 0.875rem;
    line-height: 1.4286;
  }
  .woocommerce.single-product .product-description h2 {
    font-size: 1.5rem;
  }
  .woocommerce.single-product #zdcb-container-block_product-specs .wp-block-heading {
    font-size: 1.125rem;
    line-height: 1.55;
  }

  .single-product .product-inclusions h2 {
    font-size: 1.125rem;
    line-height: 1.5556;
  }

  .wp-block-woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block .cross-sells-product div .wc-block-components-product-name,
  .woocommerce ul.products li.product .woocommerce-loop-category__title,
  .woocommerce ul.products li.product .woocommerce-loop-product__title,
  .woocommerce ul.products li.product h3 {
    font-size: 1.5rem;
    line-height: 1.33;
  }

  .btn.product-manufacturer {
    font-size: .75rem;
    line-height: 1;
  }

  .woocommerce-loop-product__categories a {
    font-size: 0.875rem;
    line-height: 1.43;
  }

  .woocommerce.single-product .related.products > h2 {
    font-size: 3rem;
    line-height: 1.117;
  }
}

section.related.products .row {
  --bs-gutter-x: 0;
}

/* .woocommerce.single-product #zdcb-container-block_product-specs table {
}
 */
.woocommerce.single-product #zdcb-container-block_product-specs .table-striped > tbody > tr > th {
  --bs-table-color-state: var(--bs-neutral-700);

}

.woocommerce.single-product #zdcb-container-block_product-specs .table > :not(caption) > * > * {
  --bs-table-color-state: var(--bs-neutral-500);
  --bs-table-bg: var(--bs-shades-0) ;

}

.woocommerce.single-product #zdcb-container-block_product-specs .table-striped > tbody > tr:nth-of-type(odd) > *,
.woocommerce.single-product #zdcb-container-block_product-specs .table-striped-columns > :not(caption) > tr > :nth-child(2n) {
  --bs-table-striped-color: var(--bs-neutral-500);
  --bs-table-striped-bg: var(--bs-neutral-50) ;
  /* --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg); */
}

.woocommerce li.product > .woocommerce-loop-product__title-wrapper,
.woocommerce li.product > .product__manufacturer {
  margin: 0 0.5rem;
  padding: 0;
}
.woocommerce li.product > .woocommerce-loop-product__title-wrapper:hover + a.btn {
  color: var(--bs-btn-hover-color);
  border-color: var(--bs-btn-hover-border-color);
  background-color: var(--bs-btn-hover-bg);
}
.woocommerce li.product > .woocommerce-loop-product__title-wrapper:active + a.btn {
  color: var(--bs-btn-active-color);
  border-color: var(--bs-btn-active-border-color);
  background-color: var(--bs-btn-active-bg);
}

.woocommerce ul.products.subcategories.d-grid,
.woocommerce-page ul.products.subcategories.d-grid {
  grid-template-columns: repeat(2, 1fr);
}

.woocommerce ul.products.subcategories.d-grid .product.subcategory,
.woocommerce-page ul.products.subcategories.d-grid .product.subcategory {
  border-radius: 0.75rem;
  border: 2px solid var(--bs-neutral-200, #E5EBEC);
  background: var(--bs-shades-0, #FFF);
  padding: 1rem;
}

.woocommerce ul.products.subcategories.d-grid .product.subcategory a,
.woocommerce-page ul.products.subcategories.d-grid .product.subcategory a {
  display: flex;
  flex-flow: column;
  align-items: center;
}
.woocommerce ul.products.subcategories.d-grid .product.subcategory a img,
.woocommerce-page ul.products.subcategories.d-grid .product.subcategory a img {
  width: 6.25rem;
  height: 6.25rem;
}


@media only screen and (min-width: 1024px) {
  .woocommerce ul.products.subcategories.d-grid,
  .woocommerce-page ul.products.subcategories.d-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media only screen and (min-width: 1600px) {
  .woocommerce ul.products.subcategories.d-grid,
  .woocommerce-page ul.products.subcategories.d-grid {
    grid-template-columns: repeat(7, 1fr);
  }
}


.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
  background-color: transparent;
}
.woocommerce ul.products li.product a.woocommerce-loop-product__link {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
  border: 1px solid var(---bs-neutral-200, #E5EBEC);
  background: var(---bs-shades-0, #FFF);
}
.woocommerce ul.products li.product a img {
  width: 280px;
  max-height: 312px;
  border-radius: 0;
  object-fit: contain;
}

.single-product .product-inclusions h2 {
  color: var(--bs-neutral-900, #1A1A1C);
  font: normal 600 1.125rem/1.5556 var(--body-theme-font);
  margin-bottom: 1rem;
}
.single-product .product-inclusions hr {
  display: none;
}

.wp-block-woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block .cross-sells-product div .wc-block-components-product-name,
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
  --zdcb-font-weight-semibold: 450;
  color: var(--bs-primary-900, #013B46);
  font: normal var(--zdcb-font-weight-semibold) 1.5rem/1.33 var(--heading-theme-font);
  letter-spacing: 0.72px;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title {
  text-align: center;
}

.woocommerce li.product > .product__manufacturer {
  margin-bottom: 1.5rem;
}
.manufacturer__options {
  gap: 0.5rem;
}
.btn.product-manufacturer {
  --bs-btn-color: var(--bs-primary-900);
  --bs-btn-bg: var(--bs-neutral-100);
  --bs-btn-padding-x: 0.5rem;
  --bs-btn-padding-y: 0.25rem;
  --bs-btn-border-width: 1px;
  --bs-btn-border-color: var(--bs-neutral-200);
  font: normal 400 .75rem / 1 var(--body-theme-font);
  color: var(--bs-btn-color);
  background: var(--bs-btn-bg);
  width: max-content;
}

.woocommerce-loop-product__categories a {
  color: var(--bs-primary-500, #48AEA9);
  font: normal 500 .875rem/1.43 var(--body-theme-font);
}

.woocommerce.single-product .related.products > h2 {
  --zdcb-font-weight-semibold: 450;
  color: var(--bs-primary-900, #013B46);
  font: normal 3rem/1.117 var(--heading-theme-font);
  letter-spacing: 1.44px;
}

/***** Product Thumbs Part ******/
.woocommerce .woocommerce-product-gallery > .zdcb-flashes + div,
.woocommerce .woocommerce-product-gallery > .zdcb-flashes + ul + div,
.woocommerce .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image {
  border-radius: 0.75rem;
}
.woocommerce .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image img {
  max-height: 700px;
  object-fit: contain;
}
.woocommerce .woocommerce-product-gallery > .zdcb-flashes + div,
.woocommerce .woocommerce-product-gallery > .zdcb-flashes + ul + div {
  border: 1px solid var(--bs-neutral-200);
}
.woocommerce div.product div.images .zd-custom-direction-nav {
  position: absolute;
  display: flex;
  justify-content: space-between;
  top: 40%;
  width: 100%;
  margin: 0;
  z-index: 1;
  pointer-events: none;
}
/* @media only screen and (min-width: 1024px) {
  .woocommerce div.product div.images .zd-custom-direction-nav {
    top: 32%;
  }
} */
.woocommerce div.product div.images .zd-custom-direction-nav a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  line-height: 1;
  margin-left: 1rem;
  margin-right: 1rem;
  pointer-events: all;
  --bs-btn-padding-x: 1rem;
  --bs-btn-padding-y: 1rem;
  --bs-btn-border-radius: 100px;
  --bs-btn-color: var(--bs-neutral-400);
  --bs-btn-bg: var(--bs-shades-0);
  --bs-btn-border-color: var(--bs-neutral-400);
  --bs-btn-hover-color: var(--bs-neutral-500);
  --bs-btn-hover-bg: var(--bs-neutral-50);
  --bs-btn-hover-border-color: var(--bs-neutral-500);
  --bs-btn-active-color: var(--bs-neutral-500);
  --bs-btn-active-bg: var(--bs-secondary-50);
  --bs-btn-active-border-color: var(--bs-neutral-500);

}
.woocommerce div.product div.images .zd-custom-direction-nav a .icon {
  width: 1.5rem;
  height: 1.5rem;
}
.woocommerce div.product div.images .flex-control-thumbs {
  display: none;
  column-gap: 2rem;
  max-width: 100%; /* Design: 785px */
  overflow: hidden;
  margin-top: 1.25rem;
}
@media only screen and (min-width: 1024px) {
  .woocommerce div.product div.images .flex-control-thumbs {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
  }
}
.woocommerce div.product div.images .flex-control-thumbs li {
  width: 112px;
  height: 112px;
  flex-shrink: 0;
  border: 1px solid var(--bs-neutral-200);
  border-radius: 0.75rem;
}


/** Photoswipe UI **/
.pswp__buttons {
  inset: 50% 0%;
}
.pswp__button--arrow--left::before,
.pswp__button--arrow--right::before {
  display: none;
}
.pswp__buttons button.btn-outline {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  line-height: 1;
  margin-left: 2rem;
  margin-right: 2rem;
  pointer-events: all;
  background-color: var(--bs-btn-bg)!important;
  opacity: 1;
  --bs-btn-padding-x: 1rem;
  --bs-btn-padding-y: 1rem;
  --bs-btn-border-radius: 100px;
  --bs-btn-color: var(--bs-neutral-400);
  --bs-btn-bg: var(--bs-shades-0);
  --bs-btn-border-color: var(--bs-neutral-400);
  --bs-btn-hover-color: var(--bs-neutral-500);
  --bs-btn-hover-bg: var(--bs-neutral-50);
  --bs-btn-hover-border-color: var(--bs-neutral-500);
  --bs-btn-active-color: var(--bs-neutral-500);
  --bs-btn-active-bg: var(--bs-neutral-50);
  --bs-btn-active-border-color: var(--bs-neutral-500);
  transition: color .25s ease-in-out, background-color .25s ease-in-out, border-color .25s ease-in-out;
}
.pswp__buttons button.btn-outline:hover {
  background-color: var(--bs-btn-hover-bg)!important;
}
.pswp__buttons button .icon {
  width: 1.5rem;
  height: 1.5rem;
  pointer-events: none;
}

/** FOOTER **/
footer.site-footer {
  --zdcb-footer-color: var(--bs-shades-0);
  --zdcb-footer-hover-color: var(--bs-shades-0);
  border-width: 3px;
}
@media only screen and (min-width: 1280px) {
  footer.site-footer {
    background-size: auto;
  }
}
footer.site-footer .widget_nav_menu h3,
footer.site-footer .widget_nav_menu .h3 {
  --zdcb-font-weight-semibold: 400;
  color: var(--bs-shades-0);
  font-size: 1.5rem;
  line-height: 1.33;
  letter-spacing: 0.72px;
}
footer.site-footer .widget .wp-block-heading {
  --bs-heading-color: var(--zdcb-footer-color);
  color: var(--bs-heading-color);
}
footer .search__field-wrapper .search__icon {
  top: 1.25rem;
  left: 1.5rem;
}
footer #search_query_footer {
  flex-grow: 1;
  color: var(--bs-shades-0);
  border-radius: 0.5rem;
  border: 1px solid var(--bs-neutral-300, #B3C4C8);
  padding: 1.25rem 1.5rem 1.25rem 4rem;
  background-color: var(--bs-neutral-900);
}
footer #search_query_footer::-webkit-input-placeholder {
  color: var(--bs-shades-0);
}
footer #search_query_footer::-webkit-search-cancel-button {
  opacity: 0;
}
footer.site-footer .widget figure.wp-block-image {
  margin-bottom: 0;
}
footer .newsletter__subscribe {
  padding: 0;
}
footer .newsletter__subscribe header {
  color: var(--bs-shades-0);
  font: 400 normal 1.5rem/1.33 var(--heading-theme-font);
}
footer .newsletter__subscribe .gform_wrapper form {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}
footer .newsletter__subscribe .gform_wrapper form .gform-body {
  flex-basis: 100%;
}
footer .newsletter__subscribe .gform_wrapper .gform-footer {
  margin: 0;
  padding: 0;
  flex-basis: 25%;
}
footer .newsletter__subscribe .gform_wrapper .gform-footer button {
  margin: 0;
  /* --bs-btn-padding-x: 1.5rem;
  --bs-btn-padding-y: 0.25rem; */
  --bs-btn-padding-x: 0.5rem;
  --bs-btn-padding-y: 0;
  --bs-btn-color: var(--bs-neutral-900);
  --bs-btn-font-family: var(--body-theme-font);
  --bs-btn-font-size: 1rem;
  --bs-btn-font-style: normal;
  --bs-btn-font-weight: 500;
  --bs-btn-line-height: 1.5;
  --bs-btn-bg: var(--bs-shades-0);
  --bs-btn-border-color: var(--bs-shades-0);
  --bs-btn-hover-color: var(--bs-shades-0);
  --bs-btn-hover-bg: var(--bs-primary-500);
  --bs-btn-hover-border-color: var(--bs-primary-500);
  --bs-btn-border-radius: 0.5rem;
  min-width: 90px;
}
footer .newsletter__subscribe .gform_wrapper.gravity-theme .gform_body .gfield:not(.gfield_visibility_hidden):not(.gfield--type-image_choice) {
  margin-top: 0;
}
footer .newsletter__subscribe .privacy-policy,
footer .newsletter__subscribe .privacy-policy > a:link {
  color: var(--bs-shades-white, #FFF);
  font: 400 normal .75rem/1.3 var(--body-theme-font);
  margin-top: .75rem;
}
footer .newsletter__subscribe .privacy-policy > a:link,
footer .newsletter__subscribe .privacy-policy > a:visited {
  text-decoration: underline;
}
@media only screen and (max-width: 768px) {
  footer.site-footer .copyright div.credit {
    margin-top: 3rem!important;
  }
}
@media only screen and (max-width: 1023px) {
  footer.site-footer .footer-widget-menus > section {
    padding-right: 1.5rem;
  }
  footer.site-footer .footer-widget-menus > section:nth-child(1) {
    order: 3;
  }
  footer.site-footer .footer-widget-menus > section:nth-child(2) {
    order: 2;
  }
  footer.site-footer .footer-widget-menus > section:nth-child(3) {
    order: 1;
  }
}