/*
GLOBAL VARIABLES
*/

:root {
  /* =================================================
   BRAND COLORS
  ================================================= */
  --surface-brand: #abae9c;
  --color-brand-primary: #abae9c;
  --color-brand-secondary: #abae9c;
  --color-brand-soft: #f1ebe7;
  --color-brand-accent: #b9b997;
  --color-text-primary: #424242;
  --color-text-secondary: #b9b997;
  --color-text-accent1: #79736d;
  --color-text-accent2: #6d6d6c;
  --color-text-subtle: #424242;
  --color-text-inverse: #ffffff;
  --color-text-base: #b9b997;
  --color-text-nav: #464646;
  --color-text-nav-interior: #4e4e4e;
  --color-text-nav-overlay: #4e4e4e;
  --color-text-ui: #fbf3f3;
  --color-header-bg: rgb(255 255 255);
  --color-bg-page1: #f7f5f4;
  --color-bg-page2: #f7f5f4;
  --color-bg-footer1: #fafafa;
  --color-bg-footer2: #b9b997;
  --color-bg-footer3: #ffffff;
  --color-carousel-overlay: linear-gradient(#00000029 0%, #00000029 40% 40%, #00000029 100%);

  /* =================================================
   GRAPHIC DEFAULTS MOBILE
  ================================================= */
  --bg-pos-x-mobile: right;
  --bg-pos-y-mobile: 0px;
  --bg-size-mobile: 100%;
  --bg-height-mobile: 2400px;
  --bg-opacity-mobile: .1;
  --bg-top-mobile: 0px;
  --bg-transform-mobile: scaleX(1);

  /* =================================================
   GRAPHIC DEFAULTS DESKTOP
  ================================================= */
  --bg-pos-x-desktop: 0px;
  --bg-pos-y-desktop: 0px;
  --bg-size-desktop: 80%;
  --bg-height-desktop: 1245px;
  --bg-opacity-desktop: .3;
  --bg-top-desktop: 0px;
  --bg-transform-desktop: scaleX(1);

  /* =================================================
   HERO
  ================================================= */
  --carousel-bg-image: url("/img/upload/hero.webp");
}

/*==================================================================================*/
/* Bg Images */
/*==================================================================================*/

html.is-live-site .has-space:has(.bg-image1),     
html.is-live-site .sb-row:has(.bg-image1) {
  background-image: url(/img/upload/kathermantonguetiecenter_hero2.webp);
}

.sb-bg-image2-row {
  background-image: url(/img/upload/kathermantonguetiecenter_hero1.webp);
}

.sb-bg-image3-row {
  background-image: url(/img/upload/000_custom_image19.jpg);
}
     
.sb-bg-graphic1-row:after {
  background-image: url(/img/upload/000_bg_marble12.jpg);
}

.sb-bg-graphic2-row:after {
  background-image: url(/img/upload/000_bg_marble12.jpg);
}

#page-home .sb-feature-gallery-row,
#page-home .sb-gallery-row  {
  background: rgb(0 0 0 / 0%);
}

#page-home .carousel-inner .item::after {
  background-image: none;
}


/*==================================================================================*/
/* Bg Overlays */
/*==================================================================================*/

.sb-bg-image1-row:before {
  background: rgb(255 255 251 / 90%);
  /* background: linear-gradient(270deg, rgb(0 0 0 / 0%) 25%, rgb(0 0 0 / 0%) 100%); */
}

@media (min-width: 949px) { 
.sb-bg-image1-row:before {
  background: rgb(255 255 251 / 90%);
  /* background: linear-gradient(346deg, rgb(112 32 102) 8%, rgb(0 0 0 / 0%) 45%); */
  }
}

.sb-bg-image2-row:before {
  background: rgb(255 255 255 / 80%);
  /* background: linear-gradient(270deg, rgb(0 0 0 / 0%) 25%, rgb(0 0 0 / 0%) 100%); */
}

@media (min-width: 949px) { 
.sb-bg-image2-row:before {
  background: rgb(255 255 255 / 80%);
  /* background: linear-gradient(346deg, rgb(112 32 102) 8%, rgb(0 0 0 / 0%) 45%); */
  }
}

.sb-bg-image3-row:before {
  background: rgb(255 255 255 / 0%);
  /* background: linear-gradient(270deg, rgb(0 0 0 / 0%) 25%, rgb(0 0 0 / 0%) 100%); */
}

@media (min-width: 949px) { 
.sb-bg-image3-row:before {
  background: rgb(255 255 255 / 0%);
  /* background: linear-gradient(346deg, rgb(112 32 102) 8%, rgb(0 0 0 / 0%) 45%); */
  }
}

/*==================================================================================*/
/* ACCENT ENGINE TOKENS  */
/*==================================================================================*/

