/** Shopify CDN: Minification failed

Line 544:8 Expected identifier but found whitespace
Line 544:10 Unexpected "{"
Line 544:20 Expected ":"
Line 563:8 Expected identifier but found whitespace
Line 563:10 Unexpected "{"
Line 563:20 Expected ":"
Line 569:8 Expected identifier but found whitespace
Line 569:10 Unexpected "{"
Line 569:20 Expected ":"

**/
.site-nav {
  margin: 0;
  padding: 0;
}

@media only screen and (max-width: 899px) {
  .site-nav {
    display: none;
  }
}

.text-center .site-navigation {
  margin: 0 auto;
}

.header-layout--left .site-navigation {
  padding-left: 10px;
}

.site-nav__icons {
  white-space: nowrap;
  display: flex;
  justify-content: space-between;
}

/* add rules for new virtual consultation button */
img.site-nav__icon {
  position: relative;
  left: 4px;
  height: 30px;
  width: 30px;
}

.site-nav__left {
  left: 4px;
  position: relative;
}

.site-nav__item {
  position: relative;
  display: inline-block;
  margin: 0;
}

.site-nav__item li {
  display: block;
}

.site-nav__item .icon-chevron-down {
  width: 10px;
  height: 10px;
}

.site-nav__link {
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  padding: 7.5px 15px;
  white-space: nowrap;
  font-weight: 700;
  color: var(--color-foreground);
}

.site-header--heading-style .site-nav__link {
  font-family: var(--typeHeaderPrimary), var(--typeHeaderFallback);
  font-weight: var(--typeHeaderWeight);
  letter-spacing: var(--typeHeaderSpacing);
  line-height: var(--typeHeaderLineHeight);
}

[data-type_header_capitalize=true] .site-header--heading-style .site-nav__link {
  text-transform: uppercase;
}

.site-nav__link:hover {
  color: var(--color-foreground);
}

.is-light .site-nav__link {
  color: rgba(var(--color-background));
}

.is-light .site-nav__link:hover {
  color: rgba(var(--color-background));
}

.site-nav--has-dropdown > .site-nav__link {
  position: relative;
  z-index: 6;
}

.site-nav__link .icon-chevron-down {
  margin-left: 5px;
}

@media only screen and (max-width: 959px) {
  .site-nav__link {
    padding: 7.5px;
  }

  .header-layout--center .site-nav__link {
    padding-left: 4px;
    padding-right: 4px;
  }
}

.site-nav__link--underline {
  position: relative;
}

.site-nav__link--underline:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 100%;
  margin: 0 15px;
  border-bottom: 2px solid;
  border-bottom-color: var(--color-foreground);
  transition: right 0.5s;
}

[data-disable-animations=true] .site-nav__link--underline:after {
  transition: none;
}

.is-light .site-nav__item:not(.site-nav--has-dropdown) .site-nav__link--underline:after {
  border-bottom-color: rgba(var(--color-background));
}

.site-nav--has-dropdown .site-nav__link--underline:after {
  border-bottom-color: var(--color-foreground);
}

.site-nav__item:hover .site-nav__link--underline:after {
  right: 0;
}

.site-nav__details {
  cursor: pointer;
}

.site-nav--has-dropdown.is-focused,
.site-nav--has-dropdown:hover {
  z-index: 7;
}

.site-nav--has-dropdown.is-focused > a,
.site-nav--has-dropdown:hover > a {
  color: var(--color-foreground);
  background-color: rgba(var(--color-background));
  opacity: 1;
  transition: none;
}

.site-nav__link--icon {
  padding-left: 12px;
  padding-right: 12px;
}

@media only screen and (max-width: 768px) {
  .site-nav__link--icon {
    padding-left: 7.5px;
    padding-right: 7.5px;
  }

  .site-nav__link--icon + .site-nav__link--icon {
    margin-left: -4px;
  }
}

.site-nav__link--icon .icon {
  width: 30px;
  height: 30px;
  fill: none;
}

