/** Shopify CDN: Minification failed

Line 396:0 Expected "}" to go with "{"

**/
/* Center Nav links in Menu Bar */
.header__inline-menu {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
/* Sticky image banner - Desktop */
#shopify-section-template--28116181254528__image_banner {
  position: sticky;
  top: 0;
  z-index: 0;
  margin-top: -85px;
  padding-top: 85px;
}

/* Sticky image banner - Tablet */
@media screen and (min-width: 750px) and (max-width: 989px) {
  #shopify-section-template--28116181254528__image_banner {
    position: sticky;
    top: 0;
    z-index: 0;
    margin-top: -65px;
    padding-top: 65px;
  }
}

/* Sticky image banner - Mobile */
@media screen and (max-width: 749px) {
  #shopify-section-template--28116181254528__image_banner {
    position: sticky;
    top: 0;
    z-index: 0;
    margin-top: -65px;
    padding-top: 65px;
  }
}


/* Drop shadow under header */
.header-wrapper {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

/* All subsequent sections scroll over the banner */
#shopify-section-template--28116181254528__image_banner ~ * {
  position: relative;
  z-index: 1;
}

/* Multicolumn - iPad: tighter spacing */
@media screen and (min-width: 750px) and (max-width: 989px) {
  #shopify-section-template--28116181254528__multicolumn_zAnxFf .multicolumn-list {
    gap: 10px !important;
  }

  .multicolumn-card__info {
    padding: 15px !important;
  }
}

/* Stack image on top for tablet view */
@media screen and (min-width: 750px) and (max-width: 989px) {
  .block-image_text_panel_VXLA4a-panel-flex {
    flex-direction: column !important;
  }

  .block-image_text_panel_VXLA4a-panel-image {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    max-height: 400px;
  }
}

/* Fix bullet point alignment and spacing - global */
.rte ul {
  padding-left: 30px !important;
  list-style-position: outside !important;
}

.rte ul li {
  padding-left: 0.5rem !important;
  margin-bottom: 5px !important;
}

.rte ul li:last-child {
  margin-bottom: 0 !important;
}

/* Square bullet points in #6C542D */
.rte ul {
  list-style-type: none !important;
  padding-left: 15px !important;
}

.rte ul li::before {
  content: '';
  display: inline-block;
  width: 7px;
  height: 7px;
  background-color: #6C542D !important;
  margin-right: 10px;
  margin-top: 10px;
  flex-shrink: 0;
}

.rte ul li {
  display: flex !important;
  align-items: flex-start !important;
  padding-left: 0 !important;
}

/* About Us - Image with Text Wrap: reduce image height on tablet */
@media screen and (min-width: 750px) and (max-width: 989px) {
  #shopify-section-template--28176818831744__image_with_text_wrap_g3Wjxf .iwt-wrap__image.global-media-settings.media {
    height: 362px !important;
  }
}



/* ================================================
   NAV LINK BUTTON STYLES — DAWN THEME
   Edit the colour values below for each breakpoint
   ================================================ */

   /* Remove underline from nav link spans on hover */
.header__menu-item:hover span,
.header__menu-item:focus span {
  text-decoration: none !important;
  text-underline-offset: unset !important;
}
/* Remove underline from parent nav item when dropdown is open */
.header__menu-item[aria-expanded="true"],
.header__menu-item[aria-expanded="true"] span,
summary.header__menu-item[aria-expanded="true"],
summary.header__menu-item[aria-expanded="true"] span {
  text-decoration: none !important;
  text-underline-offset: unset !important;
}
/* Remove underline from dropdown submenu links */
.header__submenu a,
.header__submenu a:hover,
.header__submenu a span,
.header__submenu a:hover span,
.header__submenu .list-menu__item,
.header__submenu .list-menu__item:hover span {
  text-decoration: none !important;
  text-underline-offset: unset !important;
}
/* Remove underline from active/current page nav button */
.header__menu-item[aria-current="page"] span,
.header__menu-item[aria-current="page"]:hover span,
a.header__menu-item[aria-current="page"],
a.header__menu-item[aria-current="page"] span {
  text-decoration: none !important;
  text-underline-offset: unset !important;
}