:root {
  --heading-accent-content: inherit;
  --heading-accent-width: min(180px, 80%);
  --heading-accent-transform: none;
  --heading-accent-svg:
    url("data:image/svg+xml,%3Csvg viewBox='0 0 200 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='0'%3E%3Cstop offset='0%25' stop-color='%23d4af37'/%3E%3Cstop offset='35%25' stop-color='%23b68b2d'/%3E%3Cstop offset='70%25' stop-color='%23555555'/%3E%3Cstop offset='100%25' stop-color='%23000000'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 10 Q100 5 200 10' stroke='url(%23g)' stroke-width='2' fill='none'/%3E%3C/svg%3E");
}

/*==================================================================================*/
/* SET FONT FAMILY */
/*==================================================================================*/

/* Headings / Special Elements */
h1, h2, h4, h5, h6,
.content h1,
.content h2,
.content h4,
.content h5,
.content h6,
.logo #logotext,
.gallery-header,
.locations_list,
.header .nav,
.header .nav a,
.toolbar #logotext {
  font-family: "kepler-3-display", serif;
}

/*==================================================================================*/
/* THEME DESIGN TOKENS */
/*==================================================================================*/

:root {
  --h3-size: 14px;
  --h3-transform: capitalize;
  --h3-letter-spacing: 4px;
}

/*==================================================================================*/
/* LOGO */
/*==================================================================================*/

body {
  --header-logo-height-desktop: 110px;
  --header-logo-height: 60px;
}

html.snapped body {
  --header-logo-height-desktop: 95px;
  --header-logo-height: 60px;
}


/* =========================================================
header custom
========================================================= */
    
  .site-header .site-nav > .nav-list > .nav-item > a {
  font-weight: 600;
  letter-spacing: 0px;
  font-size: 16px;
  padding: 0px 6px;
  text-transform: capitalize;
}
   
.site-header .site-header__cta .tool-link--address {
    display: none !important;
}


  .site-header__top::before {
     background: #abae9c;
 }
 
 @media (min-width: 949px) {
    .site-header.has-topbar .site-header__top {
    padding-block: 10px !important;
    }
  }
  
/* =========================================================
   One-Off Fixes
========================================================= */


@media (min-width: 1024px) {
.carousel a,
.body a.btn {
    letter-spacing: 1.28px;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
}
}

.carousel a,
.footer a.btn,
.body a.btn {
    padding: 15px 35px!important;
}


body {
  font-family: "ivystyle-sans", sans-serif;
}

button,
input,
textarea,
select {
  font-family: inherit;
}

.content h3,
.headline h2,
.post .entry h1,
.post .entry h2 {
  font-family: "ivystyle-sans", sans-serif;
}


@media (min-width: 768px) {
    body :is(.content, .embed) h1, body :is(.content, .embed) h2, .sb-module .headline h2, .footer h2, .sb-module h2, .carousel h2 {
        font-weight: 300!important;
    }
}

@media (min-width: 949px) {
    .carousel .item-content h2 {
        font-size: 65px;
        line-height: 65px;
    }
}

.has-hero-panel {
   background-image: url(/img/upload/kathermantonguetiecenter_graphic1.webp);
   background-size: cover;
   background-position: top right;
}

/* Carousel content box */
.has-hero-panel {
  background-color: #f7f6f4;
}

@media (max-width: 949px) {
.item-content {
  padding: 0px!important;
}
}

/* Replace desktop Home label with a home icon */
@media (min-width: 949px) {
  .site-header
  .site-nav
  .nav-item:first-child
  > a
  .nav-label {
    display: block;
    width: 24px;
    height: 24px;
    overflow: hidden;
    font-size: 0;
  }

  .site-header
  .site-nav
  .nav-item:first-child
  > a
  .nav-label::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background: currentColor;
    mask:
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 10.5 12 3l9 7.5V21h-6v-6H9v6H3V10.5z'/%3E%3C/svg%3E")
      center / contain no-repeat;
    -webkit-mask:
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 10.5 12 3l9 7.5V21h-6v-6H9v6H3V10.5z'/%3E%3C/svg%3E")
      center / contain no-repeat;
  }
}

/*==============================================================================
  BUTTON ADJUSTMENTS
==============================================================================*/

a.btn,
.btn,
.carousel a {
  border-radius: 50px;
  font-weight: 500;
}

a.btn,
.btn,
.btn-default,
a.btn.btn-default,
input.btn-default,
.footer
.primary-link:last-child > a {
  color: #ffffff !important;
  background: #dbae96 !important;
  border-color: #dbae96 !important;
}

a.btn,
.btn,
.btn-cta {
  font-weight: 400 !important;
  text-transform: capitalize !important;
}

.embed a,
.content a,
.sb-module a {
  color: #dbae96;
}


.feature-cards1.has-media > div > div img {
    border-radius: 30px!important;
}