/* Parscale Digital Style Sheet
-----------------------------------------------------------------------------

Developer: Parscale Digital
Email Address: info@gilesparscale.com
Website: 
Developer Website: http://www.parscale.com


/* Custom Variables */
:root {
  --trumpgold: #c2995c;
}

@font-face {
  font-family: 'england';
  src: url('/fonts/england-webfont.woff2') format('woff2'),
    url('/fonts/england-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "LinotypeDidotHeadlineRoman";
  src: url('/fonts/webFonts/LinotypeDidotHeadlineRoman/font.woff2') format('woff2'), url('/fonts/webFonts/LinotypeDidotHeadlineRoman/font.woff') format('woff');
}

@font-face {
  font-family: "LinotypeDidotRoman";
  src: url('/fonts/webFonts/LinotypeDidotRoman/font.woff2') format('woff2'), url('/fonts/webFonts/LinotypeDidotRoman/font.woff') format('woff');
}

@font-face {
  font-family: "LinotypeDidotItalic";
  src: url('/fonts/webFonts/LinotypeDidotItalic/font.woff2') format('woff2'), url('/fonts/webFonts/LinotypeDidotItalic/font.woff') format('woff');
}

@font-face {
  font-family: "LinotypeDidotBold";
  src: url('/fonts/webFonts/LinotypeDidotBold/font.woff2') format('woff2'), url('/fonts/webFonts/LinotypeDidotBold/font.woff') format('woff');
}

@font-face {
  font-family: "LinotypeDidotBoldItalic";
  src: url('/fonts/webFonts/LinotypeDidotBoldItalic/font.woff2') format('woff2'), url('/fonts/webFonts/LinotypeDidotBoldItalic/font.woff') format('woff');
}


/* Table of Contents
-----------------------------------------------------------------------------

1. CSS Reset
2. Base Typography
3. Base Classes
4. Structure
5. Pages
6. Modules

*/



/* 1. CSS Reset
------------------------------------------------------------------------------*/

html, body, br, hr, div, span, a, object, iframe, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote, q, address,
small, big, cite, dfn, ins, del, i, em, b, strong, sup, sub, strike, pre, code, samp, kbd, var, tt, form, fieldset, legend, label,
input, textarea, option, .nobox {background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline;}

div, section, article, main, aside, header, footer, dialog, figure, figcaption, hgroup {display: block;}
html {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*, *:before, *:after {font-family: 'Montserrat', sans-serif; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit;}

blockquote, q {quotes: none;}
br {height: 0;}
ul, ol, dl {list-style: none;}

table {border-spacing: 0; border-collapse: collapse;}
td {text-align: left; font-weight: normal;}

img {border: 0; border-style: none;}

fieldset {border: 1px solid transparent;}
input[type=submit] {letter-spacing: .045em; cursor: pointer; -webkit-appearance: none; transition: 300ms ease all; -webkit-transition: 300ms ease all; -o-transition: 300ms ease all}
input[type=text], input[type=email], textarea {letter-spacing: .045em; font-weight: 400; border-radius: 0; -webkit-appearance: none;}
button {background: none; border: none; padding: 0; cursor: pointer; outline: inherit}
select {-webkit-appearance: none; -webkit-border-radius: 0px;}

/* Flex */
.flex {display: flex;}
.items-center {align-items: center;}
.justify-center {justify-content: center;}
.flex-col {flex-direction: column;}
.gap-10 {gap: 10px;}
.gap-15 {gap: 15px;}
.gap-20 {gap: 20px;}
.gap-25 {gap: 25px;}
.gap-30 {gap: 30px;}
.gap-35 {gap: 35px;}
.gap-40 {gap: 40px;}
.gap-45 {gap: 45px;}
.gap-50 {gap: 50px;}
.gap-55 {gap: 55px;}
.gap-60 {gap: 60px;}
.gap-65 {gap: 65px;}
.gap-70 {gap: 70px;}



/* 2. Base Typography
------------------------------------------------------------------------------*/

.text-gold {color: var(--trumpgold) !important;}
.text-white, .text-white * {color: #fff !important;}

/* Headers  */
.title-large-1 {text-transform: uppercase; font-size: 3.75rem; line-height: 3.75rem; font-weight: 700}
.title-med-1 {text-transform: uppercase; font-size: 2rem; line-height: 2.25rem; font-weight: 700}
.title-med-2 {text-transform: uppercase; font-size: 1.875rem; line-height: 1.875rem; font-weight: 700; letter-spacing: .1em}
.title-med-3 {text-transform: uppercase; font-size: 2.25rem; line-height: 2.5rem; font-weight: 400; letter-spacing: .025em}
.title-med-4 {font-size: 1rem; line-height: 1.25rem; font-weight: 400; font-style: italic}
.title-med-5 {text-transform: uppercase; font-size: 1.5rem; line-height: 1.75rem; font-weight: 700}
.title-med-6 {text-transform: uppercase; font-size: 2.5rem; line-height: 3rem; font-weight: 400; letter-spacing: .15em}
.title-med-7 {font-size: 2.75rem; line-height: 3.125rem; font-weight: 700}
.title-med-8 {font-size: 20px; line-height: 24px; font-weight: 700}
.title-med-9 {text-transform: uppercase; font-size: 1.875rem; line-height: 2rem; font-weight: 700}
.title-med-10 {font-size: 4rem; line-height: 4.25rem; font-weight: 700}
.title-sm-1 {text-transform: uppercase; font-size: 16px; line-height: 16px; font-weight: 400; letter-spacing: .2em}
.title-sm-2 {text-transform: uppercase; font-size: 14px; line-height: 14px; font-weight: 400; letter-spacing: .2em}
.title-sm-1 span {font-weight: 500}
.title-sm-3 {font-weight: 400; text-transform: uppercase; font-size: 20px; line-height: 20px}
.title-didot-sm {font-family: 'LinotypeDidotBold', serif; font-weight: 400; font-size: 1.8rem; line-height: 2rem}
.title-didot-md {font-family: 'LinotypeDidotBold', serif; font-weight: 400; font-size: 2rem; line-height: 2.2rem}
.title-didot-lg {font-family: 'LinotypeDidotBold', serif; font-weight: 400; font-size: 3.5rem; line-height: 3.5rem}
.title-didot-lg.normal {font-weight: 400 !important;}
.subtitle-1 {font-size: 18px;line-height: 24px;font-weight: 500;text-transform: uppercase;color: var(--trumpgold);letter-spacing: .1em;}
.subtitle-2 {font-size: 18px;line-height: 24px;font-weight: 700;text-transform: uppercase;color: #fff;letter-spacing: .1em;}
.subtitle-3 {font-size: 20px;line-height: 24px;font-weight: 500;text-transform: uppercase;color: var(--trumpgold);letter-spacing: .2em;}
.subtitle-1.black, .subtitle-2.black {color: #000;}

.wygwam-body {display: flex;flex-direction: column;gap: 15px;}
.wygwam-body p {font-size: 16px; line-height: 1.8rem; font-weight: 400}
.wygwam-body.white p {color: #fff;}
.wygwam-body p .btn {margin-top: 15px;}

.text-center {text-align: center;}
.uppercase {text-transform: uppercase;}

.text-montserrat {font-weight: 500;}
.text-england, .text-england p {font-family: 'england', serif;font-size: 56px; font-weight: 700;}

/* Paragraphs */
p {color: #000; font-weight: 400; font-size: 16px; line-height: 1.8rem}

/* Links */
a {color: var(--trumpgold); font-weight: 700; text-decoration: none; cursor: pointer; transition: 300ms ease all; -webkit-transition: 300ms ease all; -o-transition: 300ms ease all}
a:hover {color: var(--trumpgold); text-decoration: none;}
a:focus, button:focus, input[type=submit]:focus {text-decoration: underline}

/* Other Type */
strong {font-weight: bold;}
hr {border: 0 var(--trumpgold) solid; border-top-width: 1px; clear: both; height: 0; margin: 25px 0}
ol {list-style: decimal;}
ul {list-style: disc;}

/* Google Web Font Smoothing */
html, body, p, a, h1, h2, h3, h4, h5, h6 {-webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;}

/* 3. Helper Classes
------------------------------------------------------------------------------*/

/* General Helpers */
.clear {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0}
.icon {display: block; text-indent: -9999px; background-size: 100%; background-repeat: no-repeat; text-indent: -9999px; transition: 300ms ease all; -webkit-transition: 300ms ease all; -o-transition: 300ms ease all;}
.icon:hover {transition: 300ms ease all; -webkit-transition: 300ms ease all; -o-transition: 300ms ease all;}
.full-bg {background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.full-bg.full-bg-left {background-position: center left}
.full-bg.full-bg-right {background-position: center right}
.full-bg.full-bg-top-right {background-position: top right}
.full-bg.full-bg-bottom {background-position: bottom center}
.left {float: left}
.right {float: right}
.centered {text-align: center}
.is-hidden {display: none !important;}
.body p {font-size: 16px; line-height: 24px;}
.body img {display: block; max-width: 100%; height: auto !important}
.body h1, .body h2, .body h3, .body h4, .body h5, .body h6, .body p, .body a, .body ul, .body ol, .body img, .body blockquote, .body table, .body .btn {margin-bottom: 20px}
.body p .btn {margin-bottom: 0}
.body ul li, .body ol li {font-size: 14px; line-height: 20px; font-weight: 500; margin-left: 25px; margin-bottom: 10px}
.body.bg-black * {color: #fff}
.body.centered ul {display: grid;grid-template-columns: repeat(3,1fr);column-gap: 0;list-style:none;}
.body.centered ul li {font-size: 16px;line-height: 24px;font-weight: 400;margin: 0 0 10px;}
.body.centered img {margin: 0 auto}
.body h1, .body h2 {font-size: 20px; line-height: 24px; font-weight: 700}
.body h3 {font-size: 18px; line-height: 21px; font-weight: 400}
.body h4 {font-size: 18px; line-height: 24px; font-weight: 500; letter-spacing: .1em;text-transform: uppercase; color: var(--trumpgold)}
.body h5, .features-list-container h5 {color:var(--trumpgold);font-size: 18px; line-height: 18px; text-transform: uppercase; letter-spacing: .2em; font-weight: 500}
.body h6 {font-size: 14px; line-height: 18px; text-transform: uppercase; letter-spacing: .2em; font-weight: 400}
.flex {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap}
.flex-align-center {-ms-flex-align-items: center; -webkit-align-items: center; align-items: center}
.flex-align-bottom {-ms-flex-align-items: flex-end; -webkit-align-items: flex-end; align-items: flex-end}
.flex-align-top {-ms-flex-align-items: flex-start; -webkit-align-items: flex-start; align-items: flex-start}
.flex-justify-center {-ms-flex-justify-content: center; -webkit-justify-content: center; justify-content: center}
.flex-justify-start {-ms-flex-justify-content: flex-start; -webkit-justify-content: flex-start; justify-content: flex-start}
.flex-justify-end {-ms-flex-justify-content: flex-end; -webkit-justify-content: flex-end; justify-content: flex-end}
.flex-1 {-webkit-flex: 1; -ms-flex: 1; flex: 1}
.flex-flow-col {-webkit-flex-flow: column; flex-flow: column}  
.flex-reverse {-ms-flex-direction: row-reverse; -webkit-flex-direction: row-reverse; flex-direction: row-reverse}
.overflow-hidden {height: 100%; overflow: hidden}
.image-square:after {display: block; content: ''; width: 100%; padding-top: 100%}
.sixteen-nine:after {display: block; content: ''; width: 100%; padding-top: 56.25%}
::selection {background: var(--trumpgold); color: #fff}
::-moz-selection {background: var(--trumpgold); color: #fff}
.absolute-center {z-index: 5 !important; position: absolute !important; top: 50% !important; left: 50% !important; -webkit-transform: translate(-50%,-50%) !important; -moz-transform: translate(-50%,-50%) !important; -o-transform: translate(-50%,-50%) !important; transform: translate(-50%,-50%) !important}
.bb {border-bottom: 1px solid #888}
  
/* Specific Helpers */
.bg-black {background-color: #000}
.white {color: #fff}
.gold {color: var(--trumpgold)}

/* Buttons & Links */
.btn {white-space: nowrap; position: relative; font-weight: 500; display: inline-block; font-size: 14px; line-height: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .15em; color: var(--trumpgold); border: 1px solid var(--trumpgold); padding: 12px 25px; transition: 300ms ease all; -webkit-transition: 300ms ease all; -o-transition: 300ms ease all;}
.btn:hover, .btn:focus {background-color: var(--trumpgold); color: #000}
.btn.white {color: #fff; border-color: #fff}
.btn.white:hover, .btn.white:focus {background-color: #fff; color: #000}
.btn.black {color: #000; border-color: #000}
.btn.black:hover, .btn.black:focus {background-color: #000; color: #fff}
.btn.btn-filled {background-color: var(--trumpgold); color: #fff}
.btn.btn-filled:hover, .btn.btn-filled:focus {background-color: #000; color: #fff;border-color: #000;}
.btn.btn-filled-black {background-color: #000;color: #fff;}
.btn.btn-filled-black:hover, .btn.btn-filled-black:focus {background-color: var(--trumpgold); color: #fff}
.arw-link {position: relative; text-transform: uppercase; color: #000; font-weight: 700; font-size: 14px; line-height: 12px}
.arw-link:hover, .arw-link:focus {color: var(--trumpgold)}
.arw-link:after {display: block; content: ''; position: absolute; top: 50%; right: -15px; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 5px solid #000; -webkit-transform: translateY(-50%) !important; -moz-transform: translateY(-50%) !important; -o-transform: translateY(-50%) !important; transform: translateY(-50%) !important}
.arw-link:hover:after, .arw-link:focus:after {border-left: 5px solid var(--trumpgold)}
.bg-black .arw-link {color: #fff}
.bg-black .arw-link:after {border-left: 5px solid #fff}
.bg-black .arw-link:hover, .bg-black .arw-link:focus {color: var(--trumpgold) !important}
.bg-black .arw-link:hover:after, .bg-black .arw-link:focus:after {border-left: 5px solid var(--trumpgold) !important}

/* Overlays */
.overlay {position: relative;}
.overlay > div {position: relative; z-index: 2}
.overlay:before {display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.overlay-black-25:before {background: rgba(0,0,0,.25)}
.overlay-black-50:before {background: rgba(0,0,0,.35)}

.underline {text-decoration: underline;}

.w-full {width: 100%;}

/* Margin & Padding */
.vp-30 {padding-top: 30px; padding-bottom: 30px}
.vp-50 {padding-top: 50px; padding-bottom: 50px}
.vp-70 {padding-top: 70px; padding-bottom: 70px}
.vp-100 {padding-top: 100px; padding-bottom: 100px}
.vp-130 {padding-top: 130px; padding-bottom: 130px}
.vp-200 {padding-top: 200px; padding-bottom: 200px}
.pb-10 {padding-bottom: 10px}
.pb-30 {padding-bottom: 30px}
.pb-50 {padding-bottom: 50px}
.pb-70 {padding-bottom: 70px}
.pb-100 {padding-bottom: 100px}
.pt-30 {padding-top: 30px}
.pt-50 {padding-top: 50px}
.pt-70 {padding-top: 70px}
.mt-30 {margin-top: 30px}
.mt-40 {margin-top: 40px}
.mt-50 {margin-top: 40px}
.mt-60 {margin-top: 40px !important}
.mt-70 {margin-top: 40px}
.mt-80 {margin-top: 40px}
.mb-10 {margin-bottom: 10px}
.mb-30 {margin-bottom: 30px}
.mb-50 {margin-bottom: 50px}
.mb-70 {margin-bottom: 70px}
.mb-100 {margin-bottom: 100px}
.my-10 {margin-top: 10px !important;margin-bottom:10px !important;}
.my-20 {margin-top: 20px !important;margin-bottom:20px !important;}
.my-30 {margin-top: 30px !important;margin-bottom:30px !important;}
.my-40 {margin-top: 40px !important;margin-bottom:40px !important;}
.my-50 {margin-top: 50px !important;margin-bottom:50px !important;}
.my-60 {margin-top: 60px !important;margin-bottom:60px !important;}
.my-90 {margin-top: 90px !important;margin-bottom:90px !important;}
.py-10 {padding-top: 10px !important;padding-bottom:10px !important;}
.py-15 {padding-top: 15px !important;padding-bottom:15px !important;}
.py-20 {padding-top: 20px !important;padding-bottom:20px !important;}
.py-30 {padding-top: 30px !important;padding-bottom:30px !important;}
.py-40 {padding-top: 40px !important;padding-bottom:40px !important;}
.py-50 {padding-top: 50px !important;padding-bottom:50px !important;}
.py-60 {padding-top: 60px !important;padding-bottom:60px !important;}

.hp-10 {padding-left: 10%; padding-right: 10%}
.hp-14 {padding-left: 14%; padding-right: 14%}
.hp-20 {padding-left: 20%; padding-right: 20%}
@media screen and (max-width: 960px){
  .vp-200 {padding-top: 100px; padding-bottom: 100px}
  .vp-130 {padding-top: 65px; padding-bottom: 65px}
  .pt-50 {padding-top: 25px}
  .pb-50 {padding-bottom: 25px}
  .mb-50 {margin-bottom: 25px}
  .pb-100 {padding-bottom: 50px}
  .vp-50 {padding-top: 35px; padding-bottom:35px}
  .vp-100 {padding-top: 50px; padding-bottom: 50px}
  .mb-100 {margin-bottom: 50px}
  .hp-20 {padding-left: 15%; padding-right: 15%}
}
@media screen and (max-width: 768px){
  .hp {padding-left: 0; padding-right: 0}
}
@media screen and (max-width: 600px){
  .pt-70 {padding-top: 35px}
  .pb-70 {padding-bottom: 35px}
  .vp-70 {padding-top: 35px; padding-bottom: 35px}
  .mb-70 {margin-bottom: 35px}
  .vp-200 {padding-top: 50px; padding-bottom: 50px}
}
@media screen and (max-width: 488px){
  .pb-100 {padding-bottom: 30px}
  .vp-100 {padding-top: 30px; padding-bottom: 30px}
}

/* States */
.is-visible {visibility: visible !important; opacity: 1 !important; transition: 300ms ease all; -webkit-transition: 300ms ease all; -o-transition: 300ms ease all;}
.is-hidden {visibility: hidden; opacity: 0; transition: 300ms ease all; -webkit-transition: 300ms ease all; -o-transition: 300ms ease all;}

/* Accessibility */
.visually-hidden {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}


/* 4. Structure
------------------------------------------------------------------------------*/

/* Page Layout */
html, body {height: 100%; font-size: 1em; font-family: 'Montserrat', sans-serif; font-weight: 400}
#wrapper {min-height: 100%; height: auto !important; margin: 0 auto; overflow: hidden}
/* .container {width: calc(100vw - 290px); margin: 0 145px; margin: auto; position: relative;} */
.container {width: 100%;max-width: 1520px;padding: 0 5%;margin: 0 auto;}
.md-container {width: 100%;max-width: 1120px;padding: 0 5%;margin: 0 auto;}
#page {height: 100%}
#skipnav {position: absolute; z-index: 99999; clip: rect(0 0 0 0); height: 1px; width: 1px; padding-bottom: 25px; transition: none; -webkit-transition: none; -o-transition: none}
#skipnav:hover, #skipnav:focus, #skipnav:active {text-transform: uppercase; font-size: 15px; letter-spacing: .03em; clip: auto; left: 0; top: 0; width: 100%; height: auto; margin: 0; padding: 10px 0; background: #fff; border-left: none; border-right: none; text-align: center; font-weight: bold; color: var(--trumpgold)}
.first-section {padding-top: 100px}
@media screen and (max-width: 1365px){
  html, body {font-size: .98em}
  .container {width: 100%; padding: 0 5%; margin: 0 auto;}
}
@media screen and (max-width: 960px){
  html, body {font-size: .8em}
}
@media screen and (max-width: 488px){
  html, body {font-size: .7em}
}

/* Header */
#header {width: 100%; position: relative; z-index: 9999; height: 140px; background-color: #FFF;}
#header .header-logo {width: 300px; height: 60px; background-image: url(/images/site/ttny-logo.svg); margin: 0 23px}

#header .utility-container {width: calc(100% - 58px);margin: 0 auto;position: relative;display: flex;align-items: center; justify-content:space-between;padding-top: 23px;}
#header .utility-container ul {list-style:none;display: flex;align-items: center;column-gap:15px;}
#header .utility-container ul li a {font-size: 14px;font-weight: 500;color: #000; text-transform: uppercase;}
#header .utility-container ul li a:hover {color: var(--trumpgold);}

#header #header-nav {padding-top: 23px;}
#header .header-right-btn {background:black; color: #FFF;text-transform:uppercase;font-weight: 700; font-size: 12px;padding: 5px 15px;letter-spacing: 0.08em;}
#header .header-right-btn:hover {background:var(--trumpgold);}

.is-header-desktop #header .header-logo.mobile {display: none}
#header nav li {list-style: none}
#header > .container {height: 100%;margin-top:-43px;}
.is-header-desktop #header nav {width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align-items: center; -webkit-align-items: center; align-items: center; -ms-flex-justify-content: center; -webkit-justify-content: center; justify-content: center}
.is-header-desktop #header nav ul.nav-left {margin-left:-97px;}
.is-header-desktop #header nav ul.nav-left, .is-header-desktop #header nav ul.nav-right {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align-items: center; -webkit-align-items: center; align-items: center;height:100%;}
/* .is-header-desktop #header nav ul.nav-right {padding-right: 97px} */
.is-header-desktop #header nav li.level-1 {list-style: none; position: relative; margin: 0 25px;height:100%;}
.is-header-desktop #header nav li.level-1.mobile-only {display: none}
.is-header-desktop #header nav li.level-1 a {display: flex; align-items:center; justify-content: center;padding: 0; color: #000; text-transform: uppercase; font-weight: 500; font-size: 14px; letter-spacing: .05em; line-height: 14px;height:100%;}
.is-header-desktop #header nav li.level-1 a:hover, .is-header-desktop #header nav li.level-1 a:focus {color: var(--trumpgold);}
.is-header-desktop #header nav li.level-1 a.active {color: var(--trumpgold);}
.is-header-desktop #header nav li.level-1 .dropdown-menu {max-width: 220px;min-width: 220px; position: absolute; top: 100%; left: -30px;margin-top:-1px;}
.is-header-desktop #header nav li.level-1 .dropdown-menu ul {padding: 0px 10px 0px 10px;background-color: #FFF;border-top: 4px solid var(--trumpgold);border-radius: 0;box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.5);padding: 20px 0;box-sizing: border-box;background: #fff;}
.is-header-desktop #header nav li.level-1 .dropdown-menu ul li {padding: 15px 10px 15px 10px;}
.is-header-desktop #header nav li.level-1 .dropdown-menu ul li a {display:block;padding: 0;color: #000;text-align:center;}
.is-header-desktop #header nav li.level-1 .dropdown-menu ul li a:hover {color: var(--trumpgold)}
.is-header-desktop #header nav .dropdown-menu[aria-hidden="true"] {opacity: 0; visibility: hidden}
.is-header-desktop #header nav .dropdown-menu[aria-hidden="false"] {opacity: 1; visibility: visible}
.is-header-desktop #header .header-top-right, .is-header-desktop #header .header-social {position: absolute; top: 50%; transform:translateY(-50%); z-index: 2;margin-top: 10px;}
.is-header-desktop #header .btn.btn-left, .is-header-desktop #header .header-social {left: 30px}
.is-header-desktop #header .header-social li {list-style: none; margin: 0 10px 0 0}
.is-header-desktop #header .header-social li a {width: 25px; height: 25px;transition: all .3s ease-in-out;background:#010101;border-radius: 5px;}
.is-header-desktop #header .header-social li a:focus {outline: 2px solid #fff;}
.is-header-desktop #header .header-social li a.facebook {background-image: url(/images/site/facebook.svg)}
.is-header-desktop #header .header-social li a.facebook:hover {background-image: url(/images/site/facebook-hover.svg)}
.is-header-desktop #header .header-social li a.instagram {background-image: url(/images/site/instagram.svg)}
.is-header-desktop #header .header-social li a.instagram:hover {background-image: url(/images/site/instagram-hover.svg)}
.is-header-desktop #header .header-social li a.twitter {background-image: url(/images/site/x.svg)}
.is-header-desktop #header .header-social li a.twitter:hover {background-image: url(/images/site/x-hover.svg)}
.is-header-desktop #header .header-top-right {right: 30px}
.is-header-desktop #header .header-top-right a.sign {margin-right: 20px; font-weight: 500; font-size: 12px; line-height: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .15em;}
#mobile-menu-trigger {display: none}  
/* @media screen and (max-width: 1270px){
  #header .header-logo {width: 240px; height: 21px;}
  .is-header-desktop #header .header-social li {margin: 0 0 0 10px}
  .is-header-desktop #header .header-top-right, .is-header-desktop #header .header-social {position: absolute; top: 25px}
  .is-header-desktop #header .btn.btn-left, .is-header-desktop #header .header-social {left: auto; top: 30px; right: calc(5% + 270px)}
  .is-header-desktop #header .header-top-right {right: 5%}
  .is-header-desktop #header .header-logo {order: 1; margin: 0 0 27px 0}
  .is-header-desktop #header nav ul.nav-left {order: 2}
  .is-header-desktop #header nav ul.nav-right {order: 3; padding-right: 0}
  .is-header-desktop #header nav {-ms-flex-justify-content: flex-start; -webkit-justify-content: flex-start; justify-content: flex-start; -ms-flex-align-items: flex-end; -webkit-align-items: flex-end; align-items: flex-end}
  .is-header-desktop #header nav li.level-1 a {padding: 0 0 25px 0}
  .is-header-desktop #header nav li.level-1 {margin: 0 0 0 30px}
} */

@media screen and (max-width: 500px){
  #header #header-nav {padding-top: 100px}
  #header #header-nav, #header #header-nav:before {max-width: 100%}
}  

/* Footer */
#footer {text-align: center;margin-top: 40px;padding: 60px 0; width: 100%; background-color: #000; position: relative;border-top: 1px solid #000;}
#footer ul li {position: relative; list-style: none}
#footer ul li:before {position: absolute; top: 0; display: block; content: ''; background-color: #FFF; width: 1px; height: 100%}
#footer ul li:first-child:before {display: none}
#footer ul.logos {margin-bottom: 40px}
#footer ul.logos li {margin: 0 30px}
#footer ul.logos li:before {left: -30px}
#footer ul.links {margin-bottom: 20px}
#footer ul.links:last-child {margin-bottom: 0}
#footer ul.links li, #footer ul.links li a {color: #FFF; font-weight: 400; text-transform: uppercase; font-size: 10px; line-height: 10px; letter-spacing: .15em}
#footer ul.links li {margin: 0 10px 5px 10px}
#footer ul.links li .bold {font-weight: 700;}
#footer ul.links li .bold {font-weight: 700;}
#footer ul.links li .underline {text-decoration:underline}
#footer ul.links li:before {left: -10px;}
#footer ul.links li:before {left: -10px;}
#footer ul.links li.bold:before {width: 2px;}

#footer .btn {margin-bottom: 25px}
@media screen and (max-width: 600px){
  #footer ul.logos li {margin: 0 15px; width: calc(33.333% - 30px)}
  #footer ul.logos li a, #footer ul.logos li a img {display: block; width: 100%}
  #footer ul.logos li:before {display: none}
}
@media screen and (max-width: 400px){
  #footer {padding: 30px 0}
  #footer ul.logos {margin-bottom: 30px}
}  

/* 5. Pages
------------------------------------------------------------------------------*/
.features-list-container h5 {text-align: center;}
.features-list-container .features-list {margin-top: 25px;display: grid;grid-template-columns: repeat(3, 1fr);gap: 86px;max-width: 820px;}
.features-list-container .features-list ul {list-style: none;}
.features-list-container .features-list ul li {text-align: center;}

#hero-banner .container {padding: 0;}

/* Commercial */
@media screen and (max-width: 960px){
  .commercial .border-box-lists {margin-bottom: 25px}
}
@media screen and (max-width: 400px){
  .commercial .form .dform_element#forms_field_1 {margin-bottom: 0}
  .commercial .form br {display: none}
  .commercial .form .dfcolumns .dform_element {margin-bottom: 15px}
  .commercial .form .dfcolumns .dform_element#forms_field_6 {margin-bottom: 25px}
}

/* Contact */
.contact .contact-info .container {
gap:25px;
}
.contact .contact-info p {font-size: 14px; color: #fff; line-height: 18px; font-weight: 500; margin-bottom: 15px}
.contact .contact-info p strong {text-transform: uppercase; font-size: 16px}
.contact .contact-info p:last-child {margin-bottom: 0}
.contact .large-banner .title-med-2 {margin: 25px 0 0 0}
.contact .map-form .map {width: calc(40% - 30px); margin-right: 60px}
.contact .map-form .form {width: calc(60% - 30px)}
@media screen and (max-width: 960px){
  .contact .map-form .map {width: calc(40% - 15px); margin-right: 30px}
  .contact .map-form .form {width: calc(60% - 15px)}
  .contact .contact-info .container {-ms-flex-justify-content: center; -webkit-justify-content: center; justify-content: center}
  .contact .contact-info .block {margin-bottom: 30px; width: 33.333%; text-align: center; -webkit-flex: 0 auto; -ms-flex: 0 auto; flex: 0 auto}
  .contact .contact-info .block:nth-child(4), .contact .contact-info .block:nth-child(5), .contact .contact-info .block:nth-child(6) {margin-bottom: 0}
  .contact .contact-info p {margin-bottom: 5px}
}
@media screen and (max-width: 768px){
  .contact .map-form .map {height: 300px; margin-bottom: 50px; width: 100%; margin-right: 0}
  .contact .map-form .form {width: 100%}
}
@media screen and (max-width: 600px){
  .contact .contact-info .block {width: 50%}
  .contact .contact-info .block:nth-child(4) {margin-bottom: 30px}
}
@media screen and (max-width: 400px){
  .contact .map-form .map {height: 200px; margin-bottom: 30px}
  .contact .map-form .form .dform_element#forms_field_8 {margin-bottom: 0}
  .contact .map-form .form br {display: none}
  .contact .map-form .form .dfcolumns .dform_element {margin-bottom: 15px}
  .contact .map-form .form .dfcolumns .dform_element#forms_field_11 {margin-bottom: 25px}
}
@media screen and (max-width: 375px){
  .contact .contact-info .block {width: 100%}
  .contact .contact-info .block:nth-child(5) {margin-bottom: 30px}
}

/* Welcome */
body.about #footer {margin-top: 0; border-top:0;}
.about .content .image, .about .content .body {width: 50%}
.about .content .body {padding-left: 7%}
.about .content .body h1 {text-transform: uppercase; font-size: 2.25rem; line-height: 2.25rem; font-weight: 700}
.about .content .body h2 {text-transform: uppercase; font-size: 18px; line-height: 18px; font-weight: 700; letter-spacing: .1em}
.about .content .image img {display: block; width: 100%}
.wygwam-body .bottom-text {font-size: 22px;font-style: italic;font-weight:400;font-family: 'LinotypeDidotBold', serif;}
@media screen and (max-width: 960px){
  .about .content .body {padding-left: 30px}
}
@media screen and (max-width: 768px){
  .about .content .body {margin-bottom: 10px; order: 1; width: 100%; padding-left: 0}
  .about .content .image {order: 2; width: 100%}
}

/* Dining */
.dining .image-banner:after {display: block; content: ''; width: 100%; padding-top: 35%}
.dining .body h4 {margin-bottom: 0}
/* .location-section-content .wygwam-body p {font-size: 10px;line-height: 14px;} */
.location-section-content a.btn {font-size: 10px}
.location-section-content .title-didot-lg {font-size: 38px;}
.location-section .container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  position: relative;
  z-index: 1;
  padding: 280px 0;
}

#menu .container .menu-section .menu-section-content .subtitle-1 {font-size: 16px;}
#menu .container .menu-section .menu-section-content h2 {font-size: 32px;line-height: 36px;}

/* Residential
.residential .body li {list-style: none; font-size: 12px; line-height: 20px}
.residential .body li span {position: relative}
.residential .body li span:before {display: block; content: '◆'; font-size: 14px; position: absolute; top: -2px; left: -20px}
 */

 /* Home */
.homepage .video-banner {height: 70vh}

/* 6. Modules
------------------------------------------------------------------------------*/

/* Columns */
.columns .col {padding: 0 15px}
.columns.col-3 .col {width: 33.333%}
@media screen and (max-width: 768px){
  .columns .col {padding: 0; margin-bottom: 20px}
  .columns.col-3 .col {width: 100%}
}

/* Banners */
#fh-banner {height: 565px}
#fh-banner .container {margin: inherit; width: 100%; padding: 0 5% 5vh 5%}
.large-banner .title-med-2 {margin: 25px 0 30px 0}
.banner {position: relative; min-height: 390px; overflow: hidden}
.banner.banner-btn {margin-bottom: 15px; overflow: visible;}
.banner .title-med-10 {margin-bottom: 10px}
/* .banner .btn {position: absolute; bottom: -15px; left: 50%; -webkit-transform: translateX(-50%) !important; -moz-transform: translateX(-50%) !important; -o-transform: translateX(-50%) !important; transform: translateX(-50%) !important} */
.banner.no-min-height {min-height: 0 !important}
.video-banner {position: relative; overflow: hidden}
.video-banner .container {position: relative; z-index: 3}
.video-banner.overlay:before {z-index: 2}
.video-banner .video-container {z-index: 1 !important; width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden}
/* .video-banner .video-container video {min-width: 100%; min-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%)} */
.video-banner .video-container video {width: 100%; height: 100%;position: relative;object-fit: cover;}
.video-banner .video-container .mobile-video {display: none}
@media screen and (max-width: 960px){
  #fh-banner {min-height: 400px !important}
}
@media screen and (max-width: 600px){
  .banner {min-height: 300px}
}
@media screen and (max-width: 767px){
  .banner {min-height: 200px}
  .video-banner .video-container .desktop-video {display: none}
  .video-banner .video-container .mobile-video {display: block}
  .large-video-banner {width: 100vw; height: calc(100vh - 80px) !important; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align-items: center; -webkit-align-items: center; align-items: center}
}

/* Square Callouts */
.square-callouts.three .callout {display: block; position: relative; width: 33.333%}
.square-callouts.three .callout h2 {margin-bottom: 15px}
.square-callouts.three .callout .content {padding: 125px 0; height: 100%}
@media screen and (max-width: 768px){
  .square-callouts.three .callout {width: 100%}
  .square-callouts.three .callout:nth-child(2) {border-top: 1px solid var(--trumpgold); border-bottom: 1px solid var(--trumpgold);}
  .square-callouts.three .callout h2 {margin-bottom: 15px}
  .square-callouts.three .callout .content {padding: 50px 0}
}  

/* Text Image */
.text-image .text {width: 49%; padding-right: 8%}
.text-image .text .title {margin-bottom: 20px}
.text-image .text .title p {margin-bottom: 5px}
.text-image .image {width: 51%}
.text-image .image img {display: block; width: 100%}
@media screen and (max-width: 768px){
  .text-image .text {width: 100%; padding-right: 0; margin-bottom: 30px}
  .text-image .image {width: 100%}
} 

/* Social Section */
.social-section.bg-black h2 {color: #fff}
.social-section ul {padding-top: 20px}
.social-section ul li {list-style: none; margin: 0 5px}
.social-section ul li a {width: 20px; height: 20px}
.social-section ul li a:focus {outline: 2px solid var(--trumpgold);}
.social-section.bg-black ul li a.facebook {background-image: url(/images/site/facebook.svg)}
.social-section.bg-black ul li a.instagram {background-image: url(/images/site/insta.svg)}
.social-section.bg-black ul li a.twitter {background-image: url(/images/site/twitter.svg)}
.social-section.bg-black ul li a.youtube {background-image: url(/images/site/youtube.svg)}
.social-section ul li a.facebook {background-image: url(/images/site/facebook.svg)}
.social-section ul li a.instagram {background-image: url(/images/site/instagram.svg)}
.social-section ul li a.twitter {background-image: url(/images/site/x.svg)}
.social-section ul li a.youtube {background-image: url(/images/site/youtube_black.svg)}
.social-section .carousel {position: relative}
.social-section .carousel .image {width: 230px; margin-right: 5px}
.social-section .carousel .slick-arrow {margin-top: -28px; z-index: 100; position: absolute; top: 50%; display: block; text-indent: -9999px; width: 40px; height: 56px; background-repeat: no-repeat; background-size: 100%}
.social-section .carousel .slick-arrow:focus {outline: 1px solid #fff}
.social-section .carousel .slick-arrow {
  width: 30px;
  height: 33px;
  margin-top: -16.5px !important;
}

.social-section .carousel .slick-arrow.slick-next {
  right: 0;
  background-color: #000;
  background-size: 35%;
  background-position: center;
  background-image: url(/images/site/arrow-right-white.svg)
}

.social-section .carousel .slick-arrow.slick-prev {
  left: 0;
  background-color: #000;
  background-size: 35%;
  background-position: center;
  background-image: url(/images/site/arrow-right-white.svg);
  transform: rotate(180deg);
}

@media screen and (max-width: 960px){
  .social-section .carousel .image {margin: 0 3px}
  .social-section .carousel .slick-list {margin: 0 -3px}
}  

/* Newsletter Signup */
.newsletter-signup {margin: 60px 0 0;}
.newsletter-signup.has-border {border-bottom: 1px solid #9F9F9F;padding-bottom:40px;}
.newsletter-signup .container {width: 100%;}
.newsletter-signup label {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.newsletter-signup .dform {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align-items: center; -webkit-align-items: center; align-items: center; -ms-flex-justify-content: center; -webkit-justify-content: center; justify-content: center}
.newsletter-signup p {margin-bottom: 5px}
.newsletter-signup h2 {margin-bottom: 30px}
.newsletter-signup .dform > .dform_element {margin: 0 12px}
.newsletter-signup input[type=text], .newsletter-signup input[type=email] {font-size: 12px; color: #000; line-height: 28px; width: 100%; max-width: 340px; border-bottom: 2px solid #000}
.newsletter-signup input[type=text]:focus, .newsletter-signup input[type=email]:focus {border-color: var(--trumpgold)}
.newsletter-signup .dform_email, .newsletter-signup .dform_text_input {width: 100%; max-width: 340px}
.newsletter-signup input[type=submit] {white-space: nowrap; position: relative; font-weight: 500; display: inline-block; font-size: 12px; line-height: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .15em; color: #FFF;background:#000;border: 1px solid #000; padding: 8px 15px; transition: 300ms ease all; -webkit-transition: 300ms ease all; -o-transition: 300ms ease all;}
.newsletter-signup input[type=submit]:hover, .newsletter-signup input[type=submit]:focus {background-color: #000; color: #FFF}
@media screen and (max-width: 600px){
  .newsletter-signup .container {width: 100%; padding: 0 5%}
  .newsletter-signup .dform {display: block}
  .newsletter-signup .dform_email, .newsletter-signup .dform_text_input, .newsletter-signup .dform_captcha, .newsletter-signup .submit_button {max-width: 100%; text-align: center; margin: 0 auto 20px auto !important}
  .newsletter-signup .g-recaptcha > div {margin: 0 auto}
  .newsletter-signup .submit_button {margin-bottom: 0 !important}
} 

/* Image Overlap Carousel */
.image-slider {position: relative}
.image-slider .slick-list {width: 50vw; margin: 0 auto; overflow: visible}
.image-slider .slick-track {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align-items: center; -webkit-align-items: center; align-items: center}
.image-slider .slide {position: relative; width: 50vw; transition: 300ms ease all; -webkit-transition: 300ms ease all; -o-transition: 300ms ease all}
.image-slider .slide .caption {text-align: center; font-size: 14px; background-color: rgba(255,255,255,.8); opacity: 0; z-index: 2; position: absolute; bottom: 0; left: 0; width: 100%; padding: 10px; transition: 300ms ease all; -webkit-transition: 300ms ease all; -o-transition: 300ms ease all}
.image-slider .slide:before {opacity: 1; display: block; content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,.30); transition: 300ms ease all; -webkit-transition: 300ms ease all; -o-transition: 300ms ease all}
.image-slider .slide:after {display: block; content: ''; width: 100%; padding-top: 75%}
.image-slider .slide.slick-current {width: 50vw; margin: 0}
.image-slider .slide.slick-current .caption {opacity: 1}
.image-slider .slide.slick-current:before {opacity: 0}
.image-slider .slick-arrow {margin-top: -47px; z-index: 100; position: absolute; top: 50%; display: block; text-indent: -9999px; width: 68px; height: 94px; background-repeat: no-repeat; background-size: 100%}
/* .image-slider .slick-arrow:focus {outline: 1px solid #fff} */
.image-slider .slick-arrow {width: 30px;height: 33px;margin-top: -16.5px !important;}
.image-slider .slick-arrow.slick-next {right: 0;background-color: #000;background-size: 35%;background-position: center; background-image: url(/images/site/arrow-right-white.svg)}
.image-slider .slick-arrow.slick-prev {left: 0;background-color: #000;background-size: 35%;background-position: center; background-image: url(/images/site/arrow-right-white.svg); transform: rotate(180deg);}
@media screen and (max-width: 960px){
  .image-slider .slick-track {display: block !important}
  .image-slider .slick-list {overflow: hidden; width: 90%; padding: 0 !important; margin: 0 5%}
  .image-slider .slide {width: auto}
  .image-slider .slick-dots {position: relative; z-index: 2; text-align: center; padding: 20px 0}
  .image-slider .slick-dots li {display: inline-block; margin: 0 5px}
  .image-slider .slick-dots li button {display: block; width: 10px; height: 10px; border: 1px solid #000; border-radius: 8px; text-indent: -9999px}
  .image-slider .slick-dots li.slick-active button {background-color: #000}
}

/* Video */
.video {width: 100%; position: relative; overflow: hidden}
.video video {width: 100%; height: auto; display: block}
.video .play-video {z-index: 2; width: 90px; height: 90px; position: absolute; top: 50%; left: 50%; margin-top: -45px; margin-left: -45px; background-image: url(/images/site/play.svg)}
.video .play-video:hover, .bd-hotels .video .play-video:focus {background-image: url(/images/site/play-hover.svg)}
.video .play-video[aria-hidden="false"] {opacity: 1; visibility: visible}
.video .play-video[aria-hidden="true"] {opacity: 0; visibility: hidden}
.video .info-controls {position: absolute; z-index: 2; bottom: 20px; right: 20px;}
.video .pause-video {width: 35px; height: 35px; position: relative}
.video .pause-video:before {position: absolute; display: block; content: ''; width: 13px; height: 100%; top: 0; left: 0; background-color: #fff}
.video .pause-video:after {position: absolute; display: block; content: ''; width: 13px; height: 100%; top: 0; right: 0; background-color: #fff}
.video .pause-video:hover:before, .bd-hotels .video .pause-video:hover:after, .bd-hotels .video .pause-video:focus:before, .bd-hotels .video .pause-video:focus:after {background-color: var(--trumpgold)}
.video .pause-video[aria-hidden="false"] {opacity: 1; visibility: visible}
.video .pause-video[aria-hidden="true"] {opacity: 0; visibility: hidden}
.youtube-video-player {position: relative;max-height: 520px;}
.youtube-video-player iframe {position: absolute; width: 100%; height: 100%;object-fit: cover;}
@media screen and (max-width: 768px){
  .video .play-video {width: 50px; height: 50px; margin-top: -25px; margin-left: -25px;}
}  

/* Border Box Lists */
.border-box-lists {border-top: 1px solid #d0ae64; border-bottom: 1px solid #d0ae64}
.border-box-lists .box {width: 50%; padding: 30px}
.border-box-lists .box:first-child {border-right: 1px solid #d0ae64}
.border-box-lists .box h2, .border-box-lists .box ul {width: 100%; margin-bottom: 30px}
.border-box-lists .box h2 {text-align: center}
.border-box-lists .box ul {column-count: 2; column-gap: 30px}
.border-box-lists .box ul li {text-align: center; list-style: none; margin-bottom: 15px; font-size: 12px; line-height: 20px}
.border-box-lists .box ul li span {position: relative}
.border-box-lists .box ul li span:before {display: block; content: '•'; font-size: 20px; position: absolute; top: -3px; left: -20px}
@media screen and (max-width: 500px){
  .border-box-lists .box ul {column-count: 1; column-gap: 0}
  .border-box-lists .box ul li {text-align: left; margin-left: 15px}
  .border-box-lists .box ul li span:before {font-size: 16px; top: -3px; left: -15px}
}
@media screen and (max-width: 400px){
  .border-box-lists .box {width: 100%; padding: 30px 5%}
  .border-box-lists .box:first-child {border-right: none; border-bottom: 1px solid #d0ae64}
}

/* Form */
.form .form-wrapper-700 {max-width: 700px; margin: 0 auto}
.form form input[type=text], .form form input[type=email], .form form textarea {font-size: 12px; width: 100%}
.form .dfcolumns .column {width: calc(50% - 15px) !important; float: left}
.form .dfcolumns .column[data-number="1"] {margin-right: 30px}
.form .dform_element {margin-bottom: 20px}
.form .dfcolumns .dform_element {margin-bottom: 0}
.form form input[type=text], .form form input[type=email] {height: 35px; line-height: 35px; border-bottom: 2px solid #000}
.form form input[type=text]:focus, .form form input[type=email]:focus {border-color: var(--trumpgold)}
.form form textarea {padding: 10px; border: 2px solid #000; max-width: 100%; min-width: 100%; max-height: 300px; height: 120px; min-height: 120px}
.form form textarea:focus {border-color: var(--trumpgold)}
.form form .dform_text_input label, .form form .dform_email label, .form form .dform_captcha label {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.form form label {display: block; font-size: 12px; margin-bottom: 10px}
.form form input[type=submit] {white-space: nowrap; position: relative; font-weight: 500; display: inline-block; font-size: 12px; line-height: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .15em; color: #fff; background-color: #000; border: 1px solid #000; padding: 8px 15px; transition: 300ms ease all; -webkit-transition: 300ms ease all; -o-transition: 300ms ease all;}
.form form input[type=submit]:hover, .form form input[type=submit]:focus {background-color: var(--trumpgold); color: #fff}
@media screen and (max-width: 400px){
  .form .dfcolumns .column {width: 100% !important; float: none}
  .form .dfcolumns .column[data-number="1"] {margin-right: 0}
}

/* Alternating Boxes */
.alternating-box-callouts .callout .image {width: 50%}
.alternating-box-callouts .callout .image:after {display: block; content: ''; width: 100%; padding-top: 75%}
.alternating-box-callouts .callout .text {width: 50%; padding-left: 5%}
.alternating-box-callouts .callout .text h2 {margin-bottom: 10px}
.alternating-box-callouts .callout .text p {margin-bottom: 30px}
.alternating-box-callouts .callout.bg-black .image {order: 2}
.alternating-box-callouts .callout.bg-black .text {order: 1; padding-left: 0; padding-right: 5%}
.alternating-box-callouts .callout.bg-black .text > * {color: #fff}
@media screen and (max-width: 960px){
  .alternating-box-callouts .callout .container {-ms-flex-align-items: flex-start; -webkit-align-items: flex-start; align-items: flex-start}
}
@media screen and (max-width: 768px){
  .alternating-box-callouts .callout .image {order: 2 !important; width: 100%}
  .alternating-box-callouts .callout .image:after {padding-top: 60%}
  .alternating-box-callouts .callout .text {margin-bottom: 35px; order: 1 !important; width: 100%; padding-left: 0}
  .alternating-box-callouts .callout.bg-black .text {padding-right: 0}
}
@media screen and (max-width: 400px){
  .alternating-box-callouts .callout .text p {margin-bottom: 20px}
  .alternating-box-callouts .callout .text {margin-bottom: 25px}
}  

/* Tabs */
.tabs-page, .mini-tabs-page, .bar-tabs-page, .box-tabs-page, .tab-page-banner {display: none}
.tabs-page.active, .mini-tabs-page.active, .bar-tabs-page.active, .box-tabs-page.active, .tab-page-banner.active {display: block !important}
/*
.tabs-page .body hr {position: relative; overflow: visible}
.tabs-page .body hr:before {display: block; content: ''; width: 100vw; height: 1px; background-color: var(--trumpgold); position: absolute; top: -1px; right: 100%}
*/
.tabs-page .body ul {column-count: 2}
.tabs-page .body ul li {list-style: none; text-align: center}
.tabs-side-list {border-top: 1px solid var(--trumpgold)}
.tabs-side-list .container {max-width: 900px}
.tabs-side-list .mini-tabs-tabs {position: relative; padding-right: 100px}
.tabs-side-list .mini-tabs-tabs:after {position: absolute; top: 0; right: 55px; display: block; content: ''; width: 1px; height: 100%; background-color: var(--trumpgold)}
.tabs-side-list .mini-tabs-tabs button {text-align: left; margin-bottom: 10px; display: block; padding: 5px 10px; letter-spacing: .1em; text-transform: uppercase; font-weight: 600; font-size: 12px}
.tabs-side-list .mini-tabs-tabs button.active {background-color: #000; color: #fff}
.tabs-side-list .mini-tabs-page {}
.tabs-side-list .mini-tabs-page p, .tabs-button-bar .bar-tabs-page p {font-size: 12px; line-height: 18px; margin-bottom: 20px}
.page-tabs-tabs button {position: relative; padding: 20px 20px 30px 20px}
.page-tabs-tabs button.active {background-color: var(--trumpgold)}
.page-tabs-tabs button img {max-height: 85px; max-width: 200px}
.page-tabs-tabs button:after {display: block; width: 10px; height: 10px; border-radius: 8px; border: 1px solid #fff; content: ''; position: absolute; bottom: 14px; left: 50%; margin-left: -4px; background-color: #000}
.page-tabs-tabs button:hover:after {background-color: var(--trumpgold)}
.page-tabs-tabs button.active:after {background-color: #000}
.bar-tabs-page h4 {margin-bottom: 20px; font-size: 18px; line-height: 21px; font-weight: 700; text-transform: uppercase; color: var(--trumpgold)}
.tabs-button-bar .tabs-button-bar-tabs button {margin: 0 30px; padding: 10px 15px; min-width: 300px; text-align: center; letter-spacing: .1em; text-transform: uppercase; font-weight: 600; font-size: 24px; line-height: 24px; border: 1px solid #fff; color: #fff}
.tabs-button-bar .tabs-button-bar-tabs button.active {background-color: var(--trumpgold); border-color: var(--trumpgold)}
@media screen and (max-width: 960px){
  /*.tabs-page.active {padding-top: 30px}*/
  .page-tabs-tabs button {width: 25%}
  .page-tabs-tabs button img {width: auto; height: auto; max-width: 100%; max-height: 75px}
  .page-tabs-tabs button {padding: 10px 10px 25px 10px}
  .page-tabs-tabs button:after {bottom: 10px}
  .tabs-side-list .mini-tabs-tabs {margin-bottom: 30px; text-align: center; width: 100%; padding-right: 0}
  .tabs-side-list .mini-tabs-tabs:after {display: none}
  .tabs-side-list .mini-tabs-page {width: 100%}
  .tabs-side-list .mini-tabs-tabs button {text-align: center; width: 100%; padding: 20px 0; margin: 0 auto}
}
@media screen and (max-width: 400px){
  .page-tabs-tabs button {width: 50%}
  .tabs-page .body ul {column-count: 1}
}

/* 4 Images */
.images-4 .image {width: calc(50% - 1px); margin-bottom: 2px}
.images-4 .image:after {display: block; content: ''; width: 100%; padding-top: 45%}
.images-4 .image:nth-child(odd) {margin-right: 2px}
@media screen and (max-width: 600px){
  .images-4 .image {width: 100%; margin-bottom: 2px}
  .images-4 .image:after {padding-top: 45%}
  .images-4 .image:nth-child(odd) {margin-right: 0}
}

/* 3 Callouts */
.callouts-3 .image {position: relative; width: calc(33.333% - 4px)}
.callouts-3 .image:after {display: block; content: ''; width: 100%; padding-top: 80%}
.callouts-3 .image .content {padding: 30px; text-align: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%}
.callouts-3 .image h2 {font-size: 1.875rem; line-height: 1.875rem; font-weight: 400; text-transform: uppercase;}
.callouts-3 .image:nth-child(2) {margin: 0 6px}
@media screen and (max-width: 600px){
  .callouts-3 .image {width: 100%}
  .callouts-3 .image:nth-child(2) {margin: 0}
  .callouts-3 .image:after {padding-top: 45%}
}

/* Select Boxes */
.dform_select .dform_container, .select-wrapper {position: relative; display: block; border: 1px solid #eae6df; width: 100%; max-width: 320px}
.dform_select .dform_container select, .select-wrapper select {font-size: 16px; font-weight: 600; width: 100%;margin: 0;outline: none;padding: 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size: 16px;}
.dform_select .dform_container::after, .select-wrapper:after {content: "";position: absolute;top: 50%;right: 10px;margin-top: -3px;z-index: 2;pointer-events: none;width: 0; height: 0; border-left: 7px solid transparent;border-right: 7px solid transparent;border-top: 7px solid #c3bdb3;}
@supports (-webkit-appearance: none) or (appearance: none) or ((-moz-appearance: none) and (mask-type: alpha)) {
  .dform_select .dform_container::after, .select-wrapper:after {display: block;}
  .dform_select .dform_container select, .select-wrapper select {padding-right: 2em; background: none;border: 1px solid transparent; -webkit-appearance: none;-moz-appearance: none;appearance: none;}
  .dform_select .dform_container select:focus, .select-wrapper select:focus {border-color: #9d5116;}
}

/* Email Signup Section */
.full-signup-form {max-width: 600px}
.full-signup-form h1 {text-transform: uppercase; font-size: 2.25rem; line-height: 2.25rem; font-weight: 700; margin-bottom: 15px}
.full-signup-form .disclaimer {font-size: 10px; margin-bottom: 15px}
.signup-section {padding: 20px 0; margin-bottom: 20px;}
.signup-section p {font-size: 13px}
.signup-section h2 {text-transform: uppercase; font-size: 18px; line-height: 18px; font-weight: 700; letter-spacing: .1em; margin-bottom: 10px}
.signup-section label {color: #363636; font-family: 'Lato', sans-serif; font-weight: 300; font-size: 14px; line-height: 24px; letter-spacing: .01em; display: block; margin-bottom: 5px}
.signup-section label.check {font-weight: 400; line-height: 18px}
.signup-section select {padding: 8px; width: 100%; border: 0; display: block; background: #F1F1F1}
.signup-section .text {padding: 8px; width: 100%; background: #F1F1F1; border: 0; display: block}
.signup-section button {font-weight: 700; letter-spacing: .1em; background-color: #b1956e; color: #fff; text-transform: uppercase; padding: 15px 22px; font-size: 13px; line-height: 13px; border: 0}
.signup-section .form-group {margin-bottom: 15px}
.signup-section .form-group.first {margin-top: 15px}
.signup-section.final {border-bottom: 0}
.signup-section.final p {font-size: 12px; margin-bottom: 10px}

.gate-emailpopup {text-align: center; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 999999999; background: rgba(17,17,17,0.9); overflow: auto;}
.gate-emailpopup h3 {margin-bottom: 10px; font-size: 30px; font-weight: normal;}
.gate-emailpopup .close-x {text-decoration: none; position: absolute; top: 15px; right: 15px; color: #000; font-weight: 900; font-size: 18px}
.gate-emailpopup .box {padding: 30px; background-color: #fff; max-width: 830px; width: 92%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%)}
.gate-emailpopup label {font-weight: bold;}
.gate-emailpopup .disclaimer {text-transform: none !important; font-size: 11px; line-height: 1.2; color: #363636;}
.gate-emailpopup .signup-section {text-align: left; border-bottom: 1px #826C41 solid;}
.gate-emailpopup .formsubmit {margin-top: 10px; padding: 10px 13px}
.gate-emailpopup .subintro {margin: 30px 0 20px}
.gate-emailpopup.is-hidden {visibility: hidden; opacity: 0; z-index: 0 !important; transition: 300ms ease all; -webkit-transition: 300ms ease all; -o-transition: 300ms ease all}

@media screen and (max-width: 480px) {
    .gate-emailpopup .box {padding-top:15px;transform: none;top: 4vw;left: 4vw}
    .gate-emailpopup h3 {font-size: 20px;margin-bottom: 6px}
    .gate-emailpopup .first-section {padding-top: 0}
    .gate-emailpopup .first-section p {line-height: 1.3}
    .gate-emailpopup .close-x {top: 19px}
}

@media screen and (max-width: 320px) {
    .gate-emailpopup .box {padding:10px}
    .gate-emailpopup .signup-section label.check {font-size: 13px}
    .gate-emailpopup .close-x {top: 0;right: 5px}
    .gate-emailpopup .disclaimer {text-transform: none !important;font-size: 11px;line-height: 1.2}
}


/* New Welcome Section */
#welcome .container > h2 {font-family: 'Montserrat', sans-serif;font-size: 26px;line-height: 30px;font-weight: 500;text-transform: uppercase;color: #000;margin-bottom: 10px;}
#welcome .container > p {font-size: 16px;line-height: 24px;font-weight: 400;text-transform: none;color: black;margin-bottom: 10px;}

#welcome .squares {display: grid;grid-template-columns: repeat(3, 1fr);gap: 35px;margin-top: 45px;}
#welcome .squares .square {text-align: center;display: flex; flex-direction: column;align-items: center;justify-content:flex-start;overflow: hidden;}
#welcome .squares .square .square-img {display:block;overflow:hidden;aspect-ratio: 1/1;}
#welcome .squares .square img {width: 100%;height: 100%;object-fit: cover;transition: all .3s ease-in-out;transform-origin: center;}
#welcome .squares .square:hover img {transform: scale(1.10);}
#welcome .squares .square h3 {font-family:"LinotypeDidotRoman", serif;font-size: 24px;line-height: 28px;font-weight: 400;text-transform: uppercase;color: #000;margin-top:20px;margin-bottom: 0;transition: all .3s ease-in-out;}
#welcome .squares .square:hover h3 {text-shadow: 0 0, 1px 0}
#welcome .squares .square p {font-size: 16px;line-height: 24px;font-weight: 400;margin-bottom: 10px;letter-spacing: .05em;}

@media screen and (min-width: 2250px) {
  .container {max-width: 65%;}
}

/* New History Section */
.history-subtitle {font-size: 18px;font-weight: 500;text-transform: uppercase;color: var(--trumpgold);margin-bottom: 10px;letter-spacing: .1em;}
.history-title {font-family: 'LinotypeDidotBold', serif;font-size: 38px;line-height: 42px;font-weight: 400;text-transform: none;color: #000;margin-bottom: 10px;}
.history-body {font-size: 16px;line-height: 24px;font-weight: 400;margin-bottom: 10px;letter-spacing: .05em;}
#history .body p {font-size: 14px;line-height: 22px;font-weight: 400;margin-bottom: 10px;letter-spacing: .025em;text-align:justify}

.image-grid-block {display: grid;grid-template-columns: repeat(6, 1fr);gap: 10px;max-height: 450px;height: 100%;margin: 40px auto;overflow: hidden;}
.image-grid-block .image-grid-item {width: 100%;height: 100%;}
.image-grid-block .image-grid-item img {width: 100%;height: 100%;object-fit: cover;}


@media screen and (min-width: 2200px) {
  .image-grid-block {max-height: 550px;}
}

.blockquote-block {display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 10px;max-width: 100%;margin:40px auto 0;padding:40px 0;text-align: center;background-color: #f7f9f8;}
.blockquote-block img {width: 100%;max-width: 700px;height: auto;}
.blockquote-block .blockquote-text {font-family:"LinotypeDidotBoldItalic", serif;font-style:italic;font-size: 28px;line-height: 38px;font-weight: 500;color: #000;margin-bottom: 10px;}
.blockquote-block .blockquote-author {font-size: 16px;line-height: 24px;letter-spacing:0.1em;font-weight: 500;text-transform: uppercase;color: #000;margin-bottom: 10px;}


.text-image-block .container {display: flex;flex-direction: row;align-items: center;justify-content: center;gap: 95px;margin:40px auto 60px;max-width: 1250px;}
.text-image-block .container .text-image-block-content {width: 45%;}
.text-image-block .container .text-image-block-content h2 {margin-bottom: 15px;line-height: 1.3}
.text-image-block .container .text-image-block-image {width: 55%;}

.text-image-block .container>div img {max-width: 100%;height: auto;}

.callout-content {background: rgba(0,0,0,0.65);padding: 60px 40px;margin: 40px 0 60px;max-width: 550px;display :flex;flex-direction: column;align-items: center;justify-content: center;gap: 20px;}
.callout-content img {max-width: 250px;height: auto;}
.callout-content h2 {font-family: 'LinotypeDidotBold', serif;font-size: 38px;line-height: 42px;font-weight: 400;text-transform: none;color: #fff;margin-bottom: 10px;}
.callout-content p {font-size: 16px;line-height: 24px;font-weight: 400;margin-bottom: 10px;letter-spacing: .025em;text-align:justify;color: #fff;}

.video-section {background: #E9E8E7;padding: 40px 0;}

/* Dining */
.dining-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 30px;
  width: 100%;
  margin-top: 40px;
}

.dining-grid-item {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.dining-grid-item.top-item {
  grid-column: span 2;
}

.dining-grid-item.wide-item {
  grid-column: span 3;
  display: flex;
  flex-direction: column;
}

.dining-item-image {
  overflow: hidden;
}

.dining-grid-item.top-item .dining-item-image {
  height: 100%;
}

.dining-grid-item.wide-item .dining-item-image {
  width: 100%;
  height: 340px;
}

.dining-item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.dining-grid-item:hover .dining-item-image img {
  transform: scale(1.05);
}

.dining-item-content {
  padding: 20px;
  flex: 1;
  text-align: center;
}

.dining-grid-item.wide-item .dining-item-content {
  width: 100%;
  padding: 30px;
}

.dining-item-content h3 {
  font-family: 'LinotypeDidotRoman', serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 1.2;
  margin-bottom: 5px;
  text-transform: uppercase;
  color: #000;
  transition: all 0.3s ease-in-out;
}
/* .dining-grid-item:hover h3 {
  text-shadow: 0 0, 1px 0;
} */

.dining-item-body {
  font-size: 16px;
  line-height: 1.6;
  color: #000;
}

.dining-item-subtitle {
  font-weight: 400;
  color: #000;
}

.menu-toggles {display: flex;flex-direction: row;flex-wrap: wrap;gap: 40px;justify-content: center;align-items: center;}
.menu-toggles .menu-toggle {background: none;border: none;color: var(--trumpgold);font-weight: 400;text-transform: uppercase;letter-spacing: .1em;cursor: pointer;transition: all 0.3s ease-in-out;border-bottom: 1px solid #000;padding-bottom: 5px;}

section#menu {padding: 20px 0;}
section#menu hr {background-color: #D5D5D5;border: 1px solid #D5D5D5;width: 100%;margin: 20px 0;}
.menu-section-content {display: flex;flex-direction: column;gap: 20px;align-items: center;justify-content: center;}

.mobile-header-contact-btn, .mobile-only {display: none;}

.visit-us-grid, .menu-section-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 0;width:100%;}

.popup-overlay {
  display: flex;
  align-items: center;
  justify-content: center;
}

.popup-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  background: #FFF;
  padding: 4rem 2rem 2rem;
  width: 100%;
  max-width: 600px;
}

.popup-content .popup-close {
  position: absolute;
  top: 15px;
  right: 15px;
  font-family: "Montserrat", sans-serif;
  color: #000;
}

.popup-content .logo {
  max-width: 275px;
  margin-bottom: 4rem;
}

.popup-content h2 {
  font-family: "LinotypeDidotRoman", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  text-align: center;
  margin-bottom: 1.2rem;
  text-transform: uppercase;
}

.popup-content p {
  text-align: center;
  max-width: 100%;
  font-size: 14px;
  line-height: 22px;
}

.popup-content form {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 1.2rem;
  width: 100%;
  max-width: 360px;
}

.popup-content .form_fields {
  width: 100%;
}
.popup-content .form_fields .form-field {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 1rem;
  width: 100%;
}
.popup-content form label {
  display: block;
  font-size: .85rem;
  font-weight: 500;
  margin-bottom: .5rem;
}

.popup-content .input-email {
  background: #EFEFEF;
  padding: 0.8rem;
  line-height: 1.2rem;
  width: 100%;
}

.popup-content input[type="submit"] {
  display: block;
  margin: 1.5rem auto;
  background: #CBAA66;
  padding: 0.6rem 2.8rem;
  color: #FFF;
  font-size: .8rem;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
}

.popup-content .disclaim {
  font-size: .65rem;
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
}

.visit-us-content .title-didot-lg {font-size: 38.4px;line-height: 40px;}
/* .visit-us-content .visit-us-content-text {max-width: 340px !important;} */
/* .visit-us-content .visit-us-content-text p {font-size: 11px;line-height: 1.2rem;} */

@media screen and (max-width: 767px) {
  .popup-content {
    height: 100%;
    overflow-y: auto;
    padding: 20px 15px;
  }
  .popup-overlay {
    overflow-y: scroll;
    /* padding-top: 140px; */
  }

  .popup-content .logo {
    max-width: 220px;
  }

  .popup-content h2 {
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 1500px) {
  #hero-banner .container h1 {max-width: 1050px;}
}

@media screen and (max-width: 1410px) {
  .callout-banner .container h2 {font-size: 3.0rem;}
}


@media screen and (max-width: 1400px) {
  .is-header-desktop #header .header-social li {
    margin-right: 5px;
  }
  .is-header-desktop #header .header-social li a {
    width: 20px;
    height: 20px;
  }
  #header .utility-container  {
    width: calc(100% - 35px);
  }
  .is-header-desktop #header .btn.btn-left,
  .is-header-desktop #header .header-social {
    left: 20px;
  }
  .is-header-desktop #header .header-top-right {
    right: 17px;
  }
  .is-header-desktop #header nav ul.nav-left {
    margin-left: -79px;
  }
  .is-header-desktop #header nav li.level-1 {
    margin: 0 20px;
  }
  .is-header-desktop #header nav li.level-1 a {
    font-size: 12px;
  }
}

@media screen and (max-width: 1367px) {
  .banner .container {padding: 0 15%;}
  #welcome .container>h2 {font-size: 36px;}
  #hero-banner .container h1 {
    max-width: 860px;
  }
  #header .utility-container ul li a {
    font-size: 12px;
  }
}
@media screen and (max-width: 1295px) {
  #welcome .container>h2 {font-size: 32px;}
}
@media screen and (max-width: 1270px) {

}
@media screen and (max-width: 1275px) {
  .history-title {font-size: 36px;}
  #header .header-logo {width: 220px; height: 40px;}
}
@media screen and (max-width: 1210px) {
  .history-title {
    font-size: 32px;
  }
  .history-subtitle {
    font-size: 16px;
  }
  .banner .container {
    padding: 0 10%;
  }
  .callout-banner .container h2 {
    font-size: 2.8rem;
  }
  .is-header-desktop #header nav li.level-1   {
    margin: 0 15px;
  }
}
@media screen and (max-width: 1160px) {
  #header .header-logo {
    width: 170px;
    height: 30px;
  }
  #welcome .container>h2, .history-title {
    font-size: 28px;
  }
  #welcome .container>p, .text-image .text .title p {
    font-size: 15px;
  }
  .callout-banner .container h2 {
    font-size: 2.4rem;
  }
  .text-image-block .container {
    gap: 50px;
  }
  .text-image-block .container .text-image-block-content, .text-image-block .container .text-image-block-image {
    width: 50%;
  }
  .text-image-block .container .text-image-block-content h2 {
    max-width: 340px;
  }
  .visit-us-content-text.wygwam-body {
    gap: 5px;
  }
  .visit-us-content-text.wygwam-body p {
    font-size: 11px;
    line-height: 1.2rem;
  }
  .title-didot-lg {
    font-size: 3.2rem;
  }
  .is-header-desktop #header nav li.level-1 {
    margin: 0 10px;
  }
}

@media screen and (max-width: 1023px){
  .wygwam-body {justify-content: center;align-items:center;text-align: center;}
  .wygwam-body p:not(:last-of-type) {margin-bottom: 15px;}
  .subtitle-1, .subtitle-3 {display:block;width: 100%;text-align: center;font-size: 16px !important;}
  .title-didot-md {font-size: 2.6rem;line-height: 2.8rem;text-align: center;width: 100%;}
  .mobile-only {display: block !important;}
  .container {padding: 0 35px;}
  #header .utility-container {display: none;}
  #header {height: 85px;}
  #header>.container {margin-top: 0;justify-content: space-between;flex-direction: row-reverse;}
  #header .container .mobile-header-contact-btn {font-size: 12px;padding: 7px 18px;display: block;border-color: black;}
  #header .header-logo {width: 240px;height: 45px;position: absolute;left: 50%;transform: translateX(-50%);}
  #header .header-top-right, #header .header-social {display: none}
  #header > .container {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align-items: center; -webkit-align-items: center; align-items: center;}
  #header .header-logo.mobile {display: block; margin: 0; z-index: 2}
  #header .header-logo.desktop {display: none}
  #mobile-menu-trigger {display: block}
  #mobile-menu-trigger {-ms-touch-action: manipulation; touch-action: manipulation; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; z-index: 9999;  display: block;width: 18px;height: 25px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;}
  #mobile-menu-trigger span {display: block;position: absolute;height: 2px;width: 100%;background-color: #000;border-radius: 0;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
  #mobile-menu-trigger span:nth-child(1) {top: 0px;}
  #mobile-menu-trigger span:nth-child(2),#mobile-menu-trigger span:nth-child(3) {top: 9px;}
  #mobile-menu-trigger span:nth-child(4) {top: 18px;}
  #mobile-menu-trigger.is-open span {}
  #mobile-menu-trigger.is-open span:nth-child(1) {top: 18px;width: 0%;left: 50%;}
  #mobile-menu-trigger.is-open span:nth-child(2) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
  #mobile-menu-trigger.is-open span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
  #mobile-menu-trigger.is-open span:nth-child(4) {top: 18px;width: 0%;left: 50%;}
  #header #header-nav li span.level-1-trigger-icon {display: block; position: absolute; top: 50%; right: 12px; width: 15px; height: 15px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;transform: translateY(-50%);}
  #header #header-nav li span.level-1-trigger-icon:before {width: 100%;}
  #header #header-nav li span.level-1-trigger-icon:after {width: 100%;}
  #header #header-nav li span:after {content: ''; position: absolute; top:50%;left: 0; background: url(/images/site/arrow-right.svg) no-repeat; width: 15px; height: 15px;transform:translateY(-50%);}
  #header #header-nav span.is-active {transform: rotate(225deg); -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg)}
  #header #header-nav .dropdown-menu {position: fixed;top: 100px;left: 100%;width: 100%;background: #FFF;bottom: 0;z-index: 1;transition: all .3s ease-in-out;display: block !important;overflow: hidden;max-height: calc(100vh - 100px);-webkit-overflow-scrolling: touch;}
  #header #header-nav .dropdown-menu .ddm-dining-content {height: 100%;width:100%;overflow-y: auto;-webkit-overflow-scrolling: touch;padding-bottom: 80px;position: absolute;top: 0;bottom: 0;left: 0;right: 0;-webkit-transform: translateZ(0);}
  #header #header-nav .dropdown-menu.is-open {left:0;}

  #header #header-nav ul li {position: relative; float: inherit; text-align: left; list-style: none;padding: 15px 0;border-bottom: 1px solid #D5D5D5;}
  #header #header-nav ul li a, #header #header-nav ul li.multi-list-title {color: #fff; padding-top: 8px; padding-bottom: 8px; padding-right: 25px; display: block; border-width: 0}
  #header #header-nav ul li.level-1 a {padding-left: 50px; color: #000; font-size: 16px; font-weight: 400; text-transform: uppercase; letter-spacing: .15em}
  #header #header-nav ul li.level-1 .dropdown-menu ul:not(.header-social-mobile) li a {padding: 0 0 0 0;text-transform: none;font-size: 16px;letter-spacing: .065em;font-weight: 400;height: 47px;display: flex;align-items: center;justify-content: space-between;text-transform:uppercase;}
  #header #header-nav ul li.level-1 .dropdown-menu ul:not(.header-social-mobile) {padding: 5px 15px 10px 15px}
  #header #header-nav {position: fixed; top: 0; right: -100%; z-index: 1; width: 100%; max-width: 100%; height: 100vh; overflow: scroll; padding-top: 100px; background-color: #FFF; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -webkit-overflow-scrolling: touch;}
  #header #header-nav:before {max-width: 100%; display: block; content: ''; width: 100%; height: 100px; background-color: #FFF; position: fixed; top: 0; right: -100%; z-index: 2; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease;box-shadow: 0 4px 4px rgba(0, 0, 0, .15);}
  #header.is-mobile-open #header-nav {right: 0; }
  #header.is-mobile-open #header-nav:before {right: 0}
  .overflow-hidden {overflow: hidden; height: 100%;}
  #welcome .container > h2, .history-title {font-size: 38px;}
  #welcome .container>p{font-size: 15px;max-width: 540px;margin: 0 auto;text-align: center;}
  .text-image .text .title p {font-size: 15px;max-width: 540px;margin: 0;}
  #welcome .squares .square h3 {font-size: 20px;line-height: 20px;}
  #welcome .squares .square p {font-size: 12px;}
  .px-10 {padding-left: 55px;padding-right: 55px;}
  .text-image-block .container {flex-direction: column;}
  .text-image-block .container .text-image-block-content,
  .text-image-block .container .text-image-block-image {width: 100%;}
  .text-image-block .container .text-image-block-content h2 {max-width: 100%;}
  #hero-banner .container {padding: 0 45px;}
  #hero-banner .container .wygwam-body {max-width: 420px;margin: 0 auto;text-align: center;}
  .banner .container {padding: 0 9%;}
  .body.centered ul {column-gap: 0;list-style:none;}
  .callout-content {max-width: 100%;}
  #explore-callout .container {padding:0;}
  .body.centered ul {column-gap:40px;}
  .body.centered ul li {font-size: 14px;line-height: 18px;}
  .sidebar-content {justify-content: center;flex-direction: row !important;}
  #menu .container {padding:0 !important;}
  #menu .container .menu-items {padding: 0 55px;}
  .image-slider .slick-list {width: 100%;margin: 0 auto;}
  .menu-item-description p strong u, .menu-item-description p u strong {text-align: center;}
  .sidebar-content {flex-wrap: wrap;align-items: flex-start; justify-content: center;text-align: center;max-width: 685px;margin: 0 auto;max-width: 640px;}
  .sidebar-title {font-size: 11px !important;}
  .dining-grid-item.top-item .dining-item-image {max-height: 340px;}
  .dining-list .dining-grid .dining-grid-item:last-of-type {grid-column: span 2;}
  .subtitle-3 {font-size: 18px;}
  .submenu-back {font-size: 14px;text-transform: uppercase;letter-spacing: .1em;font-weight: 500;color: #000;padding: 10px 25px;display: block;background: #F5F5F5;padding-left: 15px !important;}

  .dining-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }

  .dining-grid-item.top-item {
    grid-column: span 1;
  }
  .dining-grid-item.wide-item {
    grid-column: span 1;
  }
  .dining-grid-item.wide-item:nth-of-type(1) {
    grid-column: span 2;
  }
  #header #header-nav {
    padding-left: 20px;
    padding-right: 20px;
  }

  #header #header-nav ul li.level-1 a {
    padding-left: 0;
  }

  .menu-bottom-callout {
    position: relative;
    display: block;
    margin: 60px 0 20px;
    padding: 0 15px;
    z-index: 0;
  }
  .menu-bottom-callout:before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 154px;
    height: 188px;
    background: url(/images/site/menu-t.svg) no-repeat;
    z-index: 1;
  }
  .menu-bottom-callout a {font-size: 16px;position: relative;z-index: 2;}
  .menu-bottom-callout a div {color: var(--trumpgold);font-weight: 700;letter-spacing:0;}
  .menu-bottom-callout a span, .menu-bottom-callout a div {margin-left: 5px;}
  .menu-bottom-callout-text {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    position: relative;
    z-index: 2;
  }
  #header .header-social-mobile {
    display: flex;
    flex-direction: row;
    gap: 10px;
  }
  #header .header-social-mobile li {
    list-style: none;
    margin: 0;
    border:0 none !important;
  }

  #header .header-social-mobile li a {
    width: 25px;
    height: 25px;
    transition: all .3s ease-in-out;
    background: #010101;
    border-radius: 5px;
  }

  #header .header-social-mobile li a:focus {
    outline: 2px solid #fff;
  }

  #header .header-social-mobile li a.facebook {
    background-image: url(/images/site/facebook.svg)
  }

  #header .header-social-mobile li a.facebook:hover {
    background-image: url(/images/site/facebook-hover.svg)
  }

  #header .header-social-mobile li a.instagram {
    background-image: url(/images/site/instagram.svg)
  }

  #header .header-social-mobile li a.instagram:hover {
    background-image: url(/images/site/instagram-hover.svg)
  }

  #header .header-social-mobile li a.twitter {
    background-image: url(/images/site/x.svg)
  }

  #header .header-social-mobile li a.twitter:hover {
    background-image: url(/images/site/x-hover.svg)
  }
  .mobile-utility-nav {
    padding: 15px 0 0;
    text-align: center;
    position: relative;
    z-index: 9999999;
  }
  .mobile-utility-nav-item {
    font-size: 14px;
    color: #000;
    text-decoration: none;
    font-weight: 400;
    text-transform: uppercase;
    display: block;
  }
}

.menu-section .visit-us-content-text.wygwam-body {
  max-width: 380px !important;
}

@media screen and (max-width: 767px) {
  .subtitle-1,.subtitle-3 {white-space: nowrap;}
  .visit-us-content-text.wygwam-body {max-width: 290px;}
  .image-slider .slick-arrow {width: 30px !important;height: 33px !important;margin-top: -17px !important;}
  .image-slider .slick-arrow.slick-next {right: 0;background-size: 35%;background-position: center;background-image: url(/images/site/arrow-right-white.svg);background-color: #000;border: 0 none !important;}
  .image-slider .slick-arrow.slick-prev {left: 0;background-size: 35%;background-position: center;background-image: url(/images/site/arrow-right-white.svg);background-color: #000;transform: rotate(180deg);border: 0 none !important;}
  .my-60, .my-90 {margin-top: 40px !important;margin-bottom: 40px !important;}
  .py-60 {padding-top: 40px !important;padding-bottom: 40px !important;}
  .px-10 {padding-left: 25px;padding-right: 25px;}
  .dining-item-content h3 {font-size: 16px;}
  .dining-item-subtitle {font-size: 13px;}
  .dining-grid-item.wide-item .dining-item-content, .dining-item-content {padding: 15px 0;}
  .dining-grid-item.wide-item:not(:last-of-type) .dining-item-image,.dining-grid-item.top-item .dining-item-image {height: auto;aspect-ratio: 1/1;}
  .dining-grid-item.wide-item:last-of-type .dining-item-image {height: 182px;}
  .text-image .text .title p, #history .body p {margin: 0 auto;text-align: center;}
  #history .container .body {display: flex;flex-direction: column;gap: 15px;justify-content: center;align-items: center;}
  #history .body p {margin-bottom: 15px;}
  #welcome .container>h2,
    .history-title {text-align: center;}
  #header .container {
    padding: 0 25px;
  }
  #header .header-logo {
    width: 200px;
    height: 40px;
  }
  #header .container .mobile-header-contact-btn {
    font-size: 10px;
    padding: 5px 13px;
    display: block;
    position: relative;
    z-index: 100;
  }
  #welcome .squares {
    grid-template-columns: repeat(2, 1fr);
  }
  #history .container .body, #history .container .title {
    padding: 0 20px;
  }
  .text-image .text .title {
    max-width: 405px;
  }
  #welcome .container>h2 {
    font-size: clamp(10px, 5vw, 24px);
    line-height: 1.2;
    max-height: 2.4em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
  }
  #header {
    height: 65px;
  }
  #welcome .squares {margin-top: 25px;}
  #welcome .welcome-title, #welcome .welcome-subtitle {padding-left: 20px;padding-right: 20px;}
  #welcome .container {padding-left: 0;padding-right: 0;}
  .history-title {margin-top: 5px;}
  #header .header-logo.mobile {margin: 5px 0 0;}
  #fh-banner {max-height: 520px !important;min-height: 520px !important;}
  .text-image-block .container .text-image-block-content {padding: 0 20px;}
  .text-block {
    text-align: left !important;
    padding: 0 35px !important;
    align-items: flex-start !important;
  }
  .callout-content a.btn {
    font-size: 10px;
  }
  .callout-content h2 {font-size: 28px;}
  .callout-content .subtitle-2 {font-size: 14px;}
  .body.centered ul {column-gap: 26px;}
  .visit-us-grid {grid-template-columns: 1fr;}
  .visit-us-grid .visit-us-content {order:2;min-height: 340px;}
  .menu-section-grid {grid-template-columns: 1fr;}
  .menu-section-grid .visit-us-content {order:2;min-height: 340px;}
  .menu-section-content h2 {text-align: center;}
  #mobile-menu-trigger {
    transform: rotate(0deg) scale(0.8);
  }
  .columns.col-3 .col:first-of-type {order:2;}
  .columns.col-3 .col:last-of-type {order:3;}
  
  /* Features list mobile layout */
  .features-list-container .features-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  
  .features-list-container .features-list ul:first-of-type, 
  .features-list-container .features-list ul:nth-of-type(2) {
    grid-column: span 1;
  }
  
  .features-list-container .features-list ul:last-of-type {
    grid-column: span 2;
    margin-top: 10px;
  }
  .visit-us-content-text.wygwam-body {
    max-width: 230px;
  }
  .features-list-container .features-list ul li {
    font-size: 12px;
  }
  .visit-us-content-text.wygwam-body p {
    font-size: 14px;
    line-height: 1.4rem;
    margin-bottom: 15px;
  }
  .location-section .container {
    padding: 65px 0;
  }
  #menu .container .menu-items {
    padding: 0 30px;
  }
  #footer .container {padding: 0 10px;}
  #footer ul.links li, #footer ul.links li a{font-size: 9px;}
}
@media screen and (max-width: 650px) {
  .subtitle-1,.subtitle-3 {white-space: wrap;}
}
@media screen and (max-width: 460px) {
  #header .header-logo {
    width: 160px;
    height: 30px;
  }
  #header .container .mobile-header-contact-btn {
    font-size: 9px;
    padding: 5px 6px;
  }
  #header .container {
    padding: 0 15px;
  }
  .container {
    padding: 0 20px;
  }
  #welcome .container>p {
    font-size: 11px;
    line-height: 19px;
  }
  #welcome .squares {gap: 10px;}
  #welcome .squares .square p {font-size: 10px;}
  #welcome .squares .square h3 {
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 0;
  }
  .wygwam-body .bottom-text {font-size: 20px;}
  .body.centered ul {column-gap: 5px;}
}
@media screen and (max-width: 400px) {
  .text-block {padding: 0 20px !important;}
  .subtitle-1,
  .subtitle-3 {white-space: normal;}
  #footer ul.links li a{font-size: 7px;}
}

@media screen and (max-width: 340px) {
  #welcome .container {
    padding: 0 20px;
  }
  #welcome .container>p {font-size: 9px;line-height: 16px;}
  #header .container .mobile-header-contact-btn {display: none;}
  #header .header-logo {width: 145px;height: 30px;}
  #header>.container {flex-direction: row;}
}

/* iOS-specific fix for mobile menu scrolling */
@supports (-webkit-touch-callout: none) {
  #header #header-nav .dropdown-menu .ddm-dining-content {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
}