/*
GLOBAL VARIABLES
*/

:root {
  /* =================================================
   BRAND COLORS
  ================================================= */
  --surface-brand: #f26921;
  --color-brand-primary: #f26921;
  --color-brand-secondary: #b47a15;
  --color-brand-soft: #f7f7f7;
  --color-brand-accent: #ffffff;
  --color-text-primary: #1d1d1d;
  --color-text-secondary: #2a2a2a;
  --color-text-accent1: #f26921;
  --color-text-accent2: #ffffff;
  --color-text-subtle: #424242;
  --color-text-inverse: #ffffff;
  --color-text-base: #4e4e4e;
  --color-text-nav: #0f0f0f;
  --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: 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 */
/*==================================================================================*/

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

.sb-bg-image2-row {
  background-image: url(/img/upload/pofs-hero-new124.jpg);
}

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

.sb-bg-graphic2-row.sb-wrap: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 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(0 0 0 / 25%);
  /* 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(0 0 0 / 25%);
  /* 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%); */
  }
}

/*==================================================================================*/
/* 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: inherit;
}

body {
  --header-logo-height-desktop: 85px;
  --header-logo-height: 45px;
}

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

.site-header .site-nav > .nav-list > .nav-item > a {
  font-weight: 500;
  letter-spacing: 0px;
  font-size: 13px;
  padding: 0px 0px;
  text-transform: capitalize;
}
   
a.btn,
.btn,
.carousel a {
  border-radius: 12px;
}

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


/* =========================================================
      header custom
    ========================================================= */
    
  @media (min-width: 949px) {
  .site-header.has-topbar .site-header__top {
    padding: 10px 20px;
  }
  }
  
  /* Default: hide all CTAs */
   .site-header .site-header__cta,
   .site-header .site-header__cta .btn-ph,
   .site-header .site-header__cta .tool-link--address {
     display: none!important;
   }
    
  @media (max-width: 948px) {
  .site-header__top .btn-cta,
  .site-header__top .btn-ph {
    display: none!important;
  }
  }
  
  .site-header__top::before {
       background: #fcfcfc;
   }
  
  .site-header__top a.btn-text,
  .site-header__top a:not(.btn) {
    color: var(--color-text-secondary)!important;
    font-weight: 400!important;
  }
  
    .has-inline-group-dividers > *:not(:last-child)::after {
    color: #000000 !important;
   }
   
   
/* =========================================================
       oneoff FEATURE CARDS — IMAGE CONTROL (CROPPED)
    ========================================================= */
    
    body:not(#page-home) .feature-cards1.has-card-image-top img {
      width: 100%!important;
      height: 520px!important;        
      object-fit: cover;    
      object-position: center;
      border-radius: 12px 12px 0 0;
      display: block;
    }