/*
GLOBAL VARIABLES
*/

:root {
  /* =================================================
	 BRAND COLORS
  ================================================= */
  --surface-brand: #f2ebdf;
  --color-brand-primary: #54759a;
  --color-brand-secondary: #daf5ff;
  --color-brand-soft: #c9d7e7;
  --color-brand-accent: rgb(242 248 255);
  --color-text-primary: #0d0d0d;
  --color-text-secondary: #1a1a1a;
  --color-text-accent1: #54759a;
  --color-text-accent2: #ffffff;
  --color-text-subtle: #37484e;
  --color-text-inverse: #ffffff;
  --color-text-base: #4e4e4e;
  --color-text-nav: #54759a;
  --color-text-nav-interior: #4e4e4e;
  --color-text-nav-overlay: #4e4e4e;
  --color-text-ui: #fbf3f3;
  --color-header-bg: #ffffff;
  --color-bg-page1: #fcfcfc;
  --color-bg-page2: #fcfcfc;
  --color-bg-footer1: #ffffff;
  --color-bg-footer2: #232323;
  --color-bg-footer3: #ffffff;
  --color-carousel-overlay: linear-gradient(rgb(0 0 0 / 20%) 0%, rgb(0 0 0 / 20%) 40%, rgb(0 0 0 / 20%) 100%);

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

  /* =================================================
	 GRAPHIC DEFAULTS — DESKTOP
  ================================================= */
  --bg-pos-x-desktop: 890px;
  --bg-pos-y-desktop: 0px;
  --bg-size-desktop: 50%;
  --bg-height-desktop: 1200px;
  --bg-opacity-desktop: .3;
  --bg-top-desktop: 90px;
  --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/jasoncellarsdds_boghawaladds_bg_1.jpg);
}

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

.sb-bg-image3-row {
	background-image: url(/img/upload/000_custom_image_tropics1.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(238 246 255);
}

#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-image2row: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-image2row:before {
	background: rgb(255 255 255 / 0%);
	/* background: linear-gradient(346deg, rgb(112 32 102) 8%, rgb(0 0 0 / 0%) 45%); */
	}
}

.sb-bg-image3row: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-image3row: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;
}

 .content h1,
 .headline h1,
 .post .entry h1,
 .post h2.title,
 .post h1.title,
 .post h2 {
   text-transform: capitalize;
 }
 
 @media (min-width: 768px) {
   :where(html, body).has-heading-xxl .sb-embed h1,
   :where(html, body).has-heading-xxl .content h1,
   :where(html, body).has-heading-xxl .text--white .content h1,
   :where(html, body).has-heading-xxl .text--white:not(.sb-feature-cta1) .content h1,
   :where(html, body).has-heading-xxl .text--white.sb-feature-cta1 .content h1 {
	 font-size: 5.2em!important;
	 line-height: 1.2em!important;
	 }
   }

.tool-links a,
   .site-header .site-nav > .nav-list > .nav-item > a {
	   font-size: 15px;
	   padding: 0px 4px ;
   }