/* Desktop nav link spacing */
@media (min-width: 990px) {
  .header__inline-menu .list-menu--inline {
    gap: 14px; /* increase this value for more spacing */
  }
}

/* -----------------------------------------------
   DESKTOP (990px and above)
----------------------------------------------- */
@media (min-width: 990px) {

  :root {
    --nav-btn-bg:            transparent;
    --nav-btn-color:         #333333;
    --nav-btn-hover-bg:      #333333;
    --nav-btn-hover-color:   #ffffff;
    --nav-btn-active-bg:     #f6f2e9;
    --nav-btn-active-color:  #333333;
    --nav-btn-border-radius: 4px;
    --nav-btn-padding:       8px 16px;
  }

details[open] > summary.header__menu-item:hover span.header__active-menu-item {
  color: #333333 !important;
}

  /* -----------------------------------------------
     BASE NAV ITEMS
  ----------------------------------------------- */
.header__menu-item,
header-menu .header__menu-item a,
.header__inline-menu .header__menu-item a {
    background-color: var(--nav-btn-bg);
    color: var(--nav-btn-color) !important;
    padding: var(--nav-btn-padding);
    border-radius: var(--nav-btn-border-radius);
    text-decoration: none !important;
    transition: background-color 0.2s ease, color 0.2s ease;
  }

/* Reset summary to behave like the anchor nav items */
summary.header__menu-item {
  display: list-item !important;
  background-color: var(--nav-btn-bg);
  color: var(--nav-btn-color) !important;
  text-decoration: none !important;
  transition: background-color 0.2s ease, color 0.2s ease;
}

  /* Hover */
  .header__menu-item:hover,
  header-menu .header__menu-item a:hover,
  .header__inline-menu .header__menu-item a:hover,
  summary.header__menu-item:hover {
    background-color: var(--nav-btn-hover-bg);
    color: var(--nav-btn-hover-color) !important;
  }

  /* -----------------------------------------------
     ACTIVE STATES (GLOBAL)
  ----------------------------------------------- */
  .header__menu-item[aria-current="page"],
  header-menu .header__menu-item a[aria-current="page"],
  .header__inline-menu .header__menu-item a[aria-current="page"],
  summary.header__menu-item[aria-current="page"],
  summary.header__menu-item[aria-current="true"],
  summary.header__menu-item[aria-expanded="true"],
  summary.header__menu-item.list-menu__item.link[aria-expanded="true"],
  details.header__menu-item[open] > summary.header__menu-item,
  details[open] > summary.header__menu-item {
    background-color: var(--nav-btn-active-bg) !important;
    color: var(--nav-btn-active-color) !important;
    text-decoration: none !important;
  }

  /* -----------------------------------------------
     DROPDOWN ITEMS (REMOVE UNDERLINES)
  ----------------------------------------------- */
  .header__submenu a[aria-current="page"],
  .header__submenu .list-menu__item a[aria-current="page"] {
    background-color: var(--nav-btn-active-bg);
    color: var(--nav-btn-active-color) !important;
    text-decoration: none !important;
  }

  /* -----------------------------------------------
     SUMMARY TEXT FIXES
  ----------------------------------------------- */
  summary.header__menu-item span,
  summary.header__menu-item.link {
    text-decoration: none !important;
  }

  /* Hover override for active dropdown text */
  summary.header__menu-item:hover .header__active-menu-item {
    color: var(--nav-btn-hover-color) !important;
  }

  /* Open but not hovering */
  summary.header__menu-item[aria-expanded="true"] .header__active-menu-item {
    color: var(--nav-btn-active-color) !important;
  }

  /* -----------------------------------------------
     CHILD ACTIVE STATE (HAS SELECTOR)
  ----------------------------------------------- */
  summary.header__menu-item:has(.header__active-menu-item) {
    background-color: var(--nav-btn-active-bg) !important;
    color: var(--nav-btn-active-color) !important;
  }

  summary.header__menu-item:has(.header__active-menu-item) .header__active-menu-item {
    color: var(--nav-btn-active-color) !important;
    text-decoration: none !important;
  }

  /* Hover still works on active parent */
  summary.header__menu-item:has(.header__active-menu-item):hover {
    background-color: var(--nav-btn-hover-bg) !important;
    color: var(--nav-btn-hover-color) !important;
  }

  summary.header__menu-item:has(.header__active-menu-item):hover .header__active-menu-item {
    color: var(--nav-btn-hover-color) !important;
  }

  /* Rich Text Section */
  .rich-text__heading {
  margin-top: 0;
  margin-bottom: 0;
}

#shopify-section-template--28116181254528__rich_text_qmCz9j [data-block-id="heading_FgDLrT"] h2, 
#shopify-section-template--28116181254528__rich_text_qmCz9j [data-block-id="heading_FgDLrT"] .inline-richtext {
  margin-top: -2rem !important;
}