/* add style to mobile drawer additions */
svg.icon.icon-wish-drawer {
  margin-right: 4px;
  height: 20px;
  width: 20px;
}

@media screen and (max-width: 759px) {
  .site-nav__link .icon-wish {
    width: 24px;
    height: 24px;
    stroke-width: 3px;
  }
}

a.site-nav__link.site-nav__link--icon.drawer {
  font-size: 14px;
  padding: 20px;
  background: transparent;
  box-shadow: none;
}

a.site-nav__link.site-nav__link--underline.drawer {
  padding: 15px;
  padding-top: 20px;
  background: transparent;
  box-shadow: none;
}

.site-nav__dropdown {
  position: absolute;
  left: 0;
  margin: 0;
  z-index: 5;
  display: block;
  visibility: hidden;
  background-color: rgba(var(--color-background));
  min-width: 100%;
  padding: 10px 0 5px;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.09);
  transform: translate3d(0px, -12px, 0px);
}

details[open] > .site-nav__dropdown {
  display: block;
  visibility: visible;
  transform: translateZ(0px);
  transition: all 300ms cubic-bezier(0.2, 0.06, 0.05, 0.95);
}

.site-nav__dropdown li {
  margin: 0;
}

.site-nav__dropdown > li {
  position: relative;
}

.site-nav__dropdown > li > a {
  position: relative;
  z-index: 6;
}

.site-nav__dropdown a {
  background-color: rgba(var(--color-background));
}

.site-nav__deep-dropdown {
  background-color: rgba(var(--color-background));
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.09);
  position: absolute;
  top: 0;
  left: 100%;
  margin: 0;
  visibility: hidden;
  opacity: 0;
  z-index: 5;
  transform: translate3d(-12px, 0px, 0px);
}

.is-focused + .site-nav__deep-dropdown,
.site-nav__deep-dropdown-trigger:hover .site-nav__deep-dropdown {
  visibility: visible;
  opacity: 1;
  transform: translateZ(0px);
  transition: all 300ms cubic-bezier(0.2, 0.06, 0.05, 0.95);
}

.site-nav__deep-dropdown:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 10px;
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.09), transparent);
  pointer-events: none;
}

.site-nav__deep-dropdown-trigger:hover .site-nav__dropdown-link--has-children {
  background-color: #f2f2f2;
}

.site-nav__dropdown-link--has-children:focus,
.site-nav__dropdown-link--has-children:hover {
  background-color: #f2f2f2;
}

.site-nav__deep-dropdown-trigger .icon-chevron-down {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 10px;
  height: 10px;
  transform: rotate(-90deg) translateX(50%);
}

.mobile-nav {
  margin: -20px -20px 0;
}

.mobile-nav li {
  margin-bottom: 0;
  list-style: none;
}

.mobile-nav__search {
  padding: 15px;
}

.mobile-nav__item {
  position: relative;
  display: block;
}

.mobile-nav > .mobile-nav__item {
  background-color: rgba(var(--color-background));
}

.mobile-nav__item:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 20px;
  right: 20px;
  border-bottom: 1px solid;
  border-bottom-color: #e8e8e1;
}

.mobile-nav__faux-link,
.mobile-nav__link {
  display: block;
}

.mobile-nav__link--top-level {
  font-size: 1.4em;
}

.mobile-nav--heading-style .mobile-nav__link--top-level {
  font-family: var(--typeHeaderPrimary), var(--typeHeaderFallback);
  font-weight: var(--typeHeaderWeight);
  letter-spacing: var(--typeHeaderSpacing);
  line-height: var(--typeHeaderLineHeight);
}

[data-type_header_capitalize=true] .mobile-nav--heading-style .mobile-nav__link--top-level {
  text-transform: uppercase;
}

.mobile-nav__faux-link,
.mobile-nav__link,
.mobile-nav__toggle .faux-button,
.mobile-nav__toggle button {
  color: var(--color-foreground);
  padding: 15px 20px;
  text-decoration: none;
}

