@charset "utf-8";
/* CSS Document 
 * mobile menu width: 900px 
 */
 
:root {
	--header-height: 100px;
	--nav-font-size: 14px;
	--nav-font-size-fixed: 13px;

	--mwd-black:#101010;
	--mwd-black-2:#171717;
	--mwd-text:#282828;
	--mwd-muted:#6f6f6f;
	--mwd-white:#fff;
	--mwd-cream:#f5f3ef;
	--mwd-gold:#d7a93b;
	--mwd-gold-light:#f2c35e;
	--mwd-gold-dark:#a5812f;
	--mwd-filter-gold: brightness(0) saturate(100%) invert(64%) sepia(40%) saturate(500%);
	--mwd-orange:#ff7a00;
	--mwd-border:rgba(215,169,59,.35);
	--mwd-shadow:0 18px 45px rgba(0,0,0,.16);
}

body { background:#fff; color:var(--mwd-text); }
.frame.mwd-frame {
	color:var(--mwd-text);
	background:#F4F4F2;
	line-height:1.55;
}

/* test site */
#tsBar { z-index:5; background:#FFF; padding:3px 0; text-align:left; color:#000; }

/* header */
#header {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:var(--header-height);
	background:transparent;
	z-index:20;
}
header {
	margin:0;
	padding:0;
	width:100%;
	background:rgba(6,6,6,.18);
	background:rgba(6,6,6,.4);
	backdrop-filter:blur(3px);
	-webkit-backdrop-filter:blur(3px);
	transition:background .25s ease, box-shadow .25s ease;
}
header .container { max-width:none; }
header.fixed { 
	position:fixed;
	top:0;
	border-width:0;
	background:rgba(6,6,6,.6);
	box-shadow: 0 1px 7px rgba(0, 0, 0, 0.5);
	z-index:100;
}

/* header - using css flex */
.hd-nav { display:flex; flex-direction:row; justify-content:space-between; align-items:center; height:var(--header-height); font-size:var(--nav-font-size); }
header.fixed .hd-nav { font-size:var(--nav-font-size-fixed) !important; height:auto; }

.hd-nav-lt { flex-grow:0; width:70px; }
.hd-nav-rt { flex-grow:1; }

header.fixed .hd-nav-lt { display:block !important; width:40px; }
header.fixed .hd-nav-rt { padding:4px 0 2px !important; margin:0 !important; }

.nav-logo { display:block; text-align:center; }

.logo,
a.logo  					{ display:block; margin:0 auto; }
a.logo  					{ text-decoration:none; }
.logo img 					{ width:100%; display:block; }
/*.logo-icon 				{ display:none; }*/
header.fixed .logo-icon 	{ display:block; padding-top:1px; }
header.fixed .logo-icon img { max-width:120px; }

/* main nav - using css flex */
.hd-nav ul {
	display:flex; flex-direction:row; align-items:center; gap:4vw;
	list-style:none; padding:0; margin:0; line-height:100%;
}
.hd-nav-lt ul { justify-content:left; }
.hd-nav-rt ul { justify-content:right; }

.hd-nav ul > li { padding:0; margin:0; text-align:center; }

