/*
GLOBAL VARIABLES
*/

:root {
  /* =================================================
   BRAND COLORS
  ================================================= */
  --surface-brand: #009bdd;
  --color-brand-primary: #192641;
  --color-brand-secondary: #004d6d;
  --color-brand-soft: #fffdf9;
  --color-brand-accent: #030c27;
  --color-text-primary: #00243d;
  --color-text-secondary: #0084bc;
  --color-text-accent1: #1b2b6e;
  --color-text-accent2: #ffffff;
  --color-text-subtle: #ffffff;
  --color-text-inverse: #ffffff;
  --color-text-base: #4e4e4e;
  --color-text-nav: #030d2b;
  --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: #fafafa;
  --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: 900px;
  --bg-pos-y-desktop: -50px;
  --bg-size-desktop: 105%;
  --bg-height-desktop: 1245px;
  --bg-opacity-desktop: .1;
  --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/club32_hero1.webp);
}

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

.sb-bg-image3-row {
  background-image: url(/img/upload/club32_hero1.webp);
}
     
.sb-bg-graphic1-row.sb-wrap:after {
  background-image: url(/img/upload/club32_graphic1.webp);
}

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

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

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


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

.sb-bg-image1-row:before {
  background: rgb(0 0 0 / 40%);
  /* 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(0 0 0 / 40%);
  /* background: linear-gradient(346deg, rgb(112 32 102) 8%, rgb(0 0 0 / 0%) 45%); */
  }
}

.sb-bg-image2-row:before {
  background: rgb(0 0 0 / 60%);
  /* 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: linear-gradient(90deg, rgb(15 0 0 / 61%) 0%, rgb(0 0 0 / 55%) 18%, rgb(0 0 0 / 36%) 38%, rgb(0 0 0 / 0%) 58%, rgb(255 255 255 / 8%) 78%, rgb(255 255 255 / 0%) 100%);
  
}
}

.sb-bg-image3-row:before {
  background: rgb(1 16 44 / 90%);
  /* 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(1 16 44 / 90%);
  /* background: linear-gradient(346deg, rgb(112 32 102) 8%, rgb(0 0 0 / 0%) 45%); */
  }
}

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

:root {
  --heading-accent-content: "";
  --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='%231fa0e3'/%3E%3Cstop offset='35%25' stop-color='%231fa0e3'/%3E%3Cstop offset='70%25' stop-color='%231fa0e3'/%3E%3Cstop offset='100%25' stop-color='%231fa0e3'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 10 Q100 2 200 10' stroke='url(%23g)' stroke-width='6' 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: "DM Serif Display", serif;
}

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

:root {
  --h3-size: 29px;
  --h3-transform: capitalize;
  --h3-letter-spacing: 0px;
}

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

body {
  --header-logo-height-desktop: 80px;
  --header-logo-height: 40px;
}

html.snapped body {
  --header-logo-height-desktop: 55px;
  --header-logo-height: 40px;
}


/* =========================================================
    header custom
    ========================================================= */
  
.site-header .site-nav > .nav-list > .nav-item > a {
      font-weight: 500;
      letter-spacing: 0px;
      font-size: 18px;
      padding: 0px 7px;
      text-transform: uppercase;
    }
       
  /* Default: hide all CTAs */
   .site-header .site-header__cta .btn-ph,
   .site-header .site-header__cta .tool-link--address {
     display: none!important;
   }
    
  .site-header__top .btn-cta,
  .site-header__top .btn-ph {
    display: none!important;
  }
  
  
/* =========================================================
oneoff fixes
========================================================= */


@media screen and (min-width:1281px) {
.carousel-wrapper .pad-r-xl  {padding-right: 700px !important;display: block;}
}
   
   a.btn,
   .btn,
   .carousel a {
     border-radius: 50px;
     padding: 25px 60px;
     font-size: 20px;
   }


@media (min-width: 949px) {
     .carousel .item-content h2 {
     font-size: 90px;
     line-height: 95px;
     }
   }
   
   
@media (max-width: 768px) {
       #slider-image-1 .carousel-lcp-img {
           object-position: 65% center;
       }
   }
    .site-header__top::before {
        background: #f3f3f3;
    }

.body .hero h2 {
  font-weight: 700!important;
  font-size: 85px!important;
  line-height: 90px!important;
} 


.body .hero h2,
.body .hero p  {
  color: #ffffff;
} 

.body .hero h2 span {
  color: #009bdd !important;
} 

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


.sb-bg-graphic1-row.sb-wrap::after{
  filter:grayscale(100%);

}

.site-header__top h3, body .content h3, body .sb-embed h3 {
  font-family: inherit;

}


/* ==========================================
   OVERLAP FEATURE CARDS OVER IMAGE ROW
========================================== */

@media (min-width: 949px) { 
#page-home .sb-bg-image2-row,
#page-home .sb-feature-cards1-row {
  overflow: visible;
}

#page-home .sb-feature-cards1-row > .col-wrap{
  display:flex;
  align-items:stretch;
}

#page-home .sb-feature-cards1-row > .col-wrap > .sb-col{
  display:flex;
}

.sb-feature-cards1-row .sb-image,
.sb-feature-cards1-row .sb-image .box,
.sb-feature-cards1-row .sb-image .box-inner,
.sb-feature-cards1-row .image-wrap,
.sb-feature-cards1-row .image{
  height:100%;
}

.sb-feature-cards1-row .image img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.sb-feature-cards1-row .sb-feature-cards1,
.sb-feature-cards1-row .sb-feature-cards1 .box,
.sb-feature-cards1-row .sb-feature-cards1 .box-inner,
.sb-feature-cards1-row .feature-cards1{
  height:100%;
}

.feature-cards1 > div {
    margin-top: 0px;
}
}

@media (min-width: 949px) { 
.body .is-h2-xl h2 {
  --h2-size: 62px;
  line-height: 80px!important;
}
}

.site-header.has-topbar .site-header__top {
    padding-top: 12px;
      padding-bottom: 12px;
}

.anim-bg-zoom .btn {
  display: inline-flex;
  align-items: center;
    padding: 20px 25px 20px 30px;
}

.anim-bg-zoom .btn::after {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;

    margin-left: 10px;
    position: relative;
    vertical-align: middle;

    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 24'%3E%3Cpath d='M2 2l10 10-10 10' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.sb-footer.default {
    background-image: linear-gradient(rgb(0 0 0 / 25%), #000000), url(/img/upload/club32_hero2.webp);
}


.container > .carousel-wrapper > .carousel .carousel-inner .item::before {background: linear-gradient(90deg, rgb(0 0 0) 0%, rgb(0 0 0) 18%, rgb(0 0 0 / 50%) 38%, rgb(0 0 0 / 30%) 58%, rgb(255 255 255 / 8%) 78%, rgb(255 255 255 / 0%) 100%);}

@media (min-width: 949px) {
    .sb-wrap:has(.has-overlap-top) + .sb-wrap {
        position: relative;
        margin-top: 0px;
        z-index: 10;
    }
}

@media (min-width: 949px) {
    .sb-wrap:has(.has-overlap-top) + .sb-wrap .box {
        position: relative;
        margin-top: -290px;
        z-index: 10;
    }
}

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