.mobile-nav__faux-link:active,
.mobile-nav__link:active,
.mobile-nav__toggle .faux-button:active,
.mobile-nav__toggle button:active {
  color: #0e1928;
  background-color: #f2f2f2;
}

.mobile-nav__child-item {
  display: flex;
}

.mobile-nav__child-item .mobile-nav__link,
.mobile-nav__child-item a {
  flex: 1 1 auto;
}

.mobile-nav__child-item .collapsible-trigger:not(.mobile-nav__link--button) {
  flex: 0 0 43px;
}

.mobile-nav__child-item .collapsible-trigger__icon {
  padding: 0;
  margin-right: 15px;
}

.mobile-nav__item--secondary a {
  padding-top: 10px;
  padding-bottom: 5px;
}

.mobile-nav__item--secondary:after {
  display: none;
}

.mobile-nav__item:not(.mobile-nav__item--secondary) + .mobile-nav__item--secondary {
  margin-top: 10px;
}

.mobile-nav__has-sublist,
.mobile-nav__link--button {
  display: flex;
}

.mobile-nav__has-sublist > *,
.mobile-nav__link--button > * {
  flex: 1 1 auto;
  word-break: break-word;
}

.mobile-nav__link--button {
  width: 100%;
  text-align: left;
  padding: 0;
}

.mobile-nav__toggle {
  flex: 0 1 auto;
}

.mobile-nav__toggle .icon {
  width: 16px;
  height: 16px;
}

.mobile-nav__toggle .faux-button,
.mobile-nav__toggle button {
  height: 60%;
  padding: 0 30px;
  margin: 20% 0;
}

.mobile-nav__toggle button {
  border-left: 1px solid;
  border-left-color: #e8e8e1;
}

.mobile-nav__sublist {
  margin: 0;
}

.mobile-nav__sublist .mobile-nav__item:after {
  top: 0;
  bottom: auto;
  border-bottom: none;
}

.mobile-nav__sublist .mobile-nav__item:last-child {
  padding-bottom: 15px;
}

.mobile-nav__sublist .mobile-nav__faux-link,
.mobile-nav__sublist .mobile-nav__link {
  font-weight: 400;
  padding: 7.5px 25px 7.5px 20px;
}

.mobile-nav__grandchildlist {
  margin: 0;
}

.mobile-nav__grandchildlist:before {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  background: #000;
  left: 17px;
  top: 10px;
  bottom: 10px;
}

.mobile-nav__grandchildlist .mobile-nav__item:last-child {
  padding-bottom: 0;
}

.mobile-nav__grandchildlist .mobile-nav__link {
  padding-left: 35px;
}

.mobile-nav__social {
  list-style: none outside;
  display: flex;
  flex-wrap: wrap;
  justify-content: stretch;
  margin: 15px 0 20px 0;
}

@media only screen and (min-width: 769px) {
  .mobile-nav__social {
    margin-left: -20px;
    margin-right: -20px;
  }
}

.mobile-nav__social a {
  display: block;
  padding: 12px;
}

.mobile-nav__social a .icon {
  position: relative;
  top: -1px;
}

.mobile-nav__social-item {
  flex: 0 1 20%;
  text-align: center;
  /*border:1px solid;
  border-color:#e8e8e1;
  border-color:var(--colorDrawerBorder);*/
  margin: 0 0 -1px;
}

.mobile-nav__social-item:nth-child(3n-1) {
  margin-right: -1px;
  margin-left: -1px;
}

@media only screen and (min-width: 769px) {
  .site-nav__link--icon .icon {
    width: 28px;
    height: 28px;
  }

  .site-nav__link--icon .icon.icon-user {
    position: relative;
    top: 1px;
  }
}

.header-logo a,
.site-header__logo a {
  color: {{ settings.color_header_text | default: "#000" }};
  color: var(--colorNavText);
}

.is-light .header-logo a,
.is-light .site-header__logo a {
  color: #fff;
}

.is-light .header-logo a:hover,
.is-light .site-header__logo a:hover {
  color: #fff;
}

