.elementor-kit-7{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-fa4ed78:#FFFFFF;--e-global-color-7484b40:#000000;--e-global-color-41b9b87:#545454;--e-global-color-8321543:#F8F8F8;--e-global-typography-primary-font-family:"Greycliff";--e-global-typography-primary-font-weight:600;--e-global-typography-primary-text-transform:capitalize;--e-global-typography-secondary-font-family:"Pink Champagne";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Greycliff";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Greycliff";--e-global-typography-accent-font-weight:700;--e-global-typography-accent-text-transform:capitalize;--e-global-typography-0b11109-font-family:"Greycliff";--e-global-typography-0b11109-font-size:clamp(0.88rem, 0.24vi + 0.81rem, 1rem);--e-global-typography-0b11109-line-height:175%;--e-global-typography-ae5cf77-font-family:"Greycliff";--e-global-typography-ae5cf77-font-size:clamp(1.16rem, 0.32vi + 1.08rem, 1.33rem);--e-global-typography-ae5cf77-line-height:163.636%;--e-global-typography-dc78ed5-font-family:"Greycliff";--e-global-typography-dc78ed5-font-size:clamp(2.06rem, 0.58vi + 1.9rem, 2.37rem);--e-global-typography-dc78ed5-font-weight:600;--e-global-typography-dc78ed5-line-height:136.842%;--e-global-typography-f12b7e3-font-family:"Greycliff";--e-global-typography-f12b7e3-font-size:clamp(0.88rem, 0.24vi + 0.81rem, 1rem);--e-global-typography-f12b7e3-font-weight:600;--e-global-typography-f12b7e3-line-height:175%;--e-global-typography-76999ae-font-family:"Greycliff";--e-global-typography-76999ae-font-size:clamp(1.16rem, 0.32vi + 1.08rem, 1.33rem);--e-global-typography-76999ae-font-weight:600;--e-global-typography-76999ae-line-height:163.636%;--e-global-typography-509ff6d-font-family:"Greycliff";--e-global-typography-509ff6d-font-size:clamp(0.88rem, 0.24vi + 0.81rem, 1rem);--e-global-typography-509ff6d-line-height:175%;color:var( --e-global-color-text );font-family:var( --e-global-typography-0b11109-font-family ), Sans-serif;font-size:var( --e-global-typography-0b11109-font-size );line-height:var( --e-global-typography-0b11109-line-height );}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:min(100%, 80rem);}.e-con{--container-max-width:min(100%, 80rem);--container-default-padding-top:0rem;--container-default-padding-right:0rem;--container-default-padding-bottom:0rem;--container-default-padding-left:0rem;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1366px){.elementor-kit-7{font-size:var( --e-global-typography-0b11109-font-size );line-height:var( --e-global-typography-0b11109-line-height );}}@media(max-width:1024px){.elementor-kit-7{font-size:var( --e-global-typography-0b11109-font-size );line-height:var( --e-global-typography-0b11109-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:480px){.elementor-kit-7{font-size:var( --e-global-typography-0b11109-font-size );line-height:var( --e-global-typography-0b11109-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --yellow:#FBE154; --ochre:#C58824; --terracotta:#8A2A0D; --white:#ffffff; --brown-020:rgba(157, 77, 42, 0.2); --black:#000000; --neutral-10:#F8F8F8; --neutral-300:#939393; --transparent:#ffffff00; --cream-200:#EFEADC; --bronze-a30:#a19a8c4d; --ink:#2d2d2d; --green:#58998E; --gray:#3C3B2E; --slate-500:#627A82; --cream-100:#F5E8C9; --stone:#A09A8C; --olive:#3C3B2E; --green-100:#9aecef; --slate-700:#32454B; --bronze-300:#A09A8C; }
/* Start custom CSS */:root {
  --transition-default: cubic-bezier(0.4, 0, 0.2, 1);
  --site-header-top: 0;
  --homepage-hero-size: min(100vh, 52rem);
}

body {
  overflow-x: hidden;
  &:is(.admin-bar) {
    --site-header-top: 2rem;
    --homepage-hero-size: min(calc(100vh - 2rem), 52rem);
  }
}

.elementor {
  div.content-grid {
    --padding-inline: 1rem;
    --content-max-width: 80rem;
    --breakout-max-width: 96rem;

    @media (min-width: 36rem) {
      --padding-inline: 1.5rem;
    }

    --breakout-size: calc(
      (var(--breakout-max-width) - var(--content-max-width)) / 2
    );

    display: grid;
    grid-template-columns:
      [full-width-start] minmax(var(--padding-inline), 1fr)
      [breakout-start] minmax(0, var(--breakout-size))
      [content-start] min(
        100% - (var(--padding-inline) * 2),
        var(--content-max-width)
      )
      [content-end]
      minmax(0, var(--breakout-size)) [breakout-end]
      minmax(var(--padding-inline), 1fr) [full-width-end];
  }

  .content-grid > :not(.breakout, .full-width),
  .full-width > :not(.breakout, .full-width) {
    grid-column: content;
  }

  .content-grid > .breakout {
    grid-column: breakout;
  }

  .content-grid > .full-width {
    display: grid;
    grid-column: full-width;
    grid-template-columns: inherit;
  }

  .e-button-base.btn {
    font-family: Greycliff;
    font-weight: 700;
    font-size: inherit;
    color: var(--black);
    line-height: 150%;
    text-transform: capitalize;
    border-radius: 0;
    border: 0.063rem solid var(--white);
    background-color: var(--white);
    display: inline-flex;
    gap: 0.75rem;
    justify-content: center;
    align-items: center;
    padding: 0.75rem 1.25rem;

    &.btn-sm {
      padding-block: 0.4rem;
      padding-inline: 0.5rem;
      font-size: clamp(0.66rem, 0.17vi + 0.61rem, 0.75rem);
      line-height: 170%;
    }

    &.btn-primary {
      background-color: var(--green);
      color: var(--yellow);
      border-color: var(--green);

      &:hover {
        color: var(--green);
        background-color: var(--yellow);
        border-color: var(--yellow);
      }
    }

    &.btn-o-light {
      background-color: transparent;
      border-color: var(--white);
      color: var(--white);
      &:hover {
        background-color: var(--black);
        border-color: var(--black);
      }
    }

    &.btn-invert {
      background-color: var(--ink);
      color: var(--white);
      border-color: var(--ink);
      &:hover {
        background-color: var(--white);
        color: var(--ink);
        border-color: var(--white);
      }
    }
  }
}

.card-product {
  display: flex;
  flex-direction: column;
  padding: 0;
  overflow: hidden;
  border-radius: 0.5rem;
  background-color: var(--white, #fff);
  height: 100%;

  .card-prod__head {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }

  .card-prod__title {
    color: var(--black);
  }

  .card-prod__toggle-summary {
    font-size: clamp(0.66rem, 0.17vi + 0.61rem, 0.75rem);
    line-height: 170%;
    color: var(--terracotta);
  }
  

  .card-prod__content {
    display: flex;
    justify-content: space-between;
    padding: 1.5rem;
    flex-grow: 1;
    flex-direction: column;
    gap: 2.5rem;
  }

  .card-prod__price  {
    font-weight: 600;
    color: var(--black);
  }

  .card-prod__image img {
    height: min(60lvh, 25rem);
    width: 100%;
    object-fit: cover;
  }

  .card-prod__summary {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 0;
    &.expanded {
      display: block;
    }
  }

  .card-prod__content footer {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Greycliff';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.bellingenayurvedic.com.au/wp-content/uploads/2026/04/Greycliff-CF-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Greycliff';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://www.bellingenayurvedic.com.au/wp-content/uploads/2026/04/Greycliff-CF-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'Greycliff';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://www.bellingenayurvedic.com.au/wp-content/uploads/2026/04/Greycliff-CF-Demi-Bold.woff2') format('woff2');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Pink Champagne';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.bellingenayurvedic.com.au/wp-content/uploads/2026/04/pink-champagne-regular.woff2') format('woff2');
}
/* End Custom Fonts CSS */