/* .hd-nav ul > li > a 				{}
.hd-nav ul > li.nav-txt 			{} */
.hd-nav ul > li.nav-link a 			{ display:inline-block; padding:0.7em 0; text-decoration:none; text-transform:none; margin:0 auto; font-weight:360; color:#ECECFB; border:0; border-bottom:2px solid transparent; }
header.fixed .hd-nav ul > li.nav-link a { padding:0.3em 0; border-width:1px; }

/* .hd-nav ul > li.nav-btn a 			{}
.hd-nav ul > li.nav-btn-alt > a 	{}
.hd-nav ul > li.nav-btn.selected a 	{} */
.hd-nav ul > li.nav-btn > a:hover 	{ transition:linear 0.2s; }

#mainNav.hd-nav { padding:2px 0 1px; }
header.fixed #mainNav.hd-nav { padding:5px 0; }


#mainNav.hd-nav ul > li.nav-logo		{ width:35%; }
.logged-in-user #mainNav.hd-nav ul > li.nav-logo { width:100%; }

#mainNav.hd-nav ul > li.nav-logo > a			{ padding:0 1em 0 0; }

#mainNav.hd-nav ul > li.nav-txt,
#mainNav.hd-nav ul > li.nav-link a {
  color: #fff;
  text-transform: uppercase;
  font-size: 1em;
  font-weight: 500;
  letter-spacing: .04em;
  opacity: .96;
}
header.fixed #mainNav.hd-nav ul > li.nav-link a { font-size: 0.9em; }
#mainNav.hd-nav ul > li.nav-link.selected > a 	{
	font-weight:700; 
	color:var(--mwd-gold) !important;
	border-bottom-color:var(--mwd-gold);
}
#mainNav.hd-nav ul > li.nav-link > a:hover {
	color:var(--mwd-gold) !important;
	border-bottom-color:var(--mwd-gold);
}

#mainNav.hd-nav ul > li.nav-btn a 				{ padding:0.5em 1.2em; border-radius:30px; font-weight:500; letter-spacing:1px; }

.hd-nav ul > li.social a { width:2em; height:2em; margin-left:0.2em; padding:0; }

.header-border {
	height:0;
	border-bottom: 1px solid;
	border-image: linear-gradient(110deg, #50462D 0%, #736748 23%, #B5A57B 66%, #50462D 100%) 1;
}
header.fixed .header-border { 
	background:none !important; height:0 !important; opacity:0.8; padding:0 !important; margin:0 !important;
	border-bottom:1px solid !important; border-image: linear-gradient(110deg, #50462D 0%, #736748 23%, #B5A57B 66%, #50462D 100%) 1 !important;
}

#menuBtn 	{ display:none; }

/* main */
main,
#main {
	min-height:450px;
	line-height:150%;
	text-align:left;
	z-index:3;
}
#main .noJs { color:#FFF; }
#main .noJs a.btn {
	background:#FFF;
	border-color:#FFF;
	color:#333;
}
#main p {
	line-height:1.72;
}


/* hero */
.mwd-hero {
	padding-top: var(--header-height);
	display:flex;
	align-items:center;
	overflow:hidden;
	background-color:#0b0b0b;
	background-image:var(--hero-img-desktop);
	background-size:cover;
	background-position:var(--hero-position-desktop, center center);
	background-repeat:no-repeat;
	color:rgba(255,255,255,.92);
}
/* 
.mwd-hero-img {position: absolute; top:0;left:0;width: 100%; height:100%; line-height:0;}
.mwd-hero-img img { display:block; width:100%; height:100%; object-fit:cover; } 
*/