.is-light .site-header {
  box-shadow: none;
}

.site-header--password {
  color: {{ settings.color_header_text | default: "#000" }};
  color: var(--colorNavText);
}

.site-header--password a,
.site-header--password a:hover {
  color: {{ settings.color_header_text | default: "#000" }};
  color: var(--colorNavText);
}

.is-light .site-header--password {
  color: #fff;
}

.is-light .site-header--password a,
.is-light .site-header--password a:hover {
  color: #fff;
}

.site-nav__dropdown-link {
  display: block;
  padding: 8px 15px;
  white-space: nowrap;
}

.megamenu .site-nav__dropdown-link {
  padding: 4px 0;
  white-space: normal;
}

.megamenu {
  padding: 39px 0;
  line-height: 1.8;
  transform: none;
  opacity: 0;
  transition: all 300ms cubic-bezier(0.2, 0.06, 0.05, 0.95);
  transition-delay: 0.3s;
}

details[open] > .megamenu {
  opacity: 1;
  transition-delay: 0s;
}

details[open] > .megamenu .appear-animation {
  opacity: 1;
  transform: none;
  width: 0;
}

.site-nav--is-megamenu.site-nav__item {
  position: static;
}

.megamenu__collection-image {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
  width: 100%;
  margin-bottom: 20px;
}

.text-center .megamenu .grid {
  text-align: center;
}

.text-center .megamenu .grid .grid__item {
  float: none;
  display: inline-block;
  vertical-align: top;
  text-align: left;
}

.megamenu .site-nav__dropdown-link:not(.site-nav__dropdown-link--top-level) {
  font-size: 15px;
  line-height: 1.5;
}

.megamenu .h5,
.megamenu h5 {
  margin-bottom: 5px;
  font-weight: 700;
}

.header {
  display: flex;
  flex-direction: column;
  @media screen and (min-width: 769px) {
    padding: 2rem 0 !important;
  }
}

.header-top-half {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: center;
}

.header-bot-half {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: center;
}

.site-nav__link.site-nav__link--underline {
  font-size: 15px;
  font-weight: 400;
  text-transform: none;
  display: flex;
  align-items: center;
  gap: 4px;
}

@media only screen and (min-width: 769px) {
  .medium-up--one-sixth {
    width: 16.66667%;
  }
}

.site-nav__dropdown-link {
  text-decoration: none;
  color: var(--color-foreground);
}

.site-nav__dropdown-link--top-level {
  font-size: 15px;
}

.header__heading {
  display: flex;
  align-items: center;
}

@media only screen and (min-width: 769px) {
  .header__icons .header__search {
    display: block;
  }

  .header-top-half {
    justify-content: space-between;
    align-items: center;
    display: flex;
    flex-direction: row;
    width: 100%;
    margin: 0 0 16px;
  }

  h1.header__heading {
    position: relative;
    justify-items: center;
  }

  .header__icons {
    display: flex;
    height: fit-content;
  }
}

@media only screen and (min-width: 1920px) {
  .header__icons {
    right: 44em;
  }
}

@media only screen and (max-width: 769px) {
  h1.header__heading {
    height: 45px;
    position: absolute;
    left: 20%;
    right: 20%;
    width: max-content;
  }

  .header-top-half {
    justify-content: space-between;
  }

  .header__heading-link {
    height: 45px;
    padding: 0;
  }

  .header {
    padding: 10px 15px;
  }
}

.header__heading-link {
  position: absolute;
  left: 50%;
  align-content: center;
  transform: translate(-50%, 0);
  @media only screen and (max-width: 899px) {
    width: 140px;
  }
}

.header__contact {
  display: flex;
  flex-direction: row;
  gap: 16px;
}

.header__left {
  display: flex;
}

@media only screen and (max-width: 899px) {
  .header__contact {
    display: none;
  }

  .header__icon--cart {
    margin-right: -1.8rem;
  }
}

@media only screen and (min-width: 900px) {
  .header__mobile-book-appointment {
    display: none;
  }
}
