/*
GLOBAL VARIABLES
*/

:root {
  /* =================================================
   BRAND COLORS
  ================================================= */
  --surface-brand: #0b3b4c;
  --color-brand-primary: #e9aa92;
  --color-brand-secondary: #b47a15;
  --color-brand-soft: #fff8f3;
  --color-brand-accent: #150802;
  --color-text-primary: #371c12;
  --color-text-secondary: #0b3b4c;
  --color-text-accent1: #757372;
  --color-text-accent2: #ffffff;
  --color-text-subtle: #424242;
  --color-text-inverse: #ffffff;
  --color-text-base: #4e4e4e;
  --color-text-nav: #000000;
  --color-text-nav-interior: #4e4e4e;
  --color-text-nav-overlay: #4e4e4e;
  --color-text-ui: #fbf3f3;
  --color-header-bg: rgb(255 255 255);
  --color-bg-page1: #ffffff;
  --color-bg-page2: #ffffff;
  --color-bg-footer1: #fff8f3;
  --color-bg-footer2: #232323;
  --color-bg-footer3: #ffffff;
  --color-carousel-overlay: linear-gradient(rgb(0 0 0 / 30%) 0%, rgb(0 0 0 / 30%) 40% 40%, rgb(0 0 0 / 30%) 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: 100%;
  --bg-height-desktop: 1245px;
  --bg-opacity-desktop: .6;
  --bg-top-desktop: 0px;
  --bg-transform-desktop: scaleX(1);

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


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

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

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

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

.sb-bg-graphic2-row:after {
  background-image: url(/img/upload/okc_graphic1.webp);
}

#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 255 / 0%);
  /* 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 255 / 0%);
  /* 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 / 0%);
  /* 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 / 0%);
  /* 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%3Cpath d='M10 10 H190' stroke='%23F46EA0' stroke-width='2.5' stroke-linecap='round' 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: "Playfair Display", serif;}

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

:root {
  --h3-size: 18px;
  --h3-transform: capitalize;
  --h3-letter-spacing: 1px;
}

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

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

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


/* =========================================================
header custom
========================================================= */
    
  .site-header .site-nav > .nav-list > .nav-item > a {
        font-weight: 400;
        letter-spacing: 2px;
        font-size: 13px;
        padding: 0px 5px;
        text-transform: uppercase;
      }
         
    /* Default: hide all CTAs */
     .site-header .site-header__cta .tool-link--address {
       display: none!important;
     }
      
    .site-header__top .btn-cta {
      display: none!important;
    }
    
    .site-header__top::before {
         background: #ffffff;
     }
     
    @media (min-width: 949px) {
     .site-header.has-topbar .site-header__top {
       padding: 10px 20px;
     }
   }
  
  
/* =========================================================
oneoff fixes
========================================================= */

@media screen and (min-width:1281px) {
.carousel-wrapper .pad-r-xl  {
  padding-right: 531px !important;
  display: block;
}
}

html:not(.snapped) .site-header.has-header-overlay .site-nav > .nav-list > .nav-item > a {
    color: #ffffff;
}

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


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

.feature-socialmedia.is-sm a, .social-module.is-sm a {
    color: var(--color-brand-primary);
    width: 35px;
    height: 35px;
    padding-top: 0px;
    margin-right: 0px;
}

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

  
@media (min-width: 949px) {
  #page-home .carousel,
  #page-home .carousel-inner,
  #page-home .carousel .item,
  #page-home .carousel .item-inner {
    min-height: 850px;
  height:850px;
  }
}



/* ==========================================================
   CTA BAR — ICON ALIGNMENT
========================================================== */

.feature-cards1.custom > div > div   {
    padding: 20px;
}

.feature-cards1.custom > div > div > div > a,
.feature-cards1.custom > div > div > a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .75rem;

    width: 100%;
    height: 100%;

    text-decoration: none;
    text-align: center;
}

.feature-cards1.custom svg {
    display: block;
    flex: 0 0 auto;
    margin: 0;
    transform: translateY(-1px); /* optical alignment */
}

.feature-cards1.custom a > * {
    margin: 0;
}

/* Prevent inherited line-height from pushing icon down */
.feature-cards1.custom a {
    line-height: 1.2;
}
.is-list.is-numbered li::before {
background: rgba(0, 0, 0, 0);
    border: 3px solid #75895e;
}

.is-h3-lg h3 {
    --h3-size: 70px!important;
    line-height: .2em!important;
}