.mwd-hero h1 { color:#fff; font-weight:300; margin:0; letter-spacing: -.03em; }
.mwd-hero-overlay {
  position:absolute;
  inset:0;
  background:
  	linear-gradient(
		105deg,
		rgba(0, 0, 0, 0.78) 10%,
		rgba(0, 0, 0, 0.5) 55%,
        rgba(0, 0, 0, 0.05) 80%
	),
    linear-gradient(
      	165deg,
		rgba(3, 7, 11, 0.38) 0%,
		rgba(3, 7, 11, 0.12) 38%,
		rgba(3, 7, 11, 0.04) 80%
    );
  z-index:1;
}
.mwd-hero-overlay--cool {
  background:
    linear-gradient(
      105deg,
      rgba(3, 7, 11, 0.8) 0%,
      rgba(7, 17, 26, 0.7) 28%,
      rgba(7, 17, 26, 0.5) 55%,
      rgba(7, 17, 26, 0.06) 80%
    ),
    linear-gradient(
      165deg,
      rgba(3, 7, 11, 0.38) 0%,
      rgba(3, 7, 11, 0.12) 38%,
      rgba(3, 7, 11, 0.04) 80%
    );
}
.mwd-hero-overlay--warm {
  background:
    linear-gradient(
      105deg,
      rgba(11, 9, 3, 0.8) 0%,
      rgba(26, 21, 7, 0.7) 28%,
      rgba(26, 21, 7, 0.5) 55%,
      rgba(26, 21, 7, 0.06) 80%
    ),
    linear-gradient(
      165deg,
      rgba(11, 9, 3, 0.38) 0%,
      rgba(11, 9, 3, 0.12) 38%,
      rgba(11, 9, 3, 0.04) 80%
    );
}

.mwd-hero .container { z-index:2; width:100%; }
.mwd-hero-content { width:52%; width:60%;  padding: 1% 1% 1.5%; }

.mwd-hero-content p {
  width: 90%;
  max-width:560px;
  font-size:clamp(1.1rem, calc(0.5rem + 0.8vw), 1.25rem);
}
.mwd-hero-content p.eyebrow { width:100%; color:var(--mwd-gold-light); }

.mwd-hero-content .btn-row {
	margin-top: clamp(1em, 2vw, 2.2em);
	font-size: clamp(12px, calc(0.4rem + 0.8vw), 17px);
}

@media only screen and (min-width:1101px) {
	.mwd-hero {
		min-height:calc(500px + var(--header-height));
		background-image:var(--hero-img-desktop);
		background-size:cover;
		background-position:var(--hero-position-desktop, center center);
		background-repeat:no-repeat;
	}
}
@media only screen and (min-width:801px) and (max-width:1100px) {
	.mwd-hero {
		min-height:calc(360px + var(--header-height));
		background-image:var(--hero-img-tablet, var(--hero-img-desktop));
		background-position:var(--hero-position-tablet, var(--hero-position-desktop, center center));
	}
	.mwd-hero-content p:not(.eyebrow) { width:85%; }
}

@media only screen and (max-width:800px) {
	.mwd-hero {
		background-image:var(--hero-img-mobile, var(--hero-img-tablet, var(--hero-img-desktop)));
		background-position:var(--hero-position-mobile, var(--hero-position-tablet, center center));
	}
	/*
	.mwd-hero-overlay {
		background:
			linear-gradient(
				90deg,
				rgba(0, 0, 0, 0.78) 10%,
				rgba(0, 0, 0, 0.5) 55%,
				rgba(0, 0, 0, 0.05) 80%
			),
			linear-gradient(
				180deg,
				rgba(3, 7, 11, 0.38) 0%,
				rgba(3, 7, 11, 0.12) 38%,
				rgba(3, 7, 11, 0.04) 80%
			);
	}
	.mwd-hero-overlay--cool {
		background:
			linear-gradient(
				90deg,
				rgba(3, 7, 11, 0.8) 0%,
				rgba(7, 17, 26, 0.7) 28%,
				rgba(7, 17, 26, 0.5) 55%,
				rgba(7, 17, 26, 0.06) 80%
			),
			linear-gradient(
				180deg,
				rgba(3, 7, 11, 0.38) 0%,
				rgba(3, 7, 11, 0.12) 38%,
				rgba(3, 7, 11, 0.04) 80%
			);
	}
	*/
    .mwd-hero-content { width:65%; max-width:440px; padding: 2% 1% 3%; }
    .mwd-hero-content p:not(.eyebrow) { width:80%; text-shadow: 0 1px 5px rgba(0,63,114,.3); }
}
@media only screen and (max-width:500px) {
    .mwd-hero {
        background-image:var(--hero-img-mobile-xs, var(--hero-img-mobile-xs));
        background-size: 100% auto;
        background-position: center bottom;
    }
    .mwd-hero-overlay {
		background:
			linear-gradient( 
			175deg, 
			rgba(0, 0, 0, 0.73) 25%, 
			rgba(0, 0, 0, 0.58) 45%, 
			rgba(0, 0, 0, 0.18) 60%, 
			rgba(0, 0, 0, 0.05) 80% 
			);
    }
	.mwd-hero-overlay--cool {
		background:
			linear-gradient( 
			175deg, 
			rgba(3, 7, 11, 0.75) 25%, 
			rgba(7, 17, 26, 0.6) 45%, 
			rgba(7, 17, 26, 0.2) 60%, 
			rgba(7, 17, 26, 0.05) 80% 
			);
	}
	.mwd-hero-overlay--warm {
		background:
			linear-gradient( 
			175deg, 
			rgba(11, 9, 3, 0.75) 25%, 
			rgba(26, 21, 7, 0.6) 45%, 
			rgba(26, 21, 7, 0.2) 60%, 
			rgba(26, 21, 7, 0.05) 80% 
			);
	}
    .mwd-hero-content { width:97%; max-width:none; padding-bottom: 58%; }
    .mwd-hero-content p:not(.eyebrow) { width:85%; }
}
@media only screen and (max-width:350px) {
    .mwd-hero-content p { font-size: 1rem; }
}


/* footer */
footer { background:#0d0d0d; color:#d7d7d7; z-index:2; }

#ftMain {
  background:radial-gradient(circle at top left,rgba(215,169,59,.08),transparent 34%), #0d0d0d;
}
.ft-grid {
  display:grid;
  grid-template-columns:2.1fr 1fr 1fr 1fr;
  gap:70px;
}
.ft-brand h2 {
  color:#fff;
  font-size:2rem;
  line-height:1.25;
  margin:0;
}
.ft-contact,
.ft-col ul {
  list-style:none;
  padding:0;
  margin:0;
}
.ft-contact { margin:1.5em 0 2em; }
.ft-contact li,
.ft-col li { margin:.8em 0; }
.ft-col h3 { 
	color:var(--mwd-gold);
  	font-size: 1.05rem;
  	font-weight: 600;
  	text-transform: uppercase;
  	letter-spacing: .08em;
  	margin: 0 0 1.4em;
}
footer a { color:#d7d7d7; text-decoration:none; }
footer a:hover { color:var(--mwd-gold); }

#ftLogo 							{ padding:2em 0 0; }
#ftLogo a							{ display:block; padding:0; text-align:center; text-decoration:none; }
#ftLogo a img 						{ display:block; width:100%; margin:0 auto; max-width:300px; }

ul.ft-list li.icon					{ padding-left:1.6em ; }
ul.ft-list li.icon:before 			{ content:" "; position:absolute; top:5px; left:0; width:0.9em; height:0.9em; filter: var(--mwd-filter-gold);
							  		  background:url(../../core_assets/icons/circle-arrow-right-solid.svg) center no-repeat; background-size:contain; }
ul.ft-list li.icon-pin:before 		{ background:url(../../core_assets/icons/geo-pin-solid.svg) center no-repeat; background-size:contain; }
ul.ft-list li.icon-call:before 		{ background:url(../../core_assets/icons/mobile-solid-01.svg) center no-repeat; background-size:contain; }
ul.ft-list li.icon-email:before 	{ background:url(../../core_assets/icons/envelope-solid.svg) center no-repeat; background-size:contain; }
ul.ft-list li.icon-directions:before{ background:url(../../core_assets/icons/geo-pin-solid.svg) center no-repeat; background-size:contain; }

/* TO DO
ul.ft-list li.icon-linkedin:before 	{ background:url(../../core_assets/icons/linked-in.svg) center no-repeat; background-size:contain; }
ul.ft-list li.icon-instagram:before { background:url(../../core_assets/icons/instagram.svg) center no-repeat; background-size:contain; }
ul.ft-list li.icon-facebook:before 	{ background:url(../../core_assets/icons/facebook.svg) center no-repeat; background-size:contain; }
ul.ft-list li.icon-twitter:before 	{ background:url(../../core_assets/icons/twitter.svg) center no-repeat; background-size:contain; }
ul.ft-list li.icon-tiktok:before 	{ background:url(../../core_assets/icons/tik-tok.svg) center no-repeat; background-size:contain; }
*/

ul.ft-list li,
ul.ft-list li a 					{ color:#EEE; font-weight:350; text-decoration:none; }
ul.ft-list b 						{ font-size:1.3em; }
.ft-link a:hover,
ul.ft-list li a:hover 				{ color:#FFEFBF; font-weight:400; text-decoration:underline; transition:0.2s; }

/* copyright */
#ftBtm {
	width:100%;
	background: #d7a43a;
	background:linear-gradient( 105deg, #d7a43a 0%, #e1bf63 38%, #f5e4a0 62%, #e0bb5a 82%, #cb9734 100% );
	padding:1rem 0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:clamp(12px,1.1vw,15px);
	color:#333;
	z-index:3;
}
#ftBtm p {padding: 0; margin: 0;}
#ftBtm a { color:#222; text-decoration:none; }
#ftBtm a:hover { color:#000; text-decoration:underline; }

/* Flags Popup Overlay 
#selectFlagPop {}
#selectFlagPop .pop-up-overlay-content {
    text-align:center;
    padding:1em 2em 2em;
}
ul#selectFlag {
	display:flex; flex-wrap:wrap; gap:1.5em; justify-content:center;
	list-style:none; padding:1em 0 !important; margin:0.2em auto; max-width:400px;
}
ul#selectFlag li { 
	max-width:100px;
	width:calc(33% - 1.5em);
	padding:0;
	margin:0;
}
#selectFlagPop .pop-up-overlay-content a.btn-flag {
	display:block;
	max-width:112px;
	margin:0 1.5%;
	border-radius: 50%;
	overflow:hidden;
	box-shadow:0 2px 4px #000;
}
#selectFlagPop .pop-up-overlay-content a.btn-flag img { display:block; width:100%; border: 14px solid #FFF; border-radius:50%; }
#selectFlagPop .pop-up-overlay-content a.btn-flag:hover img { border-width:6px; }
*/

@media only screen and (max-width: 1400px) {
	/* header */
	:root {
	  --header-height: 90px;
	}
	/* nav */
	.hd-nav-lt { width:calc(var(--header-height) * 0.7); max-width: 70px; }
}
@media only screen and (min-width: 901px) and (max-width: 1350px) {
	/* header */
	:root {
	  --header-height: 80px;
	}
}
@media only screen and (min-width: 901px) and (max-width: 1200px) {
	/* header */
	:root {
	  --header-height: 75px;
	  --nav-font-size: 13px;
	}

	/* nav */
	.hd-nav ul { gap:3vw; }
}
@media only screen and (min-width: 901px) and (max-width: 1100px) {
	/* header */
	:root {
	  --header-height: 70px;
	  --nav-font-size: 12.5px;
	}

	/* nav */
	header.fixed .hd-nav { font-size:12px !important; }
	.hd-nav ul { gap:2.5vw; }
}
@media only screen and (max-width: 1000px) {
	/* header */
	:root {
	  --header-height: 65px;
	  --nav-font-size: 12px;
	}
	
	/* nav */
	header.fixed .hd-nav { font-size:11px !important; }
	.hd-nav ul { gap:2.2vw; }
}

/* mobile menu */
@media only screen and (max-width: 900px) {

	:root {
		--header-height: 70px;
		--mwd-shadow:0 10px 35px rgba(0,0,0,.16);
	}

	#header {
		position:fixed;
	}

	header {
		height:auto;
		background:rgba(0,0,0,.50);
		backdrop-filter:blur(10px);
		-webkit-backdrop-filter:blur(10px);
	}
	header .container { padding: 0 !important; }

	#mainNav.hd-nav {
		height:var(--header-height);
		padding:0;
	}

	#menuBtn {
		display:flex;
		flex-direction:column;
		justify-content:center;
		gap:5px;
		width:46px;
		height:46px;
		padding:0;
		margin-left:auto;
		margin-right: clamp(18px, 4vw, 28px);
		background:transparent;
		border:0;
		box-shadow:none;
	}

	#menuBtn::after {
		display:none;
	}

	#menuBtn .bar {
		display:block;
		width:26px;
		height:2px;
		margin:0 auto;
		background:#fff;
		border-radius:2px;
		transition:transform .25s ease, opacity .25s ease;
	}

	#header.open #menuBtn .bar:nth-child(1) {
		transform:translateY(7px) rotate(45deg);
	}

	#header.open #menuBtn .bar:nth-child(2) {
		opacity:0;
	}

	#header.open #menuBtn .bar:nth-child(3) {
		transform:translateY(-7px) rotate(-45deg);
	}

	#header .hd-nav-lt { margin-left: clamp(14px, 4vw, 28px); }
	#header.open header {
		background:rgba(6,6,6,.92);
	}

	.hd-nav-rt {
		position:absolute;
		top:var(--header-height);
		left:0;
		width:100% !important;
		overflow:hidden;
		background:rgba(10,10,10,.88);
  		border-bottom:1px solid rgba(215,169,59,.65);
		max-height:0;
		opacity:0;
		transform:translateY(-12px);
		transition:
			max-height .45s ease,
			opacity .28s ease,
			transform .35s ease;
	}
	#header.open .hd-nav-rt {
		max-height:none;
		opacity:1;
		transform:translateY(0);
	}

	header .hd-nav-rt ul {
		display:block;
		border-top:1px solid rgba(255,255,255,.15);
		padding:0;
		margin:2em clamp(18px, 5vw, 34px) 2em;

		opacity:0;
		transform:translateY(-8px);

		transition:
			opacity .2s ease .20s,
			transform .2s ease .20s;
	}

	#header.open .hd-nav-rt ul {
		opacity:1;
		transform:translateY(0);
	}

	header .hd-nav-rt ul > li {
		text-align:left;
		border-bottom:1px solid rgba(255,255,255,.15);
		padding: 1px;
	}

	#mainNav.hd-nav ul > li.nav-link a {
		display:block;
		padding:1.05em 0;
		color:#fff;
		font-size:.92rem;
		letter-spacing:.06em;
		border-bottom:0;
	}
	#mainNav.hd-nav ul > li.nav-link.selected > a {
		color:var(--mwd-gold) !important; font-weight: 600;
	}

	body.menu-open {
		overflow:hidden;
	}


	/* footer tablet */
	.ft-grid {
		display:grid;
		grid-template-columns:repeat(3, 1fr);
		gap:42px 32px;
	}

	.ft-brand {
		grid-column:1 / -1;

		padding-bottom:2.2em;
		margin-bottom:.4em;

		border-bottom:1px solid rgba(255,255,255,.10);
	}

	.ft-brand h2 {
		font-size:clamp(1.8rem, 4vw, 2.4rem);
	}

	.ft-contact {
		margin:1.2em 0 1.8em;
	}

	.ft-col h3 {
		margin-bottom:1em;
	}

}

@media only screen and (min-width: 601px) and (max-width: 700px) {
	/* nav */
	:root {
		--nav-font-size: 12px;
	}
}
@media only screen and (max-width: 600px) {
	:root {
		--mwd-shadow:0 6px 25px rgba(0,0,0,.16);
	}
	/* footer mobile */
	.ft-grid {
		grid-template-columns:1fr;
		gap:0;
	}

	.ft-brand,
	.ft-col {
		padding:2em 0;
		border-bottom:1px solid rgba(255,255,255,.10);
	}

	.ft-brand {
		padding-top:1rem;
	}

	.ft-brand h2 {
		font-size:1.75rem;
	}

	.ft-col h3 {
		font-size:.95rem;
		margin-bottom:.8em;
	}

	.ft-col li,
	.ft-contact li {
		margin:.65em 0;
	}

}