/* -----------------------------------------------
   TABLET (750px – 989px)
----------------------------------------------- */
@media (min-width: 750px) and (max-width: 989px) {
  :root {
    --nav-btn-tablet-bg:            transparent;
    --nav-btn-tablet-color:         #333333;
    --nav-btn-tablet-hover-bg:      #333333;
    --nav-btn-tablet-hover-color:   #ffffff;
    --nav-btn-tablet-active-bg:     #000000;
    --nav-btn-tablet-active-color:  #ffffff;
    --nav-btn-tablet-border-radius: 4px;
    --nav-btn-tablet-padding:       6px 12px;
  }

  .header__menu-item,
  header-menu .header__menu-item a,
  .header__inline-menu .header__menu-item a {
    background-color: var(--nav-btn-tablet-bg);
    color: var(--nav-btn-tablet-color) !important;
    padding: var(--nav-btn-tablet-padding);
    border-radius: var(--nav-btn-tablet-border-radius);
    transition: background-color 0.2s ease, color 0.2s ease;
    text-decoration: none;
  }

  .header__menu-item:hover,
  header-menu .header__menu-item a:hover,
  .header__inline-menu .header__menu-item a:hover {
    background-color: var(--nav-btn-tablet-hover-bg);
    color: var(--nav-btn-tablet-hover-color) !important;
  }

  .header__menu-item[aria-current="page"],
  header-menu .header__menu-item a[aria-current="page"],
  .header__inline-menu .header__menu-item a[aria-current="page"] {
    background-color: var(--nav-btn-tablet-active-bg);
    color: var(--nav-btn-tablet-active-color) !important;
  }
}

/* -----------------------------------------------
   MOBILE (749px and below)
   Dawn uses a drawer/hamburger on mobile so
   button styles are kept minimal here
----------------------------------------------- */
@media (max-width: 749px) {
  :root {
    --nav-btn-mobile-bg:            transparent;
    --nav-btn-mobile-color:         #333333;
    --nav-btn-mobile-hover-bg:      #f0f0f0;
    --nav-btn-mobile-hover-color:   #000000;
    --nav-btn-mobile-active-bg:     #e0e0e0;
    --nav-btn-mobile-active-color:  #000000;
    --nav-btn-mobile-border-radius: 4px;
    --nav-btn-mobile-padding:       10px 16px;
  }

  .header__menu-item a {
    background-color: var(--nav-btn-mobile-bg);
    color: var(--nav-btn-mobile-color) !important;
    padding: var(--nav-btn-mobile-padding);
    border-radius: var(--nav-btn-mobile-border-radius);
    transition: background-color 0.2s ease, color 0.2s ease;
  }

  .header__menu-item a:hover {
    background-color: var(--nav-btn-mobile-hover-bg);
    color: var(--nav-btn-mobile-hover-color) !important;
  }

  .header__menu-item a[aria-current="page"] {
    background-color: var(--nav-btn-mobile-active-bg);
    color: var(--nav-btn-mobile-active-color) !important;
  }
}

/* About Us page - Make image 50vh */
@media screen and (max-width: 749px) {
  #shopify-section-template--28176818831744__image_with_text_wrap_g3Wjxf .iwt-wrap__image.global-media-settings.media {
    height: 50vh !important;
    overflow: hidden !important;
  }
  
  #shopify-section-template--28176818831744__image_with_text_wrap_g3Wjxf .iwt-wrap__image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
}