/* Theme Name: Farmhouse */ @font-face { font-family: 'Ivy Mode'; src: url("fonts/IvyMode-Regular.eot"); src: local("Ivy Mode Regular"), local("IvyMode-Regular"), url("fonts/IvyMode-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/IvyMode-Regular.woff2") format("woff2"), url("fonts/IvyMode-Regular.woff") format("woff"), url("fonts/IvyMode-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Ivy Mode'; src: url("fonts/IvyMode-LightItalic.eot"); src: local("Ivy Mode Light Italic"), local("IvyMode-LightItalic"), url("fonts/IvyMode-LightItalic.eot?#iefix") format("embedded-opentype"), url("fonts/IvyMode-LightItalic.woff2") format("woff2"), url("fonts/IvyMode-LightItalic.woff") format("woff"), url("fonts/IvyMode-LightItalic.ttf") format("truetype"); font-weight: 300; font-style: italic; } @font-face { font-family: 'Ivy Mode'; src: url("fonts/IvyMode-SemiBoldItalic.eot"); src: local("Ivy Mode SemiBold Italic"), local("IvyMode-SemiBoldItalic"), url("fonts/IvyMode-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("fonts/IvyMode-SemiBoldItalic.woff2") format("woff2"), url("fonts/IvyMode-SemiBoldItalic.woff") format("woff"), url("fonts/IvyMode-SemiBoldItalic.ttf") format("truetype"); font-weight: 600; font-style: italic; } @font-face { font-family: 'Ivy Mode'; src: url("fonts/IvyMode-ThinItalic.eot"); src: local("Ivy Mode Thin Italic"), local("IvyMode-ThinItalic"), url("fonts/IvyMode-ThinItalic.eot?#iefix") format("embedded-opentype"), url("fonts/IvyMode-ThinItalic.woff2") format("woff2"), url("fonts/IvyMode-ThinItalic.woff") format("woff"), url("fonts/IvyMode-ThinItalic.ttf") format("truetype"); font-weight: 100; font-style: italic; } @font-face { font-family: 'Ivy Mode'; src: url("fonts/IvyMode-Italic.eot"); src: local("Ivy Mode Italic"), local("IvyMode-Italic"), url("fonts/IvyMode-Italic.eot?#iefix") format("embedded-opentype"), url("fonts/IvyMode-Italic.woff2") format("woff2"), url("fonts/IvyMode-Italic.woff") format("woff"), url("fonts/IvyMode-Italic.ttf") format("truetype"); font-weight: normal; font-style: italic; } @font-face { font-family: 'Ivy Mode'; src: url("fonts/IvyMode-BoldItalic.eot"); src: local("Ivy Mode Bold Italic"), local("IvyMode-BoldItalic"), url("fonts/IvyMode-BoldItalic.eot?#iefix") format("embedded-opentype"), url("fonts/IvyMode-BoldItalic.woff2") format("woff2"), url("fonts/IvyMode-BoldItalic.woff") format("woff"), url("fonts/IvyMode-BoldItalic.ttf") format("truetype"); font-weight: bold; font-style: italic; } @font-face { font-family: 'Ivy Mode'; src: url("fonts/IvyMode-Bold.eot"); src: local("Ivy Mode Bold"), local("IvyMode-Bold"), url("fonts/IvyMode-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/IvyMode-Bold.woff2") format("woff2"), url("fonts/IvyMode-Bold.woff") format("woff"), url("fonts/IvyMode-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; } @font-face { font-family: 'Ivy Mode'; src: url("fonts/IvyMode-Light.eot"); src: local("Ivy Mode Light"), local("IvyMode-Light"), url("fonts/IvyMode-Light.eot?#iefix") format("embedded-opentype"), url("fonts/IvyMode-Light.woff2") format("woff2"), url("fonts/IvyMode-Light.woff") format("woff"), url("fonts/IvyMode-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; } @font-face { font-family: 'Ivy Mode'; src: url("fonts/IvyMode-Thin.eot"); src: local("Ivy Mode Thin"), local("IvyMode-Thin"), url("fonts/IvyMode-Thin.eot?#iefix") format("embedded-opentype"), url("fonts/IvyMode-Thin.woff2") format("woff2"), url("fonts/IvyMode-Thin.woff") format("woff"), url("fonts/IvyMode-Thin.ttf") format("truetype"); font-weight: 100; font-style: normal; } @font-face { font-family: 'Ivy Mode'; src: url("fonts/IvyMode-SemiBold.eot"); src: local("Ivy Mode SemiBold"), local("IvyMode-SemiBold"), url("fonts/IvyMode-SemiBold.eot?#iefix") format("embedded-opentype"), url("fonts/IvyMode-SemiBold.woff2") format("woff2"), url("fonts/IvyMode-SemiBold.woff") format("woff"), url("fonts/IvyMode-SemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; } @font-face { font-family: 'Source Sans Pro'; src: url("fonts/SourceSansPro-BlackItalic.eot"); src: url("fonts/SourceSansPro-BlackItalic.eot?#iefix") format("embedded-opentype"), url("fonts/SourceSansPro-BlackItalic.woff2") format("woff2"), url("fonts/SourceSansPro-BlackItalic.woff") format("woff"); font-weight: 900; font-style: italic; font-display: swap; } @font-face { font-family: 'Source Sans Pro'; src: url("fonts/SourceSansPro-Black.eot"); src: url("fonts/SourceSansPro-Black.eot?#iefix") format("embedded-opentype"), url("fonts/SourceSansPro-Black.woff2") format("woff2"), url("fonts/SourceSansPro-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Source Sans Pro'; src: url("fonts/SourceSansPro-Bold.eot"); src: url("fonts/SourceSansPro-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/SourceSansPro-Bold.woff2") format("woff2"), url("fonts/SourceSansPro-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Source Sans Pro'; src: url("fonts/SourceSansPro-Italic.eot"); src: url("fonts/SourceSansPro-Italic.eot?#iefix") format("embedded-opentype"), url("fonts/SourceSansPro-Italic.woff2") format("woff2"), url("fonts/SourceSansPro-Italic.woff") format("woff"); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: 'Source Sans Pro'; src: url("fonts/SourceSansPro-ExtraLight.eot"); src: url("fonts/SourceSansPro-ExtraLight.eot?#iefix") format("embedded-opentype"), url("fonts/SourceSansPro-ExtraLight.woff2") format("woff2"), url("fonts/SourceSansPro-ExtraLight.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: 'Source Sans Pro'; src: url("fonts/SourceSansPro-BoldItalic.eot"); src: url("fonts/SourceSansPro-BoldItalic.eot?#iefix") format("embedded-opentype"), url("fonts/SourceSansPro-BoldItalic.woff2") format("woff2"), url("fonts/SourceSansPro-BoldItalic.woff") format("woff"); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Source Sans Pro'; src: url("fonts/SourceSansPro-ExtraLightItalic.eot"); src: url("fonts/SourceSansPro-ExtraLightItalic.eot?#iefix") format("embedded-opentype"), url("fonts/SourceSansPro-ExtraLightItalic.woff2") format("woff2"), url("fonts/SourceSansPro-ExtraLightItalic.woff") format("woff"); font-weight: 200; font-style: italic; font-display: swap; } @font-face { font-family: 'Source Sans Pro'; src: url("fonts/SourceSansPro-Light.eot"); src: url("fonts/SourceSansPro-Light.eot?#iefix") format("embedded-opentype"), url("fonts/SourceSansPro-Light.woff2") format("woff2"), url("fonts/SourceSansPro-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Source Sans Pro'; src: url("fonts/SourceSansPro-Regular.eot"); src: url("fonts/SourceSansPro-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/SourceSansPro-Regular.woff2") format("woff2"), url("fonts/SourceSansPro-Regular.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Source Sans Pro'; src: url("fonts/SourceSansPro-SemiBold.eot"); src: url("fonts/SourceSansPro-SemiBold.eot?#iefix") format("embedded-opentype"), url("fonts/SourceSansPro-SemiBold.woff2") format("woff2"), url("fonts/SourceSansPro-SemiBold.woff") format("woff"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Source Sans Pro'; src: url("fonts/SourceSansPro-LightItalic.eot"); src: url("fonts/SourceSansPro-LightItalic.eot?#iefix") format("embedded-opentype"), url("fonts/SourceSansPro-LightItalic.woff2") format("woff2"), url("fonts/SourceSansPro-LightItalic.woff") format("woff"); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: 'Source Sans Pro'; src: url("fonts/SourceSansPro-SemiBoldItalic.eot"); src: url("fonts/SourceSansPro-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("fonts/SourceSansPro-SemiBoldItalic.woff2") format("woff2"), url("fonts/SourceSansPro-SemiBoldItalic.woff") format("woff"); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: 'Playfair Display'; src: url("fonts/PlayfairDisplay-Black.eot"); src: url("fonts/PlayfairDisplay-Black.eot?#iefix") format("embedded-opentype"), url("fonts/PlayfairDisplay-Black.woff2") format("woff2"), url("fonts/PlayfairDisplay-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Playfair Display'; src: url("fonts/PlayfairDisplay-BlackItalic.eot"); src: url("fonts/PlayfairDisplay-BlackItalic.eot?#iefix") format("embedded-opentype"), url("fonts/PlayfairDisplay-BlackItalic.woff2") format("woff2"), url("fonts/PlayfairDisplay-BlackItalic.woff") format("woff"); font-weight: 900; font-style: italic; font-display: swap; } @font-face { font-family: 'Playfair Display'; src: url("fonts/PlayfairDisplay-Bold.eot"); src: url("fonts/PlayfairDisplay-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/PlayfairDisplay-Bold.woff2") format("woff2"), url("fonts/PlayfairDisplay-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Playfair Display'; src: url("fonts/PlayfairDisplay-BoldItalic.eot"); src: url("fonts/PlayfairDisplay-BoldItalic.eot?#iefix") format("embedded-opentype"), url("fonts/PlayfairDisplay-BoldItalic.woff2") format("woff2"), url("fonts/PlayfairDisplay-BoldItalic.woff") format("woff"); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Playfair Display'; src: url("fonts/PlayfairDisplay-ExtraBoldItalic.eot"); src: url("fonts/PlayfairDisplay-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("fonts/PlayfairDisplay-ExtraBoldItalic.woff2") format("woff2"), url("fonts/PlayfairDisplay-ExtraBoldItalic.woff") format("woff"); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Playfair Display'; src: url("fonts/PlayfairDisplay-ExtraBold.eot"); src: url("fonts/PlayfairDisplay-ExtraBold.eot?#iefix") format("embedded-opentype"), url("fonts/PlayfairDisplay-ExtraBold.woff2") format("woff2"), url("fonts/PlayfairDisplay-ExtraBold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Playfair Display'; src: url("fonts/PlayfairDisplay-Italic.eot"); src: url("fonts/PlayfairDisplay-Italic.eot?#iefix") format("embedded-opentype"), url("fonts/PlayfairDisplay-Italic.woff2") format("woff2"), url("fonts/PlayfairDisplay-Italic.woff") format("woff"); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: 'Playfair Display'; src: url("fonts/PlayfairDisplay-Medium.eot"); src: url("fonts/PlayfairDisplay-Medium.eot?#iefix") format("embedded-opentype"), url("fonts/PlayfairDisplay-Medium.woff2") format("woff2"), url("fonts/PlayfairDisplay-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Playfair Display'; src: url("fonts/PlayfairDisplay-MediumItalic.eot"); src: url("fonts/PlayfairDisplay-MediumItalic.eot?#iefix") format("embedded-opentype"), url("fonts/PlayfairDisplay-MediumItalic.woff2") format("woff2"), url("fonts/PlayfairDisplay-MediumItalic.woff") format("woff"); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: 'Playfair Display'; src: url("fonts/PlayfairDisplay-Regular.eot"); src: url("fonts/PlayfairDisplay-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/PlayfairDisplay-Regular.woff2") format("woff2"), url("fonts/PlayfairDisplay-Regular.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Playfair Display'; src: url("fonts/PlayfairDisplay-SemiBold.eot"); src: url("fonts/PlayfairDisplay-SemiBold.eot?#iefix") format("embedded-opentype"), url("fonts/PlayfairDisplay-SemiBold.woff2") format("woff2"), url("fonts/PlayfairDisplay-SemiBold.woff") format("woff"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Playfair Display'; src: url("fonts/PlayfairDisplay-SemiBoldItalic.eot"); src: url("fonts/PlayfairDisplay-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("fonts/PlayfairDisplay-SemiBoldItalic.woff2") format("woff2"), url("fonts/PlayfairDisplay-SemiBoldItalic.woff") format("woff"); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: 'Hanley Rough Signature'; src: url("fonts/HanleyRough-Signature.woff2") format("woff2"), url("fonts/HanleyRough-Signature.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } html { box-sizing: border-box; } :root { --app-height: 100%; } *, *::before, *::after { box-sizing: inherit; } * { margin: 0; padding: 0; border: none; text-decoration: none; box-sizing: border-box; -webkit-font-smoothing: antialiased; } body { font-family: "Ivy Mode", sans-serif; font-size: 16px; color: #5a5045; font-size: 16px; float: left; width: 100%; background-color: #efe6de; /*-ms-overflow-style: none; scrollbar-width: none; &::-webkit-scrollbar { display: none; }*/ } body.menu--active { overflow: hidden; } body img { max-width: 100%; height: auto; display: block; } .site { margin: 0 auto; overflow: hidden; } .site__bg-pattern { backface-visibility: hidden; background: #efe6de url("images/background/bg-mask.jpg") top left; background-size: 380px; bottom: 0; height: 1000vh; position: fixed; top: 0; width: 100vw; z-index: -10; } section { display: flex; } .show--device { display: none; } @media only screen and (max-width: 1160px) { .show--device:not(.show--device--mobile) { display: block; } } @media only screen and (max-width: 750px) { .show--device { display: block; } } .hide--device { display: block; } @media only screen and (max-width: 1160px) { .hide--device:not(.hide--device--mobile) { display: none !important; } } @media only screen and (max-width: 750px) { .hide--device { display: none !important; } } .float--left { float: left; } .clear { float: left; clear: both; width: 100%; } .float--right { float: right; } .inline--block { display: inline-block; } .no--margin { margin: 0 !important; } .no--padding { padding: 0 !important; } .no--padding--top { padding-top: 0 !important; } .no--padding--bottom { padding-bottom: 0 !important; } .no--padding--left { padding-left: 0 !important; } .no--padding--right { padding-right: 0 !important; } .margin--auto { margin: auto !important; } .no--margin--top { margin-top: 0 !important; } .no--margin--bottom { margin-bottom: 0 !important; } .no--margin--left { margin-left: 0 !important; } .no--margin--right { margin-right: 0 !important; } .text--center { text-align: center !important; } .text--left { text-align: left !important; } .text--right { text-align: right !important; } button { background-color: transparent; border: 0; -webkit-appearance: none; appearance: none; cursor: pointer; } input[type="text"], input[type="email"], input[type="search"], input[type="submit"], input[type="tel"] textarea, button { font-family: "Ivy Mode", sans-serif; font-size: 16px; color: #5a5045; -webkit-appearance: none; } input[type="text"]:focus, input[type="email"]:focus, input[type="search"]:focus, input[type="tel"]:focus, textarea:focus { outline: dotted 1px #cebfb1 !important; } input[type="submit"].btn, button.btn { color: #000000; } select { font-family: "Ivy Mode", sans-serif; font-size: 16px; color: #5a5045; -webkit-appearance: none; background-repeat: no-repeat; background-position: 90%; background-size: 6%; } select:focus { outline: dotted 1px #cebfb1 !important; } h1, .h1, .h1 p { font-size: 50px; } @media only screen and (max-width: 1160px) { h1, .h1, .h1 p { font-size: 50px; } } @media only screen and (max-width: 640px) { h1, .h1, .h1 p { font-size: 40px; } } h2, .h2, .h2 p { font-size: 34px; } @media only screen and (max-width: 1160px) { h2, .h2, .h2 p { font-size: 34px; } } @media only screen and (max-width: 640px) { h2, .h2, .h2 p { font-size: 29px; } } h3, .h3, .h3 p { font-size: 22px; } @media only screen and (max-width: 1160px) { h3, .h3, .h3 p { font-size: 22px; } } @media only screen and (max-width: 640px) { h3, .h3, .h3 p { font-size: 16px; } } h4, .h4, .h4 p { font-size: 20px; } @media only screen and (max-width: 1160px) { h4, .h4, .h4 p { font-size: 20px; } } @media only screen and (max-width: 640px) { h4, .h4, .h4 p { font-size: 16px; } } h5, .h5, .h5 p { font-size: 18px; } @media only screen and (max-width: 1160px) { h5, .h5, .h5 p { font-size: 18px; } } @media only screen and (max-width: 640px) { h5, .h5, .h5 p { font-size: 16px; } } h6, .h6, .h6 p { font-size: 16px; } @media only screen and (max-width: 1160px) { h6, .h6, .h6 p { font-size: 16px; } } @media only screen and (max-width: 640px) { h6, .h6, .h6 p { font-size: 18px; } } a { color: #97501b; transition: all 0.5s ease; } p, .p, figure, li { margin-bottom: 10px; font-weight: 400; line-height: 1.4; } p a, .p a, figure a, li a { color: #97501b; position: relative; } b, strong, strong * { font-weight: 700; } .row { margin: 0 auto; } /** * Clear inner floats */ .clearfix::after { clear: both; content: ""; display: table; } .container, .page-width { width: 100%; margin: 0 auto; max-width: calc(100vw - 200px); padding: 0 25px; /* @include responsiveMax('mobile-h') { padding: 0 15px; } */ } @media only screen and (max-width: 1160px) { .container, .page-width { max-width: none; padding: 0 9.96vw; } } @media only screen and (max-width: 750px) { .container, .page-width { padding: 0 32px; } } /* .button { @include button(); &--outline { @include button--outline(); } &--white { @include button--white(); } &--small { @include button--small(); } }*/ /* form{ label{ display: block; margin-bottom: 10px; } input[type=text], input[type=email], input[type=url], input[type=password]{ background: $white; font-size: 16px !important; color: #51575D !important; padding: 15px !important; border-radius: 25px !important; width: 100% !important; &::placeholder { color: #51575D !important; opacity: 1 !important; font-size: 16px !important; font-family: $default-font !important; } &:-ms-input-placeholder { color: #51575D !important; font-size: 16px !important; font-family: $default-font !important; } &::-ms-input-placeholder { color: #51575D !important; font-size: 16px !important; font-family: $default-font !important; } } input[type=file]{ &::-webkit-file-upload-button { visibility: hidden; } &::before { content: 'Choose File'; display: inline-block; max-width: 100%; height: 50px; line-height: 50px; border-radius: 25px; padding: 0 40px; cursor: pointer; transition: all .3s ease; text-align: center; background: $black; color: $white; width: 220px; } &:hover { &::before { background: $black; } } &.medium{ width: 100% !important; } } textarea{ background: $white !important; font-size: 16px !important; color: #51575D !important; padding: 15px !important; border-radius: 25px !important; width: 100% !important; } }*/ @media only screen and (max-width: 900px) { [class^="col-md"] { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } @media only screen and (max-width: 900px) { [class^="col-xs"] { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } .ov-hidden { overflow: hidden; } .body-home::-webkit-scrollbar { display: none; } .img--content { position: relative; overflow: hidden; } .img--content img { width: 100%; object-fit: cover; min-height: 100%; } .caption__plus { position: relative; cursor: pointer; } .caption__plus span { content: ""; display: block; position: absolute; border: 1px solid #97501b; left: -10px; right: -10px; top: -10px; bottom: -10px; border-radius: 50%; animation: animate 1.5s linear infinite; backface-visibility: hidden; } .caption__plus span:nth-child(2) { animation-delay: 0.35s; } .caption__plus span:nth-child(3) { animation-delay: 0.7s; } .caption__plus:not(.js-active) .caption__plus__plus { transition: all 1s ease; } .caption__plus:not(.js-active) .caption__plus__plus .line__a { transition: all 1s ease; } .caption__plus:not(.js-active):hover .caption__plus__plus { transform: rotate(360deg); } .caption__plus.js-active .caption__plus__plus .line__a { opacity: 0; } .caption__plus.js-active:hover .caption__plus__plus { transition: none; } @keyframes animate { 0% { transform: scale(0.3); opacity: 0; } 50% { opacity: 1; } 100% { transform: scale(1); opacity: 0; } } .not-found { text-align: center; padding: 200px 50px; display: flex; justify-content: center; } /* External iframes */ .external { position: relative; margin-bottom: 55px; min-height: 230px; } .external .container { background-color: #efe6de; padding: 55px; } .external .container iframe { min-height: 910px; } @media only screen and (max-width: 900px) { .external .container iframe { min-height: 1970px; } } @media only screen and (max-width: 750px) { .external .container iframe { min-height: 1800px; } } @media only screen and (max-width: 640px) { .external .container iframe { min-height: 1650px; } } @media only screen and (max-width: 640px) { .external .container iframe { min-height: 1500px; } } @media only screen and (max-width: 385px) { .external .container iframe { min-height: 1580px; } } @media only screen and (min-width: 750px) { .hidden--desktop { display: none !important; } } @media only screen and (max-width: 1160px) { .hidden--tablet { display: none !important; } } @media only screen and (max-width: 750px) { .hidden--mobile { display: none !important; } } .visible--tablet { display: none !important; } @media only screen and (max-width: 1160px) { .visible--tablet { display: block !important; } } .visible--mobile { display: none; } @media only screen and (max-width: 750px) { .visible--mobile { display: block !important; } } @media only screen and (max-width: 750px) { .section-row { display: flex; width: 100%; padding: 0 32px; } } .site { /*height: 100%; position: fixed; width: 100%;*/ opacity: 0; } .scroll-container > section:nth-child(1), .scroll-container > div:nth-child(1) { padding-top: 125px; position: relative; } @media only screen and (max-width: 1160px) { .scroll-container > section:nth-child(1), .scroll-container > div:nth-child(1) { padding-top: 80px; } } @media only screen and (max-width: 750px) { .scroll-container > section:nth-child(1), .scroll-container > div:nth-child(1) { padding-top: 105px; } } @media only screen and (max-width: 640px) { .scroll-container > section:nth-child(1), .scroll-container > div:nth-child(1) { padding-top: 80px; } } .scroll-container > section:nth-child(1).not-found, .scroll-container > div:nth-child(1).not-found { padding-top: 325px; } .main-nav-shell { align-items: center; display: flex; height: 125px; justify-content: center; position: fixed; width: 100vw; z-index: 10; top: 0; opacity: 0; } @media only screen and (max-width: 1160px) { .main-nav-shell { height: 100px; } } @media only screen and (max-width: 750px) { .main-nav-shell { height: 80px; } } @media only screen and (max-width: 1160px) { .main-nav-shell.active .main-nav-shell-content .mobileback { transform: translateX(0); } .main-nav-shell.active .main-nav-shell-content .logo-svg { transition: all 0s ease; left: 50%; transform: translateX(-50%); } .main-nav-shell.active .main-nav-shell-content .logo-svg .logo-img { transition: all 0s ease; } } @media only screen and (max-width: 1160px) and (max-width: 385px) { .main-nav-shell.active .main-nav-shell-content .logo-svg { width: 160px !important; } .main-nav-shell.active .main-nav-shell-content .logo-svg .logo-img { width: 160px !important; } } .main-nav-shell .main-nav-shell-content { width: 100%; margin: auto; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-content: center; align-items: center; } .main-nav-shell .main-nav-shell-actions { display: flex; flex-wrap: wrap; justify-content: space-between; align-content: center; align-items: center; } @media only screen and (max-width: 1160px) { .main-nav-shell .main-nav-shell-actions { visibility: hidden; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; height: var(--app-height); flex-direction: column; justify-content: center; align-items: flex-start; background-color: #7d8167; background-image: url(images/background/bg-menu.png); transform: translateX(100vw); } .main-nav-shell .main-nav-shell-actions.mobile-transition { transition: all 0.6s cubic-bezier(0.895, 0.03, 0.685, 0.22); } .main-nav-shell .main-nav-shell-actions.show { transform: translateX(0px); visibility: visible; transition: all 0.6s cubic-bezier(0.895, 0.03, 0.685, 0.22); } } @media only screen and (max-width: 750px) { .main-nav-shell .main-nav-shell-actions { justify-content: flex-start; } } @media only screen and (max-width: 1160px) { .main-nav-shell .d-flex { width: 100%; position: absolute; bottom: 80px; left: 0; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } } @media only screen and (max-width: 750px) { .main-nav-shell .d-flex { bottom: 0px; flex-direction: column-reverse; padding: 32px; align-items: flex-start; justify-content: space-between; } } .main-nav-shell .d-flex .social-offers { display: none; } @media only screen and (max-width: 1160px) { .main-nav-shell .d-flex .social-offers { display: flex; justify-content: space-between; padding: 0 80px; } } @media only screen and (max-width: 750px) { .main-nav-shell .d-flex .social-offers { padding: 0 0; flex-direction: column-reverse; justify-content: space-between; align-items: flex-start; } } .main-nav-shell .d-flex .social-offers__content { display: flex; justify-content: center; margin-right: 8vw; flex-direction: row; } .main-nav-shell .d-flex .social-offers__content .social-icon-shell { margin-top: 10px; } .main-nav-shell .d-flex .social-offers__link { display: flex; align-items: center; } @media only screen and (max-width: 750px) { .main-nav-shell .d-flex .social-offers__link { display: none; } } .main-nav-shell .d-flex .social-offers__link > .special-offers-btn { color: #ffffff; position: relative; right: auto; } .main-nav-shell .d-flex .social-offers__link > .special-offers-btn > .link--hover { color: #ffffff; } .main-nav-shell .mobilemenu { display: none; width: 45px; height: 45px; position: relative; transition: all 0.3s cubic-bezier(0.895, 0.03, 0.685, 0.22); border: 1px solid transparent; margin-top: -4px; } .main-nav-shell .mobilemenu.close { border: 1px solid #000; border-radius: 50rem; filter: invert(100); z-index: 1; } .main-nav-shell .mobilemenu.close span:nth-child(1), .main-nav-shell .mobilemenu.close span:nth-child(4) { opacity: 0; transition-delay: 0s; } .main-nav-shell .mobilemenu.close span:nth-child(2) { width: 10px; top: 21px; transform: translateX(-50%) rotate(45deg); transition-delay: 0.3s; background-color: #000; } .main-nav-shell .mobilemenu.close span:nth-child(3) { width: 10px; top: 21px; transform: translateX(-50%) rotate(-45deg); transition-delay: 0.3s; background-color: #000; } @media only screen and (max-width: 1160px) { .main-nav-shell .mobilemenu { display: inline-block; } } .main-nav-shell .mobilemenu span { display: block; width: 100%; height: 2px; background-color: #3e372e; margin-bottom: 9px; transition: all 0.3s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition-delay: 0.3s; position: absolute; left: 50%; top: 12px; transform: translateX(-50%); } .main-nav-shell .mobilemenu span:nth-child(2), .main-nav-shell .mobilemenu span:nth-child(3) { top: 22px; transition-delay: 0s; } .main-nav-shell .mobilemenu span:nth-child(4) { top: 32px; transition-delay: 0.3s; } .main-nav-shell .mobilecloser { display: none; width: 45px; height: 45px; border: 1px solid #fff; border-radius: 50rem; position: absolute; right: 80px; top: 35px; } @media only screen and (max-width: 1160px) { .main-nav-shell .mobilecloser { padding-bottom: 23px; } } @media only screen and (max-width: 750px) { .main-nav-shell .mobilecloser { right: 32px; padding-left: 5px; padding-bottom: 10px; } } .main-nav-shell .mobilecloser span { background-color: #ffffff; display: block; width: 100%; height: 2px; margin-bottom: 9px; } .main-nav-shell .mobilecloser span:nth-child(2) { display: none; } .main-nav-shell .mobilecloser span:nth-child(1) { width: 10px; transform: translateY(21px) translateX(16px) rotate(45deg); } @media only screen and (max-width: 750px) { .main-nav-shell .mobilecloser span:nth-child(1) { transform: translateY(16px) translateX(12px) rotate(45deg); } } .main-nav-shell .mobilecloser span:nth-child(3) { width: 10px; transform: translateY(10px) translateX(16px) rotate(-45deg); } @media only screen and (max-width: 750px) { .main-nav-shell .mobilecloser span:nth-child(3) { transform: translateY(5px) translateX(12px) rotate(-45deg); } } @media only screen and (max-width: 1160px) { .main-nav-shell .mobilecloser { display: inline-block; } } .main-nav-shell .mobileback { width: 45px; height: 45px; border: 1px solid #fff; border-radius: 50rem; position: absolute; left: 80px; top: 26px; z-index: 1; transform: translateX(-200px); transition: all 1s ease; display: none; } @media only screen and (max-width: 1160px) { .main-nav-shell .mobileback { padding-bottom: 23px; display: block; } } @media only screen and (max-width: 750px) { .main-nav-shell .mobileback { left: 32px; top: 16px; padding-bottom: 18px; } } .main-nav-shell .mobileback span { background-color: #ffffff; display: block; width: 100%; height: 2px; margin-bottom: 9px; } .main-nav-shell .mobileback span:nth-child(2) { display: none; } .main-nav-shell .mobileback span:nth-child(1) { width: 10px; transform: translateY(17px) translateX(15px) rotate(-45deg); } .main-nav-shell .mobileback span:nth-child(3) { width: 10px; transform: translateY(12px) translateX(15px) rotate(45deg); } @media only screen and (max-width: 1160px) { .main-nav-shell .mobileback { display: inline-block; } } .main-nav-shell .menu-img, .main-nav-shell .nav-bg { height: 100%; position: absolute; width: 100%; } .main-nav-shell .nav-bg { background-color: #efe6de; background-image: url("images/background/bg-mask.jpg"); background-position: 0 0; background-size: 380px; } .main-nav-shell .menu-shell { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; background-color: #7d8167; background-image: url("images/background/bg-menu.png"); background-position: 0 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; height: 100vh; height: var(--app-height); position: absolute; top: 0; transform: translate3d(0, -100%, 0); -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; width: 100vw; } @media only screen and (max-width: 1160px) { .main-nav-shell .menu-shell { transform: translate3d(100%, 0, 0); z-index: 1; background-color: #9f7f61; } } .main-nav-shell .special-offers-btn { color: #98511b; font-family: "Playfair Display", sans-serif, serif; font-style: italic; position: absolute; right: 130px; } @media only screen and (max-width: 750px) { .main-nav-shell .special-offers-btn { left: 30px; margin-top: 20px; } .main-nav-shell .special-offers-btn a { color: #ffffff; } } .main-nav-shell .menu-img-shell { height: 100%; overflow: hidden; position: relative; width: 50%; } @media only screen and (max-width: 1160px) { .main-nav-shell .menu-img-shell { display: none; } } .main-nav-shell .menu-img { backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; -o-object-fit: cover; object-fit: cover; } .main-nav-shell .menu-img, .main-nav-shell .nav-bg { height: 100%; position: absolute; width: 100%; } .main-nav-shell .menu-links-shell { -webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; -webkit-justify-content: center; justify-content: center; position: relative; width: 50%; } @media only screen and (max-width: 1160px) { .main-nav-shell .menu-links-shell { width: 100%; background-color: #9f7f61; position: relative; } } .main-nav-shell .menu-links-shell .reservations-btn { display: none; } @media only screen and (max-width: 1160px) { .main-nav-shell .menu-links-shell .reservations-btn { display: block; } } @media only screen and (max-width: 750px) { .main-nav-shell .menu-links-shell .reservations-btn { bottom: 32px; } } @media only screen and (max-width: 1160px) { .main-nav-shell .menu-links-shell .social-shell { left: 80px; bottom: 130px; } } @media only screen and (max-width: 750px) { .main-nav-shell .menu-links-shell .social-shell { left: 32px; } } @media only screen and (max-width: 1160px) { .main-nav-shell .menu-links-shell .menu-links-restaurants-shell { left: 80px; right: 80px; top: 170px; max-height: calc(100vh - 350px); max-height: calc(var(--app-height) - 350px); overflow: scroll; } } @media only screen and (max-width: 750px) { .main-nav-shell .menu-links-shell .menu-links-restaurants-shell { left: 32px; right: 32px; top: 120px; max-height: calc(100vh - 300px); max-height: calc(var(--app-height) - 300px); } } @media only screen and (max-width: 385px) { .main-nav-shell .menu-links-shell .menu-links-restaurants-shell { top: 80px; max-height: calc(100vh - 260px); max-height: calc(var(--app-height) - 260px); } } @media only screen and (max-width: 1160px) { .main-nav-shell .menu-links-shell .menu-links-about-shell, .main-nav-shell .menu-links-shell .menu-links-gathering { left: 80px; right: 80px; top: 170px; max-height: calc(100vh - 350px); max-height: calc(var(--app-height) - 350px); overflow: scroll; } } @media only screen and (max-width: 750px) { .main-nav-shell .menu-links-shell .menu-links-about-shell, .main-nav-shell .menu-links-shell .menu-links-gathering { left: 32px; right: 32px; top: 120px; max-height: calc(100vh - 300px); max-height: calc(var(--app-height) - 300px); } } @media only screen and (max-width: 385px) { .main-nav-shell .menu-links-shell .menu-links-about-shell, .main-nav-shell .menu-links-shell .menu-links-gathering { top: 80px; max-height: calc(100vh - 260px); max-height: calc(var(--app-height) - 260px); } } .main-nav-shell .menu-links-shell .main-nav-shell-content { display: none; } .main-nav-shell .menu-links-shell .logo-svg { display: none; } @media only screen and (max-width: 1160px) { .main-nav-shell .menu-links-shell .logo-svg { display: block; position: absolute; top: 42px; transform: translate(-50%, 10px); left: 50%; width: 100%; margin: 0 auto; } .main-nav-shell .menu-links-shell .logo-svg img { opacity: 1; } } @media only screen and (max-width: 1160px) and (max-width: 385px) { .main-nav-shell .menu-links-shell .logo-svg img { width: 160px; } } @media only screen and (max-width: 385px) { .main-nav-shell .menu-links-shell .logo-svg { width: 160px !important; } .main-nav-shell .menu-links-shell .logo-svg .logo-svg { width: 160px !important; } } .main-nav-shell .social-shell { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-direction: normal; -moz-box-orient: horizontal; bottom: 65px; -webkit-flex-direction: horizontal; -ms-flex-direction: horizontal; flex-direction: horizontal; left: 5vw; position: absolute; } .main-nav-shell .social-icon-shell, .main-nav-shell .social-shell { -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .main-nav-shell .social--content { display: flex; } .main-nav-shell .social--content .social-icon-shell { position: relative; display: flex; align-items: center; justify-content: center; width: 25px; padding-left: 8px; aspect-ratio: 1; cursor: pointer; margin-right: 10px; } .main-nav-shell .social--content .social-circ { position: absolute; } .main-nav-shell .social--content .social-circ path, .main-nav-shell .social--content .social-circ circle { stroke: #fff; } .main-nav-shell .social--content .facebook-svg-code { position: absolute; width: 5px; fill: #ffffff; } .main-nav-shell .social--content .facebook-svg-code .facebook-main { fill: #ffffff; } .main-nav-shell .social--content .insta-svg-code { position: absolute; width: 10px; fill: #ffffff; } .main-nav-shell .social--content .insta-svg-code .insta-main { fill: #ffffff; } .main-nav-shell .social--content .insta { fill: #ffffff; } .main-nav-shell .stay-links-shell { left: 5vw; position: absolute; visibility: hidden; } @media only screen and (max-width: 1160px) { .main-nav-shell .stay-links-shell { left: 80px; width: calc(100% - 160px); top: 170px; max-height: calc(100vh - 350px); max-height: calc(var(--app-height) - 350px); overflow: scroll; } } @media only screen and (max-width: 750px) { .main-nav-shell .stay-links-shell { left: 32px; top: 120px; width: calc(100% - 64px); max-height: calc(100vh - 300px); max-height: calc(var(--app-height) - 300px); } } @media only screen and (max-width: 385px) { .main-nav-shell .stay-links-shell { top: 80px; max-height: calc(100vh - 260px); max-height: calc(var(--app-height) - 260px); } } .main-nav-shell .menu-link-txt-shell { margin-top: 3vw; width: fit-content; } .main-nav-shell .menu-txt-link { color: #fff; font-size: 50px; font-weight: 400; letter-spacing: 0.2; line-height: 60px; cursor: pointer; } @media only screen and (max-width: 1160px) { .main-nav-shell .menu-txt-link { font-size: 45px; } } @media only screen and (max-width: 750px) { .main-nav-shell .menu-txt-link { font-size: 27px; } } .main-nav-shell .menu-txt-link:focus { outline: dotted 1px rgba(206, 191, 177, 0.5) !important; } .main-nav-shell .ov-hidden { overflow: hidden; } .main-nav-shell .menu-line { background-color: #5a5045; height: 2px; margin-top: 3px; position: relative; width: 100%; background-color: #fff; } .main-nav-shell .menu-line.opened { transform-origin: 100% 50% !important; transform: scale(1) !important; } .main-nav-shell .menu-line--small { height: 1px; margin-top: 2px; } .main-nav-shell .menu-links-restaurants-shell { color: #fff; left: 5vw; position: absolute; visibility: hidden; } .main-nav-shell .menu-links-restaurants-shell a { font-stretch: normal; position: relative; text-overflow: ellipsis; display: inline-block; overflow: hidden; } .main-nav-shell .menu-links-restaurants-shell a:before, .main-nav-shell .menu-links-restaurants-shell a:after { left: 0px; right: 0px; bottom: 0px; height: 1px; content: ""; position: absolute; transition: transform 0.2s ease-in-out 0s; background-color: #ffffff; } .main-nav-shell .menu-links-restaurants-shell a:before { opacity: 0; transform: translateX(-100%); } .main-nav-shell .menu-links-restaurants-shell a:after { opacity: 1; transform: translateX(100%); } .main-nav-shell .menu-links-restaurants-shell a:hover:before { opacity: 1; transform: translateX(0px); } .main-nav-shell .menu-links-restaurants-shell a:hover:after { opacity: 0; transform: translateX(0%); } .main-nav-shell .menu-links-about-shell, .main-nav-shell .menu-links-gathering { color: #fff; left: 5vw; position: absolute; visibility: hidden; } .main-nav-shell .menu-links-about-shell a, .main-nav-shell .menu-links-gathering a { font-stretch: normal; position: relative; text-overflow: ellipsis; display: inline-block; overflow: hidden; } .main-nav-shell .menu-links-about-shell a:before, .main-nav-shell .menu-links-about-shell a:after, .main-nav-shell .menu-links-gathering a:before, .main-nav-shell .menu-links-gathering a:after { left: 0px; right: 0px; bottom: 0px; height: 1px; content: ""; position: absolute; transition: transform 0.2s ease-in-out 0s; background-color: #ffffff; } .main-nav-shell .menu-links-about-shell a:before, .main-nav-shell .menu-links-gathering a:before { opacity: 0; transform: translateX(-100%); } .main-nav-shell .menu-links-about-shell a:after, .main-nav-shell .menu-links-gathering a:after { opacity: 1; transform: translateX(100%); } .main-nav-shell .menu-links-about-shell a:hover:before, .main-nav-shell .menu-links-gathering a:hover:before { opacity: 1; transform: translateX(0px); } .main-nav-shell .menu-links-about-shell a:hover:after, .main-nav-shell .menu-links-gathering a:hover:after { opacity: 0; transform: translateX(0%); } .main-nav-shell .rest-txt-shell { margin-bottom: 25px; margin-top: 25px; } @media only screen and (max-width: 1160px) { .main-nav-shell .rest-txt-shell { width: 100%; padding-bottom: 35px; border-bottom: 1px solid rgba(239, 230, 222, 0.5); } .main-nav-shell .rest-txt-shell:nth-last-child(1) { border: 0; } } @media only screen and (max-width: 750px) { .main-nav-shell .rest-txt-shell { padding-bottom: 0; margin-bottom: 0px; } } @media only screen and (max-width: 385px) { .main-nav-shell .rest-txt-shell { margin-top: 10px; } } @media only screen and (min-width: 1160px) { .main-nav-shell .submenu-action { display: none; } } .main-nav-shell .rest-headline { letter-spacing: 1.92px; margin-bottom: 0; margin-top: 0; font-weight: 400; font-size: 50px; } .main-nav-shell .rest-headline a { color: #ffffff; } @media only screen and (max-width: 750px) { .main-nav-shell .rest-headline { font-size: 30px; letter-spacing: 1.92px; } } @media only screen and (max-width: 640px) { .main-nav-shell .rest-headline { font-size: 27px; letter-spacing: 1.92px; } } @media only screen and (max-width: 385px) { .main-nav-shell .rest-headline { font-size: 27px; } } .main-nav-shell .rest-body { font-family: "Playfair Display", sans-serif, serif; font-style: italic; letter-spacing: 0.2px; margin-bottom: 14px; margin-top: 14px; max-width: 253px; } .main-nav-shell .rest-body a { color: #ffffff; } .main-nav-shell .special-offers-btn.nav { bottom: 50px; color: #fff; right: 130px; display: none; } .main-nav-shell .special-offers-btn.nav .nav-line { background-color: #fff; bottom: 0; height: 2px; margin-bottom: -4px; position: absolute; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; width: 100%; } .main-nav-shell .special-offers-btn.nav a { color: #fff; position: relative; z-index: 1; } .main-nav-shell .rest-link-shell { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: start; justify-content: start; } @media only screen and (max-width: 1160px) { .main-nav-shell .rest-link-shell { width: 100%; } } .main-nav-shell .stay-link-shell { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-content: stretch; align-items: flex-start; gap: 20px; } @media only screen and (max-width: 1160px) { .main-nav-shell .stay-link-shell { width: 100%; gap: 0; } } .main-nav-shell .stay-link-shell-content { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: start; justify-content: start; } @media only screen and (max-width: 1160px) { .main-nav-shell .stay-link-shell-content { width: 100%; } } .main-nav-shell .rest-link { margin-bottom: 0; margin-right: 10px; margin-top: 0; font-size: 14px; font-weight: 600; letter-spacing: 4px; text-transform: uppercase; } @media only screen and (max-width: 1160px) { .main-nav-shell .rest-link { width: 100%; margin-bottom: 20px; } } .main-nav-shell .rest-link a { color: #fff; font-size: 14px; font-weight: 600; letter-spacing: 4px; font-family: "Source Sans Pro", sans-serif, sans-serif; text-transform: uppercase; display: flex; align-items: center; } @media only screen and (max-width: 1160px) { .main-nav-shell .rest-link a { width: 100%; justify-content: space-between; font-size: 18px; letter-spacing: 1.8px; font-weight: 400; } } @media only screen and (max-width: 1160px) { .main-nav-shell .rest-link a { font-size: 20px; letter-spacing: 2px; } } .main-nav-shell .rest-link a img { display: inline-block; margin-left: 5px; } .main-nav-shell .logo-img, .main-nav-shell .logo-svg { max-width: inherit; position: relative; display: inline-block; width: 300px; height: 100%; } @media only screen and (max-width: 1500px) { .main-nav-shell .logo-img, .main-nav-shell .logo-svg { width: 248px; } } @media only screen and (max-width: 1400px) { .main-nav-shell .logo-img, .main-nav-shell .logo-svg { width: 189px; } } @media only screen and (max-width: 1160px) { .main-nav-shell .logo-img, .main-nav-shell .logo-svg { z-index: 9999; max-width: 219px; } } @media only screen and (max-width: 640px) { .main-nav-shell .logo-img, .main-nav-shell .logo-svg { max-width: 220px; height: 54px; } } .main-nav-shell .logo-white { opacity: 0; position: absolute; left: 0; top: 0; } @media only screen and (max-width: 1160px) { .main-nav-shell .logo-svg.white .logo-white { opacity: 1; width: 220px; margin-left: 0; } } @media only screen and (max-width: 1160px) and (max-width: 750px) { .main-nav-shell .logo-svg.white .logo-white { width: 220px; margin-left: 0; } } @media only screen and (max-width: 1160px) { .main-nav-shell .logo-svg.white .logo-color { opacity: 0; width: 220px; } } @media only screen and (max-width: 1160px) and (max-width: 750px) { .main-nav-shell .logo-svg.white .logo-color { width: 220px; } } .main-nav-shell .logo-svg.white.shell { margin-left: 80px; width: 180px; } .main-nav-shell .reservations-btn { margin-left: 62px; } @media only screen and (max-width: 1160px) { .main-nav-shell .reservations-btn { margin-left: 80px; } } @media only screen and (max-width: 750px) { .main-nav-shell .reservations-btn { margin-left: 0px; margin-top: 20px; display: block; width: 100%; } } @media only screen and (max-width: 1160px) { .main-nav-shell .reservations-btn .reserve--button svg path { fill: #ffffff !important; } } @media only screen and (max-width: 750px) { .main-nav-shell .reservations-btn .reserve--button { width: 100%; } .main-nav-shell .reservations-btn .reserve--button .reserve-line-a { height: 100%; } .main-nav-shell .reservations-btn .reserve--button svg { display: none; } } .main-nav-shell .links-shell { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 1160px) { .main-nav-shell .links-shell { flex-direction: column; justify-content: flex-start; width: 100%; padding: 170px 80px 160px; position: absolute; top: 0; left: 0; } } @media only screen and (max-width: 750px) { .main-nav-shell .links-shell { padding: 77px 32px 32px; } } @media only screen and (max-width: 385px) { .main-nav-shell .links-shell { padding: 68px 32px 32px; } } .main-nav-shell .nav-link-block { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; justify-content: center; margin-left: 53px; padding-left: 0; position: relative; } @media only screen and (max-width: 1276px) { .main-nav-shell .nav-link-block { margin-left: 30px; } } @media only screen and (max-width: 1160px) { .main-nav-shell .nav-link-block { display: block; width: 100%; margin-left: 0; padding: 12px 0 17px; text-align: left; position: relative; } } .main-nav-shell .nav-txt-shell { position: relative; } .main-nav-shell .nav-link { color: #4a4138; font-family: Source Sans Pro, sans-serif; font-size: 15px; font-weight: 600; letter-spacing: 0.2vw; text-transform: uppercase; cursor: pointer; } @media only screen and (max-width: 1276px) { .main-nav-shell .nav-link { font-size: 14px; } } @media only screen and (max-width: 1160px) { .main-nav-shell .nav-link { color: #fff; font-family: "Ivy Mode", sans-serif; font-size: 50px; font-weight: normal; text-transform: none; text-align: left; } } @media only screen and (max-width: 750px) { .main-nav-shell .nav-link { font-size: 30px; } } .main-nav-shell .nav-link a { color: #4a4138; transition: inherit; display: block; } @media only screen and (max-width: 1160px) { .main-nav-shell .nav-link a { color: #fff; } } .main-nav-shell .nav-line { background-color: #98511b; bottom: 0; height: 0.14vw; margin-bottom: -4px; position: absolute; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; width: 100%; } @media only screen and (max-width: 1160px) { .main-nav-shell .nav-line { height: 1px; opacity: 0.5; background-color: #efe6de; transform-origin: 0% 50%; transform: translate(0px, 10px); bottom: -12px; } } @media only screen and (max-width: 750px) { .main-nav-shell .nav-line { bottom: -4px; } } .main-nav-shell .nav-arrow { position: absolute; } @media only screen and (max-width: 1160px) { .main-nav-shell .nav-arrow { transform: rotate(-90deg); } } .main-nav-shell .nav-arrow-shell { margin-left: 6px; margin-top: -5px; } @media only screen and (max-width: 1160px) { .main-nav-shell .nav-arrow-shell { position: absolute; top: 50%; right: 0; width: 24px; } } .main-nav-shell .nav-arrow-white { opacity: 0; } @media only screen and (max-width: 1160px) { .main-nav-shell .nav-arrow-white { top: 50%; right: 0; width: 18px; transform: rotate(-90deg); opacity: 1; } } @media only screen and (max-width: 1160px) { .main-nav-shell .nav-arrow-brown { opacity: 0; } } .mobile-utility-nav { display: none; } @media only screen and (max-width: 1160px) { .mobile-utility-nav { display: flex; margin-top: 20px; flex-direction: column; align-items: flex-start; width: 100%; margin-left: 0; padding: 30px 0 17px; text-align: left; position: relative; } } @media only screen and (max-width: 750px) { .mobile-utility-nav { margin-top: 0; } } .mobile-utility-nav a { color: #ffffff; font-family: "Source Sans Pro", sans-serif; font-style: italic; font-weight: 600; font-size: 9px; font-stretch: normal; line-height: 12px; letter-spacing: 2.5px; margin-bottom: 10px; position: relative; text-overflow: ellipsis; display: inline-block; overflow: hidden; } .mobile-utility-nav a:before, .mobile-utility-nav a:after { left: 0px; right: 0px; bottom: 0px; height: 1px; content: ""; position: absolute; transition: transform 0.2s ease-in-out 0s; background-color: #ffffff; } .mobile-utility-nav a:before { opacity: 0; transform: translateX(-100%); } .mobile-utility-nav a:after { opacity: 1; transform: translateX(100%); } .mobile-utility-nav a:hover:before { opacity: 1; transform: translateX(0px); } .mobile-utility-nav a:hover:after { opacity: 0; transform: translateX(0%); } @media only screen and (max-width: 1160px) { .mobile-utility-nav a { font-family: "Playfair Display", sans-serif; font-size: 20px; line-height: 21.33px; margin-bottom: 25px; } } @media only screen and (max-width: 750px) { .mobile-utility-nav a { font-size: 16px; line-height: 21.33px; margin-bottom: 12px; } } .top-utility-nav { width: 100%; display: flex; justify-content: flex-end; } .top-utility-nav ul { list-style: none; display: flex; } .top-utility-nav li { display: block; margin: 0; } .top-utility-nav a { color: #4a4138; font-family: "Source Sans Pro", sans-serif; text-transform: uppercase; font-weight: 600; font-stretch: normal; font-size: 12px; line-height: 12px; letter-spacing: 2.5px; margin-left: 24px; position: relative; text-overflow: ellipsis; display: inline-block; overflow: hidden; } .top-utility-nav a:before, .top-utility-nav a:after { left: 0px; right: 0px; bottom: 0px; height: 1px; content: ""; position: absolute; transition: transform 0.2s ease-in-out 0s; background-color: #4a4138; } .top-utility-nav a:before { opacity: 0; transform: translateX(-100%); } .top-utility-nav a:after { opacity: 1; transform: translateX(100%); } .top-utility-nav a:hover:before { opacity: 1; transform: translateX(0px); } .top-utility-nav a:hover:after { opacity: 0; transform: translateX(0%); } @media only screen and (max-width: 1160px) { .top-utility-nav { display: none; } } .site-footer { background-color: #3C3836; padding: 60px 0; display: flex; } .site-footer__logo-footer a { display: inline-block; } .site-footer__menu-footer { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; gap: 15%; margin-top: 85px; } @media only screen and (max-width: 1160px) { .site-footer__menu-footer { flex-direction: column; } } @media only screen and (max-width: 900px) { .site-footer__menu-footer { margin-top: 38px; gap: 48px; } } .site-footer__menu-footer .menu--box--content { -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 0 1 65%; -ms-flex: 0 1 65%; flex: 0 1 65%; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; width: 100%; } @media only screen and (max-width: 900px) { .site-footer__menu-footer .menu--box--content { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 40px 37px; } } @media only screen and (max-width: 750px) { .site-footer__menu-footer .menu--box--content { grid-template-columns: 1fr 1fr; } } .site-footer__menu-footer .menu--box--content .menu--box h2 { font-family: "Source Sans Pro", sans-serif; color: #ffffff; font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: 6.24px; } .site-footer__menu-footer .menu--box--content .menu--box ul { margin: 0; padding: 0; margin-top: 20px; } .site-footer__menu-footer .menu--box--content .menu--box ul li { display: block; margin-bottom: 10px; } @media only screen and (max-width: 1160px) { .site-footer__menu-footer .menu--box--content .menu--box ul li { margin-bottom: 5px; } } .site-footer__menu-footer .menu--box--content .menu--box ul li a { font-family: "Source Sans Pro", sans-serif; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; letter-spacing: 1.12px; color: #b5b1ae; position: relative; overflow: hidden; text-overflow: ellipsis; display: inline-block; padding-bottom: 3px; } .site-footer__menu-footer .menu--box--content .menu--box ul li a:before, .site-footer__menu-footer .menu--box--content .menu--box ul li a:after { left: 0px; right: 0px; bottom: 0px; height: 1px; content: ""; position: absolute; transition: transform 0.2s ease-in-out 0s; background-color: #ffffff; } .site-footer__menu-footer .menu--box--content .menu--box ul li a:before { opacity: 0; transform: translateX(-100%); } .site-footer__menu-footer .menu--box--content .menu--box ul li a:after { opacity: 1; transform: translateX(100%); } .site-footer__menu-footer .menu--box--content .menu--box ul li a:hover:before { opacity: 1; transform: translateX(0px); } .site-footer__menu-footer .menu--box--content .menu--box ul li a:hover:after { opacity: 0; transform: translateX(0%); } .site-footer__menu-footer .form--box--content { -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 0 1 35%; -ms-flex: 0 1 35%; flex: 0 1 35%; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; } @media only screen and (max-width: 1160px) { .site-footer__menu-footer .form--box--content { display: flex; align-items: center; justify-content: space-between; width: 100%; } } @media only screen and (max-width: 750px) { .site-footer__menu-footer .form--box--content { display: block; } } .site-footer__menu-footer .form--box--content h2 { font-family: "Source Sans Pro", sans-serif; color: #ffffff; font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: 6.24px; } @media only screen and (max-width: 900px) { .site-footer__menu-footer .form--box--content h2 { white-space: nowrap; } } .site-footer__menu-footer .form--box--content .gform_validation_errors h2 { color: red; text-transform: none; font-weight: 400; letter-spacing: 0; margin-bottom: 25px; max-width: 299px; white-space: inherit; } .site-footer__menu-footer .form--box--content .gform_wrapper { margin-top: 40px; } @media only screen and (max-width: 1160px) { .site-footer__menu-footer .form--box--content .gform_wrapper { margin-top: 20px; } } .site-footer__menu-footer .form--box--content .gform_wrapper form { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; width: 100%; max-width: 299px; } @media only screen and (max-width: 900px) { .site-footer__menu-footer .form--box--content .gform_wrapper form { max-width: 100%; } } .site-footer__menu-footer .form--box--content .gform_wrapper .gform_body { width: calc(100% - 57px); } .site-footer__menu-footer .form--box--content .gform_wrapper .gform_body .gform_validation_container { display: none; } .site-footer__menu-footer .form--box--content .gform_wrapper .gform_body .gfield_label { display: none; } .site-footer__menu-footer .form--box--content .gform_wrapper .gform_body .ginput_container input[type=email] { background: #635f5a; border-radius: 0; padding: 10px; width: 100%; color: #ffffff; } .site-footer__menu-footer .form--box--content .gform_wrapper .gform_body .ginput_container input[type=email]::-webkit-input-placeholder { letter-spacing: 1.18px; color: #BFBBB7; font-size: 13px; font-style: italic; } .site-footer__menu-footer .form--box--content .gform_wrapper .gform_body .ginput_container input[type=email]::-moz-placeholder { letter-spacing: 1.18px; color: #BFBBB7; font-size: 13px; font-style: italic; } .site-footer__menu-footer .form--box--content .gform_wrapper .gform_body .ginput_container input[type=email]:-ms-input-placeholder { letter-spacing: 1.18px; color: #BFBBB7; font-size: 13px; font-style: italic; } .site-footer__menu-footer .form--box--content .gform_wrapper .gform_body .ginput_container input[type=email]:-moz-placeholder { letter-spacing: 1.18px; color: #BFBBB7; font-size: 13px; font-style: italic; } .site-footer__menu-footer .form--box--content .gform_wrapper .gform_body .ginput_container_consent { margin-top: 25px; width: calc(100% + 57px); } .site-footer__menu-footer .form--box--content .gform_wrapper .gform_body .ginput_container_consent .gfield_required.gfield_required_text { display: none; } .site-footer__menu-footer .form--box--content .gform_wrapper .gform_body .ginput_container_consent label { position: relative; cursor: pointer; color: #b5b1ae; font-size: 13px; font-weight: 400; font-family: "Source Sans Pro", sans-serif; } .site-footer__menu-footer .form--box--content .gform_wrapper .gform_body .ginput_container_consent label:before { content: ''; -webkit-appearance: none; background-color: transparent; border: 1px solid #97501b; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05); padding: 7px; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; margin-right: 5px; margin-top: -7px; } @media only screen and (max-width: 750px) { .site-footer__menu-footer .form--box--content .gform_wrapper .gform_body .ginput_container_consent label:before { margin-right: 12px; padding: 9px; } } .site-footer__menu-footer .form--box--content .gform_wrapper .gform_body .ginput_container_consent input[type=checkbox] { padding: 0; height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer; } .site-footer__menu-footer .form--box--content .gform_wrapper .gform_body .ginput_container_consent input[type=checkbox]:checked + label:after { content: ''; display: block; position: absolute; top: 0px; left: 6px; width: 4px; height: 9px; border: solid #97501b; border-width: 0 2px 2px 0; transform: rotate(45deg); } @media only screen and (max-width: 900px) { .site-footer__menu-footer .form--box--content .gform_wrapper .gform_body .ginput_container_consent input[type=checkbox]:checked + label:after { top: 1px; left: 8px; } } .site-footer__menu-footer .form--box--content .gform_wrapper .gform_body .gfield_error .gfield_validation_message { color: red; text-transform: none; font-weight: 400; letter-spacing: 0; margin-top: 25px; font-size: 13px; font-family: "Source Sans Pro", sans-serif; } .site-footer__menu-footer .form--box--content .gform_wrapper .gform_footer input[type=submit] { background: #4B4744 url("images/icons/arrow-right.svg") no-repeat scroll center center; padding: 10px; text-indent: -9999rem; cursor: pointer; width: 57px; transition: all 0.5s ease; } .site-footer__menu-footer .form--box--content .gform_wrapper .gform_footer input[type=submit]:hover { background-color: #97501b; } .site-footer__menu-footer .form--box--content .gift--cards { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 20px; } @media only screen and (max-width: 900px) { .site-footer__menu-footer .form--box--content .gift--cards { width: 100%; justify-content: flex-end; margin-top: 0; } } @media only screen and (max-width: 750px) { .site-footer__menu-footer .form--box--content .gift--cards { justify-content: flex-start; margin-top: 20px; } } .site-footer__menu-footer .form--box--content .gift--cards a { color: #B5B1AE; font-size: 13px; font-style: italic; display: contents; } .site-footer__menu-footer .form--box--content .gift--cards a span { display: inline-block; background: #4B4744 url("images/icons/gift-card.svg") no-repeat scroll center center; width: 39px; height: 39px; border-radius: 50%; margin-left: 13px; transition: all 0.5s ease; } .site-footer__menu-footer .form--box--content .gift--cards a:hover span { background: #97501B url("images/icons/gift-card.svg") no-repeat scroll center center; } .site-footer__menu-footer .form--box--content .gform_confirmation_wrapper .gform_confirmation_message { margin-top: 25px; text-align: left; font-size: 1.5vw; color: #8f993e; } @media only screen and (max-width: 900px) { .site-footer__menu-footer .form--box--content .gform_confirmation_wrapper .gform_confirmation_message { font-size: 18px; line-height: 1.5; } } .site-footer__site-info--content .site--info { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; margin-top: 55px; } @media only screen and (max-width: 750px) { .site-footer__site-info--content .site--info { flex-direction: column-reverse; justify-content: center; align-items: center; width: 100%; } } .site-footer__site-info--content .copyright--content { -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 0 1 35%; -ms-flex: 0 1 35%; flex: 0 1 35%; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; } @media only screen and (max-width: 1160px) { .site-footer__site-info--content .copyright--content { white-space: nowrap; align-self: center; } } @media only screen and (max-width: 1160px) { .site-footer__site-info--content .copyright--content.two { display: none; } } .site-footer__site-info--content .copyright--content p { font-family: "Source Sans Pro", sans-serif; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; letter-spacing: 1.17px; color: #b5b1ae; margin: 0; line-height: 25px; padding-bottom: 3px; } .site-footer__site-info--content .menu--info--content { -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 0 1 30%; -ms-flex: 0 1 30%; flex: 0 1 30%; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; } @media only screen and (max-width: 1160px) { .site-footer__site-info--content .menu--info--content { white-space: nowrap; } } @media only screen and (max-width: 900px) { .site-footer__site-info--content .menu--info--content { max-width: 100%; width: 100%; text-align-last: center; } } .site-footer__site-info--content .menu--info--content ul { margin: 0; padding: 0; } .site-footer__site-info--content .menu--info--content ul li { display: inline-block; margin-bottom: 0; margin-right: 5px; padding-right: 8px; position: relative; } @media only screen and (max-width: 750px) { .site-footer__site-info--content .menu--info--content ul li { margin-right: 0; padding-right: 0; display: block; text-align: center; } } .site-footer__site-info--content .menu--info--content ul li a { font-family: "Source Sans Pro", sans-serif; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; letter-spacing: 1.17px; color: #b5b1ae; overflow: hidden; text-overflow: ellipsis; display: inline-block; } .site-footer__site-info--content .menu--info--content ul li a:before, .site-footer__site-info--content .menu--info--content ul li a:after { left: 0px; right: 0px; bottom: 0px; height: 1px; content: ""; position: absolute; transition: transform 0.2s ease-in-out 0s; background-color: #ffffff; } .site-footer__site-info--content .menu--info--content ul li a:before { opacity: 0; transform: translateX(-100%); } .site-footer__site-info--content .menu--info--content ul li a:after { opacity: 1; transform: translateX(101%); } .site-footer__site-info--content .menu--info--content ul li a:hover:before { opacity: 1; transform: translateX(0px); } .site-footer__site-info--content .menu--info--content ul li a:hover:after { opacity: 0; transform: translateX(0%); } .site-footer__site-info--content .menu--info--content ul li::after { content: ""; position: absolute; margin-top: -3px; width: 1px; height: 14px; background: #b5b1ae; right: 0; top: 50%; bottom: 0; transform: translateY(-50%); } @media only screen and (max-width: 900px) { .site-footer__site-info--content .menu--info--content ul li::after { display: none; } } .site-footer__site-info--content .menu--info--content ul li:last-child { margin-right: 0; padding-right: 0; } .site-footer__site-info--content .menu--info--content ul li:last-child::after { display: none; } .site-footer__site-info--content .accessibility--content { -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 0 1 30%; -ms-flex: 0 1 30%; flex: 0 1 30%; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; } .site-footer__site-info--content .accessibility--content a { font-family: "Source Sans Pro", sans-serif; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; letter-spacing: 1.17px; color: #b5b1ae; overflow: hidden; text-overflow: ellipsis; display: inline-block; position: relative; } .site-footer__site-info--content .accessibility--content a:before, .site-footer__site-info--content .accessibility--content a:after { left: 0px; right: 0px; bottom: 0px; height: 2px; content: ""; position: absolute; transition: transform 0.2s ease-in-out 0s; background-color: #97501B; } .site-footer__site-info--content .accessibility--content a:before { opacity: 0; transform: translateX(-100%); } .site-footer__site-info--content .accessibility--content a:after { opacity: 1; transform: translateX(100%); } .site-footer__site-info--content .accessibility--content a:hover:before { opacity: 1; transform: translateX(0px); } .site-footer__site-info--content .accessibility--content a:hover:after { opacity: 0; transform: translateX(0%); } /* CAPTIONS PAGE */ .img--content--caption { position: relative; } .img--content--caption .caption--content { position: absolute; bottom: 0; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 95%; } .img--content--caption .caption--content .caption--action { position: absolute; display: block; z-index: 2; bottom: -60px; } @media only screen and (max-width: 1160px) { .img--content--caption .caption--content .caption--action { display: none; } } .img--content--caption .caption--content .caption--content--text { position: absolute; background: #97501b; padding-top: 15px; padding-bottom: 15px; display: none; } .img--content--caption .caption--content .caption--content--text p { margin-bottom: 0; color: #efe6de; font-family: "Playfair Display", sans-serif; font-weight: 700; font-style: italic; letter-spacing: 0.13px; line-height: 1.4vw; font-size: 0.9vw; } .img--content--caption .caption--content.caption--right { right: 0; } .img--content--caption .caption--content.caption--right .caption--action { right: -55px; } @media only screen and (max-width: 1160px) { .img--content--caption .caption--content.caption--right .caption--action { display: none; } } .img--content--caption .caption--content.caption--right .caption--content--text { padding-right: 30px; padding-left: 20px; right: 0; } .img--content--caption .caption--content.caption--left { left: 0; } .img--content--caption .caption--content.caption--left .caption--action { left: -55px; } .img--content--caption .caption--content.caption--left .caption--content--text { padding-left: 42px; padding-right: 35px; left: 0; } /* LINK CTA PAGE */ .link--cta { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: stretch; align-items: center; font-size: 0.9vw; font-style: italic; letter-spacing: 1.23px; position: relative; cursor: pointer; margin-left: -5px; } @media only screen and (max-width: 900px) { .link--cta { font-size: 4vw; } } @media only screen and (max-width: 750px) { .link--cta { margin-left: 0; } } .link--cta .cta-arrow-shell { position: relative; display: flex; align-items: center; justify-content: center; } .link--cta .cta-circ { position: absolute; } .link--cta .cta-arrow { position: relative; width: 11px; height: 7px; display: flex; align-items: center; } .link--cta .cta-arrow-line { position: relative; width: 24px; margin-left: 19px; display: flex; align-items: center; } .link--cta .cta-text { position: absolute; left: 65px; font-family: 'Playfair Display', serif; font-style: italic; white-space: nowrap; } @media only screen and (max-width: 1160px) { .link--cta .cta-text { letter-spacing: 1.23px; font-size: 15px; } } /* BUTTON CTA PAGE */ .button-cta { display: inline-block; z-index: 6; } .button-cta a { border-top: 1px solid #97501b; border-bottom: 1px solid #97501b; border-right: 1px solid #97501b; border-left: 1px solid transparent; padding: 15px 35px; color: #4a4138; font-size: 14px; letter-spacing: 0.2vw; text-transform: uppercase; font-family: "Source Sans Pro", sans-serif; position: relative; float: left; font-weight: 600; } .button-cta a::after { content: ''; position: absolute; left: -1px; top: -1px; width: 1px; height: 14px; background: #97501b; } .button-cta a::before { content: ''; position: absolute; left: -1px; bottom: -1px; width: 1px; height: 14px; background: #97501b; } .button-cta a svg { position: absolute; left: -13px; top: 50%; transform: translateY(-50%); } .button-cta a svg path { fill: #4a4138; } /* BUTTON CTA BG */ /* COPY CONTENT PAGE */ .copy--content { /*&.js-copy-animate { h3,h2,.copy--content--text,.copy--content--cta {opacity: 0; transform: translate3d(0,50px,0); transition: all 1s ease; } &.is-visible, &.animate { h3,h2,.copy--content--text,.copy--content--cta {opacity: 1;transform: translate3d(0,0%,0);} } }*/ } .copy--content h3 { letter-spacing: .25vw; color: #97501b; font-size: .8vw; font-family: "Source Sans Pro", sans-serif; font-weight: 600; text-transform: uppercase; } @media only screen and (max-width: 1160px) { .copy--content h3 { font-size: 13px; letter-spacing: 4.8px; } } .copy--content h2 { margin-top: 13px; font-weight: 400; font-size: 2vw; letter-spacing: 1.34px; line-height: 2.6vw; } @media only screen and (max-width: 1160px) { .copy--content h2 { font-size: 3.12vw; line-height: 1.15; letter-spacing: 1.09px; } } @media only screen and (max-width: 900px) { .copy--content h2 { font-size: 29px; } } .copy--content h2 span { color: #97501b; } .copy--content .copy--content--text { width: 100%; margin-top: 1.5vw; margin-bottom: 2vw; } .copy--content .copy--content--text p { font-family: "Source Sans Pro", sans-serif; line-height: 1.3; margin-bottom: 0; letter-spacing: 0.05px; } @media only screen and (max-width: 1160px) { .copy--content .copy--content--text p { font-size: 16px; line-height: 1.56; letter-spacing: 0.3px; } } .copy--content .list--content ul { list-style: none; padding: 0; } .copy--content .list--content ul ul { margin-top: 1.5vw; } @media only screen and (max-width: 750px) { .copy--content .list--content ul ul { margin-left: 4vw; } } .copy--content .list--content ul li { font-family: "Source Sans Pro", sans-serif; position: relative; padding-left: 27px; line-height: 1.25; margin-bottom: 1.5vw; font-size: .95vw; } @media only screen and (max-width: 1160px) { .copy--content .list--content ul li { font-size: 16px; line-height: 1.56; letter-spacing: 0.05px; margin-bottom: 6px; } } .copy--content .list--content ul li::before { content: ''; background: transparent url("images/icons/list-icon.svg") no-repeat scroll center center; display: inline-block; width: 13px; height: 13px; position: absolute; left: 0; top: 3px; } .copy--content .copy--content--cta { width: 100%; margin-top: 1vw; } .copy--content .copy--content--cta:nth-last-child(1) { margin-top: 2vw; } @media only screen and (max-width: 1160px) { .copy--content .copy--content--cta:nth-last-child(1) { margin-top: 6vw; } } .copy--content .copy--content--cta + .copy--content--cta { margin-top: 3vw; } @media only screen and (max-width: 1160px) { .copy--content .copy--content--cta + .copy--content--cta { margin-top: 20px; } } /* .js-copy-animate { .js-animate-text {opacity: 0; transform: translate3d(0,50px,0); transition: all 1s ease; } &.animate { .js-animate-text {opacity: 1;transform: translate3d(0,0%,0);} } } */ /* TITLE SECTION PAGE */ .title--section { width: 100vw; text-align: center; justify-content: center; } .title--section h2 { letter-spacing: 7.75px; color: #DBD0C6; font-family: "Ivy Mode", sans-serif; font-weight: 400; font-size: 9.3vw; line-height: 7vw; } @media only screen and (max-width: 900px) { .title--section h2 { font-size: 17.2vw; line-height: 1.01; letter-spacing: 3.35px; } } .reserve--button { width: 215px; height: 50px; display: flex; justify-content: center; align-items: center; cursor: pointer; position: relative; } @media only screen and (max-width: 1276px) { .reserve--button { width: 180px; } } .reserve--button .reserve-line { position: absolute; background-color: #97501b; } @media only screen and (max-width: 1160px) { .reserve--button .reserve-line { background-color: #ffffff; } } .reserve--button .reserve-line-a { top: 0px; left: 0px; width: 1px; height: 28%; } .reserve--button .reserve-line-b { top: 0px; width: 100%; height: 1px; } .reserve--button .reserve-line-c { width: 1px; height: 100%; right: -1px; } .reserve--button .reserve-line-d { width: 100%; height: 1px; bottom: 0; } .reserve--button .reserve-line-e { width: 1px; height: 28%; bottom: 0px; left: 0px; } .reserve--button .reserve-txt { position: absolute; color: #4a4138; font-size: 14px; letter-spacing: .2vw; text-transform: uppercase; font-family: "Source Sans Pro", sans-serif; position: relative; float: left; font-weight: 600; } @media only screen and (max-width: 1160px) { .reserve--button .reserve-txt { color: #ffffff; } } .reserve--button svg { position: absolute; width: 35px; height: 8px; left: 0px; margin-left: -20px; } .reserve--button svg path { fill: #4a4138; } .cta--button-bg { padding: 14px 60px; display: inline-flex; justify-content: center; align-items: center; cursor: pointer; position: relative; background: #97501b; } @media only screen and (max-width: 1160px) { .cta--button-bg { padding: 14px 41px; } } .cta--button-bg .reserve-txt { position: absolute; color: #ffffff; font-size: 14px; letter-spacing: 2.52px; text-transform: uppercase; font-family: "Source Sans Pro", sans-serif; position: relative; float: left; font-weight: 600; } @media only screen and (max-width: 1160px) { .cta--button-bg .reserve-txt { font-size: 11px; } } .link--hover .line { background-color: #5a5045; height: 2px; margin-top: 3px; position: relative; width: 100%; transform: scale3d(0, 1, 1); } .link--hover .line.opened { transform-origin: 100% 50% !important; transform: scale(1) !important; } .link--hover .line--small { height: 1px; margin-top: 2px; } .close-icon .close__hover { transition: all .3s ease; opacity: 0; } .close-icon:hover .close__hover { opacity: 1; } .close-icon:hover .close-icon__cross line { stroke: #7d8167; } .image-background { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } .image-background img { width: 100%; height: 100%; object-fit: cover; transition: all 2.2s cubic-bezier(0.65, 0.04, 0.35, 1); } /* FORM BLOCKS */ .form-block-container .gform-body .gform_fields { padding-bottom: 0; } .form-block-container .gform-body .gform_fields .gfield { margin-bottom: 20px; } .form-block-container .gform-body .gform_fields .gfield.spacer { display: none; } .form-block-container .gform-body .gform_fields .gfmc-container { width: 50%; float: left; } @media only screen and (max-width: 1160px) { .form-block-container .gform-body .gform_fields .gfmc-container { width: 100%; } } .form-block-container .gform-body .gform_fields .gfmc-container:first-child { padding-right: 2%; } @media only screen and (max-width: 1160px) { .form-block-container .gform-body .gform_fields .gfmc-container:first-child { padding-right: 0; } } .form-block-container .gform-body .gform_fields .gfmc-container:last-child { padding-left: 2%; } @media only screen and (max-width: 1160px) { .form-block-container .gform-body .gform_fields .gfmc-container:last-child { padding-left: 0; } } .form-block-container .gform-body .gfmc-column { float: left; width: 100%; margin-bottom: 0 !important; } .form-block-container .gform-body .gfield_label { display: block; font-family: "Source Sans Pro", sans-serif; font-size: 16px; text-transform: uppercase; color: #97501b; letter-spacing: 3.2px; margin-bottom: 10px; } .form-block-container .gform-body .ginput_container input[type=text], .form-block-container .gform-body .ginput_container input[type=email], .form-block-container .gform-body .ginput_container input[type=tel], .form-block-container .gform-body .ginput_container input[type=number] { background: #cebfb1; border-bottom: 3px solid #97501b; width: 100%; padding: 12px; } .form-block-container .gform-body .ginput_container textarea { background: #cebfb1; border-bottom: 3px solid #97501b; width: 100%; padding: 12px; resize: none; } .form-block-container .gform-body .ginput_container select { background: #cebfb1 url("images/icons/chevron-down-select.svg") scroll no-repeat right 25px center; border-bottom: 3px solid #97501b; width: 100%; padding: 12px; position: relative; } .form-block-container .gform-body .ginput_container select:focus { outline: 0 none; } .form-block-container .gform-body .ginput_container .gfield_consent_label, .form-block-container .gform-body .ginput_container .gchoice label, .form-block-container .gform-body .ginput_container .gfield_required { font-family: "Source Sans Pro", sans-serif; font-size: 16px; letter-spacing: 0.05px; } .form-block-container .gform-body .ginput_container_checkbox, .form-block-container .gform-body .ginput_container_consent { margin-top: 1vw; display: flex; } .form-block-container .gform-body .ginput_container_checkbox label, .form-block-container .gform-body .ginput_container_consent label { position: relative; cursor: pointer; } .form-block-container .gform-body .ginput_container_checkbox label:before, .form-block-container .gform-body .ginput_container_consent label:before { content: ''; -webkit-appearance: none; background-color: transparent; border: 1px solid #97501b; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05); padding: 15px; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; margin-right: 30px; } @media only screen and (max-width: 750px) { .form-block-container .gform-body .ginput_container_checkbox label:before, .form-block-container .gform-body .ginput_container_consent label:before { margin-right: 12px; padding: 9px; } } .form-block-container .gform-body .ginput_container_checkbox input[type=checkbox], .form-block-container .gform-body .ginput_container_consent input[type=checkbox] { padding: 0; height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer; } .form-block-container .gform-body .ginput_container_checkbox input[type=checkbox]:checked + label:after, .form-block-container .gform-body .ginput_container_consent input[type=checkbox]:checked + label:after { content: ''; display: block; position: absolute; top: 0; left: 12px; width: 8px; height: 19px; border: solid #97501b; border-width: 0 2px 2px 0; transform: rotate(45deg); } .form-block-container .gform-body .ginput_container_consent input[type=checkbox]:checked + label:after { content: ''; top: 5px; } .form-block-container .gform-body .hidden_label .gfield_label { display: none; } .form-block-container .gform_footer { margin-top: 3vw; float: left; width: 100%; } .form-block-container .gform_footer input[type=submit] { padding: 14px 60px; cursor: pointer; position: relative; background: #97501b; color: #ffffff; font-size: 14px; letter-spacing: 2.52px; text-transform: uppercase; font-family: "Source Sans Pro", sans-serif; font-weight: 600; border-radius: 0; } .form-block-container .gfield_error .validation_message { font-family: "Source Sans Pro", sans-serif; font-size: 14px; letter-spacing: 0.05px; color: red; margin-top: 10px; } .form-block-container .gform_validation_errors { margin-bottom: 2vw; } .form-block-container .gform_validation_errors h2 { letter-spacing: 0.085vw; font-size: 2vw; color: #5a5045; font-weight: 400; } @media only screen and (max-width: 750px) { .form-block-container .gform_validation_errors h2 { font-size: 16px; margin: 20px 0; } } .gform_confirmation_message { text-align: center; letter-spacing: 0.085vw; font-size: 2vw; line-height: 1.15; color: #ad841f; font-weight: 400; } .fancybox__container .fancybox__toolbar__items { margin-top: 10px; margin-right: 10px; } .fancybox__container .fancybox__toolbar__items .fancybox__button--download { margin-right: 15px; } .fancybox__container .fancybox__toolbar__items .fancybox__button--download .donwload-action-fancybox { display: block; background: transparent url("images/icons/download-icon.svg") no-repeat scroll center center; background-size: contain; width: 52px; height: 52px; } .fancybox__container .fancybox__toolbar__items .fancybox__button--close .close-action-fancybox { display: block; background: transparent url("images/icons/close-icon.svg") no-repeat scroll center center; background-size: contain; width: 52px; height: 52px; } .fancybox__nav { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-content: stretch; align-items: center; position: absolute; right: 0; top: 50%; transform: translateY(-50%); overflow: hidden; } .fancybox__nav .carousel__button { position: relative !important; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; background: #97501b url("images/icons/arrow-right.svg") no-repeat scroll center center; height: 40px; -webkit-justify-content: center; justify-content: center; width: 53px; cursor: pointer; border-radius: 0; } .fancybox__nav .carousel__button svg { display: none; } .fancybox__nav .carousel__button.is-next { right: 0; top: 0; transform: none; } .fancybox__nav .carousel__button.is-prev { left: 0; background: #AF6127 url("images/icons/arrow-right.svg") no-repeat scroll center center; transform: rotate(180deg); } .gfield_description { display: none; } .gform_validation_container { display: none; } .loading-screen, .page-transition { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; background: #efe6de; display: flex; align-items: center; justify-content: center; } .loading-screen .step-1, .page-transition .step-1 { display: flex; align-items: center; justify-content: center; height: 100vh; height: var(--app-height); transition: all 1s cubic-bezier(0.65, 0.04, 0.35, 1); transition-delay: 1.3s; } .loading-screen .step-1 .logo-svg, .page-transition .step-1 .logo-svg { display: block; width: 300px; } .loading-screen .step-2, .page-transition .step-2 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: translate3d(0, 100%, 0); overflow: hidden; } .loading-screen .step-2 .hero--layout, .page-transition .step-2 .hero--layout { opacity: 0; transition: all 2s cubic-bezier(0.65, 0.04, 0.35, 1); transition-delay: 3s; } .loading-screen .step-2 .image-background, .page-transition .step-2 .image-background { transform: translate3d(0, -40%, 0) scale3d(1.3, 1.3, 1.3); } .dom-loaded .main-nav-shell, .dom-loaded .site { opacity: 1; } .dom-loaded .loading-screen { animation-name: loading-screen; animation-duration: 2s; animation-iteration-count: 1; animation-timing-function: cubic-bezier(0.65, 0.04, 0.35, 1); animation-delay: 5s; animation-fill-mode: forwards; overflow: hidden; } @media only screen and (max-width: 1160px) { .dom-loaded .loading-screen { display: none; } } .dom-loaded .loading-screen .step-1 { opacity: 0; transform: translate3d(0, -20%, 0); } .dom-loaded .loading-screen .step-2 { /* animation properties */ animation-name: welcome-image; animation-duration: 3s; animation-iteration-count: 1; animation-timing-function: cubic-bezier(0.65, 0.04, 0.35, 1); animation-delay: 1.3s; animation-fill-mode: forwards; } .dom-loaded .loading-screen .step-2 .hero--layout { opacity: 1; } .dom-loaded .loading-screen .step-2 .image-background { animation-name: welcome-image-img; animation-duration: 3s; animation-iteration-count: 1; animation-timing-function: cubic-bezier(0.65, 0.04, 0.35, 1); animation-delay: 1.3s; animation-fill-mode: forwards; } .dom-loaded .hero--content--block__video--content .hero--bg--vid video { transform: translate3d(0, 0%, 0) scale3d(1, 1, 1); } .dom-loaded .hero--content--block__video--content .hero--bg--img img { transform: translate3d(0, -100%, 0) scale3d(1, 1, 1); } .dom-loaded .hero--content--block__video-text .subtitle--hero, .dom-loaded .hero--content--block__video-text .title--hero { opacity: 1; transform: translate3d(0, 0, 0); } .dom-loaded .hero--content--block__line-scroll { opacity: 1; } @keyframes welcome-image { 0% { transform: translate3d(0, 100%, 0); width: 100%; height: 100%; left: 0; top: 0; bottom: 0; right: 0; } 45% { transform: translate3d(0, 0%, 0); width: 100%; height: 100%; left: 0; top: 0; bottom: 0; right: 0; } 55% { transform: translate3d(0, 0%, 0); width: 100%; height: 100%; left: 0; top: 0; bottom: 0; right: 0; } 100% { transform: translate3d(0, 0%, 0); width: calc( 100vw - 250px); height: calc(100% - 250px); left: 125px; top: 125px; bottom: 125px; right: 125px; } } @keyframes welcome-image-img { 0% { transform: translate3d(0, -40%, 0) scale3d(1.3, 1.3, 1.3); } 45% { transform: translate3d(0, 0%, 0) scale3d(1.3, 1.3, 1.3); } 100% { transform: translate3d(0, 0%, 0) scale3d(1.1, 1.1, 1.1); } } @keyframes loading-screen { 0% { opacity: 1; height: 100vh; height: var(--app-height); } 25% { opacity: 1; height: 100vh; height: var(--app-height); } 50% { opacity: 0; height: 100vh; height: var(--app-height); } 100% { opacity: 0; height: 0; } } .page-transition { transition: all 1s cubic-bezier(0.65, 0.04, 0.35, 1); } .page-transition--leave { transform: translate3d(0, -100%, 0); } .dom-loaded .page-transition:not(.page-transition--leave) { transform: translate3d(0, 100%, 0); } .dom-leaving .page-transition--leave { transform: translate3d(0, 0%, 0); } .started--content--block { -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -ms-flex-line-pack: center; -webkit-align-content: center; align-content: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; position: relative; width: 100vw; margin-top: 7.2vw; } @media only screen and (max-width: 750px) { .started--content--block { flex-direction: column; gap: 0; margin-top: 0; } } .started--content--block__box--content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: flex-start; justify-content: flex-start; position: relative; width: 33.3333%; } @media only screen and (max-width: 1160px) { .started--content--block__box--content:nth-child(3) { flex-direction: row-reverse; } } @media only screen and (max-width: 750px) { .started--content--block__box--content:nth-child(3) { order: 1; width: 100vw; } } .started--content--block__box--content.left--column, .started--content--block__box--content.center--column { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; } @media only screen and (max-width: 750px) { .started--content--block__box--content.center--column { order: 2; width: 100vw; flex-direction: column-reverse; margin-bottom: 10px; } } @media only screen and (max-width: 750px) { .started--content--block__box--content.left--column { order: 3; flex-direction: row; width: 100vw; padding: 0 32px; gap: 0; } } .started--content--block__box--content .img--content--caption { position: relative; } @media only screen and (max-width: 1160px) { .started--content--block__box--content .img--content--caption .caption--action { display: none; } } .started--content--block__box--content .img--content { position: relative; width: 27vw; overflow: hidden; } .started--content--block__box--content .img--content img { width: 100%; } .started--content--block__box--content .img--content.left--top { width: 25.4vw; margin-top: 22.5vw; } @media only screen and (max-width: 1160px) { .started--content--block__box--content .img--content.left--top { width: 20.7vw; margin-top: 44vw; } } @media only screen and (max-width: 750px) { .started--content--block__box--content .img--content.left--top { width: 100%; margin-top: 0; margin-right: 12px; height: 269px; } } @media only screen and (max-width: 1160px) { .started--content--block__box--content .img--content.left--top img { aspect-ratio: 1 / 1; } } @media only screen and (max-width: 750px) { .started--content--block__box--content .img--content.left--top img { aspect-ratio: 0.58; } } .started--content--block__box--content .img--content.left--bottom { width: 20.1vw; margin-top: 5.7vw; margin-left: 15vw; aspect-ratio: 1.5; } @media only screen and (max-width: 1160px) { .started--content--block__box--content .img--content.left--bottom { width: 34.6vw; margin-top: 10vw; margin-left: 0; aspect-ratio: 1.66; } } @media only screen and (max-width: 750px) { .started--content--block__box--content .img--content.left--bottom { width: 100%; margin-top: 0; aspect-ratio: 0.58; height: 269px; } } .started--content--block__box--content .img--content.center--top { width: 26.9vw; margin-left: -5vw; } @media only screen and (max-width: 1160px) { .started--content--block__box--content .img--content.center--top { width: 54.2vw; margin-left: -10vw; } } @media only screen and (max-width: 750px) { .started--content--block__box--content .img--content.center--top { width: 100%; padding: 0 32px; margin-left: 0; } } @media only screen and (max-width: 1160px) { .started--content--block__box--content .img--content.center--top img { aspect-ratio: 1.32/1; } } @media only screen and (max-width: 1160px) { .started--content--block__box--content .img--content.center--top img { aspect-ratio: 1.25/1; } } .started--content--block__box--content .img--content.right--top { width: 39.9vw; margin-top: 11.8vw; } @media only screen and (max-width: 1160px) { .started--content--block__box--content .img--content.right--top { width: 16.6vw; position: relative; aspect-ratio: 0.61; } } @media only screen and (max-width: 750px) { .started--content--block__box--content .img--content.right--top { width: 100vw; padding: 0 32px; margin: 40px 0 20px 0; aspect-ratio: 1.50; } } .started--content--block__box--content .copy--content { margin-top: 4.8vw; } @media only screen and (max-width: 1160px) { .started--content--block__box--content .copy--content { margin-top: 6.6vw; } } @media only screen and (max-width: 750px) { .started--content--block__box--content .copy--content { padding: 0 32px; margin: 0 0 10vw; } } @media only screen and (max-width: 1160px) { .started--content--block__box--content .copy--content h3.js-animate-text { font-size: 13px; letter-spacing: 4.8px; } } @media only screen and (max-width: 1160px) { .started--content--block__box--content .copy--content h2.js-animate-text { line-height: 1.15; letter-spacing: 1.09px; font-size: 26px; } } @media only screen and (max-width: 750px) { .started--content--block__box--content .copy--content h2.js-animate-text { font-size: 29px; } } .started--content--block__box--content .copy--content .copy--content--text { max-width: 18vw; margin-left: 6.5vw; } @media only screen and (max-width: 1160px) { .started--content--block__box--content .copy--content .copy--content--text { max-width: 100%; margin-left: 8vw; margin-bottom: 4vw; } } @media only screen and (max-width: 750px) { .started--content--block__box--content .copy--content .copy--content--text { margin-left: 0; } } .started--content--block__box--content .copy--content .copy--content--text p { letter-spacing: 0.05px; } @media only screen and (max-width: 1160px) { .started--content--block__box--content .copy--content .copy--content--text p { line-height: 1.56; font-size: 16px; } } .started--content--block__box--content .copy--content .copy--content--cta { max-width: 17.9vw; margin-left: 6.5vw; } @media only screen and (max-width: 1160px) { .started--content--block__box--content .copy--content .copy--content--cta { margin-left: 8vw; } } @media only screen and (max-width: 750px) { .started--content--block__box--content .copy--content .copy--content--cta { margin-left: 0; margin-top: 10vw; } } .luxury--content--title { margin-top: 60px; } @media only screen and (max-width: 1160px) { .luxury--content--title { transform: none; } .luxury--content--title h2 { font-size: 85px; line-height: 1.38; letter-spacing: 4.25px; } } @media only screen and (max-width: 750px) { .luxury--content--title { margin-top: 0; transform: none; } .luxury--content--title h2 { transform: none !important; margin-left: 0; text-align: left; padding: 0 32px; } } .luxury--content--block { -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -ms-flex-line-pack: center; -webkit-align-content: center; align-content: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; position: relative; width: 100vw; margin-top: 50px; } @media only screen and (max-width: 1160px) { .luxury--content--block { width: 100%; place-content: center; padding: 0 55px; } } @media only screen and (max-width: 750px) { .luxury--content--block { flex-direction: column-reverse; width: 100%; padding: 0; margin-top: 37px; } } .luxury--content--block__box--content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: flex-start; justify-content: flex-start; position: relative; width: 34%; } @media only screen and (max-width: 1160px) { .luxury--content--block__box--content { width: 100%; } } @media only screen and (max-width: 1160px) { .luxury--content--block__box--content h3.js-animate-text { line-height: 1.58; letter-spacing: 4.8px; font-size: 12px; } } @media only screen and (max-width: 750px) { .luxury--content--block__box--content h3.js-animate-text { font-size: 13px; } } @media only screen and (max-width: 1160px) { .luxury--content--block__box--content h2.js-animate-text { font-size: 41px; line-height: 1.2; letter-spacing: 2.13px; } } @media only screen and (max-width: 750px) { .luxury--content--block__box--content h2.js-animate-text { font-size: 29px; letter-spacing: 1.22px; } } .luxury--content--block__box--content .copy--content { max-width: 25.6vw; margin: auto; padding: 0 25px; } @media only screen and (max-width: 1160px) { .luxury--content--block__box--content .copy--content { max-width: 100vw; padding: 0 42px 0 0; } } @media only screen and (max-width: 750px) { .luxury--content--block__box--content .copy--content { padding: 27px 32px; } } .luxury--content--block__box--content .copy--content h2 { font-size: 3vw; letter-spacing: 2.6px; line-height: 1.3; } @media only screen and (max-width: 1160px) { .luxury--content--block__box--content .copy--content h2 { font-size: 41px; line-height: 1.2; letter-spacing: 2.13px; } } @media only screen and (max-width: 750px) { .luxury--content--block__box--content .copy--content h2 { font-size: 29px; } } .luxury--content--block__box--content .copy--content h2 .ov-hidden { margin: -.5vw 0; } @media only screen and (max-width: 750px) { .luxury--content--block__box--content .copy--content .copy--content--text { margin-top: 3vw; margin-bottom: 10vw; } } .luxury--content--block__box--content .copy--content .copy--content--text p { letter-spacing: 0.05px; line-height: 1.56; font-size: 16px; } .luxury--content--block__box--content .copy--content .copy--content--cta { margin-top: 2.5vw; } @media only screen and (max-width: 1160px) { .luxury--content--block__box--content .copy--content .copy--content--cta { margin-top: 4vw; } } .luxury--content--block__slider--content { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; width: 66%; } @media only screen and (max-width: 1160px) { .luxury--content--block__slider--content { width: 100%; } } @media only screen and (max-width: 750px) { .luxury--content--block__slider--content { display: block; } } .luxury--content--block__slider--content .rooms-carousel-shell { height: 32vw; overflow: hidden; position: relative; width: 45.4vw; } @media only screen and (max-width: 1160px) { .luxury--content--block__slider--content .rooms-carousel-shell { height: auto; width: 40.41vw; } } @media only screen and (max-width: 750px) { .luxury--content--block__slider--content .rooms-carousel-shell { width: 100vw; padding: 0 32px; } } .luxury--content--block__slider--content .rooms-carousel-shell .rooms-horizontal-shell { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-box-align: start; -ms-flex-align: start; -ms-flex-line-pack: stretch; -webkit-align-content: stretch; align-content: stretch; -webkit-align-items: flex-start; align-items: flex-start; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; float: none; -webkit-justify-content: flex-start; justify-content: flex-start; overflow: visible; position: relative; overflow: hidden; } .luxury--content--block__slider--content .rooms-carousel-shell .rooms-horizontal-shell .rooms-img-shell { -webkit-box-flex: 0; clear: none; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; float: none; height: 32.7vw; overflow: hidden; position: relative; width: 100%; } @media only screen and (max-width: 1160px) { .luxury--content--block__slider--content .rooms-carousel-shell .rooms-horizontal-shell .rooms-img-shell { height: auto; } } .luxury--content--block__slider--content .rooms-carousel-shell .rooms-horizontal-shell .rooms-img-shell .rooms-thumb-img { height: 100%; -o-object-fit: cover; object-fit: cover; position: static; width: 100%; transform: scale3d(1.5, 1.5, 1.5); } @media only screen and (max-width: 1160px) { .luxury--content--block__slider--content .rooms-carousel-shell .rooms-horizontal-shell .rooms-img-shell .rooms-thumb-img { height: 498px; width: 339px; aspect-ratio: 1.97/2.9; } } @media only screen and (max-width: 750px) { .luxury--content--block__slider--content .rooms-carousel-shell .rooms-horizontal-shell .rooms-img-shell .rooms-thumb-img { height: auto; width: 100%; aspect-ratio: 1.36/1; } } @media only screen and (max-width: 750px) { .luxury--content--block__slider--content .caro-arrows-shell { display: flex; align-items: center; flex-direction: row-reverse; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; justify-content: space-between; } } .luxury--content--block__slider--content .caro-arrows-shell .carousel-arrow { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; background-color: #97501b; height: 40px; -webkit-justify-content: center; justify-content: center; width: 53px; cursor: pointer; } .luxury--content--block__slider--content .caro-arrows-shell .carousel-arrow.lft-color-offset { background-color: #AF6127; } .luxury--content--block__slider--content .caro-arrows-shell .carousel-arrow.lft-color-offset svg { transform: rotate(180deg); } .luxury--content--block__slider--content .rooms-carousel-mini { height: 22vw; position: absolute; right: 0; width: 15.7vw; overflow: hidden; } @media only screen and (max-width: 1160px) { .luxury--content--block__slider--content .rooms-carousel-mini { display: none; } } .luxury--content--block__slider--content .rooms-carousel-mini .rooms-horizontal-mini { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-box-align: start; -ms-flex-align: start; -ms-flex-line-pack: stretch; -webkit-align-content: stretch; align-content: stretch; -webkit-align-items: flex-start; align-items: flex-start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; float: none; -webkit-justify-content: flex-start; justify-content: flex-start; overflow: visible; position: static; } .luxury--content--block__slider--content .rooms-carousel-mini .rooms-horizontal-mini .rooms-img-mini { -webkit-box-flex: 0; clear: none; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; float: none; overflow: hidden; position: relative; height: 22vw; width: 16vw; } .luxury--content--block__slider--content .rooms-carousel-mini .rooms-horizontal-mini .rooms-img-mini .rooms-thumb-img { height: 100%; -o-object-fit: cover; object-fit: cover; position: static; width: 100%; } .experience--content--block { -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -ms-flex-line-pack: center; -webkit-align-content: center; align-content: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; position: relative; z-index: 2; width: 100vw; margin-top: 10vw; } @media only screen and (max-width: 1160px) { .experience--content--block { margin-top: 15vw; } } .experience--content--block__box--content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; aspect-ratio: 1.95; -webkit-justify-content: center; justify-content: center; overflow: hidden; position: relative; width: 100%; } @media only screen and (max-width: 1160px) { .experience--content--block__box--content { height: 426px; } } @media only screen and (max-width: 750px) { .experience--content--block__box--content { height: 546px; } } .experience--content--block__box--content .img--content { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } @media only screen and (max-width: 1160px) { .experience--content--block__box--content .img--content { height: 426px !important; } } @media only screen and (max-width: 1160px) { .experience--content--block__box--content .img--content { height: auto !important; aspect-ratio: 0.77; } } @media only screen and (max-width: 1160px) { .experience--content--block__box--content .img--content img { height: auto !important; aspect-ratio: 1/1.29; } } .experience--content--block__box--content .img--content .text-block { position: absolute; left: 50%; top: 53%; transform: translate(-50%, -50%); text-align: center; width: 100%; padding: 0 25px; display: flex; flex-direction: column; align-items: center; } @media only screen and (max-width: 1160px) { .experience--content--block__box--content .img--content .text-block { top: 25vw; } } @media only screen and (max-width: 750px) { .experience--content--block__box--content .img--content .text-block { top: 50%; } } .experience--content--block__box--content .img--content .text-block h3 { letter-spacing: 9.04px; color: #ffffff; text-transform: uppercase; font-size: 1.3vw; font-family: "Ivy Mode", sans-serif; font-weight: 400; margin-bottom: 1vw; } @media only screen and (max-width: 1160px) { .experience--content--block__box--content .img--content .text-block h3 { font-size: 16px; } } @media only screen and (max-width: 750px) { .experience--content--block__box--content .img--content .text-block h3 { line-height: 1.44; letter-spacing: 6.58px; font-size: 4.1vw; } } .experience--content--block__box--content .img--content .text-block .chapter-line { background-color: #fff; height: 0px; margin-bottom: -14px; margin-top: 12px; position: relative; width: 1px; transition: all .5s ease; } @media only screen and (max-width: 1160px) { .experience--content--block__box--content .img--content .text-block .chapter-line { height: 20px; margin-bottom: 0; margin-top: 10px; } } .experience--content--block__box--content .img--content .text-block h2 { letter-spacing: 5.45px; color: #ffffff; font-size: 6.5vw; font-family: "Ivy Mode", sans-serif; font-weight: 300; } @media only screen and (max-width: 750px) { .experience--content--block__box--content .img--content .text-block h2 { font-size: 50px; line-height: 0.96; letter-spacing: 2.7px; } } .experience--content--block__box--content .img--content .text-block.is-visible .chapter-line { height: 80px; } .winery--content--block { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; position: relative; width: 100vw; margin-top: 5.3vw; } @media only screen and (max-width: 1160px) { .winery--content--block { justify-content: space-between; } } .winery--content--block__box--content--partnership { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; position: relative; width: 50%; } .winery--content--block__box--content--partnership.center--box--content { width: 100%; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; } .winery--content--block__box--content--partnership.center--box--content .copy--content { display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; } @media only screen and (max-width: 1160px) { .winery--content--block__box--content--partnership.center--box--content .copy--content { padding: 0 80px; } } @media only screen and (max-width: 750px) { .winery--content--block__box--content--partnership.center--box--content .copy--content { padding: 0 32px; flex-direction: column; } } .winery--content--block__box--content--partnership.center--box--content .copy--content h2 { margin-top: 0; max-width: 300px; } @media only screen and (max-width: 1160px) { .winery--content--block__box--content--partnership.center--box--content .copy--content h2 { line-height: 1.15; letter-spacing: 1.35px; font-size: 29px; max-width: 100%; } } @media only screen and (max-width: 750px) { .winery--content--block__box--content--partnership.center--box--content .copy--content h2 { line-height: 1.24; letter-spacing: 1.22px; } } @media only screen and (max-width: 750px) { .winery--content--block__box--content--partnership.center--box--content .copy--content .copy--content--icon { width: 100%; } } .winery--content--block__box--content--partnership.center--box--content .copy--content .copy--content--text { margin-top: 0; max-width: 25vw; margin-left: 8vw; margin-top: -1.7vw; } @media only screen and (max-width: 1160px) { .winery--content--block__box--content--partnership.center--box--content .copy--content .copy--content--text { max-width: 40.4vw; margin-left: 10vw; margin-top: 4vw; } } @media only screen and (max-width: 750px) { .winery--content--block__box--content--partnership.center--box--content .copy--content .copy--content--text { max-width: 100%; margin-left: 0; margin-top: 4vw; } } @media only screen and (max-width: 1160px) { .winery--content--block__box--content--partnership.center--box--content .copy--content .copy--content--text p { font-size: 16px; line-height: 1.56; letter-spacing: 0.34px; width: 100%; } } @media only screen and (max-width: 750px) { .winery--content--block__box--content--partnership.center--box--content .copy--content .copy--content--text p { letter-spacing: 0.05px; } } .winery--content--block__box--content--partnership.center--box--content .copy--content .copy--content--cta { margin-top: 1.5vw; } @media only screen and (max-width: 1160px) { .winery--content--block__box--content--partnership.center--box--content .copy--content .copy--content--cta { margin-top: 4vw; } } @media only screen and (max-width: 750px) { .winery--content--block__box--content--partnership.center--box--content .copy--content .copy--content--cta { position: absolute; bottom: -30px; left: 32px; } } @media only screen and (max-width: 1160px) { .winery--content--block__box--content--partnership.center--box--content .copy--content .copy--content--cta .link--cta { display: grid; grid-template-columns: 57px auto; grid-gap: 8px; flex-wrap: wrap; } } @media only screen and (max-width: 1160px) { .winery--content--block__box--content--partnership.center--box--content .copy--content .copy--content--cta .link--cta .cta-text { white-space: normal; } } .winery--content--block__box--image--partnership { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; position: relative; width: 100%; } @media only screen and (max-width: 750px) { .winery--content--block__box--image--partnership { padding-bottom: 6.4vw; padding-right: 80px; align-items: flex-end; } } .winery--content--block__box--image--partnership .img--content { max-width: 30.4vw; margin-top: 5.7vw; margin-left: 6.2vw; aspect-ratio: 1.49 / 1; } @media only screen and (max-width: 1160px) { .winery--content--block__box--image--partnership .img--content { max-width: 60.5vw; margin-left: 18vw; } } .winery--content--block__box--content--title { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; position: relative; width: 80%; } @media only screen and (max-width: 1160px) { .winery--content--block__box--content--title { padding: 5vw; } } .winery--content--block__box--content--title .winery--content--title { text-align: left; width: 100%; padding-left: 2.4vw; padding-top: 1.3vw; } @media only screen and (max-width: 1160px) { .winery--content--block__box--content--title .winery--content--title { text-align: center; } } @media only screen and (max-width: 750px) { .winery--content--block__box--content--title .winery--content--title { padding: 0; } } @media only screen and (max-width: 1160px) { .winery--content--block__box--content--title .winery--content--title h2 { white-space: nowrap; font-size: 85px; } } @media only screen and (max-width: 750px) { .winery--content--block__box--content--title .winery--content--title h2 { white-space: initial; font-size: 67px; transform: none !important; text-align: left; padding: 0; } } .winery--content--block__box--icon--title { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: flex-end; -ms-flex-align: flex-end; align-items: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; position: relative; width: 20%; } @media only screen and (max-width: 1160px) { .winery--content--block__box--icon--title { position: absolute; bottom: 0; left: 0; } } .winery--content--block__box--icon--title .img--content { transform: translateX(-15vw) translateY(-18.5vw); max-width: 6vw; } @media only screen and (max-width: 1160px) { .winery--content--block__box--icon--title .img--content { transform: none; } } .winery--content--block__box--left--image--partners { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; position: relative; width: 45%; } @media only screen and (max-width: 1160px) { .winery--content--block__box--left--image--partners { align-items: self-start; width: 36%; } } .winery--content--block__box--left--image--partners .img--content--caption { max-width: 21.1vw; margin-top: 1vw; } @media only screen and (max-width: 1160px) { .winery--content--block__box--left--image--partners .img--content--caption { max-width: 29.3vw; } } .winery--content--block__box--left--image--partners .img--content--caption .img--content { aspect-ratio: 1.5; } @media only screen and (max-width: 1160px) { .winery--content--block__box--left--image--partners .img--content--caption .img--content { aspect-ratio: 1; } } .winery--content--block__box--content--partners { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; position: relative; width: 30%; } @media only screen and (max-width: 1160px) { .winery--content--block__box--content--partners { width: 39%; } } .winery--content--block__box--content--partners .copy--content { max-width: 25.5vw; } @media only screen and (max-width: 1160px) { .winery--content--block__box--content--partners .copy--content { max-width: 40vw; } } @media only screen and (max-width: 750px) { .winery--content--block__box--content--partners .copy--content { max-width: 100%; } } .winery--content--block__box--content--partners .copy--content .copy--content--text { max-width: 22vw; } @media only screen and (max-width: 1160px) { .winery--content--block__box--content--partners .copy--content .copy--content--text { max-width: 36vw; } } @media only screen and (max-width: 750px) { .winery--content--block__box--content--partners .copy--content .copy--content--text { max-width: 100%; } .winery--content--block__box--content--partners .copy--content .copy--content--text p { letter-spacing: 0.05px; } } .winery--content--block__box--content--partners .copy--content .js-animate-text { max-width: 100%; } @media only screen and (max-width: 1160px) { .winery--content--block__box--content--partners .copy--content h3 { font-size: 13px; } } @media only screen and (max-width: 750px) { .winery--content--block__box--content--partners .copy--content h3 { padding: 0; letter-spacing: 4.8px; } } @media only screen and (max-width: 1160px) { .winery--content--block__box--content--partners .copy--content h2 { font-size: 26px; } } @media only screen and (max-width: 750px) { .winery--content--block__box--content--partners .copy--content h2 { padding: 0; } } @media only screen and (max-width: 750px) { .winery--content--block__box--content--partners .copy--content .copy--content--cta { margin: 10vw 0; } } .winery--content--block__box--right--image--partners { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: flex-end; -ms-flex-align: flex-end; align-items: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; position: relative; width: 25%; } .winery--content--block__box--right--image--partners .img--content { max-width: 22.9vw; transform: translateY(-11vw); } @media only screen and (max-width: 1160px) { .winery--content--block__box--right--image--partners .img--content { max-width: 18.5vw; transform: none; margin-top: 8vw; } } @media only screen and (max-width: 1160px) { .winery--content--block__box--right--image--partners .img--content img { aspect-ratio: 1/1.79; } } .winery--content--block__box--left--image--discover { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; width: 23.5%; } @media only screen and (max-width: 1160px) { .winery--content--block__box--left--image--discover { align-items: flex-start; width: 18%; } } .winery--content--block__box--left--image--discover .img--content { max-width: 12.1vw; } @media only screen and (max-width: 1160px) { .winery--content--block__box--left--image--discover .img--content { max-width: 17vw; } } @media only screen and (max-width: 1160px) { .winery--content--block__box--left--image--discover .img--content img { aspect-ratio: 1/1.9; } } .winery--content--block__box--content--discover { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; position: relative; width: 37.5%; } @media only screen and (max-width: 1160px) { .winery--content--block__box--content--discover { width: 43%; flex-direction: column-reverse; position: initial; } } @media only screen and (max-width: 750px) { .winery--content--block__box--content--discover { width: 100%; } } .winery--content--block__box--content--discover .img--content { margin-top: 3.3vw; } .winery--content--block__box--content--discover .icon--content { max-width: 7.2vw; } @media only screen and (max-width: 1160px) { .winery--content--block__box--content--discover .icon--content { max-width: 14vw; position: absolute; bottom: -16vw; right: 7vw; } } .winery--content--block__box--content--discover .copy--content { margin-top: 3.6vw; } @media only screen and (max-width: 1160px) { .winery--content--block__box--content--discover .copy--content { margin-top: 25vw; } } @media only screen and (max-width: 750px) { .winery--content--block__box--content--discover .copy--content { margin-top: 5vw; } } @media only screen and (max-width: 750px) { .winery--content--block__box--content--discover .copy--content h2.js-animate-text span { color: #5a5045; } } .winery--content--block__box--content--discover .copy--content .copy--content--text { max-width: 22.2vw; margin-top: 1.5vw; } @media only screen and (max-width: 1160px) { .winery--content--block__box--content--discover .copy--content .copy--content--text { max-width: 34.6vw; } } @media only screen and (max-width: 750px) { .winery--content--block__box--content--discover .copy--content .copy--content--text { max-width: 100vw; } } @media only screen and (max-width: 750px) { .winery--content--block__box--content--discover .copy--content .copy--content--cta { margin: 10vw 0; } } .winery--content--block__box--right--image--discover { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; position: relative; width: 39%; } @media only screen and (max-width: 1160px) { .winery--content--block__box--right--image--discover { align-items: end; } } @media only screen and (max-width: 750px) { .winery--content--block__box--right--image--discover { width: 100%; } } .winery--content--block__box--right--image--discover .img--content { margin-top: 4.6vw; width: 27.1vw; aspect-ratio: 0.8; } @media only screen and (max-width: 1160px) { .winery--content--block__box--right--image--discover .img--content { margin-top: 0; max-width: 36.6vw; width: 100%; aspect-ratio: 0.80; overflow: inherit; } } @media only screen and (max-width: 750px) { .winery--content--block__box--right--image--discover .img--content { aspect-ratio: 1.49; max-width: 100%; height: 241px; } .winery--content--block__box--right--image--discover .img--content img { height: 241px; } } .winery--content--block__box__cont { display: flex; width: 100%; align-items: flex-start; margin-top: -151px; } @media only screen and (max-width: 1160px) { .winery--content--block__box__cont { margin-top: 0; } } .winery--content--block .first-line { position: absolute; left: 15vw; top: 1.2vw; } @media only screen and (max-width: 1160px) { .winery--content--block .first-line { display: none; } } .winery--content--block .first-line svg { width: 100vw; max-width: 28vw; object-fit: cover; aspect-ratio: 0.56; } .section-row--discovery { width: 100%; display: flex; width: 100%; flex-wrap: nowrap; justify-content: flex-start; align-items: center; position: relative; } @media only screen and (max-width: 1160px) { .section-row--discovery { margin-top: 10vw; } } @media only screen and (max-width: 750px) { .section-row--discovery { flex-direction: column; } .section-row--discovery > div:nth-child(3) { order: 1; width: 100%; } } .section-row--discovery .second-line { position: absolute; left: 24vw; top: 0; } @media only screen and (max-width: 1160px) { .section-row--discovery .second-line { display: none; } } .section-row--discovery .second-line svg { width: 100vw; max-width: 6.1vw; object-fit: cover; aspect-ratio: 0.28; } .section-row--partnership { width: 100%; position: relative; } @media only screen and (min-width: 750px) { .section-row--partnership { display: flex; flex-wrap: wrap; } } @media only screen and (max-width: 750px) { .section-row--partnership { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 0; margin-top: 20vw; } .section-row--partnership .img--content, .section-row--partnership .img--content--caption, .section-row--partnership > div { margin: 0 !important; max-width: 100%; width: 100%; transform: none; } .section-row--partnership .winery--content--block__box--image--partnership { grid-column: span 2; grid-row: 2 / 3; padding: 0; aspect-ratio: 1.33; padding-top: 10px; } .section-row--partnership .winery--content--block__box--image--partnership .img--content--caption .img--content { aspect-ratio: 1.33; } .section-row--partnership .winery--content--block__box--left--image--partners { grid-column: 1 / 2; grid-row: 1 / 2; padding: 0 5px 0 0; } .section-row--partnership .winery--content--block__box--left--image--partners .img--content--caption .img--content { aspect-ratio: .58; height: 281px; width: 100%; } .section-row--partnership .winery--content--block__box--right--image--partners { grid-column: 2 / 3; grid-row: 1 / 2; padding: 0 0 0 5px; } .section-row--partnership .winery--content--block__box--right--image--partners .img--content { aspect-ratio: .58; height: 281px; width: 100%; } .section-row--partnership .winery--content--block__box--content--title { grid-column: span 2; grid-row: 3 / 4; padding: 0; position: relative; padding: 48px 0 38px 0; } .section-row--partnership .winery--content--block__box--icon--title { position: absolute; left: auto; bottom: auto; right: -40px; top: 20px; width: 23%; } .section-row--partnership .winery--content--block__box--content--partners { grid-column: span 2; padding: 0; } } .section-row--coastal { position: relative; } .section-row--coastal .third-line { position: absolute; left: 26vw; top: -3.7vw; } @media only screen and (max-width: 1160px) { .section-row--coastal .third-line { display: none; } } .section-row--coastal .third-line svg { width: 100vw; max-width: 48.7vw; object-fit: cover; aspect-ratio: 2.33; } .coastal--content--title { margin-top: 6.6vw; text-align: left; padding-left: 140px; } @media only screen and (max-width: 1160px) { .coastal--content--title { margin-top: 14vw; padding-left: 0; } .coastal--content--title h2 { font-size: 85px; line-height: 1.38; letter-spacing: 4.25px; } } .coastal--content--block { -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -ms-flex-line-pack: center; -webkit-align-content: center; align-content: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; position: relative; width: 100vw; } @media only screen and (max-width: 1160px) { .coastal--content--block { flex-direction: column-reverse; margin-bottom: 35vw; } } @media only screen and (max-width: 750px) { .coastal--content--block { flex-direction: column; margin-bottom: 0; } } .coastal--content--block__box--content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: flex-start; justify-content: flex-start; position: relative; width: 33.3333%; } .coastal--content--block__box--content.left--column, .coastal--content--block__box--content.center--column, .coastal--content--block__box--content.right--column { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; } .coastal--content--block__box--content .img--content--caption { position: relative; } .coastal--content--block__box--content .img--content { position: relative; overflow: hidden; display: block; } .coastal--content--block__box--content .img--content img { width: 100%; display: block; } .coastal--content--block__box--content.left--column { width: 41.5%; margin-top: 93px; order: 1; } .coastal--content--block__box--content.left--column .img--content { width: 41.2vw; } @media only screen and (max-width: 1160px) { .coastal--content--block__box--content.left--column .img--content { aspect-ratio: 1.09/1; width: 100%; } } @media only screen and (max-width: 750px) { .coastal--content--block__box--content.left--column .img--content { aspect-ratio: 1.50; max-width: 100%; } } @media only screen and (max-width: 1160px) { .coastal--content--block__box--content.left--column { width: 63.5%; margin-top: 9vw; } } @media only screen and (max-width: 750px) { .coastal--content--block__box--content.left--column { width: 100%; } } .coastal--content--block__box--content.center--column { width: 29.5%; order: 2; } @media only screen and (max-width: 1160px) { .coastal--content--block__box--content.center--column { width: 85%; } } @media only screen and (max-width: 750px) { .coastal--content--block__box--content.center--column { width: 100%; } } .coastal--content--block__box--content.right--column { width: 29%; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; order: 3; } @media only screen and (max-width: 1160px) { .coastal--content--block__box--content.right--column { width: 100%; order: inherit; margin-top: -37vw; } } .coastal--content--block__box--content.right--column .img--content { width: 12.3vw; margin-right: 10.5vw; margin-top: 13.8vw; } @media only screen and (max-width: 1160px) { .coastal--content--block__box--content.right--column .img--content { width: 24.6vw; margin-right: 0; margin-top: -10vw; } } @media only screen and (max-width: 1160px) { .coastal--content--block__box--content.right--column .img--content img { aspect-ratio: 1 / 1.39; } } .coastal--content--block__box--content.right--column .icon--content { margin-right: 15vw; max-width: 8.4vw; } @media only screen and (max-width: 1160px) { .coastal--content--block__box--content.right--column .icon--content { position: absolute; top: -45vw; left: 13vw; max-width: 16.7vw; } } .coastal--content--block__box--content .copy--content { margin-top: 6.2vw; max-width: 19.7vw; margin-left: auto; text-align: right; } @media only screen and (max-width: 1160px) { .coastal--content--block__box--content .copy--content { max-width: 40.2vw; text-align: left; } } @media only screen and (max-width: 750px) { .coastal--content--block__box--content .copy--content { max-width: 100vw; text-align: left; } } @media only screen and (max-width: 1160px) { .coastal--content--block + .experience--content--block { margin-top: 20vw; } } .philosophy--content--block { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; position: relative; width: 100vw; margin-top: 3.3vw; position: relative; } .philosophy--content--block__box--image--treatments { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; position: relative; width: 100%; } .philosophy--content--block__box--image--treatments.left--box--content { width: 52.5%; } .philosophy--content--block__box--image--treatments.left--box--content .img--content { max-width: 44.4vw; margin-top: 15.1vw; } @media only screen and (max-width: 1160px) { .philosophy--content--block__box--image--treatments.left--box--content .img--content { margin-top: 25vw; max-width: 40.5vw; } } @media only screen and (max-width: 750px) { .philosophy--content--block__box--image--treatments.left--box--content .img--content { aspect-ratio: 1.5; } } @media only screen and (max-width: 1160px) { .philosophy--content--block__box--image--treatments.left--box--content .img--content img { aspect-ratio: 1.5/1; } } @media only screen and (max-width: 750px) { .philosophy--content--block__box--image--treatments.left--box--content .img--content img { aspect-ratio: 1.5; } } .philosophy--content--block__box--image--treatments.right--box--content { width: 26%; position: absolute; top: 0; right: 0; } @media only screen and (max-width: 1160px) { .philosophy--content--block__box--image--treatments.right--box--content { width: 100%; position: inherit; } } .philosophy--content--block__box--image--treatments.right--box--content .img--content { max-width: 21.5vw; margin-top: 7.8vw; } @media only screen and (max-width: 1160px) { .philosophy--content--block__box--image--treatments.right--box--content .img--content { max-width: 35.6vw; } } @media only screen and (max-width: 1160px) { .philosophy--content--block__box--image--treatments.right--box--content .img--content img { aspect-ratio: 1.03/1; } } .philosophy--content--block__box--content--treatments { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; position: relative; width: 21.5%; padding-left: 4.7vw; } @media only screen and (max-width: 1160px) { .philosophy--content--block__box--content--treatments { width: 40%; } } .philosophy--content--block__box--content--treatments .copy--content { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .philosophy--content--block__box--content--treatments .copy--content h2 { margin-left: -28vw; max-width: 15.5vw; } @media only screen and (max-width: 1160px) { .philosophy--content--block__box--content--treatments .copy--content h2 { max-width: 24vw; margin-left: -38vw; } } @media only screen and (max-width: 750px) { .philosophy--content--block__box--content--treatments .copy--content h2 { margin-left: 0; margin-bottom: 20vw; max-width: 54vw; line-height: 1.34; letter-spacing: 1.51px; } } .philosophy--content--block__box--content--treatments .copy--content .copy--content--text { max-width: 16.2vw; order: 2; margin-top: -7vw; } @media only screen and (max-width: 1160px) { .philosophy--content--block__box--content--treatments .copy--content .copy--content--text { max-width: 100%; margin-top: -13vw; } } .philosophy--content--block__box--content--treatments .copy--content .copy--content--text p { margin-bottom: 1.8vw; } .philosophy--content--block__box--content--treatments .copy--content .copy--content--cta { margin-left: -28vw; max-width: 15.5vw; } @media only screen and (max-width: 1160px) { .philosophy--content--block__box--content--treatments .copy--content .copy--content--cta { margin-left: -38vw; } } @media only screen and (max-width: 750px) { .philosophy--content--block__box--content--treatments .copy--content .copy--content--cta { max-width: 100%; margin: 30px 0 0 0; order: 3; } } .philosophy--content--block__box--content--treatments .img--content { max-width: 70%; } @media only screen and (max-width: 1160px) { .philosophy--content--block__box--content--treatments .img--content { max-width: 28.4vw; width: 208px; position: absolute; left: -24vw; top: 66vw; } } .philosophy--content--block__box--image--philosophy { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; position: relative; width: 100%; } .philosophy--content--block__box--image--philosophy.left--box--content { width: 15.5%; } @media only screen and (max-width: 1160px) { .philosophy--content--block__box--image--philosophy.left--box--content { width: 17.2%; position: absolute; bottom: 112vw; left: 0; } } .philosophy--content--block__box--image--philosophy.left--box--content .img--content--gallery { margin-top: 9.7vw; width: 100vw; max-width: 11.6vw; height: 16.2vw; } @media only screen and (max-width: 1160px) { .philosophy--content--block__box--image--philosophy.left--box--content .img--content--gallery { max-width: 17.2vw; } } .philosophy--content--block__box--image--philosophy .img--content--gallery { position: relative; } .philosophy--content--block__box--image--philosophy .img--content--gallery img { position: absolute; top: 0; width: 100%; height: 100%; z-index: 1; object-fit: cover; } @media only screen and (max-width: 1160px) { .philosophy--content--block__box--image--philosophy .img--content--gallery img { aspect-ratio: 1/1.4; height: auto; top: -18vw; } } .philosophy--content--block__box--image--philosophy .img--content--gallery img:nth-child(2) { top: 50px; } @media only screen and (max-width: 1160px) { .philosophy--content--block__box--image--philosophy .img--content--gallery img:nth-child(2) { display: none; } } .philosophy--content--block__box--image--philosophy .img--content--gallery img:nth-child(3) { top: -100px; } .philosophy--content--block__box--image--philosophy .img--content--gallery img:nth-child(4) { top: 150px; } .philosophy--content--block__box--image--philosophy .img--content--gallery img:nth-child(n+5) { top: 0; } .philosophy--content--block__box--image--philosophy.right--box--content { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; width: 17.5%; } @media only screen and (max-width: 1160px) { .philosophy--content--block__box--image--philosophy.right--box--content { align-items: flex-end; width: 100%; } } .philosophy--content--block__box--image--philosophy.right--box--content .img--content--gallery { width: 100vw; max-width: 12.5vw; margin-top: 0; height: 18.8vw; } @media only screen and (max-width: 1160px) { .philosophy--content--block__box--image--philosophy.right--box--content .img--content--gallery { max-width: 15vw; margin-top: -7vw; } } .philosophy--content--block__box--image--philosophy.right--box--content img { top: 0px; } @media only screen and (max-width: 1160px) { .philosophy--content--block__box--image--philosophy.right--box--content img { aspect-ratio: 1/1.6; } } .philosophy--content--block__box--image--philosophy.right--box--content img:nth-child(2) { top: 300px; } .philosophy--content--block__box--image--philosophy.right--box--content img:nth-child(3) { top: 200px; } .philosophy--content--block__box--image--philosophy.right--box--content img:nth-child(4) { top: 100px; } .philosophy--content--block__box--image--philosophy.right--box--content img:nth-child(n+5) { top: 300px; } .philosophy--content--block__box--content--philosophy { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; position: relative; width: 67%; text-align: center; } @media only screen and (max-width: 1160px) { .philosophy--content--block__box--content--philosophy { width: 100%; margin-top: 15vw; } } @media only screen and (max-width: 750px) { .philosophy--content--block__box--content--philosophy { padding: 0 32px; } } .philosophy--content--block__box--content--philosophy .copy--content { width: 100%; } .philosophy--content--block__box--content--philosophy h2 { margin-top: 3.7vw; color: #97501b; font-family: "Hanley Rough Signature", sans-serif; font-size: 2.6vw; font-weight: 400; } @media only screen and (max-width: 1160px) { .philosophy--content--block__box--content--philosophy h2 { font-size: 38px; } } @media only screen and (max-width: 750px) { .philosophy--content--block__box--content--philosophy h2 { font-size: 29px; } } .philosophy--content--block__box--content--philosophy .copy--content--text { padding-left: 1vw; padding-right: 1vw; } @media only screen and (max-width: 750px) { .philosophy--content--block__box--content--philosophy .copy--content--text { padding: 0; } } .philosophy--content--block__box--content--philosophy .copy--content--text p { font-family: "Ivy Mode", sans-serif; letter-spacing: 1.06px; font-size: 3.15vw; line-height: 4.7vw; color: #5a5045; margin: auto; } @media only screen and (max-width: 1160px) { .philosophy--content--block__box--content--philosophy .copy--content--text p { font-size: 33px; line-height: 1.64; letter-spacing: 0.66px; } } @media only screen and (max-width: 750px) { .philosophy--content--block__box--content--philosophy .copy--content--text p { font-size: 31px; line-height: 1.74; letter-spacing: 0.62px; display: contents; } } .philosophy--content--block__box--content--philosophy .copy--content--text a { color: #9f7f61; } .philosophy--content--block__box--content--philosophy .author--content--text { margin-top: 2vw; color: #97501b; font-family: "Hanley Rough Signature", sans-serif; font-size: 2.6vw; font-weight: 400; display: block; text-align: center; } @media only screen and (max-width: 750px) { .philosophy--content--block__box--content--philosophy .author--content--text { font-size: 26px; } } .philosophy--content--block__box--content--philosophy .position--content--text { color: #97501b; font-size: 0.9vw; font-weight: 600; font-style: italic; letter-spacing: 1.23px; display: block; text-align: center; padding-left: 2vw; } @media only screen and (max-width: 750px) { .philosophy--content--block__box--content--philosophy .position--content--text { font-size: 15px; } } .philosophy--content--block__box--image--meet { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; position: relative; width: 100%; } .philosophy--content--block__box--image--meet.left--box--content { width: 28%; } .philosophy--content--block__box--image--meet.left--box--content .copy--content { margin-top: 17.8vw; width: 100%; max-width: 22.6vw; } .philosophy--content--block__box--image--meet.left--box--content .copy--content h2 { max-width: 19.5vw; } .philosophy--content--block__box--image--meet.left--box--content .img--content { margin-top: 2.8vw; max-width: 22.6vw; } @media only screen and (max-width: 1160px) { .philosophy--content--block__box--image--meet.left--box--content .img--content { display: none; } } .philosophy--content--block__box--image--meet.right--box--content { width: 42.5%; } .philosophy--content--block__box--image--meet.right--box--content .img--content { max-width: 42.3vw; margin-top: 18.6vw; } @media only screen and (max-width: 1160px) { .philosophy--content--block__box--image--meet.right--box--content .img--content { display: none; } } .philosophy--content--block__box--image--meet .fifth-line { position: absolute; left: 9vw; top: -6.5vw; } @media only screen and (max-width: 1160px) { .philosophy--content--block__box--image--meet .fifth-line { display: none; } } .philosophy--content--block__box--image--meet .fifth-line svg { width: 100vw; max-width: 10.9vw; object-fit: cover; aspect-ratio: 0.49; } .philosophy--content--block__box--content--meet { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; position: relative; width: 29.5%; } @media only screen and (max-width: 1160px) { .philosophy--content--block__box--content--meet { align-items: flex-end; flex-flow: column; width: 100%; position: relative; margin-top: 5vw; } } @media only screen and (max-width: 750px) { .philosophy--content--block__box--content--meet { padding: 0 32px; } } .philosophy--content--block__box--content--meet .img--content { max-width: 23.6vw; margin-top: 8.2vw; margin-left: 1.6vw; } @media only screen and (max-width: 1160px) { .philosophy--content--block__box--content--meet .img--content { max-width: 43.7vw; margin-left: 0; width: 100%; } } @media only screen and (max-width: 750px) { .philosophy--content--block__box--content--meet .img--content { max-width: 100%; } } @media only screen and (max-width: 1160px) { .philosophy--content--block__box--content--meet .img--content img { aspect-ratio: 1.38/1; } } @media only screen and (max-width: 750px) { .philosophy--content--block__box--content--meet .copy--content { margin-top: 30px; } } @media only screen and (max-width: 1160px) { .philosophy--content--block__box--content--meet .copy--content h3.show--device { position: absolute; top: 15vw; left: 10vw; max-width: 38vw; font-size: 13px; } } @media only screen and (max-width: 750px) { .philosophy--content--block__box--content--meet .copy--content h3.show--device { position: initial; max-width: 100%; } } @media only screen and (max-width: 1160px) { .philosophy--content--block__box--content--meet .copy--content h2.show--device { position: absolute; top: 17vw; left: 10vw; max-width: 33vw; } } @media only screen and (max-width: 750px) { .philosophy--content--block__box--content--meet .copy--content h2.show--device { position: initial; max-width: 100%; } } .philosophy--content--block__box--content--meet .copy--content .copy--content--text { max-width: 20vw; margin-top: 3.5vw; margin-left: 4.6vw; } @media only screen and (max-width: 1160px) { .philosophy--content--block__box--content--meet .copy--content .copy--content--text { max-width: 29.7vw; margin-right: 81px; } } @media only screen and (max-width: 750px) { .philosophy--content--block__box--content--meet .copy--content .copy--content--text { max-width: 100%; margin-left: 0; } } .philosophy--content--block__box--content--meet .copy--content .copy--content--text p { margin-bottom: 1.8vw; } .philosophy--content--block__box--content--meet .copy--content .copy--content--text p:last-child { margin-bottom: 0; } .philosophy--content--block .fourth-line { position: absolute; left: 13vw; top: -10vw; } @media only screen and (max-width: 1160px) { .philosophy--content--block .fourth-line { display: none; } } .philosophy--content--block .fourth-line svg { width: 100vw; max-width: 58.6vw; object-fit: cover; aspect-ratio: 0.98; } .section-row--philosophy { width: 100%; display: flex; } @media only screen and (max-width: 750px) { .section-row--philosophy { flex-direction: column-reverse; } .section-row--philosophy .philosophy--content--block__box--content--treatments { width: 100%; padding: 0; } .section-row--philosophy .philosophy--content--block__box--image--treatments { width: 100%; margin-top: 60px; } .section-row--philosophy .philosophy--content--block__box--image--treatments .img--content { max-width: 100%; margin-top: 0; } } .menu--content--block { align-content: flex-start; display: flex; justify-content: flex-end; position: relative; width: 100vw; } @media only screen and (max-width: 1160px) { .menu--content--block { justify-content: space-between; } } @media only screen and (max-width: 750px) { .menu--content--block { flex-direction: column-reverse; } } .menu--content--block__box--image { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; position: relative; width: 100%; } .menu--content--block__box--image.left--box--content { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; width: 20%; } @media only screen and (max-width: 750px) { .menu--content--block__box--image.left--box--content { width: 100%; display: grid; grid-template-columns: 1fr; padding: 0 32px; } } .menu--content--block__box--image.left--box--content .img--content { max-width: 19.8vw; margin-top: 13.1vw; aspect-ratio: .66; } @media only screen and (max-width: 750px) { .menu--content--block__box--image.left--box--content .img--content { max-width: 100%; margin-bottom: 12px; height: 274px; width: 100%; } } @media only screen and (max-width: 1160px) { .menu--content--block__box--image.left--box--content .img--content img { aspect-ratio: 1/1.78; } } @media only screen and (max-width: 750px) { .menu--content--block__box--image.left--box--content .img--content img { aspect-ratio: 1.25/1; } } .menu--content--block__box--image.right--box--content { width: 39%; } @media only screen and (max-width: 1160px) { .menu--content--block__box--image.right--box--content { width: 20%; } } @media only screen and (max-width: 750px) { .menu--content--block__box--image.right--box--content { width: 100%; flex-direction: row; gap: 0; } .menu--content--block__box--image.right--box--content > div { width: 100%; } .menu--content--block__box--image.right--box--content .img--content--caption { padding: 0 5px 0 0; } } .menu--content--block__box--image.right--box--content .right--top { max-width: 39vw; margin-top: 6.5vw; } @media only screen and (max-width: 1160px) { .menu--content--block__box--image.right--box--content .right--top { display: none; } } @media only screen and (max-width: 750px) { .menu--content--block__box--image.right--box--content .right--top { display: block; max-width: 100%; margin: 0; aspect-ratio: 1/1.7; height: 274px; } .menu--content--block__box--image.right--box--content .right--top img { aspect-ratio: inherit; } } .menu--content--block__box--image.right--box--content .right--bottom { max-width: 15.4vw; margin-top: 4.2vw; aspect-ratio: .66; } @media only screen and (max-width: 1160px) { .menu--content--block__box--image.right--box--content .right--bottom { margin-top: 40vw; } } @media only screen and (max-width: 750px) { .menu--content--block__box--image.right--box--content .right--bottom { max-width: 100%; margin: 0; aspect-ratio: 1/1.7; padding: 0 0 0 5px; height: 274px; } .menu--content--block__box--image.right--box--content .right--bottom img { aspect-ratio: inherit; } } @media only screen and (max-width: 1160px) { .menu--content--block__box--image.right--box--content .right--bottom .img--content img { aspect-ratio: 1/1.5; } } .menu--content--block__box--content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; position: relative; width: 41%; } @media only screen and (max-width: 1160px) { .menu--content--block__box--content { width: 61%; } } @media only screen and (max-width: 750px) { .menu--content--block__box--content { width: 100%; } } .menu--content--block__box--content .copy--content { margin-top: 13.1vw; margin-left: 8vw; } @media only screen and (max-width: 750px) { .menu--content--block__box--content .copy--content { margin-left: 0; width: 100%; padding: 0 32px; } .menu--content--block__box--content .copy--content h3.js-animate-text { font-size: 12px; } } .menu--content--block__box--content .copy--content .copy--content--text { max-width: 22.9vw; margin-bottom: 1.8vw; } @media only screen and (max-width: 1160px) { .menu--content--block__box--content .copy--content .copy--content--text { max-width: 48vw; } } @media only screen and (max-width: 750px) { .menu--content--block__box--content .copy--content .copy--content--text { max-width: 100vw; margin-bottom: 40px; } } .menu--content--block__box--content .copy--content .copy--content--cta { max-width: 30vw; } @media only screen and (max-width: 1160px) { .menu--content--block__box--content .copy--content .copy--content--cta { margin-top: 6vw; } } @media only screen and (max-width: 750px) { .menu--content--block__box--content .copy--content .copy--content--cta { margin-bottom: 40px; max-width: 100vw; } .menu--content--block__box--content .copy--content .copy--content--cta .cta-text { white-space: normal; width: 100%; } } .menu--content--block .sixth-line { position: absolute; left: 25vw; top: -8.5vw; } @media only screen and (max-width: 1160px) { .menu--content--block .sixth-line { display: none; } } .menu--content--block .sixth-line svg { width: 100vw; max-width: 38.1vw; object-fit: cover; aspect-ratio: 1.49; } .reserve--content--block { -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -ms-flex-line-pack: center; -webkit-align-content: center; align-content: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; position: relative; width: 100vw; margin-top: -3.8vw; } .reserve--content--block__box--image { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; position: relative; width: 100%; } .reserve--content--block__box--image.left--box--content { -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; width: 23.5%; } @media only screen and (max-width: 1160px) { .reserve--content--block__box--image.left--box--content { width: 100%; display: block; margin-left: 4vw; margin-top: 13vw; position: absolute; top: 0; } } .reserve--content--block__box--image.left--box--content .img--content { max-width: 14.5vw; transform: translateX(9vw); aspect-ratio: .71; } @media only screen and (max-width: 1160px) { .reserve--content--block__box--image.left--box--content .img--content { height: auto !important; max-width: 26vw; } } @media only screen and (max-width: 1160px) { .reserve--content--block__box--image.left--box--content .img--content img { aspect-ratio: 1 / 1.4; height: auto !important; } } .reserve--content--block__box--image.right--box--content { -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 22%; } @media only screen and (max-width: 1160px) { .reserve--content--block__box--image.right--box--content { position: absolute; top: 20vw; right: 10vw; } } .reserve--content--block__box--image.right--box--content .right--top { width: 100vw; max-width: 26.1vw; margin-top: 13.1vw; aspect-ratio: 1.5; } @media only screen and (max-width: 750px) { .reserve--content--block__box--image.right--box--content .right--top { max-width: 100%; padding: 0 32px; } } .reserve--content--block__box--image.right--box--content .right--bottom { max-width: 16.4vw; margin-top: 21.3vw; } @media only screen and (max-width: 1160px) { .reserve--content--block__box--image.right--box--content .right--bottom { display: none; } } .reserve--content--block__box--content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-end; position: relative; width: 54.5%; } @media only screen and (max-width: 1160px) { .reserve--content--block__box--content { width: 100%; padding: 0 32px; } } .reserve--content--block__box--content .icon--content { width: 100%; text-align: right; margin-top: 7.8vw; max-width: 12.8vw; margin-left: auto; margin-right: 7.2vw; } @media only screen and (max-width: 1160px) { .reserve--content--block__box--content .icon--content { max-width: 25.7vw; margin-left: auto; margin-right: 0; margin-bottom: 6vw; position: inherit; } } @media only screen and (max-width: 750px) { .reserve--content--block__box--content .icon--content { max-width: 100vw; margin-bottom: 15vw; } .reserve--content--block__box--content .icon--content img { width: 168px; margin: 0 auto; } } .reserve--content--block__box--content .img--content { margin-top: 9vw; position: relative; overflow: hidden; transition: all 2s ease; z-index: 1; } .reserve--content--block__box--content .img--content.animate { border-radius: 20vw; } @media only screen and (max-width: 1160px) { .reserve--content--block__box--content .img--content { width: 100%; margin-top: 24vw; } .reserve--content--block__box--content .img--content.animate { border-radius: 50vw; } } @media only screen and (max-width: 750px) { .reserve--content--block__box--content .img--content { margin-top: 0; } } .reserve--content--block__box--content .copy--content { margin-top: 5.8vw; width: 100%; max-width: 39.1vw; margin-left: auto; margin-right: auto; text-align: center; } @media only screen and (max-width: 1160px) { .reserve--content--block__box--content .copy--content { max-width: 100%; margin-top: 10vw; } } .reserve--content--block__box--content .copy--content .icon-reserve { margin-left: -18vw; margin-bottom: -7vw; max-width: 10vw; } @media only screen and (max-width: 1160px) { .reserve--content--block__box--content .copy--content .icon-reserve { display: none; } } .reserve--content--block__box--content .copy--content h2 { color: #97501b; font-family: "Ivy Mode", sans-serif; letter-spacing: 1.64px; } .reserve--content--block__box--content .copy--content .copy--content--text p { color: #5a5045; font-family: "Playfair Display", sans-serif; font-style: italic; font-size: 1.25vw; line-height: 1.9vw; letter-spacing: 0.04px; } @media only screen and (max-width: 1160px) { .reserve--content--block__box--content .copy--content .copy--content--text p { font-size: 21px; line-height: 1.52; letter-spacing: 0.04px; } } @media only screen and (max-width: 750px) { .reserve--content--block__box--content .copy--content .copy--content--text p { font-size: 16px; line-height: 1.56; letter-spacing: 0.05px; } } .reserve--content--block__box--content .copy--content .copy--content--cta { margin-top: 2vw; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-bottom: 6.5vw; } @media only screen and (max-width: 750px) { .reserve--content--block__box--content .copy--content .copy--content--cta { margin-top: 32px; } } @media only screen and (max-width: 1160px) { .reserve--content--block__box--content .copy--content .copy--content--cta .reserve--button .reserve-line { background-color: #97501b; } } @media only screen and (max-width: 1160px) { .reserve--content--block__box--content .copy--content .copy--content--cta .reserve--button .reserve-arrow path { fill: #4a4138; } } @media only screen and (max-width: 1160px) { .reserve--content--block__box--content .copy--content .copy--content--cta .reserve--button .reserve-txt { color: #4a4138; } } .reserve--content--block .seventh-line { position: absolute; left: -6vw; top: -6.5vw; } @media only screen and (max-width: 1160px) { .reserve--content--block .seventh-line { display: none; } } .reserve--content--block .seventh-line svg { width: 100vw; max-width: 83.1vw; object-fit: cover; aspect-ratio: 1.02; } .hero--content--block__video--content { width: 100%; height: calc( 100vh - 250px); overflow: hidden; margin: auto; position: relative; } @media only screen and (max-width: 1160px) { .hero--content--block__video--content { height: 45vw; aspect-ratio: 16/9; } } @media only screen and (max-width: 750px) { .hero--content--block__video--content { aspect-ratio: inherit; height: 100%; } .hero--content--block__video--content .hero--bg--wrapper { aspect-ratio: 16/9; position: relative; } } .hero--content--block__video--content .hero--bg--vid, .hero--content--block__video--content .hero--bg--img { display: block; overflow: hidden; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; } .hero--content--block__video--content .hero--bg--vid video, .hero--content--block__video--content .hero--bg--vid img, .hero--content--block__video--content .hero--bg--img video, .hero--content--block__video--content .hero--bg--img img { object-fit: cover; width: 100%; z-index: -100; display: inline-block; vertical-align: baseline; height: 100%; } @media only screen and (min-width: 1160px) { .hero--content--block__video--content .hero--bg--vid video, .hero--content--block__video--content .hero--bg--vid img, .hero--content--block__video--content .hero--bg--img video, .hero--content--block__video--content .hero--bg--img img { transition: all 0.6s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition-delay: 6s; transform: scale3d(1.1, 1.1, 1.1); } } .hero--content--block__video--content .hero--bg--img { display: none; } @media only screen and (min-width: 750px) { .hero--content--block__video--content .hero--bg--img { display: block; } } @media only screen and (min-width: 1160px) { .hero--content--block__video--content .hero--bg--vid video { transform: translate3d(0, 110%, 0) scale3d(1.2, 1.2, 1.2); } } .hero--content--block__video--content .hero--bg--vid__button { width: 30px; height: 30px; border-radius: 50%; position: relative; display: block; position: absolute; bottom: 20px; right: 20px; z-index: 1; } .hero--content--block__video--content .hero--bg--vid__button.button--play { display: none; /* triangle */ /* pulse wave */ } .hero--content--block__video--content .hero--bg--vid__button.button--play::after { content: ""; position: absolute; left: 50%; top: 50%; transform: translateX(-40%) translateY(-50%) scale(0.6); width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 25px solid #fff; z-index: 1; -webkit-transition: all 400ms cubic-bezier(0.65, 0.04, 0.35, 1); transition: all 400ms cubic-bezier(0.65, 0.04, 0.35, 1); } .hero--content--block__video--content .hero--bg--vid__button.button--play:before { content: ""; position: absolute; width: 150%; height: 150%; animation: pulsate1 2s; animation-direction: forwards; animation-iteration-count: infinite; animation-timing-function: steps; opacity: 1; border-radius: 50%; border: 3px solid rgba(255, 255, 255, 0.75); top: -25%; left: -25%; background: rgba(198, 16, 0, 0); } .hero--content--block__video--content .hero--bg--vid__button.button--pause span::before, .hero--content--block__video--content .hero--bg--vid__button.button--pause span::after { content: ""; position: absolute; left: 50%; top: 50%; transform: translateX(-6px) translateY(-50%); width: 2px; height: 20px; background-color: #ffffff; } .hero--content--block__video--content .hero--bg--vid__button.button--pause span::after { transform: translateX(4px) translateY(-50%); } .hero--content--block__video--content .hero--bg--vid__button span { text-indent: -5000px; font-size: 0; } .hero--content--block__video-text { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; } @media only screen and (max-width: 750px) { .hero--content--block__video-text { transform: none; position: static; margin-top: 40px; } } .hero--content--block__video-text .subtitle--hero { font-size: 1.1vw; font-weight: 400; letter-spacing: 8.63px; overflow: hidden; position: relative; color: #ffffff; line-height: 120%; text-align: center; text-transform: uppercase; transition: all 0.5s ease; transition-delay: 6s; opacity: 0; transform: translateY(100%); } @media only screen and (max-width: 1160px) { .hero--content--block__video-text .subtitle--hero { font-size: 16px; transition-delay: 0s; } } @media only screen and (max-width: 750px) { .hero--content--block__video-text .subtitle--hero { color: #5a5045; line-height: 1.44; } } @media only screen and (max-width: 750px) { .hero--content--block__video-text .scroll--line { height: 97px; width: 1.2px; display: block; background-color: #ffffff; margin: auto; animation: scrollCTA 1s; animation-iteration-count: infinite; animation-timing-function: cubic-bezier(0.65, 0.04, 0.35, 1); } } @media only screen and (max-width: 750px) and (max-width: 1160px) { .hero--content--block__video-text .scroll--line { height: 62px; } } @media only screen and (max-width: 750px) and (max-width: 750px) { .hero--content--block__video-text .scroll--line { background-color: #5a5045; height: 30px; margin-top: 22px; } } .hero--content--block__video-text .title--hero { color: #ffffff; font-size: 4.6vw; font-weight: 300; letter-spacing: 4.05px; line-height: 127%; margin-bottom: 80px; overflow: hidden; position: relative; text-align: center; margin-top: 10px; transition: all 0.5s ease; transition-delay: 6.5s; opacity: 0; transform: translateY(100%); } @media only screen and (max-width: 1160px) { .hero--content--block__video-text .title--hero { font-size: 54px; transition-delay: 0s; } } @media only screen and (max-width: 750px) { .hero--content--block__video-text .title--hero { font-size: 50px; color: #5a5045; line-height: 1.11; letter-spacing: 2.7px; margin-top: 60px; margin-bottom: 24px; margin-top: 18px; } } .hero--content--block__line-scroll { bottom: 40px; position: absolute; text-align: center; left: 50%; transition: all 0.5s ease; transform: translateX(-50%); transition-delay: 7.3s; opacity: 0; } @media only screen and (max-width: 1160px) { .hero--content--block__line-scroll { transition-delay: 0s; } } @media only screen and (max-width: 750px) { .hero--content--block__line-scroll { display: none; } } .hero--content--block__line-scroll .scroll--text { font-family: "Source Sans Pro", sans-serif; display: block; font-size: .7vw; font-weight: 600; letter-spacing: 5.9px; z-index: 5; color: #ffffff; line-height: 120%; text-align: center; text-transform: uppercase; margin-bottom: 20px; } @media only screen and (max-width: 1160px) { .hero--content--block__line-scroll .scroll--text { font-size: 1.55vw; } } @media only screen and (max-width: 640px) { .hero--content--block__line-scroll .scroll--text { display: none; } } .hero--content--block__line-scroll .scroll--line { height: 97px; width: 1.2px; display: block; background-color: #ffffff; margin: auto; animation: scrollCTA 1s; animation-iteration-count: infinite; animation-timing-function: cubic-bezier(0.65, 0.04, 0.35, 1); } @media only screen and (max-width: 1160px) { .hero--content--block__line-scroll .scroll--line { height: 62px; } } @media only screen and (max-width: 750px) { .hero--content--block__line-scroll .scroll--line { background-color: #5a5045; height: 30px; margin-top: 22px; } } .hero--content--block__action-hero { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; width: 100%; margin: auto; position: relative; height: 125px; align-items: center; } @media only screen and (max-width: 1160px) { .hero--content--block__action-hero { height: 80px; } } @media only screen and (max-width: 750px) { .hero--content--block__action-hero { display: none; } } .hero--content--block__action-hero .social--content { display: flex; } .hero--content--block__action-hero .social--content .social-icon-shell { position: relative; display: flex; align-items: center; justify-content: center; width: 25px; height: 25px; padding-left: 8px; cursor: pointer; margin-right: 10px; } .hero--content--block__action-hero .social--content .social-circ { position: absolute; } .hero--content--block__action-hero .social--content .facebook-svg-code { position: absolute; width: 5px; fill: #97501b; } .hero--content--block__action-hero .social--content .insta-svg-code { position: absolute; width: 10px; fill: #97501b; } .hero--content--block__action-hero .social--content .insta { fill: white; } .hero--content--block__action-hero .offer--content { position: relative; } .hero--content--block__action-hero .offer--content a { color: #894919; font-style: italic; font-size: 15px; } .hero--content--block__action-hero .offer--content .nav-line { background-color: #98511b; bottom: 0; height: .14vw; margin-bottom: -4px; position: absolute; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; width: 100%; } .hero--content--block__copy-text { width: 100%; max-width: calc( 100vw - 250px); margin: auto; text-align: center; padding: 0 11vw; } @media only screen and (max-width: 1160px) { .hero--content--block__copy-text { max-width: 100%; padding: 0; } } @media only screen and (max-width: 750px) { .hero--content--block__copy-text { margin-top: 5vw; } } .hero--content--block__copy-text p, .hero--content--block__copy-text .p { letter-spacing: 1.02px; font-size: 2vw; line-height: 1.6; } @media only screen and (max-width: 1160px) { .hero--content--block__copy-text p, .hero--content--block__copy-text .p { font-size: 28px; line-height: 1.71; letter-spacing: 0.84px; } } @media only screen and (max-width: 750px) { .hero--content--block__copy-text p, .hero--content--block__copy-text .p { font-size: 17px; line-height: 1.94; letter-spacing: 0.34px; } } .hero--content--block__copy-text p b, .hero--content--block__copy-text p strong, .hero--content--block__copy-text p b div, .hero--content--block__copy-text p strong div, .hero--content--block__copy-text .p b, .hero--content--block__copy-text .p strong, .hero--content--block__copy-text .p b div, .hero--content--block__copy-text .p strong div { color: #97501b; font-weight: 400; } .hero--content--block__image--content { width: 100%; overflow: hidden; margin: auto; position: relative; height: calc( 100vh - 250px); } @media only screen and (max-width: 1160px) { .hero--content--block__image--content { height: 45vw; } } @media only screen and (max-width: 750px) { .hero--content--block__image--content { height: 62vw; } } .hero--content--block__image--content .hero--bg--img { display: block; overflow: hidden; position: relative; } .hero--content--block__image--content .hero--bg--img img { width: 100%; height: calc( 100vh - 250px); object-fit: cover; height: 105%; } @media only screen and (min-width: 1160px) { .hero--content--block__image--content .hero--bg--img img { height: 105% !important; } } @media only screen and (max-width: 1160px) { .hero--content--block__image--content .hero--bg--img img { height: 55vw; } } @media only screen and (max-width: 750px) { .hero--content--block__image--content .hero--bg--img img { height: 62vw; } } .hero--content--block__slider--content { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; width: 100%; } .hero--content--block__slider--content .rooms-carousel-shell { height: calc( 100vh - 250px); overflow: hidden; position: relative; width: 100vw; } @media only screen and (max-width: 1160px) { .hero--content--block__slider--content .rooms-carousel-shell { height: auto; } } @media only screen and (max-width: 640px) { .hero--content--block__slider--content .rooms-carousel-shell { height: 62vw; } } .hero--content--block__slider--content .rooms-carousel-shell .slick-slide { overflow: hidden; } @media only screen and (max-width: 1160px) { .hero--content--block__slider--content .rooms-carousel-shell .slick-slide { aspect-ratio: 1.77; height: auto; } } @media only screen and (max-width: 750px) { .hero--content--block__slider--content .rooms-carousel-shell .slick-slide { aspect-ratio: 1.46; } } .hero--content--block__slider--content .rooms-carousel-shell .rooms-thumb-img { height: calc( 100vh - 250px); object-fit: cover; position: static; width: 100%; transition: all 2s ease; transform: scale3d(1.5, 1.5, 1.5); } @media only screen and (max-width: 1160px) { .hero--content--block__slider--content .rooms-carousel-shell .rooms-thumb-img { height: 100%; } } .hero--content--block__slider--content .rooms-carousel-shell .slick-current .rooms-thumb-img { transform: scale3d(1, 1, 1); } .hero--content--block__slider--content .caro-arrows-shell { margin-right: -53px; } @media only screen and (max-width: 750px) { .hero--content--block__slider--content .caro-arrows-shell { display: none; } } .hero--content--block__slider--content .caro-arrows-shell .carousel-arrow { align-items: center; display: flex; background-color: #97501b; height: 40px; justify-content: center; width: 53px; cursor: pointer; } @media only screen and (max-width: 1160px) { .hero--content--block__slider--content .caro-arrows-shell .carousel-arrow { height: 32px; width: 42px; } } .hero--content--block__slider--content .caro-arrows-shell .carousel-arrow.lft-color-offset { background-color: #AF6127; } .hero--content--block__slider--content .caro-arrows-shell .carousel-arrow.lft-color-offset svg { transform: rotate(180deg); } .hero--layout { background-color: rgba(0, 0, 0, 0.3); position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .hero--nohero--filler { display: block; width: 100%; height: 150px; } @keyframes pulsate1 { 0% { -webkit-transform: scale(0.6); transform: scale(0.6); opacity: 1; } 100% { -webkit-transform: scale(1, 1); transform: scale(1); opacity: 0; } } @keyframes scrollCTA { 0% { transform-origin: 0 0; transform: scale3d(1, 0, 1); } 50% { transform-origin: 0 0; transform: scale3d(1, 1, 1); } 51% { transform-origin: 0 100%; transform: scale3d(1, 1, 1); } 100% { transform-origin: 0 100%; transform: scale3d(1, 0, 1); } } @media only screen and (max-width: 1160px) { .hero--desktop { display: none !important; } } .hero--mobile { display: none !important; } @media only screen and (max-width: 1160px) { .hero--mobile { display: flex !important; } } .accordions { padding: 60px 0; position: relative; } .accordions__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 100px; } @media only screen and (max-width: 900px) { .accordions__grid { grid-template-columns: repeat(1, 1fr); gap: 0; } } .accordions__grid__column { width: 100%; position: relative; } .accordions__grid__column h3 { font-weight: normal; font-size: 46px; line-height: 1.57; letter-spacing: 0.14vw; margin-bottom: 36px; } @media only screen and (max-width: 1160px) { .accordions__grid__column h3 { font-size: 36px; line-height: 2; letter-spacing: 1.87px; margin-bottom: 40px; } } @media only screen and (max-width: 900px) { .accordions__grid__column h3 { margin-top: 36px; margin-bottom: 16px; } } @media only screen and (max-width: 750px) { .accordions__grid__column h3 { font-size: 34px; line-height: 1.12; letter-spacing: 1.77px; } } @media only screen and (max-width: 900px) { .accordions__grid__column h3.spaced--title { display: none; } } .accordions__grid__column__icon { max-width: 250px; height: auto; margin: 250px auto 50px auto; } .accordions .card { position: relative; } .accordions .card__header { display: block; width: 100%; border-top: 1px solid #cdc1b0; border-bottom: 1px solid #cdc1b0; color: #97501b; font-family: "Source Sans Pro", sans-serif; text-transform: uppercase; text-align: left; font-size: 13px; line-height: 1.38; letter-spacing: 2.6px; padding: 23px 23px 23px 0; margin-bottom: -1px; position: relative; cursor: pointer; transition: all 0.6s cubic-bezier(0.895, 0.03, 0.685, 0.22); } @media only screen and (max-width: 1160px) { .accordions .card__header { font-size: 12px; padding: 20px 0; } } @media only screen and (max-width: 750px) { .accordions .card__header { font-size: 13px; line-height: 1.38; letter-spacing: 5.2px; } } .accordions .card__header::before { position: absolute; top: 50%; right: 0; width: 18px; height: 1.8px; background-color: #97501b; content: ""; } .accordions .card__header::after { position: absolute; top: 50%; right: 8px; width: 1.7px; height: 18px; margin-top: -8px; background-color: #97501b; opacity: 1; transition: all 0.6s cubic-bezier(0.895, 0.03, 0.685, 0.22); content: ""; } .accordions .card__body { padding: 27px 0; color: #5a5045; display: none; font-size: 16px; font-family: "Source Sans Pro", sans-serif; line-height: 1.56; letter-spacing: 0.05px; } @media only screen and (max-width: 1160px) { .accordions .card__body { padding: 15px 0; } } .accordions .card__body p { font-family: "Source Sans Pro", sans-serif; font-size: 16px; line-height: 1.56; letter-spacing: 0.05px; } @media only screen and (max-width: 1160px) { .accordions .card__body p { line-height: 1.30; } } .accordions .card__body li { list-style: none; padding-left: 26px; position: relative; } .accordions .card__body li::before { position: absolute; left: 0; top: 6px; width: 10px; height: 10px; background-color: #97501b; transform: rotate(-45deg); content: ""; } .accordions .card__body li ul { margin-top: 20px; } .accordions .card__body a { text-decoration: underline; } .accordions .card.show { /* .card__body{ display: block; }*/ } .accordions .card.show .card__header::after { opacity: 0; } @media only screen and (max-width: 750px) { .accordions + .details--content .details--content--block--gallery { margin-top: 0; } } @media only screen and (max-width: 1160px) { .page-template-template-restaurant .accordions { padding-bottom: 0; padding-top: 5.2vw; } } @media only screen and (max-width: 1160px) { .page-your-stay .accordions { padding-top: 0; } } @media only screen and (max-width: 750px) { .page-your-stay .accordions { padding: 46px 0; } } .positions { padding: 73px 0 0px; position: relative; } .positions .row { justify-content: space-between; margin-bottom: 155px; align-items: center; } @media only screen and (max-width: 1160px) { .positions .row { margin-bottom: 55px; } } .positions .row.reverse { flex-direction: row-reverse; margin-bottom: 0px; } @media only screen and (max-width: 1160px) { .positions .row.reverse { flex-direction: column; } } .positions .row.reverse .positions--contents--items .itemlink:nth-child(1) { padding-top: 16px; } .positions--contents { display: block; width: calc(50% - 70px); position: relative; } @media only screen and (max-width: 1500px) { .positions--contents { width: calc(50% - 25px); } } @media only screen and (max-width: 1160px) { .positions--contents { width: 100%; } } .positions--contents h2 { font-size: 46px; font-weight: normal; line-height: 1.57; letter-spacing: 0.14vw; margin-bottom: 1vw; } @media only screen and (max-width: 1160px) { .positions--contents h2 { margin-bottom: 20px; } } @media only screen and (max-width: 750px) { .positions--contents h2 { font-size: 34px; line-height: 1.12; letter-spacing: 1.77px; margin-bottom: 20px; } } .positions--contents--items { display: block; width: 100%; position: relative; margin-bottom: -1px; border-top: 1px solid #707070; } .positions--contents--items .itemlink { font-size: 28px; line-height: 1.86; letter-spacing: 0.7px; font-weight: normal; color: #5a5045; padding: 0; display: flex; justify-content: space-between; align-items: center; } @media only screen and (max-width: 1160px) { .positions--contents--items .itemlink { padding: 18px 0; } } @media only screen and (max-width: 750px) { .positions--contents--items .itemlink { font-size: 18px; line-height: 1.11; letter-spacing: 0.45px; padding: 22px 0; } } .positions--contents--items a { color: #4d3b2d; border-bottom: 2px solid #cdc1b0; line-height: 0.71; transition: all 0.5s ease; } .positions--contents--items a:last-child { border-bottom: none; } .positions--contents--items a span { font-size: 16px; color: #97501b; text-transform: uppercase; display: flex; font-family: "Source Sans Pro", sans-serif; min-width: 119px; } @media only screen and (max-width: 750px) { .positions--contents--items a span { font-size: 14px; letter-spacing: 1.4px; } } .positions--contents--items a span img { margin-left: 10px; } .positions--contents--items a:hover { color: #97501b; } .positions--contents--items #theapplicantmanager .department, .positions--contents--items #theapplicantmanager .resumes, .positions--contents--items #theapplicantmanager > p:nth-last-child(1) { font-family: "Playfair Display", sans-serif; color: #97501b; font-size: 15px; font-style: italic; margin-top: 1vw; margin-bottom: 0; } @media only screen and (max-width: 750px) { .positions--contents--items #theapplicantmanager .department, .positions--contents--items #theapplicantmanager .resumes, .positions--contents--items #theapplicantmanager > p:nth-last-child(1) { margin-top: 15px; } } .positions--contents--items #theapplicantmanager .listing { border-bottom: 2px solid #cdc1b0; padding: 10px 0; } .positions--contents--items #theapplicantmanager .listing .title { font-size: 28px; line-height: 1.3; letter-spacing: 0.7px; font-weight: normal; color: #5a5045; padding: 0; } .positions--contents--items #theapplicantmanager .listing .title a { border: 0; display: block; width: 100%; font-size: 28px; line-height: 1.3; letter-spacing: 0.7px; display: flex; justify-content: space-between; align-items: center; } .positions--contents--items #theapplicantmanager .listing .title span { font-size: 16px; color: #97501b; text-transform: uppercase; display: flex; font-family: "Source Sans Pro", sans-serif; white-space: nowrap; margin-left: 20px; } @media only screen and (max-width: 750px) { .positions--contents--items #theapplicantmanager .listing .title span { font-size: 14px; letter-spacing: 1.4px; } } .positions--contents--items #theapplicantmanager .listing .title span img { margin-left: 10px; } @media only screen and (max-width: 750px) { .positions--contents--items #theapplicantmanager .listing .title { font-size: 18px; line-height: 1.11; letter-spacing: 0.45px; } .positions--contents--items #theapplicantmanager .listing .title a { font-size: 18px; line-height: 1.11; letter-spacing: 0.45px; } } .positions--contents--items #theapplicantmanager .listing .description { margin-bottom: 0; font-family: "Source Sans Pro", sans-serif; line-height: 1.3; } .positions--contents--note { font-family: "Playfair Display", sans-serif; color: #97501b; font-size: 15px; font-style: italic; margin-top: 1vw; } @media only screen and (max-width: 750px) { .positions--contents--note { margin-top: 20px; } } .positions--image { display: block; width: calc(50% - 70px); position: relative; overflow: hidden; } @media only screen and (max-width: 1500px) { .positions--image { width: calc(50% - 25px); } } @media only screen and (max-width: 1160px) { .positions--image { width: 100%; } } .positions--image .image-block { padding-top: 63.2%; } .positions--image img { width: 100%; object-fit: cover; } .positions + .title--section--rooms + .blog--copy--content .copy--contents.title-first { padding-top: 2vw; flex-direction: column-reverse; } @media only screen and (max-width: 1160px) { .positions + .title--section--rooms + .blog--copy--content .copy--contents.title-first { gap: 20px; } } @media only screen and (min-width: 750px) { .positions + .title--section--rooms + .blog--copy--content .copy--contents.title-first { gap: 10px; } } .positions + .title--section--rooms + .blog--copy--content .copy--contents.title-first .title-content h2 { margin-top: 0; margin-bottom: 1vw; } @media only screen and (max-width: 1160px) { .positions + .title--section--rooms + .blog--copy--content .copy--contents.title-first .title-content h2 { font-size: 38px; letter-spacing: 0.42px; } } @media only screen and (max-width: 750px) { .positions + .title--section--rooms + .blog--copy--content .copy--contents.title-first .title-content h2 { letter-spacing: 0.29px; font-size: 26px; } } .columns { padding: 5.6vw 0 5vw; position: relative; } .columns.amenities { padding: 36px 0 0; } @media only screen and (max-width: 1160px) { .columns.amenities { padding-top: 0; } } .columns + .columns { padding-top: 0; margin-top: -5vw; } .columns__grid { display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; flex-wrap: nowrap; margin: 0px auto; gap: 8vw; } @media only screen and (max-width: 900px) { .columns__grid { flex-direction: column; max-width: none; flex-wrap: wrap; gap: 0; } } @media only screen and (max-width: 750px) { .columns__grid { padding-top: 40px; gap: 1vw; } } .columns__grid__column { position: relative; display: flex; flex-direction: column; } @media only screen and (min-width: 900px) { .columns__grid__column { order: 0; flex: 0 1 100vw; align-self: auto; } .columns__grid__column:first-child { flex: 0 1 50vw; } .columns__grid__column:last-child { padding-left: 0px; flex: 0 1 50vw; } } @media only screen and (max-width: 900px) { .columns__grid__column { width: 100%; } } .columns__grid__icon { text-align: right; } @media only screen and (max-width: 1160px) { .columns__grid__icon { position: absolute; top: 52vw; right: 10vw; } } @media only screen and (max-width: 750px) { .columns__grid__icon { top: auto; bottom: 10vw; right: 0; } } .columns__grid__icon .icon--content { max-width: 80px; margin-left: auto; margin-right: 60px; margin-top: -150px; } @media only screen and (min-width: 1160px) { .columns__grid__icon .icon--content { max-width: 103px; } } @media only screen and (min-width: 1160px) { .columns__grid.same-width { max-width: none; } } @media only screen and (min-width: 1160px) { .columns__grid.same-width .columns__grid__column { flex: 0 1 50vw; } .columns__grid.same-width .columns__grid__column:first-child(), .columns__grid.same-width .columns__grid__column:last-child() { flex: 0 1 50vw; } } .columns__grid.vertically-centered { align-items: center; } .columns__grid.custom { align-items: flex-start; } @media only screen and (max-width: 750px) { .columns__grid.custom { padding-top: 0; } } @media only screen and (min-width: 1160px) { .columns__grid.custom .columns__grid__column:first-child { flex: 0 1 50vw; } .columns__grid.custom .columns__grid__column:last-child { flex: 0 1 40vw; } } .columns .column-item { position: relative; -webkit-transition: all .8s linear 0s; transition: all .8s linear 0s; margin-bottom: 25px; } @media only screen and (max-width: 750px) { .columns .column-item { margin-bottom: 14px; } } .columns .column-item h2 { font-weight: normal; font-size: 46px; line-height: 1.22; letter-spacing: 0.14vw; margin-bottom: 28px; padding-bottom: 22px; border-bottom: 2px solid #cdc1b0; } @media only screen and (max-width: 1160px) { .columns .column-item h2 { font-size: 36px; line-height: 1.28; letter-spacing: 1.87px; margin-bottom: 19px; padding-bottom: 15px; } } .columns .column-item h2.menu-title { font-size: 2vw; } @media only screen and (max-width: 1160px) { .columns .column-item h2.menu-title { font-size: 26px; line-height: 1.15; letter-spacing: 1.09px; } } .columns .column-item h5 { font-size: 1.5vw; margin-bottom: 18px; font-weight: normal; line-height: 1.66; letter-spacing: 0.58px; } @media only screen and (max-width: 1160px) { .columns .column-item h5 { font-size: 20px; line-height: 2.4; letter-spacing: 0.4px; } } @media only screen and (max-width: 750px) { .columns .column-item h5 { margin-bottom: 5px; } } .columns .column-item h3 { font-family: "Source Sans Pro", sans-serif; font-size: 16px; margin-top: 1.35vw; font-weight: normal; line-height: 2; letter-spacing: 6.24px; font-weight: 600; text-transform: uppercase; } .columns .column-item h3.spaced { margin-top: 0; margin-bottom: 1vw; line-height: 1; } .columns .column-item .copy p { font-family: "Source Sans Pro", sans-serif; font-size: 16px; line-height: 1.56; letter-spacing: 0.05px; } .columns .column-item .copy li { list-style: none; padding-left: 26px; position: relative; font-family: "Source Sans Pro", sans-serif; color: #5a5045; line-height: 1.56; font-size: 16px; } @media only screen and (max-width: 1160px) { .columns .column-item .copy li { margin-bottom: 5px; } .columns .column-item .copy li br { display: none; } } .columns .column-item .copy li::before { position: absolute; left: 0; top: 6px; width: 10px; height: 10px; background-color: #97501b; transform: rotate(-45deg); content: ""; } .columns .column-item .copy li ul { margin-top: 20px; } .columns .column-item .copy a { text-decoration: underline; } .columns .column-item .copy .extended p { line-height: 2.81; } @media only screen and (max-width: 750px) { .columns .column-item .copy .extended p { line-height: 1.56; } } .columns .column-item .copy .collapsed p { line-height: 1.23; } .columns .column-item .copy .footnote { font-family: "Playfair Display", sans-serif; font-size: 16px; color: #97501b; font-style: italic; line-height: 1.5; letter-spacing: 1.23px; margin-bottom: 1.35vw; margin-top: -0.5vw; } .columns.menus { padding: 115px 0 61px; } @media only screen and (max-width: 900px) { .columns.menus { padding: 0px 0 61px; } } .columns.menus .decoration { position: relative; margin: -72px 0 0 auto; } .columns.multiples .column-item .copy { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; gap: 60px; } @media only screen and (max-width: 750px) { .columns.multiples .column-item .copy { flex-direction: column; gap: 0; } } .columns-lists { padding: 100px 0 173px; position: relative; } .columns-lists h2 { font-weight: normal; font-size: 46px; line-height: 1.22; letter-spacing: 0.14vw; margin-bottom: 28px; padding-bottom: 22px; border-bottom: 2px solid #cdc1b0; } @media only screen and (max-width: 1160px) { .columns-lists h2 { font-size: 36px; line-height: 1.28; letter-spacing: 1.87px; margin-bottom: 19px; padding-bottom: 28px; } } @media only screen and (min-width: 1160px) { .columns-lists__list { -moz-column-count: 2; -moz-column-gap: 60px; -webkit-column-count: 2; -webkit-column-gap: 60px; column-count: 2; column-gap: 60px; } } @media only screen and (max-width: 1160px) { .page-template-template-winery .columns { padding: 3vw 0; } .page-template-template-winery .columns .column-item h2 { font-size: 26px; line-height: 1.65; letter-spacing: 1.09px; padding-bottom: 13px; margin-bottom: 26px; } } @media only screen and (max-width: 900px) { .page-weekly-activities-calendar .columns.menus { padding: 0; margin: 0; } } @media only screen and (max-width: 1160px) { .page-amenities .columns.amenities { padding-top: 43px; } } @media only screen and (max-width: 750px) { .page-amenities .columns.amenities { padding-top: 0; } } @media only screen and (max-width: 1160px) { .page-amenities .columns.menus { padding-top: 45px; } .page-amenities .columns.menus .decoration { position: absolute; bottom: 0; right: 0; } .page-amenities .columns.menus .decoration img { width: 103px; } } @media only screen and (max-width: 750px) { .page-amenities .columns.menus { padding-top: 0; } .page-amenities .columns.menus .decoration { display: none; } } @media only screen and (max-width: 1160px) { .page-amenities .columns__grid__column { display: initial; } } .menus-headings .heading { padding-top: 140px; display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; flex-wrap: nowrap; width: 100%; } .menus-headings .heading + .heading { padding-top: 0px; } @media only screen and (max-width: 1160px) { .menus-headings .heading { flex-direction: column; max-width: none; flex-wrap: wrap; align-items: center; border-bottom: 2px solid #cdc1b0; padding-bottom: 40px; padding-top: 30px; margin-bottom: 22px; } } .menus-headings .heading--title { position: relative; display: block; } @media only screen and (max-width: 1160px) { .menus-headings .heading--title { width: 100%; padding-right: 130px; margin-bottom: 0; } } @media only screen and (max-width: 640px) { .menus-headings .heading--title { padding: 120px 0 16px 0; text-align: center; margin-bottom: 0px; } } .menus-headings .heading--title .decoration { position: absolute; bottom: 0; right: 0; transform: translateX(calc(100% + 50px)); } @media only screen and (max-width: 1160px) { .menus-headings .heading--title .decoration { transform: translateX(0); max-width: 125px; top: -50%; bottom: auto; } } @media only screen and (max-width: 640px) { .menus-headings .heading--title .decoration { top: auto; bottom: 60%; left: 50%; transform: translateX(-50%); right: auto; max-height: 150px; max-width: 140px; } } @media only screen and (max-width: 1160px) { .menus-headings .heading--title .subtitle-content h3 { font-size: 12px; line-height: 1.58; letter-spacing: 4.8px; } } @media only screen and (max-width: 750px) { .menus-headings .heading--title .subtitle-content h3 { text-align: left; font-size: 13px; letter-spacing: 6.24px; } } .menus-headings .heading--title .title-content .h2 { letter-spacing: 3.33px; font-size: 3.8vw; line-height: 1.15; font-weight: 400; } @media only screen and (max-width: 1160px) { .menus-headings .heading--title .title-content .h2 { font-size: 40px; line-height: 1.1; letter-spacing: 2px; } } @media only screen and (max-width: 750px) { .menus-headings .heading--title .title-content .h2 { font-size: 40px; text-align: left; } } .menus-headings .heading--buttons { position: relative; display: flex; flex-direction: row; justify-content: flex-end; align-items: flex-end; margin-top: 27px; } @media only screen and (max-width: 1160px) { .menus-headings .heading--buttons { width: 100%; justify-content: space-between; align-items: center; } } @media only screen and (max-width: 640px) { .menus-headings .heading--buttons { flex-direction: column; } } .menus-headings .heading--buttons a.cta--button-bg { margin-left: 1.5vw; } @media only screen and (max-width: 1160px) { .menus-headings .heading--buttons a.cta--button-bg { margin-left: 0; } } @media only screen and (max-width: 750px) { .menus-headings .heading--buttons a.cta--button-bg { display: block; width: 100%; margin-top: 25px; text-align: center; } .menus-headings .heading--buttons a.cta--button-bg span { width: 100%; font-size: 14px; } } @media only screen and (max-width: 1160px) { .page-spa-menu .menus-headings .heading { padding-bottom: 80px; } .page-spa-menu .menus-headings .heading .heading--title { padding-left: 20vw; } .page-spa-menu .menus-headings .heading .heading--title .decoration { top: -1vw; right: 17vw; } .page-spa-menu .menus-headings .heading .heading--buttons { position: absolute; bottom: 0; left: 9.5vw; justify-content: flex-start; gap: 25px; } .page-spa-menu .columns { margin-top: 0; } .page-spa-menu .columns__grid__column .column-item { margin-bottom: 0; } .page-spa-menu .columns__grid__column .column-item .copy h3 { font-size: 15px; letter-spacing: 7.2px; margin-top: 0; } .page-spa-menu .columns__grid__column .column-item .copy .collapsed span { font-size: 15px; line-height: 1.33; } .page-spa-menu .columns__grid__column .column-item .copy .collapsed p { letter-spacing: normal; margin-bottom: 0; } .page-spa-menu .columns__grid__column .column-item .copy .footnote { margin-bottom: 20px; } } @media only screen and (max-width: 750px) { .page-spa-menu .menus-headings .heading { padding-bottom: 0; } .page-spa-menu .menus-headings .heading .heading--title { padding-left: 0; } .page-spa-menu .menus-headings .heading .heading--title .title-content .h2 { font-size: 40px; line-height: 1.1; letter-spacing: 2px; text-align: center; } .page-spa-menu .menus-headings .heading .heading--title .decoration { top: 5vw; } .page-spa-menu .menus-headings .heading .heading--buttons { position: static; gap: 0; } .page-spa-menu .columns__grid__column .column-item .copy h3 { font-size: 20px; letter-spacing: 4px; } .page-spa-menu .columns__grid__column .column-item .copy .collapsed p { line-height: 1.56; } } @media only screen and (max-width: 1160px) { .page-weekly-activities-calendar .heading { padding-top: 60px; } } @media only screen and (max-width: 750px) { .page-weekly-activities-calendar .heading { border-bottom: none; } } .page-weekly-activities-calendar .heading .heading--title { padding-left: 0; } @media only screen and (max-width: 1160px) { .page-weekly-activities-calendar .heading .heading--title { padding-right: 0; } } @media only screen and (max-width: 750px) { .page-weekly-activities-calendar .heading .heading--title { padding: 220px 0 16px 0; } } .page-weekly-activities-calendar .heading .heading--title .decoration { bottom: 6px; right: 0vw; } @media only screen and (max-width: 1160px) { .page-weekly-activities-calendar .heading .heading--title .decoration { max-width: 76px; top: -6vw; } } @media only screen and (max-width: 750px) { .page-weekly-activities-calendar .heading .heading--title .decoration { bottom: 36vw; } .page-weekly-activities-calendar .heading .heading--title .decoration img { margin: 0 auto; } } @media only screen and (max-width: 1160px) { .page-weekly-activities-calendar .heading .heading--title .title-content .h2 { font-size: 44px; line-height: 1.23; letter-spacing: 2.29px; } } @media only screen and (max-width: 750px) { .page-weekly-activities-calendar .heading .heading--title .title-content .h2 { text-align: center; } } @media only screen and (max-width: 1160px) { .page-weekly-activities-calendar .menus-headings .heading--buttons { position: absolute; bottom: 33vw; left: 40vw; } } @media only screen and (max-width: 750px) { .page-weekly-activities-calendar .menus-headings .heading--buttons { position: inherit; } } .page-weekly-activities-calendar .columns { margin-top: 0; } .page-weekly-activities-calendar .columns__grid__column .column-item { margin-bottom: 0; } @media only screen and (max-width: 1160px) { .page-weekly-activities-calendar .columns__grid__column .column-item .copy h3 { font-size: 15px; letter-spacing: 7.2px; margin-top: 0; } } @media only screen and (max-width: 750px) { .page-weekly-activities-calendar .columns__grid__column .column-item .copy h3 { letter-spacing: 4px; } } .page-weekly-activities-calendar .columns__grid__column .column-item .copy .collapsed span { font-size: 15px; line-height: 1.33; } .page-weekly-activities-calendar .columns__grid__column .column-item .copy .collapsed p { letter-spacing: normal; margin-bottom: 20px; } @media only screen and (max-width: 750px) { .page-weekly-activities-calendar .columns__grid__column .column-item .copy .collapsed p { line-height: 1.56; } } .page-weekly-activities-calendar .columns__grid__column .column-item .copy .collapsed ul { margin-bottom: 20px; margin-top: -20px; } .page-weekly-activities-calendar .columns__grid__column .column-item .copy .collapsed ul li { list-style: disc; padding: 0; margin-left: 30px; margin-bottom: 0; } .page-weekly-activities-calendar .columns__grid__column .column-item .copy .collapsed ul li::before { display: none; } .page-weekly-activities-calendar .columns__grid__column .column-item .copy .footnote { margin-bottom: 20px; } @media only screen and (max-width: 1160px) { .page-event-dining .heading, .page-amenities .heading, .page-private-sale .heading { flex: auto; padding-bottom: 0; margin-bottom: 0; flex-direction: row; flex-wrap: nowrap; width: 100%; border: none; } } @media only screen and (max-width: 750px) { .page-event-dining .heading, .page-amenities .heading, .page-private-sale .heading { flex-direction: column; gap: 33px; } } @media only screen and (max-width: 1160px) { .page-event-dining .heading--title, .page-amenities .heading--title, .page-private-sale .heading--title { margin-bottom: 16px; max-width: 100%; padding-right: 0; } } @media only screen and (max-width: 750px) { .page-event-dining .heading--title, .page-amenities .heading--title, .page-private-sale .heading--title { padding: 0; } .page-event-dining .heading--title .h2, .page-amenities .heading--title .h2, .page-private-sale .heading--title .h2 { text-align: left; font-size: 40px; line-height: 1.1; letter-spacing: 1.68px; } } @media only screen and (max-width: 1160px) { .page-event-dining .heading--title .title-content .h2, .page-amenities .heading--title .title-content .h2, .page-private-sale .heading--title .title-content .h2 { font-size: 44px; line-height: 1.23; letter-spacing: 2.29px; margin-top: 0; } } @media only screen and (max-width: 750px) { .page-event-dining .heading--title .title-content .h2, .page-amenities .heading--title .title-content .h2, .page-private-sale .heading--title .title-content .h2 { text-align: left; line-height: 1.1; letter-spacing: 1.68px; } } .page-event-dining .heading--buttons, .page-amenities .heading--buttons, .page-private-sale .heading--buttons { justify-content: flex-end; align-items: flex-end; } @media only screen and (max-width: 1160px) { .page-event-dining .heading--buttons, .page-amenities .heading--buttons, .page-private-sale .heading--buttons { margin-top: 0; position: relative; top: -4vw; } } @media only screen and (max-width: 1160px) { .page-amenities .heading--buttons { margin-top: 0; } } @media only screen and (max-width: 1160px) { .page-amenities .menus-headings .heading { padding-bottom: 0; border-bottom: 0; margin-bottom: 0; gap: 0; } } @media only screen and (max-width: 1160px) { .page-amenities .menus-headings .heading--title .title-content .h2 { margin-top: 5px; } } .hero--content--block + .content--page .menus-headings .heading:first-child { padding-top: 0 !important; } @media only screen and (max-width: 750px) { .hero--content--block + .content--page .menus-headings .heading:first-child { padding-top: 42px !important; } } @media only screen and (max-width: 1160px) { .page-private-sale .heading, .page-private-sales .heading { flex: auto; padding-bottom: 0; margin-bottom: 0; flex-direction: row; flex-wrap: wrap; width: 100%; border: none; } } @media only screen and (max-width: 1160px) { .page-private-sale .heading--title, .page-private-sales .heading--title { margin-bottom: 10px; } } @media only screen and (max-width: 750px) { .page-private-sale .heading--title, .page-private-sales .heading--title { padding: 0; } } .page-event-dining .hero--content--block + .content--page .menus-headings .heading:first-child { padding-top: 0 !important; } .weekly-calendar { margin-top: -20px; } .weekly-calendar--grid { border-top: 1px solid #707070; display: grid; gap: 15px; grid-template-columns: repeat(7, 1fr); padding: 60px 0 116px; } @media only screen and (max-width: 1160px) { .weekly-calendar--grid { grid-template-columns: repeat(3, 1fr); gap: 23px 77px; padding: 43px 0 74px; margin-top: 23px; } } @media only screen and (max-width: 750px) { .weekly-calendar--grid { padding: 40px 0 67px; margin-top: 0; grid-template-columns: repeat(1, 1fr); gap: 30px; border-top: none; } } .weekly-calendar--grid--item { position: relative; } .weekly-calendar--grid--item h3 { color: #5a5045; line-height: 1.23; letter-spacing: 6.24px; } @media only screen and (max-width: 750px) { .weekly-calendar--grid--item h3 { letter-spacing: 4px; font-size: 15px; } } .weekly-calendar--grid--item .copy--content { margin-top: 0.5vw; } .weekly-calendar--grid--item .copy--content--text p { line-height: 1.23; margin-bottom: 1vw; } @media only screen and (max-width: 1160px) { .weekly-calendar--grid--item .copy--content--text p { font-size: 13px; } } @media only screen and (max-width: 750px) { .weekly-calendar--grid--item .copy--content--text p { line-height: 1.56; font-size: 16px; } } @media only screen and (max-width: 900px) { .weekly-calendar--grid--item .copy--content--text { margin-bottom: 0; } } .call-to-action { padding: 33px 0 22px; } @media only screen and (min-width: 640px) { .call-to-action { padding: 71px 0 80px; } } @media only screen and (min-width: 900px) { .call-to-action { padding: 118px 0 109px; } } .call-to-action--flex { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; } @media only screen and (min-width: 640px) { .call-to-action--flex { flex-direction: row; align-items: center; } } .call-to-action--copy { order: 0; flex: 0 1 100vw; align-self: auto; } @media only screen and (min-width: 640px) { .call-to-action--copy { order: 0; flex: 0 1 50vw; align-self: auto; } } @media only screen and (max-width: 750px) { .call-to-action--copy { flex: auto; width: 100%; margin-bottom: 46px; } } @media only screen and (min-width: 900px) { .call-to-action--copy { order: 0; flex: 0 1 27vw; align-self: auto; } } .call-to-action--copy h3 { font-size: 16px; } @media only screen and (max-width: 1160px) { .call-to-action--copy h3 { font-size: 12px; letter-spacing: 4.8px; } } .call-to-action--copy h2 { font-size: 46px; } @media only screen and (max-width: 1160px) { .call-to-action--copy h2 { font-size: 34px; line-height: 1.12; letter-spacing: 1.77px; } } .call-to-action--copy p { font-size: 14px; } .call-to-action--copy em { font-family: "Playfair Display", sans-serif; } @media only screen and (max-width: 1160px) { .call-to-action--copy .copy--content--text p { font-size: 14px; line-height: 1.71; letter-spacing: 1.15px; margin-bottom: 34px; } } .call-to-action--decoration { display: none; } .call-to-action--featured { order: 0; flex: 0 1 100vw; align-self: auto; } @media only screen and (max-width: 750px) { .call-to-action--featured { flex: auto; width: 100%; } } @media only screen and (min-width: 640px) { .call-to-action--featured { order: 0; flex: 0 1 50vw; align-self: auto; } } @media only screen and (min-width: 900px) { .call-to-action--featured { order: 0; flex: 0 1 45vw; align-self: auto; } } .call-to-action--featured--image { position: relative; overflow: hidden; width: 100%; padding-top: 66%; } @media only screen and (min-width: 640px) { .call-to-action--featured--image { padding-top: 65%; } } @media only screen and (min-width: 900px) { .call-to-action--featured--image { padding-top: 64%; } } .overlay { width: 100vw; height: 100%; position: fixed; top: 0; left: 0; z-index: 99; background-color: rgba(13, 13, 13, 0.79); display: none; } .modal { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 100; background: #97501b; padding: 113px 51px 82px 51px; width: calc(100% - 70px); max-width: 840px; display: none; } @media only screen and (max-width: 750px) { .modal { padding: 60px 20px; width: 100%; height: 100vh; height: var(--app-height); max-width: 100%; } } .modal .close-box { position: absolute; top: 44px; right: 44px; } @media only screen and (max-width: 750px) { .modal .close-box { top: 20px; right: 20px; } .modal .close-box .close-icon { width: 40px; height: 40px; } } .modal--title { display: block; margin-bottom: 31px; } .modal--title h2 { color: #ffffff; font-size: 2vw; font-family: "Ivy Mode", sans-serif; line-height: 1.26; letter-spacing: 0.085vw; font-weight: normal; } @media only screen and (max-width: 750px) { .modal--title h2 { font-size: 28px; } } .modal--text { font-size: 14px; font-weight: normal; line-height: 1.36; letter-spacing: normal; color: #ffffff; font-family: "Source Sans Pro", sans-serif; } @media only screen and (max-width: 750px) { .modal--text { font-size: 16px; } } .modal--text li { font-size: 14px; font-weight: normal; line-height: 1.36; letter-spacing: normal; color: #ffffff; font-family: "Source Sans Pro", sans-serif; list-style: none; padding-left: 26px; position: relative; } .modal--text li::before { position: absolute; left: 0; top: 6px; width: 10px; height: 10px; background-color: #ffffff; transform: rotate(-45deg); content: ""; } .modal--text li ul { margin-top: 20px; } .modal .modal--content--small { max-width: 545px; margin: auto; } @media only screen and (max-width: 750px) { .modal .modal--content--small { padding-top: 20px; } } .modal .modal--content--small .modal--title h2 { font-size: 2vw; } @media only screen and (max-width: 750px) { .modal .modal--content--small .modal--title h2 { font-size: 28px !important; } } .copy--content--block { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; position: relative; width: 100vw; margin-top: 3.3vw; } @media only screen and (max-width: 750px) { .copy--content--block { margin-top: 6vw; } } .copy--content--block__subtitle-content { width: 100%; max-width: calc( 100vw - 250px); margin: auto; text-align: center; } @media only screen and (max-width: 1160px) { .copy--content--block__subtitle-content { max-width: calc(100vw - 160px); } } @media only screen and (max-width: 750px) { .copy--content--block__subtitle-content { max-width: calc(100vw - 64px); } } .copy--content--block__subtitle-content h3 { letter-spacing: 9.04px; font-size: 1.3vw; color: #5a5045; text-transform: uppercase; font-weight: 400; } @media only screen and (max-width: 1160px) { .copy--content--block__subtitle-content h3 { font-size: 20px; line-height: 1.15; letter-spacing: 8px; } } @media only screen and (max-width: 750px) { .copy--content--block__subtitle-content h3 { line-height: 1.44; letter-spacing: 6.58px; } } .copy--content--block__line-scroll { width: 100vw; max-width: calc( 100vw - 250px); margin: auto; text-align: center; margin-top: 1.7vw; margin-bottom: 0.7vw; } @media only screen and (max-width: 1160px) { .copy--content--block__line-scroll { max-width: calc(100vw - 160px); } } @media only screen and (max-width: 750px) { .copy--content--block__line-scroll { max-width: calc(100vw - 64px); } } @media only screen and (max-width: 750px) { .copy--content--block__line-scroll { margin-top: 0; margin-bottom: 0; } } .copy--content--block__line-scroll .scroll--line { height: 90px; width: 1.5px; display: block; background-color: #97501b; margin: auto; } @media only screen and (max-width: 1160px) { .copy--content--block__line-scroll .scroll--line { height: 40px; } } @media only screen and (max-width: 750px) { .copy--content--block__line-scroll .scroll--line { height: 30px; } } .copy--content--block__title-content { width: 100vw; max-width: calc( 100vw - 250px); margin: auto; text-align: center; } @media only screen and (max-width: 1160px) { .copy--content--block__title-content { max-width: calc(100vw - 160px); } } @media only screen and (max-width: 750px) { .copy--content--block__title-content { max-width: calc(100vw - 64px); } } .copy--content--block__title-content.fullwidth { max-width: 100%; } .copy--content--block__title-content .h2 { letter-spacing: 5.40px; font-size: 6.4vw; color: #5a5045; font-weight: 400; } @media only screen and (max-width: 750px) { .copy--content--block__title-content .h2 { font-size: 50px; line-height: 1.11; letter-spacing: 2.7px; width: 226px; max-width: 100%; margin: 0 auto; } } .copy--content--block__copy-content { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-content: flex-start; align-items: flex-start; gap: 7.9vw; width: 100vw; max-width: calc( 100vw - 250px); margin: auto; margin-top: 3.3vw; } @media only screen and (max-width: 1160px) { .copy--content--block__copy-content { max-width: calc(100vw - 160px); } } @media only screen and (max-width: 750px) { .copy--content--block__copy-content { max-width: calc(100vw - 64px); } } @media only screen and (max-width: 1160px) { .copy--content--block__copy-content { flex-direction: column; gap: 1vw; } } .copy--content--block__copy-content.fullwidth { max-width: 100%; } .copy--content--block__copy-content .text--block { order: 0; flex: 1 1 50%; align-self: auto; } .copy--content--block__copy-content .text--block p { font-weight: 400; letter-spacing: 0.07px; font-family: "Source Sans Pro", sans-serif; line-height: 1.3; } @media only screen and (max-width: 1160px) { .copy--content--block__copy-content .text--block p { line-height: 1.2; letter-spacing: 1px; } } @media only screen and (max-width: 750px) { .copy--content--block__copy-content .text--block p { line-height: 1.56; letter-spacing: 0.05px; margin-bottom: 20px; } } @media only screen and (max-width: 750px) { .copy--content--block__copy-content .text--block--content p { display: contents; margin-bottom: 0; } } .copy--content--block__copy-content .text--block--content .read-more { font-size: 16px; line-height: 1.56; letter-spacing: 0.05px; font-style: italic; color: #97501b; margin-left: 5px; } .copy--content--block__copy-content .text--block .cta-info-action { margin-top: 35px; } .copy--content--block__copy-content .text--block .cta-info-action .text--info p { font-family: "Playfair Display", sans-serif; color: #97501b; font-size: .85vw; font-style: italic; line-height: 1.6; } @media only screen and (max-width: 1160px) { .copy--content--block__copy-content .text--block .cta-info-action .text--info p { font-size: 15px; line-height: 1.67; letter-spacing: 1.23px; } } @media only screen and (max-width: 750px) { .copy--content--block__copy-content .text--block .cta-info-action .copy--content--cta a { width: 100%; } } .copy--content--block__copy-content .text--block .icon--content { max-width: 11.2vw; margin-top: 5vw; margin-left: auto; } @media only screen and (max-width: 750px) { .copy--content--block__copy-content .text--block.block2 { display: none; } } .copy--content--block__copy-content.vertically-centered { align-items: center; max-width: none; } .copy--content--block__copy-content.vertically-centered .text--block:first-child() { flex: 0 1 46vw; } .copy--content--block__copy-content.vertically-centered .text--block:last-child() { flex: 0 1 64vw; } @media only screen and (max-width: 750px) { .page-template-template-explore .copy--content--block .copy--content--block__title-content .h2 { width: 100%; } } @media only screen and (max-width: 1160px) { .page-template-template-restaurant .copy--content--block { padding-bottom: 10vw; } } @media only screen and (max-width: 1160px) { .page-template-template-restaurant .copy--content--block .icon--content { position: absolute; bottom: 0; right: 17vw; max-width: 19.7vw; } } @media only screen and (max-width: 1160px) { .page-template-template-restaurant .copy--content--block .text--block .text--info { max-width: 70vw; } } @media only screen and (max-width: 1160px) { .page-template-template-restaurant .copy--content--block .copy--content--block__line-scroll { margin: 28px 0 15px; } .page-template-template-restaurant .copy--content--block .copy--content--block__line-scroll .scroll--line { height: 28px; } } @media only screen and (max-width: 1160px) { .page-template-template-restaurant .copy--content--block .copy--content--block__title-content .h2 { font-size: 65px; line-height: 1.15; letter-spacing: 3.25px; } } @media only screen and (max-width: 750px) { .page-template-template-restaurant .copy--content--block .copy--content--block__title-content .h2 { font-size: 50px; line-height: 0.96; letter-spacing: 2.7px; width: 100%; } } .page-template-template-restaurant .copy--content--block .copy--content--block__copy-content { margin-top: 48px; } @media only screen and (max-width: 750px) { .page-farmstand .copy--content--block .icon--content { display: none; } } @media only screen and (max-width: 1160px) { .page-farmstand .copy--content--block__copy-content .text--block p { line-height: 1.6; } } @media only screen and (max-width: 750px) { .page-farmstand .copy--content--block .cta-info-action .text--info { max-width: 100%; } .page-farmstand .copy--content--block .cta-info-action .text--info p { margin-bottom: 5px; } } @media only screen and (max-width: 750px) { .page-press-accolades .copy--content--block .container { padding: 0 66px; } } .title--block--lined { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; position: relative; width: 100vw; margin-top: 5.7vw; } @media only screen and (max-width: 1160px) { .title--block--lined { padding: 0 80px; margin-top: 45px; } } @media only screen and (max-width: 750px) { .title--block--lined { padding: 0 32px; } } .title--block--lined__title-content { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-content: stretch; align-items: center; gap: 40px; width: 100vw; max-width: calc( 100vw - 250px); margin: auto; text-align: center; overflow: hidden; } @media only screen and (max-width: 1160px) { .title--block--lined__title-content { max-width: 100%; } } .title--block--lined__title-content h3 { letter-spacing: 0.14vw; font-size: 2.8vw; color: #5a5045; font-weight: 400; position: relative; } @media only screen and (max-width: 1160px) { .title--block--lined__title-content h3 { font-size: 30px; line-height: 1.2; letter-spacing: 1.56px; } } @media only screen and (max-width: 750px) { .title--block--lined__title-content h3 { font-size: 20px; line-height: 1.9; letter-spacing: 1.04px; } } .title--block--lined__title-content .line-title { order: 0; flex: 1 1 auto; align-self: auto; background-color: #97501b; height: 1px; display: block; } .boxes--content--block { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; position: relative; margin-top: 3vw; } @media only screen and (max-width: 1160px) { .boxes--content--block { margin-bottom: 45px; } } @media only screen and (max-width: 750px) { .boxes--content--block { margin-bottom: 60px; } } .boxes--content--block__boxes { display: flex; flex-direction: row; justify-content: center; width: 100%; max-width: calc( 100vw - 250px); margin: auto; padding: 0 2.35vw; } @media only screen and (max-width: 1160px) { .boxes--content--block__boxes { max-width: calc(100vw - 160px); } } @media only screen and (max-width: 750px) { .boxes--content--block__boxes { max-width: calc(100vw - 64px); } } @media only screen and (max-width: 1400px) { .boxes--content--block__boxes { padding: 0 0; } } @media only screen and (max-width: 1160px) { .boxes--content--block__boxes { flex-direction: column; } .boxes--content--block__boxes .slick-track { display: flex; flex-direction: column; } } @media only screen and (max-width: 1160px) and (max-width: 750px) { .boxes--content--block__boxes .slick-track { display: block; } } .boxes--content--block__boxes-single { display: flex; flex-direction: column; padding: 0 2.65vw; } @media only screen and (max-width: 1160px) { .boxes--content--block__boxes-single { flex-direction: row; padding-left: 0; } } @media all and (max-width: 1160px) and (min-width: 750px) { .boxes--content--block__boxes-single { width: 100% !important; display: grid !important; grid-template-columns: 130px auto; grid-gap: 51px; padding: 25px 0; } } @media only screen and (max-width: 750px) { .boxes--content--block__boxes-single { flex-direction: column; } } .boxes--content--block__boxes-single .icon-box { text-align: center; } @media only screen and (max-width: 1160px) { .boxes--content--block__boxes-single .icon-box { height: auto; } } @media only screen and (max-width: 750px) { .boxes--content--block__boxes-single .icon-box { height: 50vw; display: flex; align-items: center; } } .boxes--content--block__boxes-single .icon-box img { margin: auto; max-height: 6vw; aspect-ratio: 1.75; } @media only screen and (max-width: 1160px) { .boxes--content--block__boxes-single .icon-box img { max-height: 100vw; } } @media only screen and (max-width: 750px) { .boxes--content--block__boxes-single .icon-box img { max-height: 100vw; padding: 0 27%; aspect-ratio: 3; } } .boxes--content--block__boxes-single .title-box { margin-top: 2.6vw; text-align: center; } @media only screen and (max-width: 1160px) { .boxes--content--block__boxes-single .title-box { text-align: left; margin-top: 0; margin-bottom: 12px; } } .boxes--content--block__boxes-single .title-box h2 { font-family: "Source Sans Pro", sans-serif; font-size: 14px; font-weight: 600; letter-spacing: .25vw; color: #97501b; text-transform: uppercase; } @media only screen and (max-width: 1160px) { .boxes--content--block__boxes-single .title-box h2 { font-size: 12px; letter-spacing: 4.8px; text-align: left; } } @media only screen and (max-width: 750px) { .boxes--content--block__boxes-single .title-box h2 { line-height: 1.5; letter-spacing: 5.76px; text-align: center; } } .boxes--content--block__boxes-single .subtitle-box { margin-top: 1vw; text-align: center; } @media only screen and (max-width: 750px) { .boxes--content--block__boxes-single .subtitle-box { margin-bottom: 10px; } } .boxes--content--block__boxes-single .subtitle-box h3 { font-family: "Playfair Display", sans-serif; font-size: 15px; font-weight: 400; font-style: italic; line-height: 1.4; letter-spacing: 1.23px; color: #97501b; } @media only screen and (max-width: 1160px) { .boxes--content--block__boxes-single .subtitle-box h3 { text-align: left; font-size: 15px; line-height: 1.3; letter-spacing: 1.23px; color: #5a5045; } .boxes--content--block__boxes-single .subtitle-box h3 br { display: none; } } @media only screen and (max-width: 750px) { .boxes--content--block__boxes-single .subtitle-box h3 { text-align: center; } } .boxes--content--block__boxes-single .copy-box { margin-top: 1vw; } .boxes--content--block__boxes-single .copy-box p { font-size: 15px; line-height: 1.47; letter-spacing: 0.29px; font-family: "Source Sans Pro", sans-serif; } @media only screen and (max-width: 1160px) { .boxes--content--block__boxes-single .copy-box p { font-size: 15px; line-height: 1.47; letter-spacing: 0.29px; } } @media only screen and (max-width: 750px) { .boxes--content--block__boxes-single .copy-box p { font-size: 16px; } } .boxes--content--block .slider-arrows { position: absolute; left: 0; top: 0; width: 100%; height: 50vw; } .boxes--content--block .slider-arrows .carousel-arrow { position: absolute; right: 0; top: 50%; transform: translate(0, -50%); align-items: center; display: flex; background-color: #97501b; height: 40px; justify-content: center; width: 53px; cursor: pointer; } .boxes--content--block .slider-arrows .carousel-arrow.lft-color-offset { left: 0; right: auto; } .boxes--content--block .slider-arrows .carousel-arrow.lft-color-offset svg { transform: rotate(180deg); } .rooms--content--block { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; width: 100vw; margin-top: 6.9vw; } @media only screen and (max-width: 750px) { .rooms--content--block { margin-bottom: 66px; } } .rooms--content--block__rooms-box { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-content: stretch; align-items: center; width: 100vw; max-width: calc( 100vw - 250px); margin: auto; gap: 3.5vw; } @media only screen and (max-width: 1160px) { .rooms--content--block__rooms-box { max-width: calc(100vw - 160px); } } @media only screen and (max-width: 750px) { .rooms--content--block__rooms-box { max-width: calc(100vw - 64px); } } @media only screen and (max-width: 1160px) { .rooms--content--block__rooms-box { align-items: normal; gap: 62px; } } @media only screen and (max-width: 750px) { .rooms--content--block__rooms-box { flex-direction: column; gap: 0; } } @media only screen and (max-width: 1160px) { .rooms--content--block__rooms-box.reverse { flex-direction: column-reverse; gap: 0; } } .rooms--content--block__img-column { order: 0; flex: 1 1 40%; align-self: auto; } .rooms--content--block__img-column .primary-img .img--content { aspect-ratio: 0.62; } @media only screen and (max-width: 1160px) { .rooms--content--block__img-column .primary-img .img--content { aspect-ratio: 0.70; } } @media only screen and (max-width: 750px) { .rooms--content--block__img-column .primary-img .img--content { aspect-ratio: 1.7; height: 193px; } } .rooms--content--block__text-column { order: 1; flex: 1 1 52%; align-self: auto; } @media only screen and (max-width: 1160px) { .rooms--content--block__text-column { flex: 1 1 46%; } } @media only screen and (max-width: 750px) { .rooms--content--block__text-column { margin-top: 5vw; } } @media only screen and (max-width: 1160px) { .rooms--content--block__text-column .buttons-block .copy--content--cta .link--cta { margin-top: 36px; } } .rooms--content--block__text-column .subtitle-content { margin-bottom: 1vw; } @media only screen and (max-width: 1160px) { .rooms--content--block__text-column .subtitle-content { margin-bottom: 0; } } .rooms--content--block__text-column .subtitle-content h3 { font-family: "Source Sans Pro", sans-serif; font-size: .8vw; font-weight: 600; letter-spacing: .25vw; color: #97501b; text-transform: uppercase; } @media only screen and (max-width: 1160px) { .rooms--content--block__text-column .subtitle-content h3 { font-size: 12px; } } @media only screen and (max-width: 750px) { .rooms--content--block__text-column .subtitle-content h3 { font-size: 13px; letter-spacing: 6.24px; } } @media only screen and (max-width: 1160px) { .rooms--content--block__text-column .title-content { max-width: 25vw; } } @media only screen and (max-width: 750px) { .rooms--content--block__text-column .title-content { max-width: 100%; } } .rooms--content--block__text-column .title-content h2 { letter-spacing: 0.085vw; line-height: 1; font-size: 2vw; color: #5a5045; font-weight: 400; } @media only screen and (max-width: 1160px) { .rooms--content--block__text-column .title-content h2 { font-size: 26px; line-height: 1.65; letter-spacing: 1.09px; } } @media only screen and (max-width: 750px) { .rooms--content--block__text-column .title-content h2 { font-size: 29px; line-height: 1.24; letter-spacing: 1.22px; } } .rooms--content--block__text-column .copy-content { margin-top: 1.2vw; max-width: 585px; } @media only screen and (max-width: 750px) { .rooms--content--block__text-column .copy-content { margin-top: 12px; } } .rooms--content--block__text-column .copy-content p { line-height: 1.56; letter-spacing: 0.5px; font-family: "Source Sans Pro", sans-serif; } @media only screen and (max-width: 750px) { .rooms--content--block__text-column .copy-content p { line-height: 1.56; letter-spacing: 0.05px; margin-bottom: 31px; } } .rooms--content--block__text-column .copy--content--cta { margin-top: 1.8vw; } @media only screen and (max-width: 750px) { .rooms--content--block__text-column .copy--content--cta { margin-top: 44px; } .rooms--content--block__text-column .copy--content--cta .cta--button-bg { width: 100%; } } .rooms--content--block__text-column .copy--content--cta.last-link { margin-top: 3vw; } @media only screen and (max-width: 1160px) { .rooms--content--block__text-column .copy--content--cta.last-link { margin-top: 7vw; } } @media only screen and (max-width: 750px) { .rooms--content--block__text-column .copy--content--cta.last-link { margin-top: 44px; } } .rooms--content--block__text-column .secondary-img { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-content: stretch; align-items: flex-start; gap: .8vw; margin-top: 6vw; margin-left: -9vw; } .rooms--content--block__text-column .secondary-img .img--content { order: 0; flex: 1 1 50%; align-self: auto; aspect-ratio: 1.6; } .rooms--content--block__text-column .buttons-block { margin-top: 5.4vw; padding-bottom: 1.5vw; } @media only screen and (max-width: 750px) { .rooms--content--block__text-column .buttons-block { margin-top: 50px; } } .content--page .rooms--content--block + .rooms--content--block .rooms--content--block__rooms-box { flex-direction: row-reverse; } @media only screen and (max-width: 750px) { .content--page .rooms--content--block + .rooms--content--block .rooms--content--block__rooms-box { flex-direction: column; } } .content--page .rooms--content--block + .rooms--content--block .rooms--content--block__rooms-box .rooms--content--block__text-column .secondary-img { margin-left: auto; margin-right: -9vw; } .copy--list--block { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; position: relative; width: 100vw; margin-top: 4.7vw; padding-top: 7.2vw; padding-bottom: 7.7vw; background: rgba(229, 217, 206, 0.65); } @media only screen and (max-width: 1160px) { .copy--list--block { padding-top: 20vw; } } @media only screen and (max-width: 750px) { .copy--list--block { padding-bottom: 88px; padding: 0 32px 88px 32px; } } .copy--list--block__top-content { display: grid; grid-template-columns: 1fr 1fr 1fr; } @media only screen and (max-width: 750px) { .copy--list--block__top-content { grid-template-columns: 1fr; } } .copy--list--block__top-content .left-img { order: 0; flex: 0 1 31.5vw; align-self: auto; margin-top: 9.9vw; } @media only screen and (max-width: 1160px) { .copy--list--block__top-content .left-img { margin-top: 0; flex: auto; max-width: 100%; } } @media only screen and (max-width: 1160px) { .copy--list--block__top-content .left-img .img--content { aspect-ratio: 1.50; width: 50.6vw; } } @media only screen and (max-width: 750px) { .copy--list--block__top-content .left-img .img--content { width: 100%; } } .copy--list--block__top-content .copy-content { order: 0; flex: 0 1 45.5vw; align-self: auto; padding-left: 4.2vw; } @media only screen and (max-width: 1160px) { .copy--list--block__top-content .copy-content { grid-column: 1/4; order: 3; padding-left: 86px; margin-top: 20vw; } } @media only screen and (max-width: 750px) { .copy--list--block__top-content .copy-content { padding-left: 0; margin-top: 5vw; } } .copy--list--block__top-content .copy-content .subtitle-content h3 { font-family: "Source Sans Pro", sans-serif; font-size: .8vw; font-weight: 600; letter-spacing: 6.25px; color: #97501b; text-transform: uppercase; } @media only screen and (max-width: 1160px) { .copy--list--block__top-content .copy-content .subtitle-content h3 { font-size: 12px; } } @media only screen and (max-width: 750px) { .copy--list--block__top-content .copy-content .subtitle-content h3 { line-height: 1.38; letter-spacing: 6px; } } .copy--list--block__top-content .copy-content .title-content { max-width: 18vw; margin-top: 1.3vw; } @media only screen and (max-width: 1160px) { .copy--list--block__top-content .copy-content .title-content { max-width: 100vw; } } .copy--list--block__top-content .copy-content .title-content h2 { letter-spacing: 0.085vw; font-size: 2vw; color: #5a5045; font-weight: 400; } @media only screen and (max-width: 1160px) { .copy--list--block__top-content .copy-content .title-content h2 { font-size: 26px; } .copy--list--block__top-content .copy-content .title-content h2 br { display: none; } } @media only screen and (max-width: 750px) { .copy--list--block__top-content .copy-content .title-content h2 { font-size: 34px; line-height: 1.26; } } .copy--list--block__top-content .copy-content .text--block { margin-top: 1.2vw; width: 100%; max-width: 34vw; margin-top: 1.9vw; } @media only screen and (max-width: 1160px) { .copy--list--block__top-content .copy-content .text--block { max-width: 100vw; } } .copy--list--block__top-content .copy-content .text--block p { line-height: 1.56; letter-spacing: 0.5px; font-family: "Source Sans Pro", sans-serif; } .copy--list--block__top-content .copy-content .text--block ul { list-style: none; padding: 0; } .copy--list--block__top-content .copy-content .text--block ul li { font-family: "Source Sans Pro", sans-serif; position: relative; padding-left: 25px; line-height: 2.13; margin-bottom: 10px; } @media only screen and (max-width: 750px) { .copy--list--block__top-content .copy-content .text--block ul li { line-height: 1.5; margin-bottom: 0; } } .copy--list--block__top-content .copy-content .text--block ul li::before { content: ''; background: transparent url("images/icons/list-icon.svg") no-repeat scroll center center; display: inline-block; width: 13px; height: 13px; position: absolute; left: 0; top: 11px; } .copy--list--block__top-content .right-img { order: 0; flex: 0 1 23vw; align-self: auto; margin-top: 3.8vw; } @media only screen and (max-width: 1160px) { .copy--list--block__top-content .right-img { padding-left: 80px; position: absolute; top: 33vw; right: 5vw; } } .copy--list--block__top-content .right-img .img--content { max-width: 20.3vw; } @media only screen and (max-width: 1160px) { .copy--list--block__top-content .right-img .img--content { max-width: 35vw; aspect-ratio: 1.50; } } .copy--list--block__top-content .right-img .caption-img { max-width: 14vw; margin-top: 2vw; } @media only screen and (max-width: 1160px) { .copy--list--block__top-content .right-img .caption-img { max-width: 29vw; margin-top: 4vw; } } .copy--list--block__top-content .right-img .caption-img .separator { display: block; background: #97501b; height: 1px; max-width: 57px; margin-bottom: 1.2vw; } .copy--list--block__top-content .right-img .caption-img p { font-family: "Playfair Display", sans-serif; font-style: italic; line-height: 1.56; letter-spacing: 0.13px; margin: 0; } .copy--list--block__bottom-content { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: center; padding-left: 42.1vw; margin-top: 2.9vw; } @media only screen and (max-width: 1160px) { .copy--list--block__bottom-content { padding: 0 80px; margin-top: 74px; } } .copy--list--block__bottom-content .left-img { order: 0; flex: 0 1 23.5vw; align-self: auto; } @media only screen and (max-width: 1160px) { .copy--list--block__bottom-content .left-img { flex: 0 1 39.4vw; } } @media only screen and (max-width: 1160px) { .copy--list--block__bottom-content .left-img .img--content { width: 100%; aspect-ratio: 0.71; } } .copy--list--block__bottom-content .copy-content { order: 0; flex: 0 1 76.5vw; align-self: auto; } .copy--list--block__bottom-content .copy-content .text--block { padding-left: 3.7vw; max-width: 37.5vw; } @media only screen and (max-width: 1160px) { .copy--list--block__bottom-content .copy-content .text--block { max-width: 100vw; } } .copy--list--block__bottom-content .copy-content .text--block p { line-height: 1.56; letter-spacing: 0.5px; font-family: "Source Sans Pro", sans-serif; } .copy--list--block__bottom-content .copy-content .text--block ul { list-style: none; padding: 0; } .copy--list--block__bottom-content .copy-content .text--block ul li { font-family: "Source Sans Pro", sans-serif; position: relative; padding-left: 27px; line-height: 1.25; margin-bottom: 1.5vw; } .copy--list--block__bottom-content .copy-content .text--block ul li::before { content: ''; background: transparent url("images/icons/list-icon.svg") no-repeat scroll center center; display: inline-block; width: 13px; height: 13px; position: absolute; left: 0; top: 5px; } .title--section--rooms { margin-top: 8.2vw; } @media only screen and (max-width: 1160px) { .title--section--rooms { justify-content: center; } } @media only screen and (max-width: 1160px) { .title--section--rooms h2 { font-size: 85px; transform: none !important; } } @media only screen and (max-width: 750px) { .title--section--rooms h2 { font-size: 15.5vw; letter-spacing: 3px; } } .title--section--spa { margin: 8.2vw 0; } @media only screen and (max-width: 1160px) { .title--section--spa { margin: 8.2vw 0 2vw; } .title--section--spa h2 { font-size: 85px; line-height: 1.12; letter-spacing: 4.25px; } } @media only screen and (max-width: 750px) { .title--section--spa h2 { font-size: 67px; line-height: 1.01; letter-spacing: 3.35px; transform: none !important; } } .offerings--content--block { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-content: flex-start; align-items: flex-start; position: relative; width: 100vw; max-width: calc( 100vw - 250px); gap: 55px; margin: auto; margin-top: 70px; } @media only screen and (max-width: 1160px) { .offerings--content--block { max-width: calc(100vw - 160px); } } @media only screen and (max-width: 750px) { .offerings--content--block { max-width: calc(100vw - 64px); } } @media only screen and (max-width: 1160px) { .offerings--content--block { display: grid; grid-template-columns: 1fr 1fr; margin-top: 0; } } @media only screen and (max-width: 750px) { .offerings--content--block { grid-template-columns: 1fr; } } .offerings--content--block__block-intro { order: 0; flex: 1 1 24.5vw; align-self: auto; border-right: 1px solid #97501b; padding-right: 35px; } @media only screen and (max-width: 1160px) { .offerings--content--block__block-intro { border-right: none; margin-top: 32px; } } @media only screen and (max-width: 750px) { .offerings--content--block__block-intro { padding-right: 0; } } .offerings--content--block__block-intro .title-content h2 { letter-spacing: 0.085vw; font-size: 3vw; line-height: 1.25; color: #5a5045; font-weight: 400; } @media only screen and (max-width: 1160px) { .offerings--content--block__block-intro .title-content h2 { font-size: 50px; line-height: 1.14; letter-spacing: 2.1px; } } @media only screen and (max-width: 750px) { .offerings--content--block__block-intro .title-content h2 { font-size: 34px; line-height: 1.32; letter-spacing: 1.43px; } .offerings--content--block__block-intro .title-content h2 br { display: none; } } .offerings--content--block__block-intro .copy-content { margin-top: 20px; } @media only screen and (max-width: 750px) { .offerings--content--block__block-intro .copy-content { margin-top: 10px; } } .offerings--content--block__block-intro .copy-content p { font-size: .9vw; line-height: 1.5; letter-spacing: 0.29px; font-family: "Source Sans Pro", sans-serif; } @media only screen and (max-width: 1160px) { .offerings--content--block__block-intro .copy-content p { font-size: 15px; line-height: 1.33; letter-spacing: 0.29px; } } .offerings--content--block__block-intro .copy--content--cta { margin-top: 35px; } @media only screen and (max-width: 750px) { .offerings--content--block__block-intro .copy--content--cta { width: 100%; margin-top: 25px; } } .offerings--content--block__block-intro .copy--content--cta.last-link { margin-top: 50px; } @media only screen and (max-width: 750px) { .offerings--content--block__block-intro .copy--content--cta.last-link { margin-top: 37px; } } @media only screen and (max-width: 1160px) { .offerings--content--block__block-intro .copy--content--cta .cta--button-bg span { font-size: 14px; } } @media only screen and (max-width: 750px) { .offerings--content--block__block-intro .copy--content--cta .cta--button-bg { width: 100%; } } .offerings--content--block__boxes-single { order: 0; flex: 1 1 76.5vw; align-self: auto; display: flex; flex-direction: row; justify-content: center; align-content: stretch; gap: 55px; } @media only screen and (max-width: 1160px) { .offerings--content--block__boxes-single { flex-direction: column; margin-top: 20vw; } } @media only screen and (max-width: 750px) { .offerings--content--block__boxes-single { flex-direction: column; margin-top: 0; } } .offerings--content--block__boxes-single .boxes--single--content { display: flex; flex-direction: column; flex: 1 1 33vw; } @media only screen and (max-width: 1160px) { .offerings--content--block__boxes-single .boxes--single--content:nth-child(2) { position: absolute; top: 75vw; left: 0; width: 320px; max-width: 100%; } } @media only screen and (max-width: 750px) { .offerings--content--block__boxes-single .boxes--single--content:nth-child(2) { position: inherit; width: 100%; } } .offerings--content--block__boxes-single .boxes--single--content .icon-box { text-align: center; height: 235px; } @media only screen and (max-width: 1160px) { .offerings--content--block__boxes-single .boxes--single--content .icon-box { height: 170px; } } @media only screen and (max-width: 750px) { .offerings--content--block__boxes-single .boxes--single--content .icon-box { height: 110px; } } .offerings--content--block__boxes-single .boxes--single--content .icon-box img { margin: auto; max-height: 14vw; } @media only screen and (max-width: 750px) { .offerings--content--block__boxes-single .boxes--single--content .icon-box img { max-height: 23vw; } } .offerings--content--block__boxes-single .boxes--single--content .title-box { margin-top: 2.6vw; text-align: center; } .offerings--content--block__boxes-single .boxes--single--content .title-box h2 { font-family: "Source Sans Pro", sans-serif; font-size: .8vw; font-weight: 600; letter-spacing: .25vw; color: #97501b; text-transform: uppercase; } @media only screen and (max-width: 1160px) { .offerings--content--block__boxes-single .boxes--single--content .title-box h2 { font-size: 12px; } } @media only screen and (max-width: 750px) { .offerings--content--block__boxes-single .boxes--single--content .title-box h2 { font-size: 13px; margin-bottom: 12px; line-height: 1.38; letter-spacing: 6.24px; } } .offerings--content--block__boxes-single .boxes--single--content .subtitle-box { margin-top: 1vw; margin-bottom: 1vw; text-align: center; min-height: 43px; } @media only screen and (max-width: 1160px) { .offerings--content--block__boxes-single .boxes--single--content .subtitle-box { min-height: auto; } } .offerings--content--block__boxes-single .boxes--single--content .subtitle-box h3 { font-family: "Playfair Display", sans-serif; font-size: .9vw; font-weight: 400; font-style: italic; line-height: 1.4; letter-spacing: 1.23px; color: #5a5045; } @media only screen and (max-width: 1160px) { .offerings--content--block__boxes-single .boxes--single--content .subtitle-box h3 { font-size: 13px; line-height: 1.43; letter-spacing: 1.15px; } } .offerings--content--block__boxes-single .boxes--single--content .copy-box { margin-top: 0; } .offerings--content--block__boxes-single .boxes--single--content .copy-box p { font-size: .9vw; line-height: 1.25; letter-spacing: 0.29px; font-family: "Source Sans Pro", sans-serif; margin-bottom: 0; } @media only screen and (max-width: 1160px) { .offerings--content--block__boxes-single .boxes--single--content .copy-box p { font-size: 15px; line-height: 1.33; letter-spacing: 0.29px; } } .map--key--block { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; position: relative; width: 100vw; margin-top: 7.2vw; background: rgba(229, 217, 206, 0.65); } @media only screen and (max-width: 750px) { .map--key--block { padding: 40px 32px; } } .map--key--block__content { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: center; gap: 6.1vw; width: 1120px; max-width: calc( 100vw - 250px); margin: auto; padding-bottom: 5vw; } @media only screen and (max-width: 1160px) { .map--key--block__content { max-width: calc(100vw - 160px); } } @media only screen and (max-width: 750px) { .map--key--block__content { max-width: calc(100vw - 64px); } } @media only screen and (max-width: 1160px) { .map--key--block__content { max-width: 100%; padding: 0; } } @media only screen and (max-width: 750px) { .map--key--block__content { flex-direction: column-reverse; } } .map--key--block__map-content { order: 0; flex: 1 1 50vw; align-self: auto; text-align: center; } @media only screen and (max-width: 1160px) { .map--key--block__map-content { width: 100%; flex: auto; } } .map--key--block__map-content svg { max-height: 100vh; } @media only screen and (max-width: 1160px) { .map--key--block__map-content svg { width: 100%; max-height: var(--app-height); } } .map--key--block__map-content svg .circle_content { cursor: pointer; } .map--key--block__map-content svg .circle_content:hover .circle_map g, .map--key--block__map-content svg .circle_content.hover .circle_map g, .map--key--block__map-content svg .circle_content.active .circle_map g { fill: #97501b; } .map--key--block__map-content svg .circle_content:hover text, .map--key--block__map-content svg .circle_content.hover text, .map--key--block__map-content svg .circle_content.active text { fill: #ffffff; } .map--key--block__key-content { order: 0; flex: 1 1 50vw; align-self: auto; padding-top: 50px; } @media only screen and (max-width: 1160px) { .map--key--block__key-content { padding: 0 46px 0 0; flex: auto; width: 100%; } } @media only screen and (max-width: 750px) { .map--key--block__key-content { padding: 0; } } .map--key--block__key-content .copy-content .subtitle-content h3 { font-family: "Source Sans Pro", sans-serif; font-size: .8vw; font-weight: 600; letter-spacing: .25vw; color: #97501b; text-transform: uppercase; } @media only screen and (max-width: 1160px) { .map--key--block__key-content .copy-content .subtitle-content h3 { font-size: 12px; } } @media only screen and (max-width: 750px) { .map--key--block__key-content .copy-content .subtitle-content h3 { letter-spacing: 6.24px; } } .map--key--block__key-content .copy-content .title-content h2 { letter-spacing: 0.085vw; font-size: 3vw; line-height: 1.15; color: #5a5045; font-weight: 400; } @media only screen and (max-width: 1500px) { .map--key--block__key-content .copy-content .title-content h2 { font-size: 3vw; } } @media only screen and (max-width: 750px) { .map--key--block__key-content .copy-content .title-content h2 { font-size: 36px; margin-top: 10px; } } .map--key--block__key-content .copy-content .text--block { margin-top: 1vw; max-width: 22.7vw; } @media only screen and (max-width: 1160px) { .map--key--block__key-content .copy-content .text--block { max-width: 100vw; } } .map--key--block__key-content .copy-content .text--block p { font-size: .9vw; line-height: 1.25; letter-spacing: 0.29px; font-family: "Source Sans Pro", sans-serif; } @media only screen and (max-width: 1160px) { .map--key--block__key-content .copy-content .text--block p { font-size: 12px; } } @media only screen and (max-width: 750px) { .map--key--block__key-content .copy-content .text--block p { font-size: 14px; } } .map--key--block__key-content .map-keys-box { border: 2px double #97501b; max-width: 20.3vw; margin-top: 2.1vw; padding: 1.8vw 2.7vw; position: relative; } @media only screen and (max-width: 1160px) { .map--key--block__key-content .map-keys-box { max-width: 100vw; } } @media only screen and (max-width: 750px) { .map--key--block__key-content .map-keys-box { display: none; } } .map--key--block__key-content .map-keys-box::after { content: ""; position: absolute; top: 4px; left: 4px; right: 4px; bottom: 4px; border: 1px solid #97501b; z-index: -1; } .map--key--block__key-content .map-keys-box .title-box span { font-family: "Source Sans Pro", sans-serif; font-size: .8vw; font-weight: 600; letter-spacing: .25vw; color: #97501b; text-transform: uppercase; display: block; text-align: center; } @media only screen and (max-width: 1160px) { .map--key--block__key-content .map-keys-box .title-box span { font-size: 12px; } } .map--key--block__key-content .map-keys-box ul { margin-top: 20px; } .map--key--block__key-content .map-keys-box ul li { display: block; border-bottom: 1px solid #97501b; margin-bottom: 8px; padding-bottom: 8px; } .map--key--block__key-content .map-keys-box ul li button { font-family: "Source Sans Pro", sans-serif; font-size: 1.22vw; color: #5a5045; text-transform: uppercase; transition: all 0.5s ease; display: flex; align-items: center; width: 100%; text-align: left; } @media only screen and (max-width: 750px) { .map--key--block__key-content .map-keys-box ul li button { font-size: 12px; } } .map--key--block__key-content .map-keys-box ul li button span { display: inline-block; text-align: center; border: 1px solid #97501b; color: #97501b; border-radius: 50%; width: 23px; line-height: 21px; font-family: "Source Sans Pro", sans-serif; font-weight: 600; font-size: 10px; margin-right: 10px; transition: all 0.5s ease; } .map--key--block__key-content .map-keys-box ul li button:hover span, .map--key--block__key-content .map-keys-box ul li button.hover span, .map--key--block__key-content .map-keys-box ul li button.active span { background: #97501b; color: #ffffff; } .map--key--block__key-content .map-keys-box ul li:last-child { border-bottom: 0 none; margin-bottom: 0; padding-bottom: 0; } .map--key--block__info-key { position: fixed; right: 0; top: 0; bottom: 0; width: 100%; max-width: 570px; background: #97501b; z-index: 15; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-content: stretch; align-items: flex-start; width: 100%; } @media only screen and (max-width: 1160px) { .map--key--block__info-key { max-width: 52.3vw; } } @media only screen and (max-width: 750px) { .map--key--block__info-key { max-width: 100vw; height: 200vw; } } .map--key--block__info-key .close-box { position: absolute; top: 25px; right: 25px; } .map--key--block__info-key .img-key img { width: 100%; } .map--key--block__info-key .copy-key { padding-left: 3.3vw; overflow-y: auto; padding-right: 1.5vw; width: 100%; max-width: 92%; position: relative; order: 0; flex: 1 1 auto; margin-top: 3vw; align-self: auto; margin-bottom: 3vw; } .map--key--block__info-key .copy-key .copy-key-content { position: absolute; top: 0; bottom: 0; } @media only screen and (max-width: 750px) { .map--key--block__info-key .copy-key .copy-key-content { right: 33px; left: 33px; } } @media only screen and (max-width: 750px) { .map--key--block__info-key .copy-key { max-width: 100%; } } .map--key--block__info-key .copy-key::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.3); border-radius: 10px; background-color: grba(255, 255, 255, 0.3); } .map--key--block__info-key .copy-key::-webkit-scrollbar { width: 2px; background-color: grba(255, 255, 255, 0.3); height: 50px; } .map--key--block__info-key .copy-key::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.3); background-color: #ffffff; } @media only screen and (max-width: 1160px) { .map--key--block__info-key .copy-key { padding: 46px 39px 0; margin-top: 5vw; padding-top: 0; } } @media only screen and (max-width: 750px) { .map--key--block__info-key .copy-key { padding: 0; } } .map--key--block__info-key .copy-key .key-name { flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: center; transition: all 0.5s ease; } .map--key--block__info-key .copy-key .key-name span { display: inline-block; text-align: center; border: 1px solid #ffffff; color: #ffffff; border-radius: 50%; width: 23px; line-height: 21px; font-family: "Source Sans Pro", sans-serif; font-weight: 600; font-size: 10px; margin-right: 15px; transition: all 0.5s ease; } .map--key--block__info-key .copy-key .key-name h3 { display: inline-block; font-family: "Source Sans Pro", sans-serif; font-size: .8vw; font-weight: 600; letter-spacing: .25vw; color: #97501b; text-transform: uppercase; color: #ffffff; } @media only screen and (max-width: 1160px) { .map--key--block__info-key .copy-key .key-name h3 { font-size: 12px; } } .map--key--block__info-key .copy-key .key-title { max-width: 400px; margin-top: 15px; } .map--key--block__info-key .copy-key .key-title h2 { letter-spacing: 0.085vw; font-size: 2vw; color: #5a5045; font-weight: 400; color: #ffffff; } @media only screen and (max-width: 1160px) { .map--key--block__info-key .copy-key .key-title h2 { font-size: 34px; line-height: 1.26; letter-spacing: 1.43px; } } .map--key--block__info-key .copy-key .key-copy { margin-top: 2vw; } @media only screen and (min-width: 1160px) { .map--key--block__info-key .copy-key .key-copy { max-width: 26vw; } } @media only screen and (max-width: 1160px) { .map--key--block__info-key .copy-key .key-copy { margin-top: 24px; } } @media only screen and (max-width: 750px) { .map--key--block__info-key .copy-key .key-copy { max-width: 100%; } } .map--key--block__info-key .copy-key .key-copy p { line-height: 1.56; letter-spacing: 0.5px; font-family: "Source Sans Pro", sans-serif; color: #ffffff; } .list--copy--block { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; position: relative; width: 100vw; margin-top: 3.7vw; } @media only screen and (max-width: 1160px) { .list--copy--block { display: grid; grid-template-columns: 1fr 1fr 1fr; } } @media only screen and (max-width: 750px) { .list--copy--block { flex-direction: column; grid-template-columns: 1fr; } } .list--copy--block .left-img { order: 0; flex: 0 1 28vw; align-self: auto; } .list--copy--block .copy-content { order: 0; flex: 0 1 45vw; align-self: auto; padding-left: 4.2vw; } @media only screen and (max-width: 1160px) { .list--copy--block .copy-content { grid-column: 2/4; padding: 0 80px 0 40px; } } @media only screen and (max-width: 750px) { .list--copy--block .copy-content { padding: 0 32px; margin-top: 30px; } } .list--copy--block .copy-content .subtitle-content h3 { font-family: "Source Sans Pro", sans-serif; font-size: .8vw; font-weight: 600; letter-spacing: .25vw; color: #97501b; text-transform: uppercase; } @media only screen and (max-width: 1160px) { .list--copy--block .copy-content .subtitle-content h3 { font-size: 12px; letter-spacing: 6.11px; } } .list--copy--block .copy-content .title-content { max-width: 25vw; margin-top: 5px; } @media only screen and (max-width: 1160px) { .list--copy--block .copy-content .title-content { max-width: 100vw; } } .list--copy--block .copy-content .title-content h2 { letter-spacing: 0.085vw; font-size: 2vw; color: #5a5045; font-weight: 400; } @media only screen and (max-width: 1160px) { .list--copy--block .copy-content .title-content h2 { font-size: 34px; } } .list--copy--block .copy-content .text--block { margin-top: 1.2vw; width: 100%; max-width: 32.5vw; margin-top: 1.9vw; } @media only screen and (max-width: 1160px) { .list--copy--block .copy-content .text--block { max-width: 100vw; } } @media only screen and (max-width: 750px) { .list--copy--block .copy-content .text--block { margin-top: 15px; } } .list--copy--block .copy-content .text--block p { line-height: 1.5; letter-spacing: 0.23px; font-family: "Source Sans Pro", sans-serif; font-size: .9vw; } @media only screen and (max-width: 1160px) { .list--copy--block .copy-content .text--block p { font-size: 16px; } } @media only screen and (max-width: 750px) { .list--copy--block .copy-content .text--block p { margin-bottom: 35px; } } .list--copy--block .copy-content .text--block ul { list-style: none; padding: 0; max-width: 30vw; margin-top: 3vw; } @media only screen and (max-width: 1160px) { .list--copy--block .copy-content .text--block ul { position: absolute; top: 54vw; left: 7vw; max-width: 45vw; } } @media only screen and (max-width: 750px) { .list--copy--block .copy-content .text--block ul { position: inherit; max-width: 100%; } } .list--copy--block .copy-content .text--block ul li { font-family: "Source Sans Pro", sans-serif; position: relative; padding-left: 27px; line-height: 1.25; margin-bottom: 1.5vw; font-size: .9vw; } @media only screen and (max-width: 1160px) { .list--copy--block .copy-content .text--block ul li { font-size: 16px; letter-spacing: 0.05px; margin-bottom: 20px; } } .list--copy--block .copy-content .text--block ul li::before { content: ''; background: transparent url("images/icons/list-icon.svg") no-repeat scroll center center; display: inline-block; width: 13px; height: 13px; position: absolute; left: 0; top: 5px; } .list--copy--block .right-img { order: 0; flex: 0 1 27vw; align-self: auto; margin-top: 8.5vw; } @media only screen and (max-width: 1160px) { .list--copy--block .right-img { padding-left: 0; grid-column: 3/3; } } @media only screen and (max-width: 750px) { .list--copy--block .right-img { grid-column: 2/4; padding: 0 32px; } } .list--copy--block .right-img .img--content { max-width: 24vw; } @media only screen and (max-width: 1160px) { .list--copy--block .right-img .img--content { max-width: 40vw; } } @media only screen and (max-width: 750px) { .list--copy--block .right-img .img--content { max-width: 100vw; aspect-ratio: 1.45; } } .list--copy--block .right-img .caption-img { max-width: 15vw; margin-top: 2vw; } @media only screen and (max-width: 1160px) { .list--copy--block .right-img .caption-img { width: 241px; max-width: 100%; margin-top: 3vw; } } @media only screen and (max-width: 750px) { .list--copy--block .right-img .caption-img { width: 100%; } } .list--copy--block .right-img .caption-img .separator { display: block; background: #97501b; height: 1px; max-width: 57px; margin-bottom: 1.2vw; } @media only screen and (max-width: 1160px) { .list--copy--block .right-img .caption-img .separator { margin-bottom: 2vw; } } @media only screen and (max-width: 1160px) { .list--copy--block .right-img .caption-img .separator { margin: 35px 0 21px 0; } } .list--copy--block .right-img .caption-img p { font-family: "Playfair Display", sans-serif; font-style: italic; line-height: 1.56; letter-spacing: 0.13px; margin: 0; } .details--content--block--single { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; position: relative; width: 100vw; margin-top: 2.2vw; } @media only screen and (max-width: 1160px) { .details--content--block--single { flex-direction: column; width: 100%; } } @media only screen and (max-width: 750px) { .details--content--block--single { width: 100%; } } .details--content--block--single__left--content { order: 0; flex: 0 1 50vw; align-self: auto; } @media only screen and (max-width: 1160px) { .details--content--block--single__left--content { width: 100%; flex: 0 1 20vw; } } .details--content--block--single__left--content .subtitle-content { max-width: 21.5vw; } @media only screen and (max-width: 1160px) { .details--content--block--single__left--content .subtitle-content { width: 100%; max-width: 100%; } } .details--content--block--single__left--content .subtitle-content h3 { font-family: "Source Sans Pro", sans-serif; font-size: .8vw; font-weight: 600; letter-spacing: .25vw; color: #97501b; text-transform: uppercase; } @media only screen and (max-width: 1160px) { .details--content--block--single__left--content .subtitle-content h3 { font-size: 12px; line-height: 1.58; letter-spacing: 4.8px; } } .details--content--block--single__left--content .title-content { max-width: 21.5vw; } @media only screen and (max-width: 1160px) { .details--content--block--single__left--content .title-content { max-width: 100%; } } .details--content--block--single__left--content .title-content .h2 { letter-spacing: 0.085vw; font-size: 3.8vw; line-height: 1.15; color: #5a5045; font-weight: 400; } @media only screen and (max-width: 1160px) { .details--content--block--single__left--content .title-content .h2 { font-size: 44px; line-height: 1.23; letter-spacing: 2.29px; } .details--content--block--single__left--content .title-content .h2 br { display: none; } } @media only screen and (max-width: 750px) { .details--content--block--single__left--content .title-content .h2 { margin-top: 0; } } .details--content--block--single__left--content .copy--content--cta { margin-top: 2.2vw; } @media only screen and (max-width: 750px) { .details--content--block--single__left--content .copy--content--cta { margin: 34px 0 25px 0; } } @media only screen and (max-width: 1160px) { .details--content--block--single__left--content .copy--content--cta .cta--button-bg .reserve-txt { font-size: 11px; } } @media only screen and (max-width: 750px) { .details--content--block--single__left--content .copy--content--cta .cta--button-bg { width: 100%; } } .details--content--block--single__left--content .icon-box { margin-top: 12.5vw; margin-left: 6vw; max-width: 12.2vw; } @media only screen and (max-width: 1160px) { .details--content--block--single__left--content .icon-box { position: absolute; bottom: 7vw; right: 13vw; max-width: 16.9vw; } } .details--content--block--single__right--content { order: 0; flex: 0 1 50vw; align-self: auto; } .details--content--block--single__right--content .copy-content p { font-size: 1.7vw; line-height: 1.7; letter-spacing: 0.58px; font-family: "Ivy Mode", sans-serif; } @media only screen and (max-width: 1160px) { .details--content--block--single__right--content .copy-content p { line-height: 1.91; letter-spacing: 0.44px; font-size: 22px; } } @media only screen and (max-width: 750px) { .details--content--block--single__right--content .copy-content p { line-height: 1.94; letter-spacing: 0.34px; font-size: 17px; margin-bottom: 73px; } } .details--content--block--single__right--content .list-content { margin-top: 5.5vw; } .details--content--block--single__right--content .list-content .title--block--list h3 { font-family: "Source Sans Pro", sans-serif; font-size: .8vw; font-weight: 600; letter-spacing: .25vw; color: #97501b; text-transform: uppercase; } @media only screen and (max-width: 1160px) { .details--content--block--single__right--content .list-content .title--block--list h3 { letter-spacing: 4.8px; font-size: 12px; } } @media only screen and (max-width: 750px) { .details--content--block--single__right--content .list-content .title--block--list h3 { font-size: 13px; letter-spacing: 6px; } } .details--content--block--single__right--content .list-content .text--block--list { margin-top: 2vw; max-width: 22.4vw; } @media only screen and (max-width: 1160px) { .details--content--block--single__right--content .list-content .text--block--list { max-width: 43vw; } } @media only screen and (max-width: 750px) { .details--content--block--single__right--content .list-content .text--block--list { max-width: 100%; margin-top: 2.3vw; } } .details--content--block--single__right--content .list-content .text--block--list p { line-height: 1.25; letter-spacing: 0.23px; font-family: "Source Sans Pro", sans-serif; font-size: .9vw; } .details--content--block--single__right--content .list-content .text--block--list ul { list-style: none; padding: 0; max-width: 30vw; } @media only screen and (max-width: 1160px) { .details--content--block--single__right--content .list-content .text--block--list ul { max-width: 100%; } } .details--content--block--single__right--content .list-content .text--block--list ul li { font-family: "Source Sans Pro", sans-serif; position: relative; padding-left: 27px; line-height: 1.25; margin-bottom: 1.5vw; font-size: .9vw; } @media only screen and (max-width: 1160px) { .details--content--block--single__right--content .list-content .text--block--list ul li { letter-spacing: 0.05px; font-size: 16px; } } .details--content--block--single__right--content .list-content .text--block--list ul li::before { content: ''; background: transparent url("images/icons/list-icon.svg") no-repeat scroll center center; display: inline-block; width: 13px; height: 13px; position: absolute; left: 0; top: 3px; } .details--content--block--single__right--content .list-content .text--block--list .more--action { border-top: 1px solid #CDC1B0; border-bottom: 1px solid #CDC1B0; margin-top: 2vw; padding: 17px 0; font-family: "Playfair Display", sans-serif; color: #97501b; font-size: 16px; font-style: italic; display: block; position: relative; cursor: pointer; } @media only screen and (max-width: 1160px) { .details--content--block--single__right--content .list-content .text--block--list .more--action { letter-spacing: 1.23px; font-size: 15px; } } @media only screen and (max-width: 750px) { .details--content--block--single__right--content .list-content .text--block--list .more--action { margin-top: 35px; } } .details--content--block--single__right--content .list-content .text--block--list .more--action::after { content: ''; background: transparent url("images/icons/plus-icon.svg") no-repeat scroll center center; width: 20px; height: 20px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .details--content--block--single__right--content .list-content .text--block--list .more--action.less::after { content: ''; background: transparent url("images/icons/minus-icon.svg") no-repeat scroll center center; width: 20px; height: 20px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .double--image--block { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-content: flex-start; align-items: center; position: relative; width: 100vw; margin-top: 5.5vw; } .double--image--block__img-content { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-content: flex-start; align-items: center; width: 100vw; } @media only screen and (max-width: 750px) { .double--image--block__img-content { flex-direction: column; } } .double--image--block__img-content .left-img { order: 0; flex: 0 1 50vw; align-self: auto; } @media only screen and (max-width: 1160px) { .double--image--block__img-content .left-img .img--content { aspect-ratio: 0.8; } } @media only screen and (max-width: 750px) { .double--image--block__img-content .left-img .img--content { aspect-ratio: 1.41; } } .double--image--block__img-content .right-img { order: 0; flex: 0 1 50vw; align-self: auto; } .double--image--block__img-content .right-img .img--content { max-width: 26vw; margin-left: auto; } @media only screen and (max-width: 1160px) { .double--image--block__img-content .right-img .img--content { aspect-ratio: 1.51; margin-left: 76px; } } @media only screen and (max-width: 750px) { .double--image--block__img-content .right-img .img--content { max-width: 100%; margin-left: 0; margin-top: 35px; } } .double--image--block__img-content .right-img .caption-img { max-width: 26vw; margin-top: 2vw; margin-left: auto; } @media only screen and (max-width: 1160px) { .double--image--block__img-content .right-img .caption-img { margin-left: 76px; } } .double--image--block__img-content .right-img .caption-img .separator { display: block; background: #97501b; height: 1px; max-width: 57px; margin-bottom: 1.2vw; } .double--image--block__img-content .right-img .caption-img p { font-family: "Playfair Display", sans-serif; font-style: italic; line-height: 1.56; letter-spacing: 0.13px; margin: 0; max-width: 16vw; } @media only screen and (max-width: 1160px) { .double--image--block__img-content .right-img .caption-img p { width: 100%; max-width: 24vw; font-size: 12px; } } .double--image--block__img-content.inverted { flex-direction: row-reverse; } .double--image--block__img-content.inverted .right-img .img--content { margin-left: 0; } .double--image--block__img-content.inverted .right-img .caption-img { margin-left: 0; } .fullwidth--image--block { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-content: center; align-items: center; position: relative; width: 100vw; margin-top: 8vw; } @media only screen and (max-width: 750px) { .fullwidth--image--block { padding: 0 32px; } } .fullwidth--image--block__box--content { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-content: center; align-items: center; height: 100vh; overflow: hidden; position: relative; width: 100%; } @media only screen and (max-width: 1160px) { .fullwidth--image--block__box--content { height: calc(100vw - 436px); height: var(--app-height); } } @media only screen and (max-width: 750px) { .fullwidth--image--block__box--content { height: calc(100vw - 186px); } } .fullwidth--image--block__box--content .img--content { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } @media only screen and (max-width: 1160px) { .fullwidth--image--block__box--content .img--content { aspect-ratio: 2.11; } } @media only screen and (max-width: 750px) { .fullwidth--image--block__box--content .img--content { aspect-ratio: 1.5; } } .fullwidth--image--block__box--content .text-content { position: absolute; right: 0; width: 34vw; background: #efe6de; margin-right: 8vw; padding: 4.6vw; } @media only screen and (max-width: 1160px) { .fullwidth--image--block__box--content .text-content { width: 52.5vw; margin-right: 17px; padding: 34px 44px 30px 31px; } } @media only screen and (max-width: 750px) { .fullwidth--image--block__box--content .text-content { width: 84.2vw; left: 50%; transform: translate(-50%, 18vw); padding: 30px 28px; } } @media only screen and (max-width: 1160px) { .fullwidth--image--block__box--content .text-content .subtitle-content h3 { font-size: 12px; line-height: 1.5; letter-spacing: 4.8px; } } @media only screen and (max-width: 1160px) { .fullwidth--image--block__box--content .text-content .title-content h2 { font-size: 26px; line-height: 1.15; letter-spacing: 1.35px; margin-top: 5px; } } @media only screen and (max-width: 1160px) { .fullwidth--image--block__box--content .text-content .text--block { margin-bottom: 19px; } } .fullwidth--image--block__box--content .text-content .text--block p { line-height: 25px; letter-spacing: 0.05px; } @media only screen and (max-width: 1160px) { .fullwidth--image--block__box--content .text-content .text--block p { font-size: 14px; line-height: 1.43; letter-spacing: 0.27px; } } .fullwidth--image--block__box--content .text-content .copy--content--cta { margin-top: 40px; } @media only screen and (max-width: 1160px) { .fullwidth--image--block__box--content .text-content .copy--content--cta a span { font-size: 16px; } } @media only screen and (max-width: 750px) { .page-template-template-restaurant .fullwidth--image--block { padding: 0; } .page-template-template-restaurant .fullwidth--image--block .img--content { aspect-ratio: 1.09; width: 100%; } .page-template-template-restaurant .fullwidth--image--block .img--content img { aspect-ratio: 1.09; } } @media only screen and (max-width: 750px) { .page-template-template-restaurant .fullwidth--image--block__box--content { height: 100vw; } } @media only screen and (max-width: 750px) { .page-template-template-spa .fullwidth--image--block + .title--section--spa { display: none; } } @media only screen and (max-width: 750px) { .page-template-template-spa .fullwidth--image--block { padding: 0; } } @media only screen and (max-width: 1160px) { .page-template-template-spa .fullwidth--image--block__box--content { height: calc(100vw - 364px); } } @media only screen and (max-width: 750px) { .page-template-template-spa .fullwidth--image--block__box--content { height: 110vh; } } @media only screen and (max-width: 1160px) { .page-template-template-spa .fullwidth--image--block .img--content { aspect-ratio: 1.80; } } @media only screen and (max-width: 750px) { .page-template-template-spa .fullwidth--image--block .img--content { aspect-ratio: 1.09; width: 100%; } } .cta--copy--block { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-content: flex-start; align-items: center; position: relative; width: 100vw; margin-top: 6vw; } @media only screen and (max-width: 750px) { .cta--copy--block { margin-top: 35px; } } .cta--copy--block__block-content { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; width: 100vw; } @media only screen and (max-width: 750px) { .cta--copy--block__block-content { flex-direction: column; } } .cta--copy--block__left-content { order: 0; flex: 0 1 50vw; align-self: auto; } @media only screen and (max-width: 750px) { .cta--copy--block__left-content { width: 100%; } } .cta--copy--block__left-content .left-img { max-width: 26.3vw; margin-top: 3.5vw; } @media only screen and (max-width: 750px) { .cta--copy--block__left-content .left-img { max-width: 100%; margin-top: 35px; } } @media only screen and (max-width: 750px) { .cta--copy--block__left-content .left-img { margin-top: 0; } } @media only screen and (max-width: 1160px) { .cta--copy--block__left-content .left-img .img--content { aspect-ratio: 1.5; width: 100%; } } .cta--copy--block__left-content .copy-content { max-width: 30.5vw; margin-top: 2.5vw; } @media only screen and (max-width: 1160px) { .cta--copy--block__left-content .copy-content { max-width: 31vw; } } @media only screen and (max-width: 750px) { .cta--copy--block__left-content .copy-content { max-width: 100%; margin-top: 31px; } } .cta--copy--block__left-content .copy-content p { font-size: 2.7vw; line-height: 1.22; letter-spacing: 0.14vw; font-family: "Ivy Mode", sans-serif; } @media only screen and (max-width: 1160px) { .cta--copy--block__left-content .copy-content p { line-height: 1.28; letter-spacing: 1.87px; font-size: 36px; } .cta--copy--block__left-content .copy-content p br { display: none; } } @media only screen and (max-width: 750px) { .cta--copy--block__left-content .copy-content p { line-height: 1.12; letter-spacing: 1.77px; font-size: 34px; margin-bottom: 31px; } } .cta--copy--block__left-content .copy--content--cta { margin-top: 2.7vw; } @media only screen and (max-width: 385px) { .cta--copy--block__left-content .copy--content--cta a { width: 100%; } } .cta--copy--block__right-content { order: 0; flex: 0 1 50vw; align-self: auto; } @media only screen and (max-width: 750px) { .cta--copy--block__right-content { width: 100%; } } .cta--copy--block__right-content .icon-box { margin-right: 11.4vw; max-width: 6.4vw; margin-left: auto; } @media only screen and (max-width: 1160px) { .cta--copy--block__right-content .icon-box { margin-top: 10vw; max-width: 7.47vw; margin-right: 15vw; aspect-ratio: 0.55; } } @media only screen and (max-width: 750px) { .cta--copy--block__right-content .icon-box { max-width: 19.8vw; aspect-ratio: 0.55; margin: 62px auto 0; } } .cta--copy--block__right-content .right-img .img--content { margin-top: 4.6vw; margin-left: auto; max-width: 38.4vw; } @media only screen and (max-width: 1160px) { .cta--copy--block__right-content .right-img .img--content { aspect-ratio: 1.51; margin-left: 0; margin-top: 9vw; } } .more--post--block { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; position: relative; width: 100vw; margin-top: 9.4vw; } @media only screen and (max-width: 1160px) { .more--post--block { margin-top: 8vw; } } .more--post--block__box--content { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; position: relative; width: 100vw; text-align: center; } .more--post--block__box--content .title-content { text-align: center; width: 100vw; } .more--post--block__box--content .title-content h2 { letter-spacing: 0.085vw; font-size: 2vw; color: #5a5045; font-weight: 400; } @media only screen and (max-width: 1160px) { .more--post--block__box--content .title-content h2 { letter-spacing: 0.4px; font-size: 20px; } } @media only screen and (max-width: 750px) { .more--post--block__box--content .title-content h2 { line-height: 1.38; letter-spacing: 0.52px; font-size: 26px; } } .more--post--block__box--content .subtitle-content { text-align: center; margin-top: 1vw; margin-left: auto; margin-right: auto; position: relative; } .more--post--block__box--content .subtitle-content .nav-link-block { overflow: hidden; } .more--post--block__box--content .subtitle-content a { font-family: "Playfair Display", sans-serif; color: #97501b; font-size: 16px; font-style: italic; position: relative; font-weight: 400; } @media only screen and (max-width: 1160px) { .more--post--block__box--content .subtitle-content a { letter-spacing: 1.23px; } } @media only screen and (max-width: 750px) { .more--post--block__box--content .subtitle-content a { font-size: 15px; } } .more--post--block__box--content .subtitle-content .nav-line { background-color: #98511b; bottom: 0; height: .14vw; margin-bottom: -4px; position: absolute; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; width: 100%; } .more--post--block__line-scroll { width: 100vw; margin: auto; text-align: center; margin-top: 1vw; margin-bottom: 0.7vw; } .more--post--block__line-scroll .scroll--line { height: 26px; width: 1.5px; display: block; background-color: #97501b; margin: auto; } @media only screen and (max-width: 1160px) { .more--post--block__line-scroll .scroll--line { height: 26px; } } .more--post--block__slider--content { align-items: flex-start; display: flex; position: relative; width: 100%; margin-top: 43px; } @media only screen and (max-width: 1160px) { .more--post--block__slider--content { margin-top: 20px; } } @media only screen and (max-width: 750px) { .more--post--block__slider--content { position: initial; } } .more--post--block__slider--content .slider-content-grid-items { overflow: hidden; position: relative; width: 100vw; } .more--post--block__slider--content .slider-content-grid-items .item-grid .image--post { overflow: hidden; aspect-ratio: 1.4; position: relative; } @media only screen and (max-width: 1160px) { .more--post--block__slider--content .slider-content-grid-items .item-grid .image--post { aspect-ratio: 1.4; } } @media only screen and (max-width: 750px) { .more--post--block__slider--content .slider-content-grid-items .item-grid .image--post { aspect-ratio: 1.5; } } .more--post--block__slider--content .slider-content-grid-items .item-grid .title--post { margin-top: 35px; text-align: center; padding: 0 35px; min-height: 115px; } @media only screen and (max-width: 1160px) { .more--post--block__slider--content .slider-content-grid-items .item-grid .title--post { margin-top: 20px; padding: 0; min-height: 65px; } } @media only screen and (max-width: 750px) { .more--post--block__slider--content .slider-content-grid-items .item-grid .title--post { min-height: 15px; } } .more--post--block__slider--content .slider-content-grid-items .item-grid .title--post h2 { transition: all 0.5s ease; color: #5a5045; font-size: 2.7vw; line-height: 1.22; letter-spacing: 0.14vw; font-family: "Ivy Mode", sans-serif; font-weight: 400; } @media only screen and (max-width: 1160px) { .more--post--block__slider--content .slider-content-grid-items .item-grid .title--post h2 { font-size: 25px; letter-spacing: 1.3px; } } @media only screen and (max-width: 750px) { .more--post--block__slider--content .slider-content-grid-items .item-grid .title--post h2 { font-size: 34px; line-height: 1.12; letter-spacing: 1.77px; padding: 0 10px; } } .more--post--block__slider--content .slider-content-grid-items .item-grid .link--post { text-align: center; opacity: 0; transform: translate3d(0, 100%, 0); transition: all 0.5s ease; margin-top: 10px; } @media only screen and (max-width: 1160px) { .more--post--block__slider--content .slider-content-grid-items .item-grid .link--post { opacity: 1; transform: translate3d(0, 0, 0); transition-delay: 0s; } } .more--post--block__slider--content .slider-content-grid-items .item-grid .link--post .date--post { font-family: "Source Sans Pro", sans-serif; font-size: .8vw; font-weight: 600; letter-spacing: .25vw; color: #97501b; text-transform: uppercase; text-align: center; margin-top: 1vw; margin-bottom: .5vw; display: block; } @media only screen and (max-width: 1160px) { .more--post--block__slider--content .slider-content-grid-items .item-grid .link--post .date--post { font-size: 12px; letter-spacing: 4.8px; } } @media only screen and (max-width: 750px) { .more--post--block__slider--content .slider-content-grid-items .item-grid .link--post .date--post { font-size: 13px; letter-spacing: 6.24px; margin-bottom: 16px; } } .more--post--block__slider--content .slider-content-grid-items .item-grid .link--post div { color: #97501b; font-size: 15px; font-weight: 600; font-style: italic; font-family: "Playfair Display", sans-serif, sans-serif; display: flex; align-items: center; margin: auto; display: inline-block; font-weight: 400; } @media only screen and (max-width: 1160px) { .more--post--block__slider--content .slider-content-grid-items .item-grid .link--post div { margin-top: 40px; } } .more--post--block__slider--content .slider-content-grid-items .item-grid .link--post div svg { margin-left: 10px; } .more--post--block__slider--content .slider-content-grid-items .item-grid .link--post div svg path { fill: #97501b; } .more--post--block__slider--content .slider-content-grid-items .item-grid:hover .title--post h2 { color: #97501b; } .more--post--block__slider--content .slider-content-grid-items .item-grid:hover .image--post img { transform: scale3d(1.2, 1.2, 1.2); } .more--post--block__slider--content .slider-content-grid-items .item-grid:hover .link--post { opacity: 1; transform: translate3d(0, 0, 0); transition-delay: 0s; } .more--post--block__slider--content .slider-content-grid-items .slick-list { margin: 0 -70px; } .more--post--block__slider--content .slider-content-grid-items .slick-slide { padding: 0 20px; } @media only screen and (max-width: 1160px) { .more--post--block__slider--content .slider-content-grid-items .slick-slide { padding: 0 9.5px; } } .more--post--block__slider--content .slider-content-grid-items .slick-slide:hover .link--post { opacity: 1; transform: translate3d(0, 0, 0); } .more--post--block__slider--content .slider-arrows { margin-right: -53px; margin-top: 7.8%; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-content: stretch; align-items: flex-start; } @media only screen and (max-width: 750px) { .more--post--block__slider--content .slider-arrows { position: absolute; top: 37vw; left: 50%; transform: translate(-50%, -50%); width: 100%; flex-direction: row-reverse; justify-content: space-between; margin: 0; } } .more--post--block__slider--content .slider-arrows .carousel-arrow { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; background-color: #97501b; height: 40px; -webkit-justify-content: center; justify-content: center; width: 53px; cursor: pointer; } @media only screen and (max-width: 1160px) { .more--post--block__slider--content .slider-arrows .carousel-arrow { width: 42px; height: 32px; } } .more--post--block__slider--content .slider-arrows .carousel-arrow.lft-color-offset { background-color: #AF6127; } .more--post--block__slider--content .slider-arrows .carousel-arrow.lft-color-offset svg { transform: rotate(180deg); } .details--content--block { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; position: relative; width: 100vw; margin-top: 2.2vw; } .details--content--block__left--content { order: 0; flex: 0 1 47vw; align-self: auto; } @media only screen and (max-width: 1160px) { .details--content--block__left--content { flex: auto; width: 100%; } } .details--content--block__left--content.itinerary { flex: 0 1 35%; } @media only screen and (max-width: 1160px) { .details--content--block__left--content.itinerary { flex: 0 1 65%; } } .details--content--block__left--content .subtitle-content { max-width: 21.5vw; } @media only screen and (max-width: 750px) { .details--content--block__left--content .subtitle-content { max-width: 100%; } } .details--content--block__left--content .subtitle-content h3 { font-family: "Source Sans Pro", sans-serif; font-size: .8vw; font-weight: 600; letter-spacing: .25vw; color: #97501b; text-transform: uppercase; } @media only screen and (max-width: 1160px) { .details--content--block__left--content .subtitle-content h3 { font-size: 12px; line-height: 1.58; letter-spacing: 4.8px; } } @media only screen and (max-width: 750px) { .details--content--block__left--content .subtitle-content h3 { font-size: 13px; letter-spacing: 6.11px; } } .details--content--block__left--content .title-content { max-width: 22.5vw; } @media only screen and (max-width: 1160px) { .details--content--block__left--content .title-content { max-width: 100%; margin-bottom: 17px; } } @media only screen and (max-width: 750px) { .details--content--block__left--content .title-content { max-width: 100%; } } .details--content--block__left--content .title-content .h2 { letter-spacing: 0.085vw; font-size: 3.8vw; line-height: 1.15; color: #5a5045; font-weight: 400; } @media only screen and (max-width: 1160px) { .details--content--block__left--content .title-content .h2 { font-size: 44px; line-height: 1.23; letter-spacing: 2.29px; } } @media only screen and (max-width: 750px) { .details--content--block__left--content .title-content .h2 { font-size: 40px; line-height: 1.1; letter-spacing: 1.68px; } } .details--content--block__left--content .title-content.file--content { max-width: 30.5vw; } @media only screen and (max-width: 1160px) { .details--content--block__left--content .title-content.file--content { max-width: 50vw; } } @media only screen and (max-width: 750px) { .details--content--block__left--content .title-content.file--content { max-width: 100%; } } .details--content--block__left--content .copy--content--cta { margin-top: 2.2vw; } .details--content--block__left--content .icon-box { margin-top: 13.5vw; margin-left: 6vw; } .details--content--block__right--content { order: 0; flex: 0 1 53vw; align-self: auto; } @media only screen and (max-width: 1160px) { .details--content--block__right--content { flex: auto; width: 100%; } } .details--content--block__right--content.itinerary { flex: 0 1 65%; } @media only screen and (max-width: 1160px) { .details--content--block__right--content.itinerary { flex: 0 1 35%; } } .details--content--block__right--content .copy-content p { font-size: 1.7vw; line-height: 1.7; letter-spacing: 0.58px; font-family: "Ivy Mode", sans-serif; } @media only screen and (max-width: 1160px) { .details--content--block__right--content .copy-content p { font-size: 22px; line-height: 1.91; letter-spacing: 0.44px; } } @media only screen and (max-width: 750px) { .details--content--block__right--content .copy-content p { font-size: 17px; line-height: 1.94; letter-spacing: 0.53px; } } .details--content--block__right--content .cta-info-action { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; margin-top: 6.2vw; } @media only screen and (max-width: 750px) { .details--content--block__right--content .cta-info-action { flex-direction: column-reverse; gap: 0; text-align: center; margin-bottom: 8vw; } } @media only screen and (max-width: 750px) { .details--content--block__right--content .cta-info-action .copy--content--cta { width: 100%; } } @media only screen and (max-width: 750px) { .details--content--block__right--content .cta-info-action .copy--content--cta .cta--button-bg { width: 100%; } } @media only screen and (max-width: 750px) { .details--content--block__right--content .cta-info-action .text--info { width: 100%; margin-bottom: 10vw; } } .details--content--block__right--content .cta-info-action .text--info p { margin-left: 2.3vw; font-family: "Playfair Display", sans-serif; color: #97501b; font-size: .85vw; font-style: italic; line-height: 1.6; margin-bottom: 0; } @media only screen and (max-width: 1160px) { .details--content--block__right--content .cta-info-action .text--info p { font-size: 14px; line-height: 1.71; letter-spacing: 1.15px; } } @media only screen and (max-width: 750px) { .details--content--block__right--content .cta-info-action .text--info p { margin: 0; } } .details--content--block__right--content .cta-info-action.file--content { justify-content: flex-end; margin-top: 2.2vw; } .details--content--block__right--content .list-buttons ul { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; } @media only screen and (max-width: 750px) { .details--content--block__right--content .list-buttons ul { flex-direction: column; gap: 5vw; } } .details--content--block__right--content .list-buttons ul li { margin-right: 2.1vw; margin-top: 56px; display: block; width: 25%; } @media only screen and (max-width: 750px) { .details--content--block__right--content .list-buttons ul li { margin-top: 15px; } } @media only screen and (max-width: 750px) { .details--content + .title--section--spa { display: none; } } @media only screen and (max-width: 750px) { .page-itinerary .details--content, .page-itinerary-copy .details--content { margin-bottom: 0; } } @media only screen and (max-width: 1160px) { .page-itinerary .details--content--block__left--content.itinerary, .page-itinerary-copy .details--content--block__left--content.itinerary { flex: auto; width: 100%; } } @media only screen and (max-width: 1160px) { .page-itinerary .details--content--block__left--content .title-content.file--content, .page-itinerary-copy .details--content--block__left--content .title-content.file--content { max-width: 100%; } } .slider--content--title { margin-top: 60px; } .slider--content--block-spa { -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -ms-flex-line-pack: center; -webkit-align-content: center; align-content: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; position: relative; width: 100vw; margin-top: 65px; } .slider--content--block-spa__slider--content { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; width: 93%; margin-left: auto; } @media only screen and (max-width: 1160px) { .slider--content--block-spa__slider--content { width: 100%; } } @media only screen and (max-width: 750px) { .slider--content--block-spa__slider--content { height: auto; flex-direction: column; } } .slider--content--block-spa__slider--content .rooms-carousel-shell { overflow: hidden; position: relative; width: 72vw; } @media only screen and (max-width: 750px) { .slider--content--block-spa__slider--content .rooms-carousel-shell { width: 100%; } } .slider--content--block-spa__slider--content .rooms-carousel-shell .rooms-horizontal-shell { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-box-align: start; -ms-flex-align: start; -ms-flex-line-pack: stretch; -webkit-align-content: stretch; align-content: stretch; -webkit-align-items: flex-start; align-items: flex-start; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; float: none; -webkit-justify-content: flex-start; justify-content: flex-start; overflow: visible; position: relative; overflow: hidden; } .slider--content--block-spa__slider--content .rooms-carousel-shell .rooms-horizontal-shell .rooms-img-shell { -webkit-box-flex: 0; clear: none; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; float: none; overflow: hidden; position: relative; width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: stretch; } @media only screen and (max-width: 750px) { .slider--content--block-spa__slider--content .rooms-carousel-shell .rooms-horizontal-shell .rooms-img-shell { flex-direction: column; } } .slider--content--block-spa__slider--content .rooms-carousel-shell .rooms-horizontal-shell .rooms-img-shell .img-slider { width: 50vw; } @media only screen and (max-width: 1160px) { .slider--content--block-spa__slider--content .rooms-carousel-shell .rooms-horizontal-shell .rooms-img-shell .img-slider { width: 51.4vw; } } @media only screen and (max-width: 750px) { .slider--content--block-spa__slider--content .rooms-carousel-shell .rooms-horizontal-shell .rooms-img-shell .img-slider { width: 100%; } } .slider--content--block-spa__slider--content .rooms-carousel-shell .rooms-horizontal-shell .rooms-img-shell .img-slider .item { overflow: hidden; } .slider--content--block-spa__slider--content .rooms-carousel-shell .rooms-horizontal-shell .rooms-img-shell .img-slider img { aspect-ratio: 1.49; object-fit: cover; transition: all 2.2s cubic-bezier(0.65, 0.04, 0.35, 1); transform: scale3d(1.5, 1.5, 1.5); } @media only screen and (max-width: 1160px) { .slider--content--block-spa__slider--content .rooms-carousel-shell .rooms-horizontal-shell .rooms-img-shell .img-slider img { aspect-ratio: 0.97; width: 52vw; height: 54.4vw; } } @media only screen and (max-width: 750px) { .slider--content--block-spa__slider--content .rooms-carousel-shell .rooms-horizontal-shell .rooms-img-shell .img-slider img { width: 100%; height: 396px; } } .slider--content--block-spa__slider--content .rooms-carousel-shell .rooms-horizontal-shell .rooms-img-shell .img-slider .slick-current img { transform: scale3d(1, 1, 1); } .slider--content--block-spa__slider--content .rooms-carousel-shell .rooms-horizontal-shell .rooms-img-shell .text-slider { width: 30vw; background: #efe6de; align-self: center; margin-left: -8vw; padding: 4vw; position: relative; z-index: 1; } @media only screen and (max-width: 1160px) { .slider--content--block-spa__slider--content .rooms-carousel-shell .rooms-horizontal-shell .rooms-img-shell .text-slider { width: 37.2vw; margin-left: -13vw; padding: 34px 34px 32px 38px; } } @media only screen and (max-width: 750px) { .slider--content--block-spa__slider--content .rooms-carousel-shell .rooms-horizontal-shell .rooms-img-shell .text-slider { width: 84.2vw; margin-left: 0; margin-top: -50px; } } @media only screen and (max-width: 1160px) { .slider--content--block-spa__slider--content .rooms-carousel-shell .rooms-horizontal-shell .rooms-img-shell .text-slider .copy--content .subtitle-content h3 { font-size: 12px; line-height: 1.5; letter-spacing: 4.8px; } } @media only screen and (max-width: 750px) { .slider--content--block-spa__slider--content .rooms-carousel-shell .rooms-horizontal-shell .rooms-img-shell .text-slider .copy--content .subtitle-content h3 { font-size: 13px; letter-spacing: 6.11px; } } @media only screen and (max-width: 1160px) { .slider--content--block-spa__slider--content .rooms-carousel-shell .rooms-horizontal-shell .rooms-img-shell .text-slider .copy--content .title-content h2 { font-size: 26px; line-height: 1.15; letter-spacing: 1.35px; margin-top: 5px; } } @media only screen and (max-width: 750px) { .slider--content--block-spa__slider--content .rooms-carousel-shell .rooms-horizontal-shell .rooms-img-shell .text-slider .copy--content .title-content h2 { font-size: 26px; line-height: 1.38; } } @media only screen and (max-width: 1160px) { .slider--content--block-spa__slider--content .rooms-carousel-shell .rooms-horizontal-shell .rooms-img-shell .text-slider .text--block { margin-bottom: 0; max-width: 28vw; } } @media only screen and (max-width: 750px) { .slider--content--block-spa__slider--content .rooms-carousel-shell .rooms-horizontal-shell .rooms-img-shell .text-slider .text--block { max-width: 58vw; } } .slider--content--block-spa__slider--content .rooms-carousel-shell .rooms-horizontal-shell .rooms-img-shell .text-slider .text--block p { font-size: .85vw; line-height: 1.4; } @media only screen and (max-width: 1160px) { .slider--content--block-spa__slider--content .rooms-carousel-shell .rooms-horizontal-shell .rooms-img-shell .text-slider .text--block p { font-size: 14px; line-height: 1.43; letter-spacing: 0.27px; } } .slider--content--block-spa__slider--content .rooms-carousel-shell .rooms-horizontal-shell .rooms-img-shell .text-slider .text--block--extra { font-family: "Playfair Display", sans-serif; color: #97501b; font-size: .85vw; font-style: italic; line-height: 1.4; } @media only screen and (max-width: 1160px) { .slider--content--block-spa__slider--content .rooms-carousel-shell .rooms-horizontal-shell .rooms-img-shell .text-slider .text--block--extra { font-size: 15px; line-height: 7.8; letter-spacing: 1.23px; margin-bottom: 0; } } .slider--content--block-spa__slider--content .rooms-carousel-shell .rooms-horizontal-shell .rooms-img-shell .rooms-thumb-img { height: 100%; -o-object-fit: cover; object-fit: cover; position: static; width: 100%; } .slider--content--block-spa__slider--content .caro-arrows-shell { transform: translateX(-50%); position: relative; z-index: 1; } @media only screen and (max-width: 1160px) { .slider--content--block-spa__slider--content .caro-arrows-shell { transform: none; } } @media only screen and (max-width: 750px) { .slider--content--block-spa__slider--content .caro-arrows-shell { display: flex; align-items: center; flex-direction: row-reverse; position: absolute; top: 50vw; left: 50%; transform: translate(-50%, -50%); width: 100%; justify-content: space-between; } } .slider--content--block-spa__slider--content .caro-arrows-shell .carousel-arrow { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; background-color: #97501b; height: 40px; -webkit-justify-content: center; justify-content: center; width: 53px; cursor: pointer; } .slider--content--block-spa__slider--content .caro-arrows-shell .carousel-arrow.lft-color-offset { background-color: #AF6127; } .slider--content--block-spa__slider--content .caro-arrows-shell .carousel-arrow.lft-color-offset svg { transform: rotate(180deg); } .slider--content--block-spa__slider--content .rooms-carousel-mini { position: absolute; right: 0; width: 15.7vw; overflow: hidden; } @media only screen and (max-width: 1160px) { .slider--content--block-spa__slider--content .rooms-carousel-mini { width: 21.6vw; } } @media only screen and (max-width: 750px) { .slider--content--block-spa__slider--content .rooms-carousel-mini { display: none; } } .slider--content--block-spa__slider--content .rooms-carousel-mini .rooms-horizontal-mini { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-box-align: start; -ms-flex-align: start; -ms-flex-line-pack: stretch; -webkit-align-content: stretch; align-content: stretch; -webkit-align-items: flex-start; align-items: flex-start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; float: none; -webkit-justify-content: flex-start; justify-content: flex-start; overflow: visible; position: static; } .slider--content--block-spa__slider--content .rooms-carousel-mini .rooms-horizontal-mini .rooms-img-mini { -webkit-box-flex: 0; clear: none; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; float: none; overflow: hidden; position: relative; width: 32vw; } .slider--content--block-spa__slider--content .rooms-carousel-mini .rooms-horizontal-mini .rooms-img-mini .item { overflow: hidden; } .slider--content--block-spa__slider--content .rooms-carousel-mini .rooms-horizontal-mini .rooms-img-mini .rooms-thumb-img { aspect-ratio: 1.49; object-fit: cover; position: static; width: 100%; transition: all 2.2s cubic-bezier(0.65, 0.04, 0.35, 1); transform: scale3d(1.5, 1.5, 1.5); } @media only screen and (max-width: 1160px) { .slider--content--block-spa__slider--content .rooms-carousel-mini .rooms-horizontal-mini .rooms-img-mini .rooms-thumb-img { aspect-ratio: 0.68; transform: none; } } .slider--content--block-spa__slider--content .rooms-carousel-mini .rooms-horizontal-mini .rooms-img-mini .slick-current .rooms-thumb-img { transform: scale3d(1, 1, 1); } .image--copy--block--spa { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; width: 100vw; margin-top: 2vw; } .image--copy--block--spa__title-section { text-align: center; width: 100vw; } .image--copy--block--spa__title-section h2 { color: #97501b; font-family: "Hanley Rough Signature", sans-serif; font-size: 2.6vw; font-weight: 400; } @media only screen and (max-width: 1160px) { .image--copy--block--spa__title-section h2 { font-size: 38px; line-height: 1.26; letter-spacing: 0.42px; } } @media only screen and (max-width: 750px) { .image--copy--block--spa__title-section h2 { font-size: 30px; letter-spacing: 0.33px; } } .image--copy--block--spa__box { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-content: stretch; align-items: center; width: 100vw; max-width: 1420px; margin: auto; margin-top: 7.8vw; position: relative; } @media only screen and (max-width: 1160px) { .image--copy--block--spa__box { padding: 0 9.96vw; margin-top: 135px; } } @media only screen and (max-width: 750px) { .image--copy--block--spa__box { margin-top: 26px; flex-direction: column; } } .image--copy--block--spa__box:nth-of-type(even) { flex-direction: row-reverse; margin-top: 38px; } @media only screen and (max-width: 750px) { .image--copy--block--spa__box:nth-of-type(even) { margin-top: 35px; flex-direction: column; } } .image--copy--block--spa__box:nth-last-child(1) { margin-top: 135px; } @media only screen and (max-width: 750px) { .image--copy--block--spa__box:nth-last-child(1) { margin-top: 41px; } } .image--copy--block--spa__box:nth-child(2) .primary-img { max-width: 517px; } @media only screen and (max-width: 1160px) { .image--copy--block--spa__box:nth-child(2) .primary-img { aspect-ratio: 1.50; width: 100%; } } @media only screen and (max-width: 750px) { .image--copy--block--spa__box:nth-child(2) .primary-img { aspect-ratio: 1.53; } } .image--copy--block--spa__box:nth-child(3) .image--copy--block--spa__img-column { flex: 1 1 52%; } .image--copy--block--spa__box:nth-child(3) .primary-img { max-width: 437px; margin-left: auto; } @media only screen and (max-width: 1160px) { .image--copy--block--spa__box:nth-child(3) .primary-img { aspect-ratio: 0.74; width: 100%; } } .image--copy--block--spa__box:nth-child(4) .primary-img { max-width: 608px; margin-left: auto; } @media only screen and (max-width: 1160px) { .image--copy--block--spa__box:nth-child(4) .primary-img { aspect-ratio: 1.50; width: 100%; } } .image--copy--block--spa__icon-block { position: absolute; right: 0; top: 0; margin-top: -5.5vw; } @media only screen and (max-width: 1160px) { .image--copy--block--spa__icon-block { right: 9vw; top: -11vw; margin-top: 0; } } .image--copy--block--spa__icon-block .icon--content { max-width: 13vw; } @media only screen and (max-width: 1160px) { .image--copy--block--spa__icon-block .icon--content { max-width: 12.7vw; } } .image--copy--block--spa__img-column { order: 0; flex: 1 1 50%; align-self: auto; } @media only screen and (max-width: 1160px) { .image--copy--block--spa__img-column { flex: 1 1 51.6%; } } .image--copy--block--spa__text-column { order: 1; flex: 1 1 50%; align-self: auto; } @media only screen and (max-width: 1160px) { .image--copy--block--spa__text-column { flex: 1 1 67%; } } @media only screen and (max-width: 750px) { .image--copy--block--spa__text-column { margin-top: 32px; } } .image--copy--block--spa__text-column .subtitle-content { text-align: center; } .image--copy--block--spa__text-column .subtitle-content h3 { font-family: "Source Sans Pro", sans-serif; font-size: .8vw; font-weight: 600; letter-spacing: .25vw; color: #97501b; text-transform: uppercase; } @media only screen and (max-width: 1160px) { .image--copy--block--spa__text-column .subtitle-content h3 { font-size: 12px; letter-spacing: 4.8px; } } @media only screen and (max-width: 750px) { .image--copy--block--spa__text-column .subtitle-content h3 { font-size: 13px; letter-spacing: 6.11px; } } .image--copy--block--spa__text-column .copy-content { text-align: center; margin-top: 1.2vw; max-width: 26vw; margin-left: auto; margin-right: auto; } @media only screen and (max-width: 1160px) { .image--copy--block--spa__text-column .copy-content { max-width: 39vw; } } @media only screen and (max-width: 750px) { .image--copy--block--spa__text-column .copy-content { max-width: 100%; } } .image--copy--block--spa__text-column .copy-content .icon-text { display: block; margin-bottom: .5vw; } .image--copy--block--spa__text-column .copy-content p { color: #5a5045; letter-spacing: 0.68px; font-family: "Hanley Rough Signature", sans-serif; font-size: 2.4vw; line-height: 1.1; font-weight: 400; } @media only screen and (max-width: 1160px) { .image--copy--block--spa__text-column .copy-content p { font-size: 32px; line-height: 1.19; letter-spacing: 0.54px; } .image--copy--block--spa__text-column .copy-content p br { display: none; } } @media only screen and (max-width: 750px) { .image--copy--block--spa__text-column .copy-content p { font-size: 22px; line-height: 1.18; letter-spacing: 0.37px; } } .image--copy--block--spa__text-column .copy--content--cta { margin-top: 1.8vw; } .image--copy--block--spa__text-column .copy--content--cta.last-link { margin-top: 3vw; } .image--copy--block--spa__text-column .secondary-img { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-content: stretch; align-items: flex-start; gap: .8vw; margin-top: 6vw; margin-left: -9vw; } .image--copy--block--spa__text-column .secondary-img .img--content { order: 0; flex: 1 1 50%; align-self: auto; } .image--copy--block--spa__text-column .buttons-block { margin-top: 5.4vw; padding-bottom: 1.5vw; } .double--content--block--spa { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: stretch; position: relative; width: 100vw; margin-top: 4vw; } @media only screen and (max-width: 750px) { .double--content--block--spa { flex-direction: column; padding-bottom: 50px; } } .double--content--block--spa__left--column { order: 0; flex: 0 1 64vw; align-self: auto; } .double--content--block--spa__left--column .img--icon { margin-left: 8.5vw; margin-top: -13.5vw; margin-bottom: 9.4vw; max-width: 6vw; } @media only screen and (max-width: 1160px) { .double--content--block--spa__left--column .img--icon { margin-left: 4.5vw; margin-top: -15.5vw; max-width: 9.7vw; } } @media only screen and (max-width: 750px) { .double--content--block--spa__left--column .img--icon { position: absolute; top: -25vw; left: 34vw; max-width: 23vw; } } .double--content--block--spa__left--column .content--box { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: stretch; } @media only screen and (max-width: 1160px) { .double--content--block--spa__left--column .content--box { flex-direction: column; } } .double--content--block--spa__left--column .copy--img { order: 0; flex: 0 1 65vw; align-self: auto; } @media only screen and (max-width: 1160px) { .double--content--block--spa__left--column .copy--img { flex: auto; width: 100%; } } @media only screen and (max-width: 750px) { .double--content--block--spa__left--column .copy--img { padding: 0 32px; } } .double--content--block--spa__left--column .copy--img .img--content { max-width: 40.3vw; } @media only screen and (max-width: 1160px) { .double--content--block--spa__left--column .copy--img .img--content { aspect-ratio: 1.50; max-width: 48.7vw; } } @media only screen and (max-width: 750px) { .double--content--block--spa__left--column .copy--img .img--content { aspect-ratio: 1.41; max-width: 100%; margin-bottom: 37px; } } .double--content--block--spa__left--column .copy--content { order: 0; flex: 0 1 35vw; align-self: auto; padding-left: 3.5vw; } @media only screen and (max-width: 1160px) { .double--content--block--spa__left--column .copy--content { flex: auto; width: 100%; padding-left: 9.5vw; padding-top: 53px; } } @media only screen and (max-width: 750px) { .double--content--block--spa__left--column .copy--content { padding: 15px 9.5vw; } } .double--content--block--spa__left--column .copy--content .subtitle-content { max-width: 21.5vw; } @media only screen and (max-width: 750px) { .double--content--block--spa__left--column .copy--content .subtitle-content { max-width: 100%; } } .double--content--block--spa__left--column .copy--content .subtitle-content h3 { font-family: "Source Sans Pro", sans-serif; font-size: .8vw; font-weight: 600; letter-spacing: .25vw; color: #97501b; text-transform: uppercase; } @media only screen and (max-width: 1160px) { .double--content--block--spa__left--column .copy--content .subtitle-content h3 { font-size: 12px; line-height: 1.58; letter-spacing: 4.8px; } } @media only screen and (max-width: 750px) { .double--content--block--spa__left--column .copy--content .subtitle-content h3 { font-size: 13px; line-height: 1.38; letter-spacing: 6.24px; } } .double--content--block--spa__left--column .copy--content .title-content { max-width: 21.5vw; } @media only screen and (max-width: 1160px) { .double--content--block--spa__left--column .copy--content .title-content { max-width: 48vw; } } @media only screen and (max-width: 750px) { .double--content--block--spa__left--column .copy--content .title-content { max-width: 100%; } } .double--content--block--spa__left--column .copy--content .title-content h2 { letter-spacing: 0.085vw; font-size: 2vw; line-height: 1.15; color: #5a5045; font-weight: 400; } @media only screen and (max-width: 1160px) { .double--content--block--spa__left--column .copy--content .title-content h2 { font-size: 26px; line-height: 1.15; letter-spacing: 1.09px; } } @media only screen and (max-width: 750px) { .double--content--block--spa__left--column .copy--content .title-content h2 { font-size: 29px; line-height: 1.24; letter-spacing: 1.22px; margin-bottom: 20px; } } .double--content--block--spa__left--column .copy--content .text--block { max-width: 18.4vw; margin-top: 1vw; } @media only screen and (max-width: 1160px) { .double--content--block--spa__left--column .copy--content .text--block { max-width: 48vw; margin-bottom: 35px; } } @media only screen and (max-width: 750px) { .double--content--block--spa__left--column .copy--content .text--block { max-width: 100%; margin-bottom: 50px; } .double--content--block--spa__left--column .copy--content .text--block p { font-size: 16px; line-height: 1.56; letter-spacing: 0.05px; } } .double--content--block--spa__left--column .copy--content .copy--content--cta { margin-top: 2.2vw; } @media only screen and (max-width: 1160px) { .double--content--block--spa__left--column .copy--content .copy--content--cta { margin-top: 35px; } } .double--content--block--spa__right--column { order: 0; flex: 0 1 37vw; align-self: auto; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: stretch; } .double--content--block--spa__right--column .right-img-top { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; margin-top: -6.5vw; padding-left: 1vw; } @media only screen and (max-width: 1160px) { .double--content--block--spa__right--column .right-img-top { margin-top: 10vw; } } .double--content--block--spa__right--column .right-img-top .img--content { max-width: 13.5vw; } @media only screen and (max-width: 1160px) { .double--content--block--spa__right--column .right-img-top .img--content { max-width: 18.4vw; aspect-ratio: 0.68; } } .double--content--block--spa__right--column .right-img-top .caption-img { padding-left: 1vw; order: 0; flex: 1 1 auto; align-self: auto; } .double--content--block--spa__right--column .right-img-top .caption-img .separator { display: block; background: #97501b; height: 1px; max-width: 57px; margin-bottom: 1.2vw; } .double--content--block--spa__right--column .right-img-top .caption-img p { font-family: "Playfair Display", sans-serif; font-style: italic; line-height: 1.56; letter-spacing: 0.13px; margin: 0; max-width: 17vw; } .double--content--block--spa__right--column .right-img-bottom .img--content { max-width: 22.7vw; margin-top: 3vw; margin-left: 5.5vw; } @media only screen and (max-width: 1160px) { .double--content--block--spa__right--column .right-img-bottom .img--content { margin-top: 56px; aspect-ratio: 1.50; width: 100%; max-width: 100%; } } .blog--copy--content { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; position: relative; width: 100vw; } .blog--copy--content .blog--content--block { width: 100vw; max-width: 64vw; margin: auto; text-align: center; } @media only screen and (max-width: 1160px) { .blog--copy--content .blog--content--block { max-width: 100%; } } .blog--copy--content .blog--content--block.title-first { max-width: 62vw; } @media only screen and (max-width: 750px) { .blog--copy--content .blog--content--block.title-first { max-width: 100%; } } .blog--copy--content .blog--content--block .title-content h2 { color: #97501b; font-family: "Hanley Rough Signature", sans-serif; font-size: 3.2vw; font-weight: 400; text-align: center; } @media only screen and (max-width: 1160px) { .blog--copy--content .blog--content--block .title-content h2 { font-size: 38px; } } @media only screen and (max-width: 750px) { .blog--copy--content .blog--content--block .title-content h2 { letter-spacing: 0.29px; font-size: 26px; margin-top: 60px; } } .blog--copy--content .blog--content--block .copy-content p { font-size: 2vw; line-height: 1.65; letter-spacing: 0.05vw; font-family: "Ivy Mode", sans-serif; } @media only screen and (max-width: 1160px) { .blog--copy--content .blog--content--block .copy-content p { font-size: 26px; line-height: 1.77; letter-spacing: 0.52px; } } @media only screen and (max-width: 750px) { .blog--copy--content .blog--content--block .copy-content p { line-height: 1.94; letter-spacing: 0.34px; font-size: 17px; } } .blog--copy--content .blog--content--block .copy-content.bigger { font-size: 3.2vw; line-height: 1.49; letter-spacing: 0.05vw; } .blog--copy--content .blog--content--block .copy-content.expanded p { font-size: 3.2vw; line-height: 1.5; letter-spacing: 1.06px; } @media only screen and (max-width: 750px) { .blog--copy--content .blog--content--block .copy-content.expanded p { font-size: 17px; line-height: 1.82; letter-spacing: 0.34px; } } .blog--copy--content .blog--content--block .tagline-content { font-size: 15px; font-family: "Playfair Display", sans-serif; color: #97501b; line-height: 3; letter-spacing: 0.05vw; font-style: italic; } .blog--copy--content .blog--content--block .copy--contents { display: flex; flex-direction: column; justify-content: center; } .blog--copy--content .blog--content--block .copy--contents.title-first { padding: 30px 0; } @media only screen and (max-width: 750px) { .blog--copy--content .blog--content--block .copy--contents.title-first { padding: 46px 0 0; } } .blog--copy--content .blog--content--block .copy--contents.title-first .copy-content p { font-size: 3.2vw; line-height: 1.49; letter-spacing: 0.05vw; font-family: "Ivy Mode", sans-serif; } @media only screen and (max-width: 1160px) { .blog--copy--content .blog--content--block .copy--contents.title-first .copy-content p { font-size: 33px; line-height: 1.64; letter-spacing: 0.66px; } } @media only screen and (max-width: 750px) { .blog--copy--content .blog--content--block .copy--contents.title-first .copy-content p { font-size: 18px; line-height: 1.56; letter-spacing: 0.36px; } } .blog--copy--content .blog--content--block .copy--contents.title-first .title-content h2 { margin-top: 24px; font-size: 50px; letter-spacing: 0.55px; } @media only screen and (max-width: 750px) { .blog--copy--content .blog--content--block .copy--contents.title-first .title-content h2 { font-size: 26px; letter-spacing: 0.29px; } } @media only screen and (max-width: 1160px) { .page-template-template-family .blog--copy--content .copy--content .title-content h2 { font-size: 38px; letter-spacing: 0.42px; } .page-template-template-family .blog--copy--content .copy--content .copy-content .text--block p { font-size: 33px; line-height: 1.64; letter-spacing: 0.66px; } } @media only screen and (max-width: 750px) { .page-template-template-family .blog--copy--content .copy--content .copy-content .text--block p { font-size: 17px; line-height: 1.82; letter-spacing: 0.34px; } } @media only screen and (max-width: 1160px) { .page-your-stay .blog--copy--content .title-first { max-width: 80vw; } } @media only screen and (max-width: 750px) { .page-your-stay .blog--copy--content .title-first { max-width: 100%; } } @media only screen and (max-width: 1160px) { .page-your-stay .blog--copy--content .blog--content--block .copy--contents .copy-content .text--block p { font-size: 38px; line-height: 1.47; letter-spacing: 0.76px; } } @media only screen and (max-width: 750px) { .page-your-stay .blog--copy--content .blog--content--block .copy--contents .copy-content .text--block p { font-size: 18px; line-height: 1.56; letter-spacing: 0.36px; margin-bottom: 0; } } @media only screen and (max-width: 1160px) { .page-your-stay .blog--copy--content .blog--content--block .copy--contents .title-content h2 { font-size: 38px; line-height: 1.71; letter-spacing: 0.42px; } } @media only screen and (max-width: 750px) { .page-your-stay .blog--copy--content .blog--content--block .copy--contents .title-content h2 { font-size: 26px; letter-spacing: 0.29px; } } @media only screen and (max-width: 1160px) { .page-your-stay .accordions__grid__column .card__header { padding: 26px 0; font-size: 13px; } } @media only screen and (max-width: 750px) { .page-your-stay .accordions__grid__column .card__header { padding: 20px 0; } } .author--content--block { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end; align-content: flex-start; align-items: flex-start; position: relative; margin-top: 0; } @media only screen and (max-width: 1160px) { .author--content--block { margin: 150px 0 100px; } } @media only screen and (max-width: 750px) { .author--content--block { margin: 150px 0 40px; } } @media only screen and (max-width: 750px) { .author--content--block .container { padding: 0; } } .author--content--block__box-content { display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: flex-end; align-content: flex-start; align-items: flex-start; position: relative; padding: 0 5.7vw; } @media only screen and (max-width: 1500px) { .author--content--block__box-content { padding: 0; } } @media only screen and (max-width: 1160px) { .author--content--block__box-content { width: 100%; } } @media only screen and (max-width: 750px) { .author--content--block__box-content { flex-direction: column; } } .author--content--block__box-content .text-content { order: 0; flex: 0 1 39%; align-self: auto; background: #7d8167; margin-right: -9%; padding: 3vw; position: relative; align-self: center; } @media only screen and (max-width: 1160px) { .author--content--block__box-content .text-content { flex: 0 1 20%; min-width: 333px; width: 100%; padding: 50px 40px 62px; margin-right: -20%; } } @media only screen and (max-width: 750px) { .author--content--block__box-content .text-content { padding: 52px 40px; margin-right: 0; width: 362px; max-width: 100%; } } .author--content--block__box-content .text-content .subtitle-content h3 { color: #ffffff; } @media only screen and (max-width: 1160px) { .author--content--block__box-content .text-content .subtitle-content h3 { font-size: 12px; } } @media only screen and (max-width: 750px) { .author--content--block__box-content .text-content .subtitle-content h3 { font-size: 13px; letter-spacing: 6.11px; } } .author--content--block__box-content .text-content .title-content h2 { color: #ffffff; } @media only screen and (max-width: 1160px) { .author--content--block__box-content .text-content .title-content h2 { margin-top: 9px; font-size: 18px; line-height: 1.33; letter-spacing: 0.94px; } .author--content--block__box-content .text-content .title-content h2 br { display: none; } } @media only screen and (max-width: 750px) { .author--content--block__box-content .text-content .title-content h2 { font-size: 18px; line-height: 1.28; letter-spacing: 0.94px; } } @media only screen and (max-width: 1160px) { .author--content--block__box-content .text-content .text--block { max-width: 31vw; } } @media only screen and (max-width: 750px) { .author--content--block__box-content .text-content .text--block { max-width: 100%; margin-top: 0; } } .author--content--block__box-content .text-content .text--block p { color: #ffffff; line-height: 1.6; } .author--content--block__box-content .text-content .copy--content--cta .cta--button-bg { background: #efe6de; } @media only screen and (max-width: 750px) { .author--content--block__box-content .text-content .copy--content--cta .cta--button-bg { width: 100%; } } .author--content--block__box-content .text-content .copy--content--cta .cta--button-bg .reserve-txt { color: #7d8167; } .author--content--block__box-content .img-box { order: 0; flex: 0 1 70%; align-self: center; } @media only screen and (max-width: 1160px) { .author--content--block__box-content .img-box { flex: 0 1 80%; width: 100%; } } .author--content--block__box-content .img-box .img--content { aspect-ratio: 1.5; } @media only screen and (max-width: 1160px) { .author--content--block__box-content .img-box .img--content { aspect-ratio: 0.96; overflow: inherit; width: 100%; } } @media only screen and (max-width: 750px) { .author--content--block__box-content .img-box .img--content { aspect-ratio: 1.5; } } .author--content--block__box-content .img-box .img--content img { aspect-ratio: 1.5; } @media only screen and (max-width: 1160px) { .author--content--block__box-content .img-box .img--content img { aspect-ratio: 0.96; } } @media only screen and (max-width: 750px) { .author--content--block__box-content .img-box .img--content img { aspect-ratio: 1.5; } } .blog--list--content { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; width: 100vw; margin-top: 4.5vw; } .blog--list--content .blog--posts--content { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; gap: 5.7vw; width: 100vw; position: relative; } @media only screen and (max-width: 1160px) { .blog--list--content .blog--posts--content { width: 100%; flex-wrap: wrap; } } .blog--list--content .blog--posts--content .loading-filter { position: absolute; top: 10vw; width: 75vw; text-align: center; display: none; } @media only screen and (max-width: 750px) { .blog--list--content .blog--posts--content .loading-filter { top: 60vw; left: 30vw; width: 100%; } } .blog--list--content .blog--posts--content .loading-filter span { width: 300px; display: block; margin: auto; } .blog--list--content .blog--posts--content .loading-filter span svg { width: 100%; } .blog--list--content .blog--posts--content .blog--posts-box { order: 0; flex: 0 1 75vw; align-self: auto; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; gap: 95px; min-height: 50vw; } @media only screen and (max-width: 1160px) { .blog--list--content .blog--posts--content .blog--posts-box { width: 100%; order: 1; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; width: 100%; -webkit-box-ordinal-group: 1; } } @media only screen and (max-width: 1160px) { .blog--list--content .blog--posts--content .blog--posts-box { gap: 38px; } } .blog--list--content .blog--posts--content .blog--posts-box .blog-posts { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; gap: 2.4vw; } @media only screen and (max-width: 1160px) { .blog--list--content .blog--posts--content .blog--posts-box .blog-posts { gap: 29px; width: 100%; } } @media only screen and (max-width: 750px) { .blog--list--content .blog--posts--content .blog--posts-box .blog-posts { flex-direction: column; } } .blog--list--content .blog--posts--content .blog--posts-box .img-block { width: 100vw; max-width: 27.2vw; } @media only screen and (max-width: 1160px) { .blog--list--content .blog--posts--content .blog--posts-box .img-block { max-width: 100%; width: 100%; } } .blog--list--content .blog--posts--content .blog--posts-box .img-block .img--content { max-width: 27.2vw; } @media only screen and (max-width: 1160px) { .blog--list--content .blog--posts--content .blog--posts-box .img-block .img--content { max-width: 100%; aspect-ratio: 1.14; } } @media only screen and (max-width: 750px) { .blog--list--content .blog--posts--content .blog--posts-box .img-block .img--content { aspect-ratio: 1.81; } } .blog--list--content .blog--posts--content .blog--posts-box .img-block .img--content img { aspect-ratio: 1.5; object-fit: cover; } @media only screen and (max-width: 1160px) { .blog--list--content .blog--posts--content .blog--posts-box .info-block { width: 100%; } } .blog--list--content .blog--posts--content .blog--posts-box .info-block .subtitle-content h3 { font-family: "Source Sans Pro", sans-serif; font-size: 0.8vw; font-weight: 600; letter-spacing: 0.25vw; color: #97501b; text-transform: uppercase; } @media only screen and (max-width: 1160px) { .blog--list--content .blog--posts--content .blog--posts-box .info-block .subtitle-content h3 { font-size: 12px; line-height: 1.5; letter-spacing: 4.8px; } } @media only screen and (max-width: 750px) { .blog--list--content .blog--posts--content .blog--posts-box .info-block .subtitle-content h3 { font-size: 13px; line-height: 1.38; letter-spacing: 6.24px; } } .blog--list--content .blog--posts--content .blog--posts-box .info-block .title-content { margin-top: 20px; } @media only screen and (max-width: 1160px) { .blog--list--content .blog--posts--content .blog--posts-box .info-block .title-content { margin-top: 10px; } } @media only screen and (max-width: 750px) { .blog--list--content .blog--posts--content .blog--posts-box .info-block .title-content { margin-top: 5px; } } .blog--list--content .blog--posts--content .blog--posts-box .info-block .title-content h2 { letter-spacing: 0.085vw; font-size: 2vw; line-height: 1.3; color: #5a5045; font-weight: 400; text-transform: capitalize; } @media only screen and (max-width: 1160px) { .blog--list--content .blog--posts--content .blog--posts-box .info-block .title-content h2 { font-size: 26px; line-height: 1.15; letter-spacing: 1.09px; } } @media only screen and (max-width: 750px) { .blog--list--content .blog--posts--content .blog--posts-box .info-block .title-content h2 { max-width: 65vw; font-size: 29px; line-height: 1.24; letter-spacing: 1.22px; } } .blog--list--content .blog--posts--content .blog--posts-box .info-block .title-content h2 a { color: #5a5045; text-transform: capitalize; } .blog--list--content .blog--posts--content .blog--posts-box .info-block .copy--content--text { max-width: 24.4vw; margin-top: 1.5vw; } @media only screen and (max-width: 1160px) { .blog--list--content .blog--posts--content .blog--posts-box .info-block .copy--content--text { max-width: 100%; } } .blog--list--content .blog--posts--content .blog--posts-box .info-block .copy--content--text p { line-height: 1.56; letter-spacing: 0.5px; font-family: "Source Sans Pro", sans-serif; } .blog--list--content .blog--posts--content .blog--posts-box .info-block .copy--content--text p a { font-family: "Playfair Display", sans-serif; color: #97501b; font-size: 16px; font-style: italic; } .blog--list--content .blog--posts--content .sidebar--posts { order: 1; flex: 0 1 25vw; align-self: auto; } @media only screen and (max-width: 1160px) { .blog--list--content .blog--posts--content .sidebar--posts { flex: auto; width: 100%; order: 0; } } .blog--list--content .blog--posts--content .sidebar--posts .sidebar-title h3 { letter-spacing: 0.085vw; font-size: 2vw; color: #5a5045; font-weight: 400; text-transform: capitalize; } @media only screen and (max-width: 1160px) { .blog--list--content .blog--posts--content .sidebar--posts .sidebar-title h3 { font-size: 34px; line-height: 1.26; letter-spacing: 1.77px; } } @media only screen and (max-width: 750px) { .blog--list--content .blog--posts--content .sidebar--posts .sidebar-title h3 { font-size: 20px; line-height: 1.8; letter-spacing: 1.04px; margin-bottom: 20px; } } .blog--list--content .blog--posts--content .sidebar--posts .blog-list-archive { margin-top: 1.5vw; } .blog--list--content .blog--posts--content .sidebar--posts .blog-list-archive .list-parent { border-bottom: 1px solid #cdc1b0; } .blog--list--content .blog--posts--content .sidebar--posts .blog-list-archive .list-parent > li { margin-bottom: 0; border-top: 1px solid #cdc1b0; display: block; } .blog--list--content .blog--posts--content .sidebar--posts .blog-list-archive .list-parent > li .list-items { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-content: flex-start; align-items: flex-start; padding: 1vw 0; } @media only screen and (max-width: 1160px) { .blog--list--content .blog--posts--content .sidebar--posts .blog-list-archive .list-parent > li .list-items { padding: 20px 0; } } .blog--list--content .blog--posts--content .sidebar--posts .blog-list-archive .list-parent > li .list-items > a { font-family: "Source Sans Pro", sans-serif; font-size: 13px; font-weight: 600; letter-spacing: 6.24px; color: #97501b; text-transform: uppercase; display: inline-block; } .blog--list--content .blog--posts--content .sidebar--posts .blog-list-archive .list-parent > li .list-items > a.active { font-weight: 700; } .blog--list--content .blog--posts--content .sidebar--posts .blog-list-archive .list-parent > li .list-items .icon--action { display: block; width: 1vw; height: 1vw; transition: all 0.5s ease; position: relative; z-index: 1; background: transparent url("images/icons/plus-icon.svg") no-repeat scroll center center; cursor: pointer; } @media only screen and (max-width: 1160px) { .blog--list--content .blog--posts--content .sidebar--posts .blog-list-archive .list-parent > li .list-items .icon--action { width: 20px; height: 20px; } } .blog--list--content .blog--posts--content .sidebar--posts .blog-list-archive .list-parent > li .list-items .icon--action.minus-icon { background: transparent url("images/icons/minus-icon.svg") no-repeat scroll center center; } .blog--list--content .blog--posts--content .sidebar--posts .blog-list-archive .list-child { border-top: 1px solid #cdc1b0; display: none; } .blog--list--content .blog--posts--content .sidebar--posts .blog-list-archive .list-child > li { display: block; margin: 0; padding: 5px 0; } .blog--list--content .blog--posts--content .sidebar--posts .blog-list-archive .list-child > li > a { line-height: 1.56; letter-spacing: 0.5px; font-family: "Source Sans Pro", sans-serif; color: #5a5045; font-size: 16px; } .blog--list--content .blog--posts--content .sidebar--posts .blog-list-archive .list-child > li > a.active { font-weight: 700; } .blog--list--content .blog--posts--content .sidebar--posts .blog-list-archive .list-child > li:first-child { padding-top: 10px; } .blog--list--content .blog--posts--content .sidebar--posts .blog-list-archive .list-child > li:last-child { padding-bottom: 10px; } .blog--list--content .load--more--content { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; width: 100vw; margin-top: 9vw; overflow: hidden; } @media only screen and (max-width: 1160px) { .blog--list--content .load--more--content { margin-top: 100px; } } @media only screen and (max-width: 750px) { .blog--list--content .load--more--content { margin-top: 46px; } } .blog--list--content .load--more--content .copy--content--cta { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-content: stretch; align-items: center; gap: 2.4vw; width: 100vw; text-align: center; overflow: hidden; } .blog--list--content .load--more--content .copy--content--cta .line-title { order: 0; flex: 1 1 auto; align-self: auto; background-color: #97501b; height: 1px; display: block; } @media only screen and (max-width: 750px) { .blog--list--content .load--more--content .copy--content--cta a { width: 100%; } } @media only screen and (max-width: 1160px) { .blog--list--content .load--more--content .copy--content--cta a span { font-size: 14px; } } .blog--list--content .no-more-post { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; width: 100vw; margin-top: 5vw; overflow: hidden; } .blog--list--content .no-more-post h3 { letter-spacing: 0.085vw; font-size: 2vw; line-height: 1.3; color: #5a5045; font-weight: 400; text-transform: capitalize; margin-bottom: 5vw; } @media only screen and (max-width: 750px) { .blog--list--content .no-more-post h3 { font-size: 14px; } } .blog--list--content .filter-title-result { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-content: stretch; align-items: flex-end; overflow: hidden; width: 100%; margin-bottom: -4vw; position: relative; } .blog--list--content .filter-title-result h3 { letter-spacing: 0.085vw; font-size: 2vw; line-height: 1.3; color: #5a5045; font-weight: 400; text-transform: capitalize; } @media only screen and (max-width: 750px) { .blog--list--content .filter-title-result h3 { font-size: 14px; } } .blog--list--content .filter-title-result .clear-filters { color: #97501b; font-weight: 600; font-size: 14px; font-family: "Source Sans Pro", sans-serif; text-decoration: underline; } @media only screen and (max-width: 750px) { .page-blog .blog--list--content .blog--posts--content .blog--posts-box .info-block .title-content h2 { max-width: 100%; } } .title--content--post { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; position: relative; width: 100vw; text-align: center; margin-top: 1vw; margin-bottom: 2.3vw; } @media only screen and (max-width: 750px) { .title--content--post { margin-top: 20px; } } .title--content--post .date-box { width: 100vw; text-align: center; } .title--content--post .date-box h3 { font-family: "Source Sans Pro", sans-serif; font-size: .8vw; font-weight: 600; letter-spacing: .25vw; color: #97501b; text-transform: uppercase; } @media only screen and (max-width: 1160px) { .title--content--post .date-box h3 { font-size: 12px; letter-spacing: 4.8px; } } @media only screen and (max-width: 750px) { .title--content--post .date-box h3 { letter-spacing: 6.24px; font-size: 13px; } } .title--content--post .title-box { width: 100vw; text-align: center; } @media only screen and (max-width: 1160px) { .title--content--post .title-box { margin-top: 30px; } } .title--content--post .title-box .h2 { letter-spacing: 0.085vw; font-size: 4vw; line-height: 1.3; color: #5a5045; font-weight: 400; text-transform: capitalize; } @media only screen and (max-width: 1160px) { .title--content--post .title-box .h2 { font-size: 44px; line-height: 1.64; letter-spacing: 2.29px; } } @media only screen and (max-width: 750px) { .title--content--post .title-box .h2 { font-size: 40px; line-height: 1.1; letter-spacing: 1.68px; } } .details--content--block { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; position: relative; width: 100vw; margin-top: 2.2vw; } @media only screen and (max-width: 1160px) { .details--content--block { width: 100%; } } @media only screen and (max-width: 750px) { .details--content--block { flex-direction: column; } } .details--content--block__box--content { width: 100vw; max-width: 930px; margin: auto; } @media only screen and (max-width: 1160px) { .details--content--block__box--content { width: 100%; max-width: 100%; } } .details--content--block__box--content .copy-content p { font-weight: 400; letter-spacing: 0.05px; font-family: "Source Sans Pro", sans-serif; line-height: 1.3; margin-bottom: 30px; } @media only screen and (max-width: 1160px) { .details--content--block__box--content .copy-content p { line-height: 1.56; display: contents; margin-bottom: 24px; width: 100%; display: inline-table; } .details--content--block__box--content .copy-content p br { display: none; } .details--content--block__box--content .copy-content p span { font-size: 56px; line-height: 1.12; letter-spacing: 2.6px; color: #97501b; } } @media only screen and (max-width: 1160px) and (max-width: 1160px) { .details--content--block__box--content .copy-content p span { float: left; line-height: 0.8; } } @media only screen and (max-width: 1160px) and (max-width: 750px) { .details--content--block__box--content .copy-content p span { font-size: 50px; line-height: 1.12; line-height: 0.9; } } .single-post .content--page .details--content:first-of-type .copy-content:first-of-type p:first-of-type::first-letter { font-size: 2.9vw; color: #97501b; font-family: "Ivy Mode", sans-serif; line-height: .9; float: left; padding-right: 5px; } @media only screen and (max-width: 1160px) { .page-template-template-spa .details--content--block { flex-direction: column; } } @media only screen and (max-width: 750px) { .single-post .title--content--post { margin-top: 50px; } } .quote_text--content--block { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; position: relative; width: 100vw; margin-top: 2.2vw; } @media only screen and (max-width: 1160px) { .quote_text--content--block { width: 100%; } } @media only screen and (max-width: 750px) { .quote_text--content--block { margin-bottom: 35px; } } .quote_text--content--block__box--content { width: 100vw; max-width: 1086px; margin: auto; } @media only screen and (max-width: 750px) { .quote_text--content--block__box--content { width: 100%; padding: 0 20px; } } .quote_text--content--block__box--content .copy-content { border-left: 3px solid #97501b; padding-left: 3.3vw; transform: translateX(-4.5vw); } @media only screen and (max-width: 1160px) { .quote_text--content--block__box--content .copy-content { margin-left: 5vw; padding-left: 46px; } } @media only screen and (max-width: 750px) { .quote_text--content--block__box--content .copy-content { margin: 0; padding: 16px 0 20px; border-left: 0; border-top: 3px solid #97501b; border-bottom: 1px solid #97501b; } } .quote_text--content--block__box--content .copy-content p { font-size: 2vw; line-height: 1.65; letter-spacing: 0.085vw; font-family: "Ivy Mode", sans-serif; } @media only screen and (max-width: 1160px) { .quote_text--content--block__box--content .copy-content p { font-size: 28px; line-height: 1.71; letter-spacing: 1.18px; } } @media only screen and (max-width: 750px) { .quote_text--content--block__box--content .copy-content p { line-height: 1.78; font-size: 18px; margin-bottom: 0; } } @media only screen and (max-width: 750px) { .single-post .details--content { margin-bottom: 3px; } } .single-post .author--content--block { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end; align-content: flex-start; align-items: flex-start; position: relative; width: 100vw; margin-top: 2vw; margin-bottom: 0; } .single-post .author--content--block .centered { justify-content: center; } .single-post .author--content--block__box--content { width: 100%; max-width: 1086px; margin: auto; } .single-post .author--content--block__box--content .copy-content p { color: #97501b; font-family: "Hanley Rough Signature", sans-serif; font-size: 3vw; font-weight: 400; text-align: center; } .single-post .author--content--block__box--content .icon-box { width: 100%; text-align: center; max-width: 300px; margin: auto; } .single-post .author--content--block__box--content .icon-box img { display: inline-block; } .details--content--block--contact { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; position: relative; width: 100vw; margin-top: 2.2vw; } @media only screen and (max-width: 1160px) { .details--content--block--contact { flex-direction: column; width: 100%; } } @media only screen and (max-width: 750px) { .details--content--block--contact { margin-top: 42px; } } .details--content--block--contact__left--content { order: 0; flex: 0 1 46vw; align-self: auto; } @media only screen and (max-width: 1160px) { .details--content--block--contact__left--content { flex: auto; } } .details--content--block--contact__left--content.same-width { flex: 0 1 50vw; } @media only screen and (min-width: 1160px) { .details--content--block--contact__left--content.same-width { padding-right: 50px; } } @media only screen and (max-width: 1160px) { .details--content--block--contact__left--content.same-width { flex: auto; width: 100%; } } .details--content--block--contact__left--content .subtitle-content { max-width: 21.5vw; } @media only screen and (max-width: 1160px) { .details--content--block--contact__left--content .subtitle-content { margin-bottom: 15px; } } @media only screen and (max-width: 750px) { .details--content--block--contact__left--content .subtitle-content { max-width: 100%; } } .details--content--block--contact__left--content .subtitle-content h3 { font-family: "Source Sans Pro", sans-serif; font-size: .8vw; font-weight: 600; letter-spacing: .25vw; color: #97501b; text-transform: uppercase; } @media only screen and (max-width: 1160px) { .details--content--block--contact__left--content .subtitle-content h3 { font-size: 12px; line-height: 1.58; letter-spacing: 4.8px; } } @media only screen and (max-width: 750px) { .details--content--block--contact__left--content .subtitle-content h3 { font-size: 13px; letter-spacing: 6.24px; } } .details--content--block--contact__left--content .title-content { max-width: 35vw; } @media only screen and (max-width: 1160px) { .details--content--block--contact__left--content .title-content { max-width: 70vw; } } @media only screen and (max-width: 750px) { .details--content--block--contact__left--content .title-content { max-width: 100%; } } .details--content--block--contact__left--content .title-content .h2 { letter-spacing: 3.33px; font-size: 3.8vw; line-height: 1.15; color: #5a5045; font-weight: 400; } @media only screen and (max-width: 1160px) { .details--content--block--contact__left--content .title-content .h2 { font-size: 5vw; } .details--content--block--contact__left--content .title-content .h2 br { display: none; } } @media only screen and (max-width: 750px) { .details--content--block--contact__left--content .title-content .h2 { font-size: 40px; line-height: 1.1; letter-spacing: 1.68px; } } .details--content--block--contact__left--content .copy--content--cta { margin-top: 2.2vw; } .details--content--block--contact__left--content .icon-box { margin-top: 13.5vw; margin-left: 6vw; } .details--content--block--contact__left--content .decoration { display: flex; width: 100%; justify-content: center; } .details--content--block--contact__left--content .decoration.deco-Left { justify-content: flex-start; } .details--content--block--contact__left--content .decoration.deco-Right { justify-content: flex-end; } .details--content--block--contact__right--content { order: 0; flex: 0 1 64vw; align-self: auto; } @media only screen and (max-width: 1160px) { .details--content--block--contact__right--content { flex: auto; } } .details--content--block--contact__right--content.same-width { flex: 0 1 50vw; } @media only screen and (min-width: 1160px) { .details--content--block--contact__right--content.same-width { padding-left: 50px; } } @media only screen and (max-width: 1160px) { .details--content--block--contact__right--content.same-width { flex: auto; } } .details--content--block--contact__right--content .copy-content { margin-top: 2.4vw; } .details--content--block--contact__right--content .copy-content p { font-size: 1.7vw; line-height: 1.7; letter-spacing: 0.58px; font-family: "Ivy Mode", sans-serif; } @media only screen and (max-width: 1160px) { .details--content--block--contact__right--content .copy-content p { font-size: 22px; line-height: 1.91; letter-spacing: 0.44px; } } @media only screen and (max-width: 750px) { .details--content--block--contact__right--content .copy-content p { font-size: 17px; line-height: 1.82; letter-spacing: 0.34px; } } .details--content--block--contact__right--content .copy-content p strong, .details--content--block--contact__right--content .copy-content p b { font-weight: normal; color: #9f7f61; } .details--content--block--contact__right--content .cta-info-action { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; margin-top: 2vw; } .details--content--block--contact__right--content .cta-info-action .text--info p { font-family: "Playfair Display", sans-serif; color: #97501b; font-size: 1vw; font-style: italic; line-height: 1.7; margin-bottom: 0; } @media only screen and (max-width: 1160px) { .details--content--block--contact__right--content .cta-info-action .text--info p { font-size: 14px; line-height: 1.71; letter-spacing: 1.15px; } .details--content--block--contact__right--content .cta-info-action .text--info p br { display: none; } } @media only screen and (max-width: 750px) { .details--content--block--contact__right--content .cta-info-action .text--info { max-width: 80vw; margin-top: 30px; } } .details--content--block--contact__right--content .list-buttons ul { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; } .details--content--block--contact__right--content .list-buttons ul li { margin-right: 2.1vw; margin-top: 3.8vw; display: block; } .page-template-template-contact-us .hide-contact { display: none; } .page-template-template-contact-us .show-contact { display: block; } .page-template-default .hide-contact { display: block; margin: 50px 0 105px; } .page-template-default .show-contact { display: none; } @media only screen and (max-width: 1160px) { .page-template-template-contact-us .title-content { max-width: 100%; } .page-template-template-contact-us .title-content .h2 { font-size: 44px; line-height: 1.23; letter-spacing: normal; margin-top: 10px; } } @media only screen and (max-width: 750px) { .page-template-template-contact-us .title-content .h2 { font-size: 40px; line-height: 1.1; letter-spacing: 1.68px; margin-top: 5px; } } @media only screen and (max-width: 1160px) { .page-template-template-contact-us .details--content--block--contact__right--content .copy-content .text--block p { margin-bottom: 30px; } } @media only screen and (max-width: 750px) { .page-template-template-contact-us .details--content--block--contact__right--content .copy-content .text--block p { font-size: 17px; line-height: 1.82; letter-spacing: 0.34px; } } .page-template-template-contact-us .details--content--block--contact__right--content .copy--content--cta { margin-top: 38px; } @media only screen and (max-width: 1160px) { .page-template-template-contact-us .cta-info-action .text--info p { font-size: 15px; line-height: 1.67; letter-spacing: 1.23px; } } @media only screen and (max-width: 1160px) { .page-privacy-policy .decoration { display: none; } } @media only screen and (max-width: 1160px) { .page-privacy-policy .details--content { margin-bottom: 0; } } @media only screen and (max-width: 1160px) { .page-privacy-policy .accordions { padding: 40px 0; } } @media only screen and (max-width: 750px) { .page-privacy-policy .accordions { padding: 34px 0; } } @media only screen and (max-width: 750px) { .page-privacy-policy .accordions .card__header { line-height: 1.38; letter-spacing: 2.6px; padding-right: 20px; } } .page-frequently-asked-questions .details--content--block--contact__right--content .cta-info-action { margin-top: 1.3vw; } .page-frequently-asked-questions .details--content--block--contact__right--content { max-width: 705px; } @media only screen and (max-width: 1160px) { .page-frequently-asked-questions .details--content { margin-bottom: 0; } } @media only screen and (max-width: 1160px) { .page-frequently-asked-questions .details--content--block--contact__left--content .title-content { max-width: 100%; } .page-frequently-asked-questions .details--content--block--contact__left--content .title-content .h2 { margin-top: 0; } } @media only screen and (max-width: 1160px) { .page-frequently-asked-questions .accordions { padding: 40px 0; } .page-frequently-asked-questions .accordions__grid__column__icon { display: none; } .page-frequently-asked-questions .accordions .card__header { line-height: 1.38; letter-spacing: 2.6px; padding-right: 30px; font-weight: 600; } } @media only screen and (max-width: 1160px) { .page-careers .list-buttons { position: absolute; bottom: -6vw; left: 0; margin: 50px 0 20px; } } @media only screen and (max-width: 750px) { .page-careers .list-buttons { bottom: -11vw; } } @media only screen and (max-width: 1160px) { .page-careers .details--content--block--contact__left--content .decoration { position: absolute; bottom: -20vw; right: -58vw; display: block; } } @media only screen and (max-width: 750px) { .page-careers .details--content--block--contact__left--content .decoration { display: none; } } @media only screen and (max-width: 1160px) { .page-careers .positions { padding: 20px 0 0; } .page-careers .positions--image { margin-top: 45px; } .page-careers .positions--contents--items { padding-bottom: 25px; } } @media only screen and (max-width: 750px) { .page-careers .positions { padding: 50px 0 0; } .page-careers .positions .row { margin-bottom: 24px; } .page-careers .positions .row.reverse .positions--contents--items .itemlink { padding: 10px 0; } .page-careers .positions--image { margin-top: 20px; } .page-careers .positions--contents--items { padding-bottom: 0; } } @media only screen and (max-width: 750px) and (max-width: 750px) { .page-careers .positions--contents--items { padding-top: 10px; } } @media only screen and (max-width: 750px) { .page-careers .positions--contents--items .itemlink:nth-child(1) { padding-top: 22px; } } @media only screen and (max-width: 750px) and (max-width: 750px) { .page-careers .positions--contents--items .itemlink:nth-child(1) { padding-top: 10px; } } @media only screen and (max-width: 1160px) { .page-careers .blog--copy--content .blog--content--block.title-first { max-width: 80vw; } } @media only screen and (max-width: 750px) { .page-careers .blog--copy--content .blog--content--block.title-first .copy-content p { font-size: 31px; line-height: 1.74; letter-spacing: 0.62px; } } @media only screen and (max-width: 750px) { .page-careers .title--section { display: none; } } @media only screen and (max-width: 1160px) { .page-hotel-policies .details--content, .page-accessibility-statement .details--content { margin-bottom: 20px; } } @media only screen and (max-width: 1160px) { .page-hotel-policies .details--content--block--contact__left--content .decoration, .page-accessibility-statement .details--content--block--contact__left--content .decoration { display: none; } } @media only screen and (max-width: 1160px) { .page-hotel-policies .details--content--block--contact__right--content .copy-content p, .page-accessibility-statement .details--content--block--contact__right--content .copy-content p { margin-bottom: 38px; } } @media only screen and (max-width: 1160px) { .page-accessibility-statement .columns-lists { padding: 0; } } .logos__grid { display: grid; grid-template-columns: repeat(4, 1fr); align-items: center; grid-gap: 130px; padding: 120px 0; } @media only screen and (max-width: 1160px) { .logos__grid { grid-gap: 50px; padding: 72px 0; } } @media only screen and (max-width: 750px) { .logos__grid { grid-template-columns: repeat(1, 1fr); place-items: center; padding: 72px 80px; } } .logos__item img { width: 100%; object-fit: cover; mix-blend-mode: multiply; } .contact--boxes--block { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; position: relative; width: 100vw; margin-top: 6vw; } @media only screen and (max-width: 750px) { .contact--boxes--block { margin-top: 60px; } } .contact--boxes--block .contact--boxes--block--content { display: flex; flex-direction: row; justify-content: center; gap: 6.2vw; width: 100vw; } @media only screen and (max-width: 1160px) { .contact--boxes--block .contact--boxes--block--content { flex-direction: column; width: 100%; } } @media only screen and (max-width: 750px) { .contact--boxes--block .contact--boxes--block--content { gap: 44px; } } .contact--boxes--block .contact--boxes--block--content .box--content { display: flex; flex-direction: column; flex: 1 1 33vw; } @media only screen and (max-width: 1160px) { .contact--boxes--block .contact--boxes--block--content .box--content { display: grid; grid-template-columns: 30% 70%; gap: 50px 23px; flex: auto; } } @media only screen and (max-width: 750px) { .contact--boxes--block .contact--boxes--block--content .box--content { grid-template-columns: 1fr; gap: 10px; } } .contact--boxes--block .contact--boxes--block--content .box--content__block { flex-grow: 1; display: flex; flex-direction: column; flex: 1; } @media only screen and (max-width: 1160px) { .contact--boxes--block .contact--boxes--block--content .box--content .img--content { aspect-ratio: 1.12; width: 100%; } } @media only screen and (max-width: 750px) { .contact--boxes--block .contact--boxes--block--content .box--content .img--content { aspect-ratio: 1.54; } } .contact--boxes--block .contact--boxes--block--content .box--content .title-box { margin-top: 2vw; } @media only screen and (max-width: 1160px) { .contact--boxes--block .contact--boxes--block--content .box--content .title-box { margin-top: 0; } } .contact--boxes--block .contact--boxes--block--content .box--content .title-box h2 { letter-spacing: 1.77px; font-size: 2vw; line-height: 1.15; color: #5a5045; font-weight: 400; } @media only screen and (max-width: 1160px) { .contact--boxes--block .contact--boxes--block--content .box--content .title-box h2 { font-size: 26px; line-height: 1.31; letter-spacing: 1.35px; } .contact--boxes--block .contact--boxes--block--content .box--content .title-box h2 br { display: none; } } @media only screen and (max-width: 750px) { .contact--boxes--block .contact--boxes--block--content .box--content .title-box h2 br { display: block; } } .contact--boxes--block .contact--boxes--block--content .box--content .copy-box { margin-top: 1.6vw; max-width: 21vw; margin-bottom: 2.2vw; } @media only screen and (max-width: 1160px) { .contact--boxes--block .contact--boxes--block--content .box--content .copy-box { max-width: 100%; } } .contact--boxes--block .contact--boxes--block--content .box--content .copy-box p { font-family: "Source Sans Pro", sans-serif; line-height: 1.3; margin-bottom: 0; letter-spacing: 0.05px; } @media only screen and (max-width: 1160px) { .contact--boxes--block .contact--boxes--block--content .box--content .copy-box p { font-size: 16px; line-height: 1.56; letter-spacing: 0.05px; } } .contact--boxes--block .contact--boxes--block--content .box--content .copy--content--cta { margin-top: auto; align-self: flex-start; } @media only screen and (max-width: 750px) { .contact--boxes--block .contact--boxes--block--content .box--content .copy--content--cta .cta--button-bg { width: 100%; } } @media only screen and (max-width: 1160px) { .contact--boxes--block .contact--boxes--block--content .box--content .copy--content--cta .cta--button-bg span { font-size: 14px; } } .contact--form--block { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; position: relative; width: 100vw; margin-top: 9vw; padding-bottom: 7vw; padding-top: 7vw; background: #E5D9CE; } .contact--form--block .contact--form--block--content { display: flex; flex-direction: row; justify-content: center; width: 100vw; gap: 6.2vw; } @media only screen and (max-width: 1160px) { .contact--form--block .contact--form--block--content { flex-direction: column; } } .contact--form--block .contact--form--block--content__left-column { order: 0; flex: 0 1 25vw; align-self: auto; width: 100vw; max-width: 25vw; } @media only screen and (max-width: 1160px) { .contact--form--block .contact--form--block--content__left-column { max-width: 78vw; } } .contact--form--block .contact--form--block--content__left-column .subtitle-content h3 { font-family: "Source Sans Pro", sans-serif; font-size: .8vw; font-weight: 600; letter-spacing: .25vw; color: #97501b; text-transform: uppercase; } @media only screen and (max-width: 1160px) { .contact--form--block .contact--form--block--content__left-column .subtitle-content h3 { font-size: 12px; letter-spacing: 4.8px; } } .contact--form--block .contact--form--block--content__left-column .title-content { margin-top: 5px; } .contact--form--block .contact--form--block--content__left-column .title-content h2 { letter-spacing: 0.085vw; font-size: 2.7vw; color: #5a5045; font-weight: 400; } @media only screen and (max-width: 1160px) { .contact--form--block .contact--form--block--content__left-column .title-content h2 { font-size: 36px; line-height: 1.56; letter-spacing: 1.87px; } } .contact--form--block .contact--form--block--content__left-column .text--block { margin-top: 1.2vw; width: 100%; max-width: 14vw; margin-top: 1.9vw; } @media only screen and (max-width: 1160px) { .contact--form--block .contact--form--block--content__left-column .text--block { max-width: 100%; margin-top: 17px; } } .contact--form--block .contact--form--block--content__left-column .text--block p { font-family: "Playfair Display", sans-serif; color: #97501b; font-size: .85vw; font-style: italic; line-height: 1.7; } @media only screen and (max-width: 1160px) { .contact--form--block .contact--form--block--content__left-column .text--block p { font-size: 15px; line-height: 1.27; letter-spacing: 1.23px; } } @media only screen and (max-width: 750px) { .contact--form--block .contact--form--block--content__left-column .text--block p { margin-bottom: 20px; } } .contact--form--block .contact--form--block--content__left-column .text--block p a { text-decoration: underline; } .contact--form--block .contact--form--block--content__right-column { order: 0; flex: 0 1 75vw; align-self: auto; } @media only screen and (max-width: 750px) { .contact--form--block .contact--form--block--content__right-column { margin-top: 57px; } } .contact--form--block .contact--form--block--content__right-column .form-block-container textarea { max-height: 47px; } .page-template-template-contact-us .site-footer { margin-top: 0; } @media only screen and (max-width: 750px) { .form-block-container .gform_footer input[type=submit] { width: 100%; } } .details--content--block--events { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; position: relative; width: 100vw; margin-top: 0; } @media only screen and (max-width: 1160px) { .details--content--block--events { flex-direction: column; width: 100%; } } .details--content--block--events__left--content { order: 0; flex: 0 1 46vw; align-self: auto; } @media only screen and (max-width: 1160px) { .details--content--block--events__left--content { flex: auto; } } .details--content--block--events__left--content .subtitle-content { max-width: 21.5vw; } @media only screen and (max-width: 1160px) { .details--content--block--events__left--content .subtitle-content { max-width: 100%; } } .details--content--block--events__left--content .subtitle-content h3 { font-family: "Source Sans Pro", sans-serif; font-size: .8vw; font-weight: 600; letter-spacing: .25vw; color: #97501b; text-transform: uppercase; } @media only screen and (max-width: 1160px) { .details--content--block--events__left--content .subtitle-content h3 { font-size: 12px; line-height: 1.58; letter-spacing: 4.8px; } } .details--content--block--events__left--content .title-content { max-width: 35vw; } @media only screen and (max-width: 1160px) { .details--content--block--events__left--content .title-content { max-width: 100%; } } .details--content--block--events__left--content .title-content .h2 { letter-spacing: 3.33px; font-size: 3.8vw; line-height: 1.15; color: #5a5045; font-weight: 400; } @media only screen and (max-width: 1160px) { .details--content--block--events__left--content .title-content .h2 { font-size: 44px; line-height: 1.23; letter-spacing: 2.29px; margin-bottom: 17px; } .details--content--block--events__left--content .title-content .h2 br { display: none; } } @media only screen and (max-width: 750px) { .details--content--block--events__left--content .title-content .h2 { font-size: 40px; line-height: 1.1; letter-spacing: 1.68px; } } .details--content--block--events__left--content .copy--content--cta { margin-top: 2.2vw; } .details--content--block--events__left--content .icon-box { margin-top: 13.5vw; margin-left: 6vw; } .details--content--block--events__right--content { order: 0; flex: 0 1 54vw; align-self: auto; } @media only screen and (max-width: 1160px) { .details--content--block--events__right--content { flex: auto; } } .details--content--block--events__right--content .copy-content p { font-size: 1.7vw; line-height: 1.7; letter-spacing: 0.58px; font-family: "Ivy Mode", sans-serif; } @media only screen and (max-width: 1160px) { .details--content--block--events__right--content .copy-content p { font-size: 22px; line-height: 1.91; letter-spacing: 0.44px; } } @media only screen and (max-width: 750px) { .details--content--block--events__right--content .copy-content p { font-size: 17px; line-height: 1.82; letter-spacing: 0.34px; } } .details--content--block--events__right--content .cta-info-action { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; margin-top: 4vw; } .details--content--block--events__right--content .cta-info-action .text--info p { font-family: "Playfair Display", sans-serif; color: #97501b; font-size: .85vw; font-style: italic; line-height: 1.7; margin-bottom: 0; } @media only screen and (max-width: 1160px) { .details--content--block--events__right--content .cta-info-action .text--info p { font-size: 15px; line-height: 1.67; letter-spacing: 1.23px; } } @media only screen and (max-width: 750px) { .details--content--block--events__right--content .cta-info-action .text--info p { font-size: 14px; line-height: 1.71; letter-spacing: 1.15px; } } .content--page .details--content:not(:first-child) .details--content--block--events { margin-top: 7vw; } .slider--cta--block { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; position: relative; width: 100vw; margin-top: 7vw; margin-bottom: 0; } @media only screen and (max-width: 900px) { .slider--cta--block { margin-top: 10vw; } } @media only screen and (max-width: 750px) { .slider--cta--block { margin-top: 7vw; } } @media only screen and (max-width: 750px) { .slider--cta--block { margin-top: 60px; } .slider--cta--block .container { padding: 0; } } .slider--cta--block__slider--content { position: relative; width: 100%; } .slider--cta--block__slider--content .slider-cta-items { position: relative; width: 77%; } @media only screen and (max-width: 750px) { .slider--cta--block__slider--content .slider-cta-items { width: 100%; } } .slider--cta--block__slider--content .slider-cta-items--content { position: absolute; right: 0; top: 0; width: 33%; height: 100%; display: flex; align-items: center; min-width: 430px; } @media only screen and (max-width: 750px) { .slider--cta--block__slider--content .slider-cta-items--content { position: initial; height: auto; width: 100%; max-width: 100%; margin-top: -10vw; min-width: 362px; } } .slider--cta--block__slider--content .slider-cta-items--content .slick-slide { transition-delay: 1s !important; } @media only screen and (max-width: 750px) { .slider--cta--block__slider--content .slider-cta-items .slick-current .item-grid .image--slider { height: 260px; } } .slider--cta--block__slider--content .slider-cta-items .item-grid { width: 100%; } .slider--cta--block__slider--content .slider-cta-items .item-grid .image--slider { overflow: hidden; aspect-ratio: 1.58; position: relative; } @media only screen and (max-width: 1160px) { .slider--cta--block__slider--content .slider-cta-items .item-grid .image--slider { aspect-ratio: 0.86; } } @media only screen and (max-width: 750px) { .slider--cta--block__slider--content .slider-cta-items .item-grid .image--slider { aspect-ratio: 2.75; } } .slider--cta--block__slider--content .slider-cta-items .item-grid .image--slider .image-background { aspect-ratio: 1.58; } @media only screen and (max-width: 1160px) { .slider--cta--block__slider--content .slider-cta-items .item-grid .image--slider .image-background { aspect-ratio: 0.86; width: 100%; height: 596px; } } @media only screen and (max-width: 750px) { .slider--cta--block__slider--content .slider-cta-items .item-grid .image--slider .image-background { aspect-ratio: 1.5; height: 260px; } } .slider--cta--block__slider--content .slider-cta-items .item-grid .copy--content { position: relative; } @media only screen and (max-width: 1160px) { .slider--cta--block__slider--content .slider-cta-items .item-grid .copy--content { max-width: 333px; float: right; } } @media only screen and (max-width: 750px) { .slider--cta--block__slider--content .slider-cta-items .item-grid .copy--content { max-width: 362px; float: none; margin: 0 auto; } } .slider--cta--block__slider--content .slider-cta-items .item-grid .copy--content .box-text { position: relative; transform-style: flat; perspective: 1500px; } .slider--cta--block__slider--content .slider-cta-items .item-grid .copy--content .box-text > div { background: #7D8167; transition-timing-function: ease-in-out; transition-duration: 1s; transition-property: transform, opacity; backface-visibility: hidden; } .slider--cta--block__slider--content .slider-cta-items .item-grid .copy--content .box-text > div.card--front { transform: rotateY(0deg); z-index: 1; } @media only screen and (max-width: 1160px) { .slider--cta--block__slider--content .slider-cta-items .item-grid .copy--content .box-text > div.card--front { padding: 52px 41px; } } @media only screen and (max-width: 750px) { .slider--cta--block__slider--content .slider-cta-items .item-grid .copy--content .box-text > div.card--front { padding: 33px 40px; } } .slider--cta--block__slider--content .slider-cta-items .item-grid .copy--content .box-text > div.card--back { transform: rotateY(-180deg); z-index: 0; backface-visibility: hidden; } @media only screen and (max-width: 1160px) { .slider--cta--block__slider--content .slider-cta-items .item-grid .copy--content .box-text > div.card--back { padding: 52px 41px; } } @media only screen and (max-width: 750px) { .slider--cta--block__slider--content .slider-cta-items .item-grid .copy--content .box-text > div.card--back { padding: 33px 40px; } } .slider--cta--block__slider--content .slider-cta-items .item-grid .copy--content .box-text.js-play .card--front { z-index: 0; transform: rotateY(180deg); } .slider--cta--block__slider--content .slider-cta-items .item-grid .copy--content .box-text.js-play .card--back { z-index: 1; transform: rotateY(0deg); } .slider--cta--block__slider--content .slider-cta-items .item-grid .copy--content .box-text .details-actions { background: #7d8167; padding: 3vw; } .slider--cta--block__slider--content .slider-cta-items .item-grid .copy--content .box-text .subtitle-content h3 { color: #ffffff; } @media only screen and (max-width: 1160px) { .slider--cta--block__slider--content .slider-cta-items .item-grid .copy--content .box-text .subtitle-content h3 { font-size: 12px; } } @media only screen and (max-width: 750px) { .slider--cta--block__slider--content .slider-cta-items .item-grid .copy--content .box-text .subtitle-content h3 { font-size: 13px; letter-spacing: 6.11px; } } .slider--cta--block__slider--content .slider-cta-items .item-grid .copy--content .box-text .title-content h2 { color: #ffffff; font-size: 1.5vw; letter-spacing: 1.3px; line-height: 1.2; } @media only screen and (max-width: 1160px) { .slider--cta--block__slider--content .slider-cta-items .item-grid .copy--content .box-text .title-content h2 { font-size: 18px; margin-top: 9px; } } @media only screen and (max-width: 750px) { .slider--cta--block__slider--content .slider-cta-items .item-grid .copy--content .box-text .text--block { margin-bottom: 30px; } } .slider--cta--block__slider--content .slider-cta-items .item-grid .copy--content .box-text .text--block p { color: #ffffff; line-height: 1.6; } .slider--cta--block__slider--content .slider-cta-items .item-grid .copy--content .box-text .text--block ul { list-style: none; padding: 0; max-width: 30vw; } @media only screen and (max-width: 750px) { .slider--cta--block__slider--content .slider-cta-items .item-grid .copy--content .box-text .text--block ul { max-width: 100%; } } .slider--cta--block__slider--content .slider-cta-items .item-grid .copy--content .box-text .text--block ul li { font-family: "Source Sans Pro", sans-serif; position: relative; padding-left: 27px; line-height: 1.5; color: #ffffff; margin-bottom: 1.5vw; font-size: 16px; } .slider--cta--block__slider--content .slider-cta-items .item-grid .copy--content .box-text .text--block ul li::before { content: ''; background: transparent url("images/icons/list-icon-white.svg") no-repeat scroll center center; display: inline-block; width: 13px; height: 13px; position: absolute; left: 0; top: 3px; } .slider--cta--block__slider--content .slider-cta-items .item-grid .copy--content .box-text .copy--content--cta .cta--button-bg { background: #efe6de; } @media only screen and (max-width: 750px) { .slider--cta--block__slider--content .slider-cta-items .item-grid .copy--content .box-text .copy--content--cta .cta--button-bg { width: 100%; } } .slider--cta--block__slider--content .slider-cta-items .item-grid .copy--content .box-text .copy--content--cta .cta--button-bg .reserve-txt { color: #7d8167; } .slider--cta--block__slider--content .slider-cta-items .item-grid .copy--content .box-text .copy--content--cta .cta-text { color: #ffffff; left: 50px; } .slider--cta--block__slider--content .slider-cta-items .item-grid .copy--content .box-text .more--details--content { position: absolute; background: #7d8167; padding: 3vw; left: 0; top: 0; right: 0; bottom: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; } .slider--cta--block__slider--content .slider-cta-items .item-grid .copy--content .box-text .more--details--content .close-box { position: absolute; right: 30px; top: 30px; z-index: 1; } .slider--cta--block__slider--content .slider-cta-items .item-grid .copy--content .box-text .more--details--content .text--block { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-content: stretch; align-items: flex-start; height: 100%; } .slider--cta--block__slider--content .slider-cta-items .item-grid .copy--content .box-text .more--details--content .text--block h2, .slider--cta--block__slider--content .slider-cta-items .item-grid .copy--content .box-text .more--details--content .text--block h3, .slider--cta--block__slider--content .slider-cta-items .item-grid .copy--content .box-text .more--details--content .text--block h4, .slider--cta--block__slider--content .slider-cta-items .item-grid .copy--content .box-text .more--details--content .text--block h5, .slider--cta--block__slider--content .slider-cta-items .item-grid .copy--content .box-text .more--details--content .text--block h6 { color: #ffffff; font-family: "Playfair Display", sans-serif; font-style: italic; margin-bottom: 20px; text-transform: none; width: 100%; font-size: 1.5vw; } @media only screen and (max-width: 750px) { .slider--cta--block__slider--content .slider-cta-items .item-grid .copy--content .box-text .more--details--content .text--block h2, .slider--cta--block__slider--content .slider-cta-items .item-grid .copy--content .box-text .more--details--content .text--block h3, .slider--cta--block__slider--content .slider-cta-items .item-grid .copy--content .box-text .more--details--content .text--block h4, .slider--cta--block__slider--content .slider-cta-items .item-grid .copy--content .box-text .more--details--content .text--block h5, .slider--cta--block__slider--content .slider-cta-items .item-grid .copy--content .box-text .more--details--content .text--block h6 { font-size: 25px; } } .slider--cta--block__slider--content .slider-cta-items .item-grid .copy--content .box-text .more--details--content .text--block p { color: #ffffff; line-height: 1.6; margin-bottom: 20px; width: 100%; font-size: 1.2vw; } @media only screen and (max-width: 1160px) { .slider--cta--block__slider--content .slider-cta-items .item-grid .copy--content .box-text .more--details--content .text--block p { font-size: 16px; } } .slider--cta--block__slider--content .slider-cta-items .item-grid .copy--content .box-text .more--details--content .text--block p a { color: #ffffff; text-decoration: underline; } .slider--cta--block__slider--content .slider-cta-items .item-grid .copy--content .box-text .more--details--content .text--block ul { list-style: none; padding: 0; margin-bottom: 20px; width: 100%; } .slider--cta--block__slider--content .slider-cta-items .item-grid .copy--content .box-text .more--details--content .text--block ul li { font-family: "Source Sans Pro", sans-serif; position: relative; padding-left: 27px; line-height: 1.25; color: #ffffff; margin-bottom: 1.5vw; font-size: 16px; width: 100%; } .slider--cta--block__slider--content .slider-cta-items .item-grid .copy--content .box-text .more--details--content .text--block ul li::before { content: ''; background: transparent url("images/icons/list-icon-white.svg") no-repeat scroll center center; display: inline-block; width: 13px; height: 13px; position: absolute; left: 0; top: 3px; } .slider--cta--block__slider--content .slider-cta-items .slick-list { margin: 0; padding: 0 !important; } .slider--cta--block__slider--content .slider-cta-items .slick-slide { width: 100vw; margin: 0; padding: 0; } .slider--cta--block__slider--content .slick-dots { display: none !important; } .slider--cta--block__slider--content .slider-arrows { display: flex; flex-direction: column-reverse; flex-wrap: nowrap; justify-content: flex-start; align-content: stretch; align-items: center; position: absolute; left: -53; top: 50%; transform: translate(-53px, -50%); } @media only screen and (max-width: 750px) { .slider--cta--block__slider--content .slider-arrows { transform: translate(0, -50%); width: 97%; left: 0; right: auto; flex-direction: row; justify-content: space-between; top: 20%; } } .slider--cta--block__slider--content .slider-arrows .carousel-arrow { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; background-color: #7d8167; height: 40px; -webkit-justify-content: center; justify-content: center; width: 53px; cursor: pointer; } .slider--cta--block__slider--content .slider-arrows .carousel-arrow.lft-color-offset { background-color: #ACB289; } @media only screen and (max-width: 750px) { .slider--cta--block__slider--content .slider-arrows .carousel-arrow.lft-color-offset { background-color: #7d8167; } } .slider--cta--block__slider--content .slider-arrows .carousel-arrow.lft-color-offset svg { transform: rotate(180deg); } .content--page .boxes--content--cta--event + .slider--cta--block .slider--cta--block__slider--content { display: flex; justify-content: flex-end; } @media only screen and (max-width: 1160px) { .content--page .boxes--content--cta--event + .slider--cta--block .slider--cta--block__slider--content { flex-direction: column; } } .content--page .boxes--content--cta--event + .slider--cta--block .slider--cta--block__slider--content .slider-cta-items.slider-cta-items--content { right: auto; left: 0; } @media only screen and (max-width: 1160px) { .content--page .boxes--content--cta--event + .slider--cta--block .slider--cta--block__slider--content .slider-cta-items.slider-cta-items--content .item-grid .copy--content { float: left; } } @media only screen and (max-width: 1160px) { .content--page .boxes--content--cta--event + .slider--cta--block .slider--cta--block__slider--content .slider-cta-items.slider-cta-items--content .item-grid .copy--content { float: none; } } .content--page .boxes--content--cta--event + .slider--cta--block .slider--cta--block__slider--content .slider-arrows { left: auto; transform: translate(53px, -50%); } .page-template-template-special-offers .content--page .slider--cta--block:nth-of-type(2n+1) .slider--cta--block__slider--content { display: flex !important; justify-content: flex-end !important; } .page-template-template-special-offers .content--page .slider--cta--block:nth-of-type(2n+1) .slider--cta--block__slider--content .slider-cta-items.slider-cta-items--content { right: auto !important; left: 0 !important; } @media only screen and (max-width: 1160px) { .page-template-template-special-offers .content--page .slider--cta--block:nth-of-type(2n+1) .slider--cta--block__slider--content .slider-cta-items.slider-cta-items--content .item-grid .copy--content { float: left !important; } } @media only screen and (max-width: 750px) { .page-template-template-special-offers .content--page .slider--cta--block:nth-of-type(2n+1) .slider--cta--block__slider--content .slider-cta-items.slider-cta-items--content .item-grid .copy--content { float: none !important; } } .page-template-template-special-offers .content--page .slider--cta--block:nth-of-type(2n+1) .slider--cta--block__slider--content .slider-arrows { left: auto !important; transform: translate(53px, -50%) !important; } .page-template-template-events .content--page .slider--cta--block .slider-right { display: flex; justify-content: flex-end; } @media only screen and (max-width: 750px) { .page-template-template-events .content--page .slider--cta--block .slider-right { flex-direction: column; } } .page-template-template-events .content--page .slider--cta--block .slider-right .slider-cta-items--content { left: 0; right: auto; } @media only screen and (max-width: 1160px) { .page-template-template-events .content--page .slider--cta--block .slider-right .slider-cta-items--content .item-grid .copy--content { float: left !important; } } @media only screen and (max-width: 750px) { .page-template-template-events .content--page .slider--cta--block .slider-right .slider-cta-items--content .item-grid .copy--content { float: none !important; } } .page-template-template-events .content--page .slider--cta--block .slider-right .slider-arrows { right: -106px; margin-right: 0 !important; } @media only screen and (max-width: 750px) { .page-template-template-events .content--page .slider--cta--block .slider-right .slider-arrows { right: auto; left: 0; } } .page-template-template-events .content--page .slider--cta--block:nth-child(2n+1) .slider--cta--block__slider--content .slider-cta-items .item-grid .copy--content .box-text { margin-right: 0; } .boxes--content--cta--event { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; position: relative; width: 100vw; margin-top: 7vw; } .boxes--content--cta--event .boxes--content--cta--event--block { display: flex; flex-direction: row; justify-content: center; gap: 12vw; width: 100vw; } @media only screen and (max-width: 1160px) { .boxes--content--cta--event .boxes--content--cta--event--block { flex-direction: column; width: 100%; gap: 0; } } .boxes--content--cta--event .boxes--content--cta--event--block__boxes-single { display: flex; flex-direction: column; flex: 1 1 50vw; } @media only screen and (max-width: 1160px) { .boxes--content--cta--event .boxes--content--cta--event--block__boxes-single { flex: auto; width: 100%; margin-bottom: 57px; } } @media only screen and (max-width: 1160px) { .boxes--content--cta--event .boxes--content--cta--event--block__boxes-single .img--content { aspect-ratio: 1.34; } } @media only screen and (max-width: 750px) { .boxes--content--cta--event .boxes--content--cta--event--block__boxes-single .img--content { height: 252px; } } .boxes--content--cta--event .boxes--content--cta--event--block__boxes-single .subtitle-box { margin-top: 2vw; } @media only screen and (max-width: 750px) { .boxes--content--cta--event .boxes--content--cta--event--block__boxes-single .subtitle-box { margin-top: 5vw; } } .boxes--content--cta--event .boxes--content--cta--event--block__boxes-single .subtitle-box h3 { font-family: "Source Sans Pro", sans-serif; font-size: .8vw; font-weight: 600; letter-spacing: .25vw; color: #97501b; text-transform: uppercase; } @media only screen and (max-width: 1160px) { .boxes--content--cta--event .boxes--content--cta--event--block__boxes-single .subtitle-box h3 { font-size: 13px; line-height: 1.38; letter-spacing: 6.11px; } } .boxes--content--cta--event .boxes--content--cta--event--block__boxes-single .title-box { margin-top: 1vw; margin-bottom: 2vw; } .boxes--content--cta--event .boxes--content--cta--event--block__boxes-single .title-box h2 { font-size: 1.5vw; letter-spacing: 1.3px; line-height: 1.2; color: #5a5045; font-weight: 400; } @media only screen and (max-width: 1160px) { .boxes--content--cta--event .boxes--content--cta--event--block__boxes-single .title-box h2 { font-size: 20px; line-height: 1.05; letter-spacing: 1.04px; margin-bottom: 20px; } .boxes--content--cta--event .boxes--content--cta--event--block__boxes-single .title-box h2 br { display: none; } } .event--form--block { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; position: relative; width: 100vw; margin-top: 9vw; padding-bottom: 7vw; padding-top: 7vw; background: #E5D9CE; } @media only screen and (max-width: 1160px) { .event--form--block { position: relative; padding-bottom: 23vw; } } .event--form--block .event--form--block--content { display: flex; flex-direction: column; justify-content: center; width: 100%; gap: 6.2vw; } .event--form--block .event--form--block--content__left-column { width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-content: stretch; align-items: flex-start; gap: 4%; } @media only screen and (max-width: 1160px) { .event--form--block .event--form--block--content__left-column { flex-direction: column; gap: 0; width: 100%; } } .event--form--block .event--form--block--content__left-column .left-box { order: 0; flex: 0 1 50%; align-self: auto; } .event--form--block .event--form--block--content__left-column .right-box { order: 0; flex: 0 1 50%; align-self: auto; position: relative; } @media only screen and (max-width: 1160px) { .event--form--block .event--form--block--content__left-column .right-box { position: initial; } } .event--form--block .event--form--block--content__left-column .subtitle-content h3 { font-family: "Source Sans Pro", sans-serif; font-size: .8vw; font-weight: 600; letter-spacing: .25vw; color: #97501b; text-transform: uppercase; } @media only screen and (max-width: 1160px) { .event--form--block .event--form--block--content__left-column .subtitle-content h3 { font-size: 12px; letter-spacing: 4.8px; } } .event--form--block .event--form--block--content__left-column .title-content { margin-top: 5px; max-width: 33vw; } @media only screen and (max-width: 1160px) { .event--form--block .event--form--block--content__left-column .title-content { max-width: 100%; } } .event--form--block .event--form--block--content__left-column .title-content h2 { letter-spacing: 0.085vw; font-size: 2.7vw; color: #5a5045; font-weight: 400; } @media only screen and (max-width: 1160px) { .event--form--block .event--form--block--content__left-column .title-content h2 { font-size: 36px; line-height: 1.28; letter-spacing: 1.87px; margin-bottom: 20px; } } @media only screen and (max-width: 750px) { .event--form--block .event--form--block--content__left-column .title-content h2 { font-size: 34px; line-height: 1.26; letter-spacing: 1.43px; } } .event--form--block .event--form--block--content__left-column .text--block { margin-top: 1vw; width: 100%; margin-top: 1.9vw; } .event--form--block .event--form--block--content__left-column .text--block p { line-height: 1.25; letter-spacing: 0.23px; font-family: "Source Sans Pro", sans-serif; font-size: .9vw; } @media only screen and (max-width: 1160px) { .event--form--block .event--form--block--content__left-column .text--block p { font-size: 16px; line-height: 1.56; letter-spacing: 0.34px; margin-bottom: 20px; } } .event--form--block .event--form--block--content__left-column .text--block p a { text-decoration: underline; } .event--form--block .event--form--block--content__left-column .text--block--extra { margin-top: 1vw; margin-bottom: 2.5vw; width: 100%; } .event--form--block .event--form--block--content__left-column .text--block--extra p { font-family: "Playfair Display", sans-serif; color: #97501b; font-size: .85vw; font-style: italic; line-height: 1.7; } @media only screen and (max-width: 1160px) { .event--form--block .event--form--block--content__left-column .text--block--extra p { font-size: 15px; line-height: 1.67; letter-spacing: 1.23px; margin-bottom: 30px; } } .event--form--block .event--form--block--content__left-column .text--block--extra p a { text-decoration: underline; } .event--form--block .event--form--block--content__left-column .icon--content { position: absolute; right: 0; bottom: -70%; max-width: 9vw; } @media only screen and (max-width: 1160px) { .event--form--block .event--form--block--content__left-column .icon--content { right: 27vw; bottom: 5vw; max-width: 22.5vw; } } @media only screen and (max-width: 750px) { .event--form--block .event--form--block--content__left-column .icon--content { display: none; } } .event--form--block .event--form--block--content__right-column { width: 100%; } .event--form--block .event--form--block--content__right-column .form-block-container textarea { max-height: 47px; } .page-template-template-events .site-footer { margin-top: 0; } .dining-event { position: relative; } @media only screen and (max-width: 750px) { .dining-event { margin-top: 42px; } } .dining-event .columns__grid.vertically-centered { align-items: flex-start; justify-content: space-between; padding-bottom: 99px; } @media only screen and (max-width: 1160px) { .dining-event .columns__grid.vertically-centered { padding-bottom: 0; padding-top: 20px; } } .dining-event .columns__grid__column:first-child { flex: 0 1 50vw; } @media only screen and (max-width: 1160px) { .dining-event .columns__grid__column:first-child { flex: 0 1 auto; } } .dining-event .columns__grid__column:last-child { flex: 0 1 auto; } @media only screen and (max-width: 1160px) { .dining-event .columns__grid__column:last-child { flex: 0 1 auto; } } @media only screen and (max-width: 750px) { .dining-event .columns__grid .column-item .copy p { margin-bottom: 25px; } } .pricing-table { padding-bottom: 70px; } @media only screen and (max-width: 1160px) { .pricing-table { padding-bottom: 0; } } .pricing-table h2 { padding-bottom: 20px; } @media only screen and (max-width: 1160px) { .pricing-table h2 { display: none; } } .pricing-table .table { width: 100%; display: block; font-family: "Source Sans Pro", sans-serif; } @media only screen and (max-width: 1160px) { .pricing-table .table { display: none; } } .pricing-table .table--headings { display: flex; flex-direction: row; justify-content: space-between; align-items: center; border-top: 2px solid #cdc1b0; } .pricing-table .table--headings--column { padding: 22px 0; font-size: 1.2vw; text-align: center; text-transform: uppercase; flex: 0 1 15vw; } .pricing-table .table--headings--column:first-child { border-right: 2px solid #cdc1b0; flex: 0 1 11.8vw; } .pricing-table .table--headings--column:nth-child(2) { flex: 0 1 25vw; } .pricing-table .table--title { display: block; position: relative; width: 100%; text-align: center; background-color: #97501b; color: #ffffff; font-family: "Source Sans Pro", sans-serif; font-size: 1.2vw; line-height: 1.44; letter-spacing: 8.64px; padding: 22px 0; } .pricing-table .table--title::before { position: absolute; left: 12%; top: 0; width: 2px; height: 100%; background-color: #cdc1b0; content: ""; } .pricing-table .table--caption { display: flex; justify-content: space-between; align-items: center; background-color: #9f7f61; position: relative; } .pricing-table .table--caption::before { position: absolute; left: 12%; top: 0; width: 2px; height: 100%; background-color: #cdc1b0; content: ""; } .pricing-table .table--caption--caption { color: #ffffff; font-size: 16px; text-align: center; padding: 18px 0 14px; line-height: 1.56; letter-spacing: 0.05px; flex: 0 1 17vw; } .pricing-table .table--caption--caption.border { flex: 0 1 30vw; border-left: 1px solid #ffffff; } .pricing-table .table--row { display: flex; justify-content: space-between; align-items: center; background-color: #efe6de; border-bottom: 2px solid #cdc1b0; } .pricing-table .table--row--head { display: flex; flex: 0 1 12vw; flex-direction: column; justify-content: center; align-items: center; background-color: #efe6de; border-right: 2px solid #cdc1b0; align-self: stretch; padding: 0 10px; } .pricing-table .table--row--body { display: flex; flex: 0 1 88vw; flex-direction: column; justify-content: space-between; align-items: center; } .pricing-table .table--row--columns { width: 100%; display: flex; justify-content: space-between; } .pricing-table .table--row--columns.columns-soft { background-color: #cebfb1; } .pricing-table .table--row--columns.columns-dawn { background-color: #efe6de; } .pricing-table .table--row--column { flex: 0 1 15vw; flex-direction: row; justify-content: space-between; align-items: center; padding: 7px 10px 12px; text-align: left; } .pricing-table .table--row--column:first-child { flex: 0 1 25vw; } .pricing-table--alternative { display: none; } @media only screen and (max-width: 1160px) { .pricing-table--alternative { display: block; } } @media only screen and (max-width: 1160px) { .pricing-table--alternative { margin-top: 30px; } } .pricing-table--alternative .legend { font-size: 1.2vw; font-family: "Playfair Display", sans-serif; color: #97501b; line-height: 3; letter-spacing: 1.23px; font-style: italic; } @media only screen and (max-width: 1160px) { .pricing-table--alternative .legend { font-size: 15px; line-height: 1.67; letter-spacing: 1.23px; margin-bottom: 40px; } } @media only screen and (max-width: 1160px) { .pricing-table--alternative .legend { margin: 30px 0; } } .menus { padding-bottom: 2vw; margin-top: 4vw; } .menus .copy--content h2 { border-bottom: 2px solid #cdc1b0; padding-bottom: 31px; } @media only screen and (max-width: 1160px) { .menus .copy--content h2 { text-transform: uppercase; } } @media only screen and (max-width: 750px) { .menus .copy--content h2 { padding-bottom: 16px; } } @media only screen and (max-width: 1160px) { .menus { padding-bottom: 20px; } } @media only screen and (max-width: 640px) { .menus { padding-bottom: 28px; } } .menus__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 31px 36px; } @media only screen and (max-width: 1160px) { .menus__grid { grid-template-columns: repeat(1, 1fr); gap: 0; } } @media only screen and (max-width: 1160px) { .menus__grid__item { margin-bottom: 25px; } } .menus__grid__item .copy--content h2 { letter-spacing: 0.085vw; border-bottom: 1px solid #cdc1b0; padding-bottom: 31px; position: relative; } @media only screen and (max-width: 1160px) { .menus__grid__item .copy--content h2 { font-size: 26px; line-height: 1.65; letter-spacing: 1.09px; padding-bottom: 18px; margin-top: 0; } } @media only screen and (max-width: 750px) { .menus__grid__item .copy--content h2 { font-size: 29px; line-height: 1.24; letter-spacing: 1.22px; padding-bottom: 8px; } } .menus__grid__item .copy--content--text { line-height: 1.56; letter-spacing: 0.05px; margin-top: 31px; } @media only screen and (max-width: 1160px) { .menus__grid__item .copy--content--text { margin-bottom: 0; margin-top: 22px; } } @media only screen and (max-width: 750px) { .menus__grid__item .copy--content--text { margin-top: 8px; } .menus__grid__item .copy--content--text p { line-height: 1.9; letter-spacing: 0.03px; } } .menus__grid__item .copy--content--text p:not(:nth-last-child(1)) { padding-bottom: 31px; } @media only screen and (max-width: 1160px) { .menus__grid__item .copy--content--text p:not(:nth-last-child(1)) { padding-bottom: 25px; } } @media only screen and (max-width: 750px) { .menus__grid__item .copy--content--text p:not(:nth-last-child(1)) { padding-bottom: 5px; } } @media only screen and (max-width: 750px) { .menus__grid__item .copy--content--text.collapsed { margin-top: 45px; } } @media only screen and (max-width: 750px) { .menus__grid__item .copy--content--text.collapsed p { padding-bottom: 25px; } } .menus__grid__item__icon { display: flex; justify-content: flex-end; margin: 64px 94px 0 0; } @media only screen and (max-width: 1160px) { .menus__grid__item__icon { display: none; } } .menus__grid__item__icon img { max-width: 214px; } .surprise { padding-bottom: 0; } .surprise .title--content h2 { border-bottom: 2px solid #cdc1b0; padding-bottom: 31px; } @media only screen and (max-width: 1160px) { .surprise .title--content h2 { font-size: 26px; line-height: 1.65; letter-spacing: 1.09px; padding-bottom: 28px; } } @media only screen and (max-width: 750px) { .surprise .title--content h2 { font-size: 29px; line-height: 1.24; letter-spacing: 1.22px; padding-bottom: 16px; } } .surprise__grid { display: grid; grid-template-columns: auto 20% auto auto; } @media only screen and (max-width: 1160px) { .surprise__grid { grid-template-columns: 1fr 1fr; } } @media only screen and (max-width: 640px) { .surprise__grid { grid-template-columns: 1fr; } } .surprise__grid__item { margin: 31px 0 0 0; border-left: 2px solid #cdc1b0; padding: 0 3vw; } .surprise__grid__item .copy--content--text { margin: 0; } @media only screen and (max-width: 1160px) { .surprise__grid__item .copy--content--text p { padding-bottom: 25px; } } @media only screen and (max-width: 640px) { .surprise__grid__item { border: none; padding: 0 0; } } .surprise__grid__item:first-child { border-left: none; padding-left: 0; } @media only screen and (max-width: 640px) { .surprise__grid__item:nth-child(2) { padding-left: 0; } } @media only screen and (max-width: 1160px) { .surprise__grid__item:nth-child(3) { border-left: none; padding-left: 0; } } .surprise__grid__item:last-child { padding-right: 0; } .surprise__grid__item p { padding-bottom: 30px; } @media only screen and (max-width: 1160px) { .surprise__grid__item p { padding-bottom: 25px; } } .surprise__grid__item p em { font-family: "Playfair Display", sans-serif; color: #97501b; margin-top: 38px; } @media only screen and (max-width: 1160px) { .surprise__grid__item p em a { text-decoration: underline; } } .details--content--block--special { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; position: relative; width: 100vw; margin-top: 0; } @media only screen and (max-width: 1160px) { .details--content--block--special { flex-direction: column; width: 100%; } } @media only screen and (max-width: 750px) { .details--content--block--special { margin-top: 30px; } } .details--content--block--special__left--content { order: 0; flex: 0 1 50vw; align-self: auto; } @media only screen and (max-width: 1160px) { .details--content--block--special__left--content { flex: auto; } } .details--content--block--special__left--content .subtitle-content { max-width: 21.5vw; } @media only screen and (max-width: 750px) { .details--content--block--special__left--content .subtitle-content { max-width: 100%; } } .details--content--block--special__left--content .subtitle-content h3 { font-family: "Source Sans Pro", sans-serif; font-size: .8vw; font-weight: 600; letter-spacing: .25vw; color: #97501b; text-transform: uppercase; } @media only screen and (max-width: 1160px) { .details--content--block--special__left--content .subtitle-content h3 { letter-spacing: 4.8px; font-size: 12px; } } @media only screen and (max-width: 750px) { .details--content--block--special__left--content .subtitle-content h3 { font-size: 13px; letter-spacing: 6.24px; } } .details--content--block--special__left--content .title-content { max-width: 35vw; } @media only screen and (max-width: 1160px) { .details--content--block--special__left--content .title-content { max-width: 60vw; } } @media only screen and (max-width: 750px) { .details--content--block--special__left--content .title-content { max-width: 73vw; margin-bottom: 6px; } } .details--content--block--special__left--content .title-content .h2 { letter-spacing: 3.33px; font-size: 3.8vw; line-height: 1.25; color: #5a5045; font-weight: 400; } @media only screen and (max-width: 1160px) { .details--content--block--special__left--content .title-content .h2 { font-size: 44px; line-height: 1.23; letter-spacing: 2.29px; } .details--content--block--special__left--content .title-content .h2 br { display: none; } } @media only screen and (max-width: 750px) { .details--content--block--special__left--content .title-content .h2 { font-size: 40px; line-height: 1.1; letter-spacing: 1.68px; } } .details--content--block--special__left--content .copy--content--cta { margin-top: 2.2vw; } .details--content--block--special__left--content .icon-box { margin-top: 13.5vw; margin-left: 6vw; } .details--content--block--special__right--content { order: 0; flex: 0 1 50vw; align-self: auto; } @media only screen and (max-width: 1160px) { .details--content--block--special__right--content { flex: auto; } } .details--content--block--special__right--content .copy-content p { font-size: 1.7vw; line-height: 1.7; letter-spacing: 0.58px; font-family: "Ivy Mode", sans-serif; } @media only screen and (max-width: 1160px) { .details--content--block--special__right--content .copy-content p { font-size: 22px; line-height: 1.91; letter-spacing: 0.44px; } } @media only screen and (max-width: 750px) { .details--content--block--special__right--content .copy-content p { font-size: 17px; line-height: 1.82; letter-spacing: 0.34px; } } .details--content--block--special__right--content .cta-info-action { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; margin-top: 4vw; } .details--content--block--special__right--content .cta-info-action .text--info p { font-family: "Playfair Display", sans-serif; color: #97501b; font-size: .85vw; font-style: italic; line-height: 1.7; margin-bottom: 0; } .slider--cta--special--offers { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; position: relative; width: 100vw; margin-top: 7vw; margin-bottom: 0; } @media only screen and (max-width: 750px) { .slider--cta--special--offers { margin-top: 60px; } } @media only screen and (max-width: 750px) { .slider--cta--special--offers .container { padding: 0; } } .slider--cta--special--offers__slider--content { align-items: center; display: flex; position: relative; flex-direction: row-reverse; width: 100%; } @media only screen and (max-width: 750px) { .slider--cta--special--offers__slider--content { flex-direction: column; } } .slider--cta--special--offers__slider--content .slider-cta-items { position: relative; width: 100%; } .slider--cta--special--offers__slider--content .slider-cta-items .item-grid { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; position: relative; align-items: center; width: 100%; padding: 0 4vw; } @media only screen and (max-width: 1160px) { .slider--cta--special--offers__slider--content .slider-cta-items .item-grid { padding: 0; } } @media only screen and (max-width: 750px) { .slider--cta--special--offers__slider--content .slider-cta-items .item-grid { flex-direction: column; } } .slider--cta--special--offers__slider--content .slider-cta-items .item-grid .image--slider { order: 0; flex: 0 1 74vw; align-self: auto; overflow: hidden; aspect-ratio: 1.5; position: relative; } @media only screen and (max-width: 1160px) { .slider--cta--special--offers__slider--content .slider-cta-items .item-grid .image--slider { aspect-ratio: 0.96; flex: 0 1 80vw; } } @media only screen and (max-width: 750px) { .slider--cta--special--offers__slider--content .slider-cta-items .item-grid .image--slider { aspect-ratio: 0.15; width: 100%; } } .slider--cta--special--offers__slider--content .slider-cta-items .item-grid .image--slider .img--content { max-width: 67vw; aspect-ratio: 1.5; } .slider--cta--special--offers__slider--content .slider-cta-items .item-grid .copy--content { order: 0; flex: 0 1 26vw; align-self: center; position: relative; } @media only screen and (max-width: 1160px) { .slider--cta--special--offers__slider--content .slider-cta-items .item-grid .copy--content { flex: 0 1 20vw; } } .slider--cta--special--offers__slider--content .slider-cta-items .item-grid .copy--content .box-text { margin-left: -10vw; position: relative; transform-style: flat; perspective: 1500px; min-width: 488px; } @media only screen and (max-width: 1160px) { .slider--cta--special--offers__slider--content .slider-cta-items .item-grid .copy--content .box-text { min-width: 333px; margin-left: -17.5vw; } } @media only screen and (max-width: 750px) { .slider--cta--special--offers__slider--content .slider-cta-items .item-grid .copy--content .box-text { width: 76vw; margin-top: -10vw; margin-left: 0; min-width: 326px; } } .slider--cta--special--offers__slider--content .slider-cta-items .item-grid .copy--content .box-text > div { background: #7D8167; transition-timing-function: ease-in-out; transition-duration: 1s; transition-property: transform, opacity; backface-visibility: hidden; } .slider--cta--special--offers__slider--content .slider-cta-items .item-grid .copy--content .box-text > div.card--front { transform: rotateY(0deg); z-index: 1; } @media only screen and (max-width: 1160px) { .slider--cta--special--offers__slider--content .slider-cta-items .item-grid .copy--content .box-text > div.card--front { padding: 33px 36px; } } .slider--cta--special--offers__slider--content .slider-cta-items .item-grid .copy--content .box-text > div.card--back { transform: rotateY(-180deg); z-index: 0; backface-visibility: hidden; } .slider--cta--special--offers__slider--content .slider-cta-items .item-grid .copy--content .box-text.js-play .card--front { z-index: 0; transform: rotateY(180deg); } .slider--cta--special--offers__slider--content .slider-cta-items .item-grid .copy--content .box-text.js-play .card--back { z-index: 1; transform: rotateY(0deg); } .slider--cta--special--offers__slider--content .slider-cta-items .item-grid .copy--content .box-text .details-actions { background: #7d8167; padding: 4vw; } .slider--cta--special--offers__slider--content .slider-cta-items .item-grid .copy--content .box-text .subtitle-content h3 { color: #ffffff; } @media only screen and (max-width: 1160px) { .slider--cta--special--offers__slider--content .slider-cta-items .item-grid .copy--content .box-text .subtitle-content h3 { line-height: 1.58; letter-spacing: 4.8px; font-size: 12px; } } @media only screen and (max-width: 750px) { .slider--cta--special--offers__slider--content .slider-cta-items .item-grid .copy--content .box-text .subtitle-content h3 { letter-spacing: 6.11px; font-size: 13px; } } .slider--cta--special--offers__slider--content .slider-cta-items .item-grid .copy--content .box-text .title-content h2 { color: #ffffff; font-size: 1.5vw; letter-spacing: 1.3px; line-height: 1.2; } @media only screen and (max-width: 1160px) { .slider--cta--special--offers__slider--content .slider-cta-items .item-grid .copy--content .box-text .title-content h2 { line-height: 1.33; letter-spacing: 0.94px; font-size: 18px; margin-top: 9px; } } @media only screen and (max-width: 1160px) { .slider--cta--special--offers__slider--content .slider-cta-items .item-grid .copy--content .box-text .text--block { margin: 11px 0; } } @media only screen and (max-width: 750px) { .slider--cta--special--offers__slider--content .slider-cta-items .item-grid .copy--content .box-text .text--block { margin: 20px 0; } } .slider--cta--special--offers__slider--content .slider-cta-items .item-grid .copy--content .box-text .text--block p { color: #ffffff; line-height: 1.6; } @media only screen and (max-width: 1160px) { .slider--cta--special--offers__slider--content .slider-cta-items .item-grid .copy--content .box-text .text--block p { font-size: 16px; line-height: 1.56; letter-spacing: 0.05px; } } .slider--cta--special--offers__slider--content .slider-cta-items .item-grid .copy--content .box-text .text--block ul { list-style: none; padding: 0; max-width: 30vw; } @media only screen and (max-width: 750px) { .slider--cta--special--offers__slider--content .slider-cta-items .item-grid .copy--content .box-text .text--block ul { max-width: 100%; } } .slider--cta--special--offers__slider--content .slider-cta-items .item-grid .copy--content .box-text .text--block ul li { font-family: "Source Sans Pro", sans-serif; position: relative; padding-left: 27px; line-height: 1.5; color: #ffffff; margin-bottom: 1.5vw; font-size: 16px; } @media only screen and (max-width: 1160px) { .slider--cta--special--offers__slider--content .slider-cta-items .item-grid .copy--content .box-text .text--block ul li { margin-bottom: 5px; } } .slider--cta--special--offers__slider--content .slider-cta-items .item-grid .copy--content .box-text .text--block ul li::before { content: ''; background: transparent url("images/icons/list-icon-white.svg") no-repeat scroll center center; display: inline-block; width: 13px; height: 13px; position: absolute; left: 0; top: 3px; } @media only screen and (max-width: 750px) { .slider--cta--special--offers__slider--content .slider-cta-items .item-grid .copy--content .box-text .copy--content--cta { margin: 35px 0; } } .slider--cta--special--offers__slider--content .slider-cta-items .item-grid .copy--content .box-text .copy--content--cta .cta--button-bg { background: #efe6de; } @media only screen and (max-width: 750px) { .slider--cta--special--offers__slider--content .slider-cta-items .item-grid .copy--content .box-text .copy--content--cta .cta--button-bg { width: 100%; } } .slider--cta--special--offers__slider--content .slider-cta-items .item-grid .copy--content .box-text .copy--content--cta .cta--button-bg .reserve-txt { color: #7d8167; } .slider--cta--special--offers__slider--content .slider-cta-items .item-grid .copy--content .box-text .copy--content--cta .cta-text { color: #ffffff; left: 50px; } @media only screen and (max-width: 1160px) { .slider--cta--special--offers__slider--content .slider-cta-items .item-grid .copy--content .box-text .copy--content--cta .cta-text { letter-spacing: 1.23px; font-size: 15px; } } .slider--cta--special--offers__slider--content .slider-cta-items .item-grid .copy--content .box-text .more--details--content { position: absolute; background: #7d8167; padding: 4vw; left: 0; top: 0; right: 0; bottom: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; } .slider--cta--special--offers__slider--content .slider-cta-items .item-grid .copy--content .box-text .more--details--content .close-box { position: absolute; right: 30px; top: 30px; z-index: 1; } .slider--cta--special--offers__slider--content .slider-cta-items .item-grid .copy--content .box-text .more--details--content .text--block { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-content: stretch; align-items: flex-start; height: 100%; } @media only screen and (max-width: 750px) { .slider--cta--special--offers__slider--content .slider-cta-items .item-grid .copy--content .box-text .more--details--content .text--block { text-align: center; padding: 0 30px; } } .slider--cta--special--offers__slider--content .slider-cta-items .item-grid .copy--content .box-text .more--details--content .text--block h2, .slider--cta--special--offers__slider--content .slider-cta-items .item-grid .copy--content .box-text .more--details--content .text--block h3, .slider--cta--special--offers__slider--content .slider-cta-items .item-grid .copy--content .box-text .more--details--content .text--block h4, .slider--cta--special--offers__slider--content .slider-cta-items .item-grid .copy--content .box-text .more--details--content .text--block h5, .slider--cta--special--offers__slider--content .slider-cta-items .item-grid .copy--content .box-text .more--details--content .text--block h6 { color: #ffffff; font-family: "Playfair Display", sans-serif; font-style: italic; margin-bottom: 20px; text-transform: none; width: 100%; } @media only screen and (max-width: 750px) { .slider--cta--special--offers__slider--content .slider-cta-items .item-grid .copy--content .box-text .more--details--content .text--block h2 { font-size: 20px; } } .slider--cta--special--offers__slider--content .slider-cta-items .item-grid .copy--content .box-text .more--details--content .text--block p { color: #ffffff; line-height: 1.6; margin-bottom: 20px; width: 100%; font-size: 1.2vw; } @media only screen and (max-width: 1160px) { .slider--cta--special--offers__slider--content .slider-cta-items .item-grid .copy--content .box-text .more--details--content .text--block p { font-size: 14px; line-height: 1.29; letter-spacing: 0.04px; } } .slider--cta--special--offers__slider--content .slider-cta-items .item-grid .copy--content .box-text .more--details--content .text--block p a { color: #ffffff; text-decoration: underline; } .slider--cta--special--offers__slider--content .slider-cta-items .item-grid .copy--content .box-text .more--details--content .text--block ul { list-style: none; padding: 0; margin-bottom: 20px; width: 100%; } .slider--cta--special--offers__slider--content .slider-cta-items .item-grid .copy--content .box-text .more--details--content .text--block ul li { font-family: "Source Sans Pro", sans-serif; position: relative; padding-left: 27px; line-height: 1.25; color: #ffffff; margin-bottom: 1.5vw; font-size: 16px; width: 100%; } .slider--cta--special--offers__slider--content .slider-cta-items .item-grid .copy--content .box-text .more--details--content .text--block ul li::before { content: ''; background: transparent url("images/icons/list-icon-white.svg") no-repeat scroll center center; display: inline-block; width: 13px; height: 13px; position: absolute; left: 0; top: 3px; } .slider--cta--special--offers__slider--content .slider-cta-items .slick-list { margin: 0; padding: 0 !important; } .slider--cta--special--offers__slider--content .slider-cta-items .slick-slide { width: 100vw; margin: 0; padding: 0; } .slider--cta--special--offers__slider--content .slick-dots { display: none !important; } .slider--cta--special--offers__slider--content .slider-arrows { display: flex; flex-direction: column-reverse; flex-wrap: nowrap; justify-content: flex-start; align-content: stretch; align-items: center; position: absolute; left: -53; top: 50%; transform: translate(-53px, -50%); } .slider--cta--special--offers__slider--content .slider-arrows .carousel-arrow { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; background-color: #7d8167; height: 40px; -webkit-justify-content: center; justify-content: center; width: 53px; cursor: pointer; } .slider--cta--special--offers__slider--content .slider-arrows .carousel-arrow.lft-color-offset { background-color: #ACB289; } .slider--cta--special--offers__slider--content .slider-arrows .carousel-arrow.lft-color-offset svg { transform: rotate(180deg); } .content--page .slider--cta--special--offers:nth-child(2n+1) .slider--cta--special--offers__slider--content.special--offers--content, .content--page .slider--cta--special--offers:nth-child(2n+1) .slider--cta--block__slider--content, .content--page .slider--cta--block:nth-child(2n+1) .slider--cta--special--offers__slider--content.special--offers--content, .content--page .slider--cta--block:nth-child(2n+1) .slider--cta--block__slider--content { flex-direction: row; } @media only screen and (max-width: 750px) { .content--page .slider--cta--special--offers:nth-child(2n+1) .slider--cta--special--offers__slider--content.special--offers--content, .content--page .slider--cta--special--offers:nth-child(2n+1) .slider--cta--block__slider--content, .content--page .slider--cta--block:nth-child(2n+1) .slider--cta--special--offers__slider--content.special--offers--content, .content--page .slider--cta--block:nth-child(2n+1) .slider--cta--block__slider--content { flex-direction: column; } } .content--page .slider--cta--special--offers:nth-child(2n+1) .slider--cta--special--offers__slider--content.special--offers--content .slider-cta-items .item-grid, .content--page .slider--cta--special--offers:nth-child(2n+1) .slider--cta--block__slider--content .slider-cta-items .item-grid, .content--page .slider--cta--block:nth-child(2n+1) .slider--cta--special--offers__slider--content.special--offers--content .slider-cta-items .item-grid, .content--page .slider--cta--block:nth-child(2n+1) .slider--cta--block__slider--content .slider-cta-items .item-grid { flex-direction: row-reverse; } @media only screen and (max-width: 750px) { .content--page .slider--cta--special--offers:nth-child(2n+1) .slider--cta--special--offers__slider--content.special--offers--content .slider-cta-items .item-grid, .content--page .slider--cta--special--offers:nth-child(2n+1) .slider--cta--block__slider--content .slider-cta-items .item-grid, .content--page .slider--cta--block:nth-child(2n+1) .slider--cta--special--offers__slider--content.special--offers--content .slider-cta-items .item-grid, .content--page .slider--cta--block:nth-child(2n+1) .slider--cta--block__slider--content .slider-cta-items .item-grid { flex-direction: column; } } .content--page .slider--cta--special--offers:nth-child(2n+1) .slider--cta--special--offers__slider--content.special--offers--content .slider-cta-items .item-grid .copy--content .box-text, .content--page .slider--cta--special--offers:nth-child(2n+1) .slider--cta--block__slider--content .slider-cta-items .item-grid .copy--content .box-text, .content--page .slider--cta--block:nth-child(2n+1) .slider--cta--special--offers__slider--content.special--offers--content .slider-cta-items .item-grid .copy--content .box-text, .content--page .slider--cta--block:nth-child(2n+1) .slider--cta--block__slider--content .slider-cta-items .item-grid .copy--content .box-text { margin-left: auto; margin-right: -8vw; } @media only screen and (max-width: 750px) { .content--page .slider--cta--special--offers:nth-child(2n+1) .slider--cta--special--offers__slider--content.special--offers--content .slider-cta-items .item-grid .copy--content .box-text, .content--page .slider--cta--special--offers:nth-child(2n+1) .slider--cta--block__slider--content .slider-cta-items .item-grid .copy--content .box-text, .content--page .slider--cta--block:nth-child(2n+1) .slider--cta--special--offers__slider--content.special--offers--content .slider-cta-items .item-grid .copy--content .box-text, .content--page .slider--cta--block:nth-child(2n+1) .slider--cta--block__slider--content .slider-cta-items .item-grid .copy--content .box-text { margin-right: 0; } } .content--page .slider--cta--special--offers:nth-child(2n+1) .slider--cta--special--offers__slider--content.special--offers--content .slider-arrows, .content--page .slider--cta--special--offers:nth-child(2n+1) .slider--cta--block__slider--content .slider-arrows, .content--page .slider--cta--block:nth-child(2n+1) .slider--cta--special--offers__slider--content.special--offers--content .slider-arrows, .content--page .slider--cta--block:nth-child(2n+1) .slider--cta--block__slider--content .slider-arrows { margin-left: auto; margin-right: -53px; } /* ADDED BY JP */ .page-template-default .slider--cta--special--offers:nth-child(2n+0) .slider--cta--special--offers__slider--content.special--offers--content { flex-direction: row; } .page-template-default .slider--cta--special--offers:nth-child(2n+0) .slider--cta--special--offers__slider--content.special--offers--content .slider-cta-items .item-grid { flex-direction: row-reverse; } @media only screen and (max-width: 750px) { .page-template-default .slider--cta--special--offers:nth-child(2n+0) .slider--cta--special--offers__slider--content.special--offers--content .slider-cta-items .item-grid { flex-direction: column; } } .page-template-default .slider--cta--special--offers:nth-child(2n+0) .slider--cta--special--offers__slider--content.special--offers--content .slider-cta-items .item-grid .copy--content .box-text { margin-left: auto; margin-right: -8vw; } @media only screen and (max-width: 750px) { .page-template-default .slider--cta--special--offers:nth-child(2n+0) .slider--cta--special--offers__slider--content.special--offers--content .slider-cta-items .item-grid .copy--content .box-text { margin-right: 0; } } .page-template-default .slider--cta--special--offers:nth-child(2n+1) .slider--cta--special--offers__slider--content.special--offers--content { flex-direction: row; } @media only screen and (max-width: 750px) { .page-template-default .slider--cta--special--offers:nth-child(2n+1) .slider--cta--special--offers__slider--content.special--offers--content { flex-direction: column; } } .page-template-default .slider--cta--special--offers:nth-child(2n+1) .slider--cta--special--offers__slider--content.special--offers--content .slider-cta-items .item-grid { flex-direction: row; } @media only screen and (max-width: 750px) { .page-template-default .slider--cta--special--offers:nth-child(2n+1) .slider--cta--special--offers__slider--content.special--offers--content .slider-cta-items .item-grid { flex-direction: column; } } .page-template-default .slider--cta--special--offers:nth-child(2n+1) .slider--cta--special--offers__slider--content.special--offers--content .slider-cta-items .item-grid .copy--content .box-text { margin-right: auto; margin-left: -8vw; } @media only screen and (max-width: 750px) { .page-template-default .slider--cta--special--offers:nth-child(2n+1) .slider--cta--special--offers__slider--content.special--offers--content .slider-cta-items .item-grid .copy--content .box-text { margin-left: 0; } } .page-template-default .slider--cta--special--offers:nth-child(2n+1) .slider--cta--special--offers__slider--content.special--offers--content .slider-arrows { margin-left: auto; margin-right: -53px; } @media only screen and (max-width: 750px) { .page-template-default .slider--cta--special--offers:nth-child(2n+1) .slider--cta--special--offers__slider--content.special--offers--content .slider-arrows { margin-right: 0; } } @media only screen and (max-width: 1160px) { .page-private-sales .slider--cta--special--offers__slider--content .slider-cta-items .item-grid .image--slider { aspect-ratio: 0.86; } } .details--cta--content--block--special { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-content: flex-start; align-items: center; gap: 3vw; position: relative; width: 100vw; margin-top: 8vw; margin-bottom: 7vw; } @media only screen and (max-width: 1160px) { .details--cta--content--block--special { margin: 118px 0 0; } } @media only screen and (max-width: 750px) { .details--cta--content--block--special { margin: 20px 0 0; flex-direction: column; } } .details--cta--content--block--special__left--content { order: 0; flex: 0 1 45vw; align-self: auto; } @media only screen and (max-width: 1160px) { .details--cta--content--block--special__left--content { flex: auto; width: 100%; max-width: 33vw; } } @media only screen and (max-width: 750px) { .details--cta--content--block--special__left--content { order: 2; max-width: 100%; } } .details--cta--content--block--special__left--content .subtitle-content h3 { font-family: "Source Sans Pro", sans-serif; font-size: .8vw; font-weight: 600; letter-spacing: .25vw; color: #97501b; text-transform: uppercase; } @media only screen and (max-width: 1160px) { .details--cta--content--block--special__left--content .subtitle-content h3 { font-size: 12px; line-height: 1.58; letter-spacing: 4.8px; } } @media only screen and (max-width: 750px) { .details--cta--content--block--special__left--content .subtitle-content h3 { font-size: 14px; letter-spacing: 6.58px; } } .details--cta--content--block--special__left--content .title-content h2 { letter-spacing: 3.33px; font-size: 2.75vw; line-height: 1.25; color: #5a5045; font-weight: 400; } @media only screen and (max-width: 1160px) { .details--cta--content--block--special__left--content .title-content h2 { font-size: 36px; line-height: 1.28; letter-spacing: 1.87px; margin-top: 5px; } } @media only screen and (max-width: 750px) { .details--cta--content--block--special__left--content .title-content h2 { font-size: 34px; line-height: 1.12; letter-spacing: 1.77px; } .details--cta--content--block--special__left--content .title-content h2 p { width: 300px; max-width: 100%; } } .details--cta--content--block--special__center--content { order: 0; flex: 0 1 15vw; align-self: auto; } @media only screen and (max-width: 1160px) { .details--cta--content--block--special__center--content { position: absolute; top: -7vw; left: 28vw; } } @media only screen and (max-width: 750px) { .details--cta--content--block--special__center--content { position: initial; order: 1; margin-bottom: 64px; } } .details--cta--content--block--special__center--content .icon-box { text-align: center; } .details--cta--content--block--special__center--content .icon-box img { margin: auto; } .details--cta--content--block--special__center--content .icon--content { max-width: 8vw; } @media only screen and (max-width: 1160px) { .details--cta--content--block--special__center--content .icon--content { max-width: 7.2vw; } } @media only screen and (max-width: 750px) { .details--cta--content--block--special__center--content .icon--content { max-width: 24vw; } } .details--cta--content--block--special__right--content { order: 0; flex: 0 1 45vw; align-self: auto; } @media only screen and (max-width: 1160px) { .details--cta--content--block--special__right--content { flex: auto; width: 100%; max-width: 39vw; } } @media only screen and (max-width: 750px) { .details--cta--content--block--special__right--content { order: 3; max-width: 100%; } } .details--cta--content--block--special__right--content .copy-content .text--block p { line-height: 1.56; letter-spacing: 0.5px; font-family: "Source Sans Pro", sans-serif; } .details--cta--content--block--special__right--content .copy-content .text--block--extra p { font-family: "Playfair Display", sans-serif; color: #97501b; font-size: .85vw; font-style: italic; line-height: 1.7; margin-bottom: 0; } @media only screen and (max-width: 1160px) { .details--cta--content--block--special__right--content .copy-content .text--block--extra p { font-size: 15px; } } .slider--image--block { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-content: center; align-items: center; position: relative; width: 100vw; margin-top: 8vw; } @media only screen and (max-width: 1160px) { .slider--image--block { margin-top: 60px; } } @media only screen and (max-width: 750px) { .slider--image--block { margin-top: 40px; } } .slider--image--block__box--content { overflow: hidden; position: relative; width: 100%; } .slider--image--block__box--content .item-grid { position: relative; } .slider--image--block__box--content .image--slider { overflow: hidden; aspect-ratio: 2; position: relative; } @media only screen and (max-width: 1400px) { .slider--image--block__box--content .image--slider { aspect-ratio: 1.8; } } @media only screen and (max-width: 900px) { .slider--image--block__box--content .image--slider { aspect-ratio: 1.09; } } @media only screen and (max-width: 750px) { .slider--image--block__box--content .image--slider { aspect-ratio: 1.09; } } .slider--image--block__box--content .image--slider .img--content { width: 100vw; } .slider--image--block__box--content .image--slider img { width: 100vw; aspect-ratio: 2; object-fit: cover; } @media only screen and (max-width: 1400px) { .slider--image--block__box--content .image--slider img { aspect-ratio: 1.8; } } @media only screen and (max-width: 900px) { .slider--image--block__box--content .image--slider img { aspect-ratio: 1.09; } } @media only screen and (max-width: 750px) { .slider--image--block__box--content .image--slider img { aspect-ratio: 1.09; } } .slider--image--block__box--content .text-content { position: absolute; transform-style: flat; perspective: 1500px; left: 6.5vw; top: 6.5vw; bottom: 6.5vw; width: 32.8vw; } @media only screen and (max-width: 1500px) { .slider--image--block__box--content .text-content { width: 35.8vw; top: 3.5vw; bottom: 3.5vw; left: 3.5vw; } } @media only screen and (max-width: 1160px) { .slider--image--block__box--content .text-content { width: 50vw; top: 3.5vw; bottom: 3.5vw; left: 3.5vw; } } @media only screen and (max-width: 750px) { .slider--image--block__box--content .text-content { position: inherit; width: 84.2vw; margin: 0 auto; margin-top: -13vw; } } .slider--image--block__box--content .text-content .slick-list, .slider--image--block__box--content .text-content .slick-track { height: 100%; } .slider--image--block__box--content .text-content .copy--content { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-content: stretch; align-items: flex-start; height: 100%; } .slider--image--block__box--content .text-content h3 { font-size: 16px; } @media only screen and (max-width: 1160px) { .slider--image--block__box--content .text-content h3 { font-size: 12px; line-height: 1.5; letter-spacing: 4.8px; } } .slider--image--block__box--content .text-content h2 { font-size: 2.75vw; line-height: 1.2; } @media only screen and (max-width: 1160px) { .slider--image--block__box--content .text-content h2 { font-size: 26px; line-height: 1.15; letter-spacing: 1.35px; margin-top: 0; } .slider--image--block__box--content .text-content h2 br { display: none; } } @media only screen and (max-width: 750px) { .slider--image--block__box--content .text-content h2 { margin: 21px 0; width: 213px; max-width: 100%; } } .slider--image--block__box--content .text-content .copy--content--text p, .slider--image--block__box--content .text-content .copy--content--text span { font-size: 14px; line-height: 1.7; letter-spacing: 0.05px; } @media only screen and (max-width: 1160px) { .slider--image--block__box--content .text-content .copy--content--text p, .slider--image--block__box--content .text-content .copy--content--text span { font-size: 14px; line-height: 1.43; letter-spacing: 0.27px; } } @media only screen and (max-width: 750px) { .slider--image--block__box--content .text-content .copy--content--text p, .slider--image--block__box--content .text-content .copy--content--text span { font-size: 16px; line-height: 1.56; letter-spacing: 0.3px; width: 236px; max-width: 100%; margin-bottom: 21px; } } .slider--image--block__box--content .text-content .buttons-actions-content { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-content: stretch; align-items: center; gap: 2vw; width: 100%; } @media only screen and (max-width: 750px) { .slider--image--block__box--content .text-content .buttons-actions-content { flex-direction: column; gap: 0; width: 100%; } } .slider--image--block__box--content .text-content .copy--content--cta { margin-top: 0; order: 0; flex: 0 1 60%; align-self: auto; } @media only screen and (max-width: 1160px) { .slider--image--block__box--content .text-content .copy--content--cta { order: 0; flex: 0 1 100%; align-self: auto; } } @media only screen and (max-width: 750px) { .slider--image--block__box--content .text-content .copy--content--cta { margin-bottom: 4vw; } .slider--image--block__box--content .text-content .copy--content--cta a { width: 100%; } } .slider--image--block__box--content .text-content .copy--content--cta .cta--button-bg { padding-left: 30px; padding-right: 30px; display: flex; } @media only screen and (max-width: 900px) { .slider--image--block__box--content .text-content .copy--content--cta .cta--button-bg { padding-left: 15px; padding-right: 15px; } } .slider--image--block__box--content .text-content .copy--content--cta .link--cta { color: #97501b; } .slider--image--block__box--content .text-content .copy--content--cta .link--cta .cta-text { left: 50px; } .slider--image--block__box--content .text-content .copy--content--cta.more-details-actions { order: 0; flex: 0 1 40%; align-self: auto; } @media only screen and (max-width: 1160px) { .slider--image--block__box--content .text-content .copy--content--cta.more-details-actions { order: 0; flex: 0 1 100%; align-self: auto; } } @media only screen and (max-width: 1160px) { .slider--image--block__box--content .text-content .box-text { width: 45vw; left: 3.5vw; top: 3vw; } } @media only screen and (max-width: 750px) { .slider--image--block__box--content .text-content .box-text { width: 76vw; margin: 0 auto; min-width: 326px; position: initial; } } .slider--image--block__box--content .text-content .box-text > div { background: #efe6de; transition-timing-function: ease-in-out; transition-duration: 1s; transition-property: transform, opacity; backface-visibility: hidden; } .slider--image--block__box--content .text-content .box-text > div.card--front { transform: rotateY(0deg); z-index: 1; } @media only screen and (max-width: 1160px) { .slider--image--block__box--content .text-content .box-text > div.card--front { padding: 33px 36px; position: absolute; top: 50%; transform: translateY(-50%); height: auto; } } @media only screen and (max-width: 750px) { .slider--image--block__box--content .text-content .box-text > div.card--front { position: static; transform: none; } } .slider--image--block__box--content .text-content .box-text > div.card--back { transform: rotateY(-180deg); z-index: 0; backface-visibility: hidden; } .slider--image--block__box--content .text-content .box-text.js-play .card--front { z-index: 0; transform: rotateY(180deg); } .slider--image--block__box--content .text-content .box-text.js-play .card--back { z-index: 1; transform: rotateY(0deg); } .slider--image--block__box--content .text-content .box-text .details-actions { background: #efe6de; height: 100%; padding: 4vw; } @media only screen and (max-width: 750px) { .slider--image--block__box--content .text-content .box-text .details-actions { height: 100%; max-height: 100%; } } .slider--image--block__box--content .text-content .box-text .more--details--content { position: absolute; background: #efe6de; padding: 4vw; left: 0; top: 0; right: 0; bottom: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; } @media only screen and (max-width: 1400px) { .slider--image--block__box--content .text-content .box-text .more--details--content { padding: 4.5vw; } } @media only screen and (max-width: 1160px) { .slider--image--block__box--content .text-content .box-text .more--details--content { padding: 4vw; } } .slider--image--block__box--content .text-content .box-text .more--details--content .close-box { position: absolute; right: 30px; top: 30px; z-index: 1; width: 40px; } .slider--image--block__box--content .text-content .box-text .more--details--content .close-box svg { width: 100%; } @media only screen and (max-width: 1160px) { .slider--image--block__box--content .text-content .box-text .more--details--content .close-box { right: 10px; top: 10px; transform: none; left: auto; width: 30px; } } .slider--image--block__box--content .text-content .box-text .more--details--content .text--block { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-content: stretch; align-items: flex-start; height: 100%; } @media only screen and (max-width: 1160px) { .slider--image--block__box--content .text-content .box-text .more--details--content .text--block { justify-content: center; align-items: center; } } @media only screen and (max-width: 750px) { .slider--image--block__box--content .text-content .box-text .more--details--content .text--block { text-align: left; padding-top: 30px; } } .slider--image--block__box--content .text-content .box-text .more--details--content .text--block h2, .slider--image--block__box--content .text-content .box-text .more--details--content .text--block h3, .slider--image--block__box--content .text-content .box-text .more--details--content .text--block h4, .slider--image--block__box--content .text-content .box-text .more--details--content .text--block h5, .slider--image--block__box--content .text-content .box-text .more--details--content .text--block h6 { color: #5a5045; font-family: "Playfair Display", sans-serif; font-style: italic; margin-bottom: 20px; text-transform: none; width: 100%; } @media only screen and (max-width: 750px) { .slider--image--block__box--content .text-content .box-text .more--details--content .text--block h2 { font-size: 20px; } } .slider--image--block__box--content .text-content .box-text .more--details--content .text--block p { color: #5a5045; line-height: 1.6; margin-bottom: 20px; width: 100%; font-size: 1.2vw; } @media only screen and (max-width: 1160px) { .slider--image--block__box--content .text-content .box-text .more--details--content .text--block p { font-size: 14px; line-height: 1.29; letter-spacing: 0.04px; } } .slider--image--block__box--content .text-content .box-text .more--details--content .text--block p a { color: #5a5045; text-decoration: underline; } .slider--image--block__box--content .text-content .box-text .more--details--content .text--block ul { list-style: none; padding: 0; margin-bottom: 20px; width: 100%; } @media only screen and (max-width: 1160px) { .slider--image--block__box--content .text-content .box-text .more--details--content .text--block ul { height: 13vw; overflow-y: scroll; } } @media only screen and (max-width: 750px) { .slider--image--block__box--content .text-content .box-text .more--details--content .text--block ul { height: auto; } } .slider--image--block__box--content .text-content .box-text .more--details--content .text--block ul li { font-family: "Source Sans Pro", sans-serif; position: relative; padding-left: 27px; line-height: 1.25; color: #5a5045; margin-bottom: 1.5vw; font-size: 16px; width: 100%; } .slider--image--block__box--content .text-content .box-text .more--details--content .text--block ul li::before { content: ''; background: transparent url("images/icons/list-icon.svg") no-repeat scroll center center; display: inline-block; width: 13px; height: 13px; position: absolute; left: 0; top: 3px; } @media only screen and (max-width: 1160px) { .slider--image--block__box--content .text-content .box-text .more--details--content .text--block ul li { margin-bottom: .5vw; } } .slider--image--block__box--content .slick-dots { position: absolute; left: 0; padding: 10px; bottom: -32px; background: #efe6de; width: 100%; text-align: center; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-content: center; align-items: center; gap: 12px; } @media only screen and (max-width: 1160px) { .slider--image--block__box--content .slick-dots { bottom: -2.5vw; gap: 6px; height: 1.5vw; width: 45vw; background: transparent; } } @media only screen and (max-width: 750px) { .slider--image--block__box--content .slick-dots { bottom: auto; top: -7vw; left: 50%; transform: translateX(-50%); } } .slider--image--block__box--content .slick-dots li { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-content: center; align-items: center; margin: 0; } .slider--image--block__box--content .slick-dots li button { width: 7px; height: 7px; background: #97501b; overflow: hidden; text-indent: -9999em; border-radius: 50%; } @media only screen and (max-width: 1160px) { .slider--image--block__box--content .slick-dots li button { width: 3.7px; height: 3.7px; } } @media only screen and (max-width: 1160px) { .slider--image--block__box--content .slick-dots li button { background-color: #ffffff; } } @media only screen and (max-width: 750px) { .slider--image--block__box--content .slick-dots li button { background-color: #ffffff; width: 4.7px; height: 4.7px; } } .slider--image--block__box--content .slick-dots li.slick-active button { width: 12px; height: 12px; } @media only screen and (max-width: 1160px) { .slider--image--block__box--content .slick-dots li.slick-active button { width: 7.5px; height: 7.5px; } } @media only screen and (max-width: 750px) { .slider--image--block__box--content .slick-dots li.slick-active button { width: 9.5px; height: 9.5px; background-color: #ffffff; } } .slider--image--block__box--content .slider-arrows { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-content: stretch; align-items: center; position: absolute; left: 39.3vw; top: 50%; transform: translateY(-50%); } @media only screen and (max-width: 1160px) { .slider--image--block__box--content .slider-arrows { left: 53.4vw; } } @media only screen and (max-width: 750px) { .slider--image--block__box--content .slider-arrows { left: 0; width: 100%; top: 50vw; flex-direction: row-reverse; justify-content: space-between; } } .slider--image--block__box--content .slider-arrows .carousel-arrow { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-content: center; align-items: center; background-color: #97501b; height: 40px; width: 53px; cursor: pointer; } .slider--image--block__box--content .slider-arrows .carousel-arrow.lft-color-offset { background-color: #AF6127; } .slider--image--block__box--content .slider-arrows .carousel-arrow.lft-color-offset svg { transform: rotate(180deg); } .page-template-default .details--content--block--gallery { margin-top: 3vw; } @media only screen and (max-width: 1160px) { .page-template-default .details--content--block--gallery { margin-top: 0; } } .details--content--block--gallery { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; position: relative; width: 100vw; margin-top: 7vw; } @media only screen and (max-width: 750px) { .details--content--block--gallery { flex-direction: column; width: 100%; } } .details--content--block--gallery__left--content { order: 0; flex: 0 1 80vw; align-self: auto; padding-left: 7.5vw; } @media only screen and (max-width: 1160px) { .details--content--block--gallery__left--content { padding-left: 0; flex: 0 1 65vw; } } @media only screen and (max-width: 750px) { .details--content--block--gallery__left--content { flex: auto; width: 100%; } } .details--content--block--gallery__left--content .title-content { max-width: 40vw; } @media only screen and (max-width: 1160px) { .details--content--block--gallery__left--content .title-content { max-width: 46vw; } } @media only screen and (max-width: 750px) { .details--content--block--gallery__left--content .title-content { max-width: 90vw; margin-bottom: 46px; } } .details--content--block--gallery__left--content .title-content h2 { letter-spacing: 0.085vw; font-size: 2.75vw; line-height: 1.15; color: #5a5045; font-weight: 400; } @media only screen and (max-width: 1160px) { .details--content--block--gallery__left--content .title-content h2 { font-size: 36px; line-height: 1.28; letter-spacing: 1.87px; } } @media only screen and (max-width: 750px) { .details--content--block--gallery__left--content .title-content h2 { font-size: 34px; line-height: 1.12; letter-spacing: 1.77px; } } .details--content--block--gallery__left--content .copy--content--cta { margin-top: 3vw !important; } @media only screen and (max-width: 750px) { .details--content--block--gallery__left--content .copy--content--cta a { width: 100%; } .details--content--block--gallery__left--content .copy--content--cta a span { font-size: 14px; } } .details--content--block--gallery__right--content { order: 0; flex: 0 1 20vw; align-self: auto; } @media only screen and (max-width: 750px) { .details--content--block--gallery__right--content { display: none; } } .details--content--block--gallery__right--content .icon-box { margin-top: 2.5vw; } @media only screen and (max-width: 1160px) { .details--content--block--gallery__right--content .icon-box { margin-top: 0; } } .details--content--block--gallery__right--content .icon-box img { max-width: 5.2vw; } @media only screen and (max-width: 1160px) { .details--content--block--gallery__right--content .icon-box img { max-width: 12vw; } } @media only screen and (max-width: 1160px) { .details--content { margin-bottom: 43px; } } @media only screen and (max-width: 750px) { .details--content { margin-bottom: 50px; } } @media only screen and (max-width: 1160px) { .page-events .details--content { margin-bottom: 0; } } @media only screen and (max-width: 750px) { .page-events .details--content { margin-top: 42px; } } body:not(.page-template-template-gallery) .details--content--block--gallery__left--content { padding-left: 0; flex: 0 1 65vw; } .gallery--content { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; position: relative; width: 100%; margin-top: 7vw; } .gallery--content__grid { display: grid; gap: 40px; grid-template-columns: 1fr 1fr 1fr 1fr; width: 100%; } @media only screen and (max-width: 1160px) { .gallery--content__grid { gap: 20px; } } @media only screen and (max-width: 750px) { .gallery--content__grid { grid-template-columns: 1fr 1fr; grid-auto-flow: dense; } } .gallery--content__grid .image-grid { grid-column: span 1; align-self: center; justify-self: center; } .gallery--content__grid .image-grid [data-fancybox="gallery"] .img--grid--content img { aspect-ratio: 0.66; object-fit: cover; } @media only screen and (max-width: 1160px) { .gallery--content__grid .image-grid .item img { aspect-ratio: 1.14; object-fit: contain; } } .gallery--content__grid .image-grid.double-grid { grid-column: span 2; } @media only screen and (max-width: 750px) { .gallery--content__grid .image-grid.double-grid--0 { grid-row: 2 / 3; } .gallery--content__grid .image-grid.double-grid--1 { grid-row: 4 / 5; } .gallery--content__grid .image-grid.double-grid--2 { grid-row: 6 / 7; } .gallery--content__grid .image-grid.double-grid--3 { grid-row: 8 / 9; } .gallery--content__grid .image-grid.double-grid--4 { grid-row: 10 / 11; } .gallery--content__grid .image-grid.double-grid--5 { grid-row: 12 / 13; } .gallery--content__grid .image-grid.double-grid--6 { grid-row: 14 / 15; } .gallery--content__grid .image-grid.double-grid--7 { grid-row: 16 / 17; } .gallery--content__grid .image-grid.double-grid--8 { grid-row: 18 / 19; } .gallery--content__grid .image-grid.double-grid--9 { grid-row: 20 / 21; } .gallery--content__grid .image-grid.double-grid--10 { grid-row: 22 / 23; } .gallery--content__grid .image-grid.double-grid--11 { grid-row: 24 / 25; } .gallery--content__grid .image-grid.double-grid--12 { grid-row: 26 / 27; } .gallery--content__grid .image-grid.double-grid--13 { grid-row: 28 / 29; } .gallery--content__grid .image-grid.double-grid--14 { grid-row: 30 / 31; } .gallery--content__grid .image-grid.double-grid--15 { grid-row: 32 / 33; } .gallery--content__grid .image-grid.double-grid--16 { grid-row: 34 / 35; } .gallery--content__grid .image-grid.double-grid--17 { grid-row: 36 / 37; } .gallery--content__grid .image-grid.double-grid--18 { grid-row: 38 / 39; } .gallery--content__grid .image-grid.double-grid--19 { grid-row: 40 / 41; } .gallery--content__grid .image-grid.double-grid--20 { grid-row: 42 / 43; } } .gallery--content__grid .image-grid.double-grid [data-fancybox="gallery"] .img--grid--content img { aspect-ratio: 1.41; object-fit: cover; } @media only screen and (max-width: 1160px) { .page-template-template-gallery .hero--content--block .hero--content--block__action-hero { display: none; } } @media only screen and (max-width: 750px) { .page-template-template-gallery .copy--content--block { margin-bottom: 46px; } } @media only screen and (max-width: 750px) { .page-template-template-gallery .copy--content--block__title-content h2 { width: 100%; } } @media only screen and (max-width: 750px) { .details--content { margin-bottom: 0; } } @media only screen and (max-width: 1160px) { .details--content .row { flex-direction: column; } } .details--content--block--explore { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; position: relative; width: 100vw; margin-top: 2.2vw; } @media only screen and (max-width: 1160px) { .details--content--block--explore { flex-direction: column; width: 100%; } } .details--content--block--explore__left--content { order: 0; flex: 0 1 50%; align-self: auto; } @media only screen and (max-width: 1160px) { .details--content--block--explore__left--content { margin: 0 auto; } } @media only screen and (max-width: 750px) { .details--content--block--explore__left--content { margin: 0 auto 26px; } } .details--content--block--explore__left--content .icon--content { max-width: 42.5vw; } @media only screen and (max-width: 1160px) { .details--content--block--explore__left--content .icon--content { max-width: 60vw; margin: 0 auto; } } @media only screen and (max-width: 750px) { .details--content--block--explore__left--content .icon--content { max-width: 75vw; } } .details--content--block--explore__right--content { order: 0; flex: 0 1 50%; align-self: auto; } .details--content--block--explore__right--content .copy--content { max-width: 36.35vw; margin-left: auto; } @media only screen and (max-width: 1160px) { .details--content--block--explore__right--content .copy--content { max-width: 100%; } } .details--content--block--explore__right--content .copy--content p { letter-spacing: 0.5px; font-family: "Source Sans Pro", sans-serif; margin-bottom: 20px; line-height: 1.6; } .details--content--block--explore__right--content .icon--content { margin-top: 7vw; margin-left: auto; margin-right: 1.5vw; max-width: 11.3vw; } @media only screen and (max-width: 1160px) { .details--content--block--explore__right--content .icon--content { margin-top: 16px; margin-right: 0; max-width: 17.74vw; } } @media only screen and (max-width: 750px) { .details--content--block--explore__right--content .icon--content { max-width: 21.3vw; } } .details--content--block--explore__bottom--content { order: 0; flex: 0 1 100%; align-self: auto; } .details--content--block--explore__bottom--content .subtitle-content { text-align: center; } .details--content--block--explore__bottom--content .subtitle-content h3 { font-family: "Source Sans Pro", sans-serif; font-size: .8vw; font-weight: 600; letter-spacing: .25vw; color: #97501b; text-transform: uppercase; } @media only screen and (max-width: 1160px) { .details--content--block--explore__bottom--content .subtitle-content h3 { font-size: 12px; letter-spacing: 4.8px; } } .details--content--block--explore__bottom--content .title-content { text-align: center; margin-top: 1vw; } .details--content--block--explore__bottom--content .title-content h2 { letter-spacing: 0.085vw; font-size: 2.9vw; line-height: 1.15; color: #5a5045; font-weight: 400; } @media only screen and (max-width: 1160px) { .details--content--block--explore__bottom--content .title-content h2 { font-size: 36px; line-height: 1.58; letter-spacing: 1.51px; } } @media only screen and (max-width: 750px) { .details--content--block--explore__bottom--content .title-content h2 { font-size: 29px; line-height: 1.24; letter-spacing: 1.22px; } } .details--content--block--explore__bottom--content .list--content { max-width: 70vw; margin: auto; margin-top: 3.5vw; } @media only screen and (max-width: 1160px) { .details--content--block--explore__bottom--content .list--content { max-width: 100%; } } .details--content--block--explore__bottom--content .list--content ul { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 3vw; } @media only screen and (max-width: 1160px) { .details--content--block--explore__bottom--content .list--content ul { grid-template-columns: 1fr; } } .details--content--block--explore__bottom--content .list--content ul li { font-family: "Ivy Mode", sans-serif; position: relative; padding-left: 35px; line-height: 1.25; margin-bottom: 1.5vw; font-size: 22px; } @media only screen and (max-width: 750px) { .details--content--block--explore__bottom--content .list--content ul li { font-size: 12px; line-height: 1.83; letter-spacing: 0.24px; } } .details--content--block--explore__bottom--content .list--content ul li::before { content: ''; background: transparent url("images/icons/list-icon.svg") no-repeat scroll center center; display: inline-block; width: 13px; height: 13px; position: absolute; left: 0; top: 7px; } .activities--block { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; position: relative; width: 100vw; } .activities--block .activities--block--content { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; width: 100vw; } .activities--block .activities--block--content__title--section { order: 0; flex: 0 1 100vw; align-self: auto; text-align: center; } .activities--block .activities--block--content__title--section h2 { margin-top: 2vw; color: #97501b; font-family: "Hanley Rough Signature", sans-serif; font-size: 3.1vw; font-weight: 400; } @media only screen and (max-width: 750px) { .activities--block .activities--block--content__title--section h2 { font-size: 30px; letter-spacing: 0.33px; } } .activities--block .activities--block--content__top--block--content { order: 0; flex: 0 1 100vw; align-self: auto; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; } .activities--block .activities--block--content__top--block--content .row--top { order: 0; flex: 0 1 100vw; align-self: auto; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; margin-top: 7vw; position: relative; } @media only screen and (max-width: 1160px) { .activities--block .activities--block--content__top--block--content .row--top { width: 100%; justify-content: space-between; padding: 0 9.96vw; flex-wrap: nowrap; margin-top: 45px; } } @media only screen and (max-width: 750px) { .activities--block .activities--block--content__top--block--content .row--top { flex-direction: column; padding: 0 32px; } } .activities--block .activities--block--content__top--block--content .row--top .left--column { order: 0; flex: 0 1 55vw; align-self: auto; } @media only screen and (max-width: 1160px) { .activities--block .activities--block--content__top--block--content .row--top .left--column { flex: auto; width: 100%; margin-bottom: 45px; } } @media only screen and (max-width: 750px) { .activities--block .activities--block--content__top--block--content .row--top .left--column { margin-bottom: 40px; } } .activities--block .activities--block--content__top--block--content .row--top .left--column .img--content--caption { max-width: 42vw; margin-left: auto; } @media only screen and (max-width: 1160px) { .activities--block .activities--block--content__top--block--content .row--top .left--column .img--content--caption { max-width: 100%; } .activities--block .activities--block--content__top--block--content .row--top .left--column .img--content--caption .img--content { aspect-ratio: 1.20; } } @media only screen and (max-width: 750px) { .activities--block .activities--block--content__top--block--content .row--top .left--column .img--content--caption .img--content { aspect-ratio: 1.5; height: 217px; width: 100%; } } .activities--block .activities--block--content__top--block--content .row--top .left--column .img--content--caption .caption--content { max-width: 27.1vw; } .activities--block .activities--block--content__top--block--content .row--top .right--column { order: 0; flex: 0 1 45vw; align-self: auto; } @media only screen and (max-width: 1160px) { .activities--block .activities--block--content__top--block--content .row--top .right--column { flex: auto; width: 100%; padding-left: 33px; } } @media only screen and (max-width: 750px) { .activities--block .activities--block--content__top--block--content .row--top .right--column { padding-left: 0; } } .activities--block .activities--block--content__top--block--content .row--top .right--column .copy--content { margin-left: 5.6vw; max-width: 23.9vw; margin-top: 4vw; } @media only screen and (max-width: 1160px) { .activities--block .activities--block--content__top--block--content .row--top .right--column .copy--content { margin-top: 0; margin-left: 0; max-width: 33vw; } } @media only screen and (max-width: 750px) { .activities--block .activities--block--content__top--block--content .row--top .right--column .copy--content { max-width: 100%; } } .activities--block .activities--block--content__top--block--content .row--top .right--column .copy--content .subtitle--content { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: center; } @media only screen and (max-width: 1160px) { .activities--block .activities--block--content__top--block--content .row--top .right--column .copy--content .subtitle--content h3 { letter-spacing: 4.8px; } } .activities--block .activities--block--content__top--block--content .row--top .right--column .copy--content .subtitle--content .icon--subtitle { margin-right: 17px; } @media only screen and (max-width: 1160px) { .activities--block .activities--block--content__top--block--content .row--top .right--column .copy--content .subtitle--content .icon--subtitle svg { width: 20px; height: 24px; } } .activities--block .activities--block--content__top--block--content .row--top .right--column .copy--content .title--content { max-width: 20.6vw; } @media only screen and (max-width: 1160px) { .activities--block .activities--block--content__top--block--content .row--top .right--column .copy--content .title--content { max-width: 100%; } } @media only screen and (max-width: 750px) { .activities--block .activities--block--content__top--block--content .row--top .right--column .copy--content .title--content { max-width: 66vw; } } .activities--block .activities--block--content__top--block--content .row--top .right--column .copy--content .copy--content--text { max-width: 20.6vw; } .activities--block .activities--block--content__top--block--content .row--top .right--column .copy--content .copy--content--text p { line-height: 1.6; } @media only screen and (max-width: 1160px) { .activities--block .activities--block--content__top--block--content .row--top .right--column .copy--content .copy--content--text { max-width: 100%; } } .activities--block .activities--block--content__top--block--content .row--bottom { order: 0; flex: 0 1 100vw; align-self: auto; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; margin-top: 7vw; position: relative; } @media only screen and (max-width: 1160px) { .activities--block .activities--block--content__top--block--content .row--bottom { width: 100%; padding: 0 9.96vw; gap: 45px; justify-content: space-around; flex-wrap: nowrap; margin-top: 80px; } } @media only screen and (max-width: 750px) { .activities--block .activities--block--content__top--block--content .row--bottom { flex-direction: column-reverse; padding: 0 32px; gap: 0; } } .activities--block .activities--block--content__top--block--content .row--bottom .left--column { order: 0; flex: 0 1 30vw; align-self: auto; } @media only screen and (max-width: 1160px) { .activities--block .activities--block--content__top--block--content .row--bottom .left--column { position: absolute; top: -72vw; right: 6vw; } } .activities--block .activities--block--content__top--block--content .row--bottom .left--column .icon--content { text-align: center; margin-top: 6.2vw; max-width: 7.5vw; margin-left: auto; margin-right: auto; } @media only screen and (max-width: 1160px) { .activities--block .activities--block--content__top--block--content .row--bottom .left--column .icon--content { max-width: 10vw; } } @media only screen and (max-width: 750px) { .activities--block .activities--block--content__top--block--content .row--bottom .left--column .icon--content { position: absolute; top: 240vw; right: 3vw; width: 50px; max-width: 20vw; } } @media only screen and (max-width: 385px) { .activities--block .activities--block--content__top--block--content .row--bottom .left--column .icon--content { top: 274vw; } } .activities--block .activities--block--content__top--block--content .row--bottom .center--column { order: 0; flex: 0 1 35vw; align-self: auto; } @media only screen and (max-width: 1160px) { .activities--block .activities--block--content__top--block--content .row--bottom .center--column { flex: auto; width: 100%; } } @media only screen and (max-width: 750px) { .activities--block .activities--block--content__top--block--content .row--bottom .center--column { margin-top: 32px; } } .activities--block .activities--block--content__top--block--content .row--bottom .center--column .copy--content { margin-top: 4vw; max-width: 26.7vw; } @media only screen and (max-width: 1160px) { .activities--block .activities--block--content__top--block--content .row--bottom .center--column .copy--content { max-width: 100vw; margin-top: 0; } } .activities--block .activities--block--content__top--block--content .row--bottom .center--column .copy--content .subtitle--content { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: center; } @media only screen and (max-width: 750px) { .activities--block .activities--block--content__top--block--content .row--bottom .center--column .copy--content .subtitle--content h3 { letter-spacing: 4.8px; } } .activities--block .activities--block--content__top--block--content .row--bottom .center--column .copy--content .subtitle--content .icon--subtitle { margin-right: 17px; } .activities--block .activities--block--content__top--block--content .row--bottom .center--column .copy--content .title--content { max-width: 26.7vw; } @media only screen and (max-width: 1160px) { .activities--block .activities--block--content__top--block--content .row--bottom .center--column .copy--content .title--content { max-width: 100%; } .activities--block .activities--block--content__top--block--content .row--bottom .center--column .copy--content .title--content br { display: none; } } @media only screen and (max-width: 750px) { .activities--block .activities--block--content__top--block--content .row--bottom .center--column .copy--content .title--content { max-width: 66vw; } } .activities--block .activities--block--content__top--block--content .row--bottom .center--column .copy--content .copy--content--text { max-width: 20.6vw; } .activities--block .activities--block--content__top--block--content .row--bottom .center--column .copy--content .copy--content--text p { line-height: 1.6; } @media only screen and (max-width: 1160px) { .activities--block .activities--block--content__top--block--content .row--bottom .center--column .copy--content .copy--content--text { max-width: 100%; } } .activities--block .activities--block--content__top--block--content .row--bottom .right--column { order: 0; flex: 0 1 35vw; align-self: auto; } @media only screen and (max-width: 1160px) { .activities--block .activities--block--content__top--block--content .row--bottom .right--column { flex: auto; width: 100%; } } .activities--block .activities--block--content__top--block--content .row--bottom .right--column .img--content--caption { max-width: 32.2vw; margin-left: auto; } @media only screen and (max-width: 1160px) { .activities--block .activities--block--content__top--block--content .row--bottom .right--column .img--content--caption { max-width: 100%; } .activities--block .activities--block--content__top--block--content .row--bottom .right--column .img--content--caption .img--content { aspect-ratio: 1.20; } } @media only screen and (max-width: 750px) { .activities--block .activities--block--content__top--block--content .row--bottom .right--column .img--content--caption .img--content { aspect-ratio: 1.5; } } .activities--block .activities--block--content__top--block--content .row--bottom .right--column .img--content--caption .caption--content { max-width: 27.1vw; } .activities--block .activities--block--content__middle--content { order: 0; flex: 0 1 100vw; align-self: auto; text-align: center; margin-top: 7.5vw; } @media only screen and (max-width: 750px) { .activities--block .activities--block--content__middle--content .img--content { aspect-ratio: 1.10; height: 356px; width: 100%; } } .activities--block .activities--block--content__bottom--block--content { order: 0; flex: 0 1 100vw; align-self: auto; margin-top: 7.5vw; } @media only screen and (max-width: 1160px) { .activities--block .activities--block--content__bottom--block--content { margin-top: 98px; } } @media only screen and (max-width: 750px) { .activities--block .activities--block--content__bottom--block--content { margin-top: 52px; } } .activities--block .activities--block--content__bottom--block--content .row--top { order: 0; flex: 0 1 100vw; align-self: auto; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; } @media only screen and (max-width: 1160px) { .activities--block .activities--block--content__bottom--block--content .row--top { gap: 22px; flex-wrap: nowrap; padding: 0 83px; width: 100%; } } @media only screen and (max-width: 750px) { .activities--block .activities--block--content__bottom--block--content .row--top { flex-direction: column; padding: 0 32px; gap: 0; } } .activities--block .activities--block--content__bottom--block--content .row--top .left--column { order: 0; flex: 0 1 55vw; align-self: auto; } @media only screen and (max-width: 1160px) { .activities--block .activities--block--content__bottom--block--content .row--top .left--column { width: 100%; flex: 0 1 48.6vw; } } .activities--block .activities--block--content__bottom--block--content .row--top .left--column .img--content--caption { max-width: 42vw; margin-left: auto; } @media only screen and (max-width: 1160px) { .activities--block .activities--block--content__bottom--block--content .row--top .left--column .img--content--caption { max-width: 100%; } .activities--block .activities--block--content__bottom--block--content .row--top .left--column .img--content--caption .img--content { aspect-ratio: 1.2; } } @media only screen and (max-width: 750px) { .activities--block .activities--block--content__bottom--block--content .row--top .left--column .img--content--caption .img--content { aspect-ratio: 1.5; } } .activities--block .activities--block--content__bottom--block--content .row--top .left--column .img--content--caption .caption--content { max-width: 27.1vw; } .activities--block .activities--block--content__bottom--block--content .row--top .right--column { order: 0; flex: 0 1 45vw; align-self: auto; } @media only screen and (max-width: 1160px) { .activities--block .activities--block--content__bottom--block--content .row--top .right--column { width: 100%; margin-top: 22px; } } .activities--block .activities--block--content__bottom--block--content .row--top .right--column .copy--content { margin-left: 5.6vw; max-width: 23.9vw; margin-top: 4vw; } @media only screen and (max-width: 1160px) { .activities--block .activities--block--content__bottom--block--content .row--top .right--column .copy--content { margin-left: 0; max-width: 100%; margin-top: 0; } } .activities--block .activities--block--content__bottom--block--content .row--top .right--column .copy--content .subtitle--content { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: center; } @media only screen and (max-width: 750px) { .activities--block .activities--block--content__bottom--block--content .row--top .right--column .copy--content .subtitle--content h3 { letter-spacing: 4.8px; } } .activities--block .activities--block--content__bottom--block--content .row--top .right--column .copy--content .subtitle--content .icon--subtitle { margin-right: 17px; } .activities--block .activities--block--content__bottom--block--content .row--top .right--column .copy--content .title--content { max-width: 19vw; } @media only screen and (max-width: 1160px) { .activities--block .activities--block--content__bottom--block--content .row--top .right--column .copy--content .title--content { max-width: 100%; } } .activities--block .activities--block--content__bottom--block--content .row--top .right--column .copy--content .copy--content--text { max-width: 20.5vw; } .activities--block .activities--block--content__bottom--block--content .row--top .right--column .copy--content .copy--content--text p { line-height: 1.6; } @media only screen and (max-width: 1160px) { .activities--block .activities--block--content__bottom--block--content .row--top .right--column .copy--content .copy--content--text { max-width: 100%; } } .activities--block .activities--block--content__bottom--block--content .row--bottom { order: 0; flex: 0 1 100vw; align-self: auto; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; align-items: flex-end; margin-top: 5vw; position: relative; } @media only screen and (max-width: 1160px) { .activities--block .activities--block--content__bottom--block--content .row--bottom { width: 100%; flex-wrap: nowrap; align-items: normal; max-width: 100%; padding: 0 83px; gap: 21px; } } @media only screen and (max-width: 750px) { .activities--block .activities--block--content__bottom--block--content .row--bottom { flex-direction: column-reverse; padding: 0 32px; gap: 0; } } .activities--block .activities--block--content__bottom--block--content .row--bottom .left--column { order: 0; flex: 0 1 25vw; align-self: auto; } @media only screen and (max-width: 1160px) { .activities--block .activities--block--content__bottom--block--content .row--bottom .left--column { position: absolute; bottom: -125vw; right: 12vw; } } .activities--block .activities--block--content__bottom--block--content .row--bottom .left--column .icon--content { margin-top: 1.5vw; max-width: 16.2vw; margin: auto; } @media only screen and (max-width: 1160px) { .activities--block .activities--block--content__bottom--block--content .row--bottom .left--column .icon--content { max-width: 19.3vw; } } .activities--block .activities--block--content__bottom--block--content .row--bottom .center--column { order: 0; flex: 0 1 30vw; align-self: auto; } @media only screen and (max-width: 1160px) { .activities--block .activities--block--content__bottom--block--content .row--bottom .center--column { max-width: 100%; flex: 0 1 50vw; } } @media only screen and (max-width: 750px) { .activities--block .activities--block--content__bottom--block--content .row--bottom .center--column { max-width: 100vw; margin-top: 21px; } } .activities--block .activities--block--content__bottom--block--content .row--bottom .center--column .copy--content { text-align: right; } @media only screen and (max-width: 1160px) { .activities--block .activities--block--content__bottom--block--content .row--bottom .center--column .copy--content { text-align: left; } } .activities--block .activities--block--content__bottom--block--content .row--bottom .center--column .copy--content .subtitle--content { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end; align-content: flex-start; align-items: center; } @media only screen and (max-width: 1160px) { .activities--block .activities--block--content__bottom--block--content .row--bottom .center--column .copy--content .subtitle--content { flex-direction: row-reverse; } } @media only screen and (max-width: 750px) { .activities--block .activities--block--content__bottom--block--content .row--bottom .center--column .copy--content .subtitle--content h3 { letter-spacing: 4.8px; } } .activities--block .activities--block--content__bottom--block--content .row--bottom .center--column .copy--content .subtitle--content .icon--subtitle { margin-left: 17px; } @media only screen and (max-width: 1160px) { .activities--block .activities--block--content__bottom--block--content .row--bottom .center--column .copy--content .subtitle--content .icon--subtitle { margin-right: 20px; margin-left: 0; } } @media only screen and (max-width: 1160px) { .activities--block .activities--block--content__bottom--block--content .row--bottom .center--column .copy--content .title--content h2 br { display: none; } } .activities--block .activities--block--content__bottom--block--content .row--bottom .center--column .copy--content .copy--content--text { max-width: 22vw; margin-left: auto; margin-bottom: 0; } .activities--block .activities--block--content__bottom--block--content .row--bottom .center--column .copy--content .copy--content--text p { line-height: 1.6; } @media only screen and (max-width: 1160px) { .activities--block .activities--block--content__bottom--block--content .row--bottom .center--column .copy--content .copy--content--text { max-width: 100%; text-align: left; } } .activities--block .activities--block--content__bottom--block--content .row--bottom .right--column { order: 0; flex: 0 1 45vw; align-self: auto; } @media only screen and (max-width: 1160px) { .activities--block .activities--block--content__bottom--block--content .row--bottom .right--column { flex: 0 1 53.6vw; } } .activities--block .activities--block--content__bottom--block--content .row--bottom .right--column .img--content--caption { margin-left: 5.6vw; max-width: 17.3vw; } @media only screen and (max-width: 1160px) { .activities--block .activities--block--content__bottom--block--content .row--bottom .right--column .img--content--caption { max-width: 100%; margin-left: 0; } } .activities--block .activities--block--content__bottom--block--content .row--bottom .right--column .img--content--caption .img--content { max-width: 17.3vw; } @media only screen and (max-width: 1160px) { .activities--block .activities--block--content__bottom--block--content .row--bottom .right--column .img--content--caption .img--content { aspect-ratio: 1.2; max-width: 100%; } } @media only screen and (max-width: 750px) { .activities--block .activities--block--content__bottom--block--content .row--bottom .right--column .img--content--caption .img--content { aspect-ratio: 1.5; } } .activities--block .activities--block--content__bottom--block--content .row--bottom .right--column .img--content--caption .caption--content .caption--content--text { width: 100vw; max-width: 27.1vw; } .activities--block .first-line { position: absolute; right: 8vw; bottom: 0; } @media only screen and (max-width: 1160px) { .activities--block .first-line { display: none; } } .activities--block .first-line svg { width: 100vw; max-width: 15vw; aspect-ratio: 0.41; object-fit: cover; } .activities--block .second-line { position: absolute; left: 20.5vw; bottom: -2.5vw; } @media only screen and (max-width: 1160px) { .activities--block .second-line { display: none; } } .activities--block .second-line svg { width: 100vw; max-width: 8vw; aspect-ratio: 0.50; object-fit: cover; } .activities--block .third-line { position: absolute; left: 23vw; top: -3.5vw; } @media only screen and (max-width: 1160px) { .activities--block .third-line { display: none; } } .activities--block .third-line svg { width: 100vw; max-width: 29.5vw; object-fit: cover; aspect-ratio: 4.10; } .slider--items--content { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: center; position: relative; overflow: hidden; width: 100vw; margin-top: 7vw; } @media only screen and (max-width: 1160px) { .slider--items--content { flex-direction: column-reverse; overflow: initial; } } .slider--items--content__left--content { width: 100vw; max-width: 40vw; align-self: auto; } @media only screen and (max-width: 1160px) { .slider--items--content__left--content { max-width: 100%; margin: 74px 0; } } @media only screen and (max-width: 750px) { .slider--items--content__left--content { margin: 35px 0; padding: 0 32px; } } .slider--items--content__left--content .copy--content { margin-left: 7.4vw; max-width: 23.3vw; } @media only screen and (max-width: 1160px) { .slider--items--content__left--content .copy--content { max-width: 50vw; } } @media only screen and (max-width: 750px) { .slider--items--content__left--content .copy--content { max-width: 100%; margin: 0; } } @media only screen and (max-width: 750px) { .slider--items--content__left--content .copy--content .subtitle--content h3 { letter-spacing: 6.72px; } } .slider--items--content__left--content .copy--content .title--content { max-width: 17vw; } @media only screen and (max-width: 1160px) { .slider--items--content__left--content .copy--content .title--content { max-width: 50vw; } .slider--items--content__left--content .copy--content .title--content h2 { font-size: 36px; line-height: 1; letter-spacing: 1.87px; } .slider--items--content__left--content .copy--content .title--content h2 br { display: none; } } @media only screen and (max-width: 750px) { .slider--items--content__left--content .copy--content .title--content { max-width: 75vw; } .slider--items--content__left--content .copy--content .title--content h2 { font-size: 29px; line-height: 1.34; letter-spacing: 1.22px; } } .slider--items--content__left--content .copy--content .copy--content--text p { line-height: 1.6; } @media only screen and (max-width: 750px) { .slider--items--content__left--content .copy--content .copy--content--cta { margin: 41px 0 20px; } } .slider--items--content__right--content { width: 100vw; max-width: 60vw; position: relative; transform: translateX(3.4vw); } @media only screen and (max-width: 1160px) { .slider--items--content__right--content { max-width: 100vw; transform: none; } } @media only screen and (max-width: 750px) { .slider--items--content__right--content { max-width: 100%; } } .slider--items--content__right--content .slider-columns-items { width: 100%; } @media only screen and (max-width: 750px) { .slider--items--content__right--content .slider-columns-items { transform: none; } } .slider--items--content__right--content .item-grid { position: relative; } @media only screen and (max-width: 1160px) { .slider--items--content__right--content .slick-list { margin: 0; } } .slider--items--content__right--content .slick-slide { padding: 0 12px; } @media only screen and (max-width: 1160px) { .slider--items--content__right--content .slick-slide { padding: 0 11px; } } @media only screen and (max-width: 750px) { .slider--items--content__right--content .slick-slide { padding: 0 32px; } } .slider--items--content__right--content .image--slider { overflow: hidden; position: relative; } .slider--items--content__right--content .image--slider .rooms-thumb-img { object-fit: cover; aspect-ratio: 0.49; } @media only screen and (max-width: 750px) { .slider--items--content__right--content .image--slider .rooms-thumb-img { aspect-ratio: 0.69; } } .slider--items--content__right--content .text-content { position: absolute; bottom: 0; left: 0; right: 0; padding-left: 2.1vw; padding-bottom: 3.1vw; padding-right: 2.1vw; } @media only screen and (max-width: 1160px) { .slider--items--content__right--content .text-content { padding-bottom: 40px; } } @media only screen and (max-width: 750px) { .slider--items--content__right--content .text-content { padding: 0 40px 37px; } } .slider--items--content__right--content .text-content .copy--content { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-content: stretch; align-items: flex-start; height: 100%; } .slider--items--content__right--content .text-content h3 { font-size: 0.77vw; color: #ffffff; } @media only screen and (max-width: 1160px) { .slider--items--content__right--content .text-content h3 { font-size: 11px; line-height: 1.36; letter-spacing: 5px; } } @media only screen and (max-width: 1160px) { .slider--items--content__right--content .text-content h3 { font-size: 13px; line-height: 1.38; letter-spacing: 6px; } } .slider--items--content__right--content .text-content h2 { font-size: 1.5vw; line-height: 1.2; color: #ffffff; } @media only screen and (max-width: 1160px) { .slider--items--content__right--content .text-content h2 { font-size: 21px; line-height: 1.19; letter-spacing: 1.09px; } } @media only screen and (max-width: 1160px) { .slider--items--content__right--content .text-content h2 { font-size: 25px; line-height: 1.2; letter-spacing: 1.3px; } } @media only screen and (max-width: 1160px) { .slider--items--content__right--content .text-content .copy--content--text { margin: 37px 0 30px; } } @media only screen and (max-width: 1160px) { .slider--items--content__right--content .text-content .copy--content--text { margin: 17px 0 0; } } .slider--items--content__right--content .text-content .copy--content--text p { font-size: 0.9vw; line-height: 1.7; letter-spacing: 0.05px; color: #ffffff; } @media only screen and (max-width: 1160px) { .slider--items--content__right--content .text-content .copy--content--text p { font-size: 16px; line-height: 1.56; letter-spacing: 0.05px; } } .slider--items--content__right--content .text-content .copy--content--cta { margin-top: 0; } @media only screen and (max-width: 900px) { .slider--items--content__right--content .text-content .copy--content--cta { margin-top: 5vw; } } .slider--items--content__right--content .text-content .copy--content--cta a { color: #ffffff; } @media only screen and (max-width: 1160px) { .slider--items--content__right--content .text-content .copy--content--cta a { font-size: 13px; letter-spacing: 1.07px; } .slider--items--content__right--content .text-content .copy--content--cta a:focus { outline: none; } } .slider--items--content__right--content .text-content .copy--content--cta a .cta-circ path { stroke: #ffffff; } .slider--items--content__right--content .text-content .copy--content--cta a .cta-arrow-line path { fill: #ffffff; } .slider--items--content__right--content .text-content .copy--content--cta a .cta-arrow g { fill: #ffffff; } .slider--items--content__right--content .slider-arrows { display: flex; flex-direction: column-reverse; flex-wrap: nowrap; justify-content: flex-start; align-content: stretch; align-items: center; position: absolute; left: 0; margin-left: calc(-1vw - 24px); top: 50%; transform: translateY(-50%); } @media only screen and (min-width: 1500px) { .slider--items--content__right--content .slider-arrows { margin-left: calc(-1vw - 22px); } } @media only screen and (max-width: 1400px) { .slider--items--content__right--content .slider-arrows { margin-left: calc(-1vw - 24px); } } @media only screen and (max-width: 1160px) { .slider--items--content__right--content .slider-arrows { margin-left: 0; } } @media only screen and (max-width: 750px) { .slider--items--content__right--content .slider-arrows { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; flex-direction: row; justify-content: space-between; } } .slider--items--content__right--content .slider-arrows .carousel-arrow { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-content: center; align-items: center; background-color: #97501b; height: 40px; width: 53px; cursor: pointer; } @media only screen and (max-width: 1160px) { .slider--items--content__right--content .slider-arrows .carousel-arrow { width: 45px; } } .slider--items--content__right--content .slider-arrows .carousel-arrow.lft-color-offset { background-color: #AF6127; } .slider--items--content__right--content .slider-arrows .carousel-arrow.lft-color-offset svg { transform: rotate(180deg); } .slider-popup .slider-popup__text { margin-top: 20px; } .pum-container .slider-arrows { display: flex; align-items: center; justify-content: center; margin-top: 20px; column-gap: 20px; } .pum-container .slider-arrows .carousel-arrow svg path { fill: #97501b; } .flipcard--image--block { position: relative; margin-top: 7vw; width: 100vw; } .flipcard--image--block__box--content { position: relative; } @media only screen and (max-width: 1160px) { .flipcard--image--block__box--content .img--content { aspect-ratio: 2; } } @media only screen and (max-width: 750px) { .flipcard--image--block__box--content .img--content { aspect-ratio: 1.09; height: 361px; width: 100%; } } .flipcard--image--block .text-content { top: 0; position: absolute; right: 0; width: 34vw; margin-right: 3vw; padding: 4.6vw; } @media only screen and (max-width: 1160px) { .flipcard--image--block .text-content { width: 54.3vw; margin-right: 10vw; padding: 4vw; } } @media only screen and (max-width: 750px) { .flipcard--image--block .text-content { position: inherit; margin-top: -12vw; padding: 0 32px; width: 100%; margin-right: 0; } } .flipcard--image--block .copy--content { order: 0; flex: 1 1 22.9vw; align-self: center; position: relative; } .flipcard--image--block .copy--content .box-text { margin-left: -8vw; position: relative; transform-style: flat; perspective: 1500px; } @media only screen and (max-width: 750px) { .flipcard--image--block .copy--content .box-text { margin-left: 0; } } .flipcard--image--block .copy--content .box-text > div { background: #efe6de; transition-timing-function: ease-in-out; transition-duration: 1s; transition-property: transform, opacity; backface-visibility: hidden; } .flipcard--image--block .copy--content .box-text > div.card--front { transform: rotateY(0deg); z-index: 1; } @media only screen and (max-width: 1160px) { .flipcard--image--block .copy--content .box-text > div.card--front .copy--content--cta { margin-top: 0; } } @media only screen and (max-width: 750px) { .flipcard--image--block .copy--content .box-text > div.card--front .copy--content--cta { margin-top: 5vw; } } @media only screen and (max-width: 1160px) { .flipcard--image--block .copy--content .box-text > div.card--front .subtitle-content h3 { letter-spacing: 4.8px; } } .flipcard--image--block .copy--content .box-text > div.card--back { transform: rotateY(-180deg); z-index: 0; backface-visibility: hidden; } .flipcard--image--block .copy--content .box-text.js-play .card--front { z-index: 0; transform: rotateY(180deg); } .flipcard--image--block .copy--content .box-text.js-play .card--back { z-index: 1; transform: rotateY(0deg); } .flipcard--image--block .copy--content .box-text .details-actions { background: #efe6de; padding: 3vw; } @media only screen and (max-width: 1160px) { .flipcard--image--block .copy--content .box-text .details-actions { padding: 6.2vw; } } @media only screen and (max-width: 750px) { .flipcard--image--block .copy--content .box-text .details-actions { padding: 52px 30px; } } @media only screen and (max-width: 750px) { .flipcard--image--block .copy--content .box-text .title-content { max-width: 60vw; } } .flipcard--image--block .copy--content .box-text .title-content h2 { font-size: 2vw; letter-spacing: 1.3px; line-height: 1.2; } @media only screen and (max-width: 1160px) { .flipcard--image--block .copy--content .box-text .title-content h2 { font-size: 26px; line-height: 1.15; letter-spacing: 1.09px; } } @media only screen and (max-width: 750px) { .flipcard--image--block .copy--content .box-text .title-content h2 { font-size: 29px; line-height: 1.45; letter-spacing: 1.51px; } } .flipcard--image--block .copy--content .box-text .text--block p { line-height: 1.6; } @media only screen and (max-width: 1160px) { .flipcard--image--block .copy--content .box-text .text--block p { line-height: 1.56; letter-spacing: 0.05px; } } .flipcard--image--block .copy--content .box-text .text--block ul { list-style: none; padding: 0; max-width: 30vw; } .flipcard--image--block .copy--content .box-text .text--block ul li { font-family: "Source Sans Pro", sans-serif; position: relative; padding-left: 27px; line-height: 1.5; margin-bottom: 1.5vw; font-size: 16px; } .flipcard--image--block .copy--content .box-text .text--block ul li::before { content: ''; background: transparent url("images/icons/list-icon-white.svg") no-repeat scroll center center; display: inline-block; width: 13px; height: 13px; position: absolute; left: 0; top: 3px; } .flipcard--image--block .copy--content .box-text .copy--content--cta .cta-text { left: 50px; color: #97501b; } .flipcard--image--block .copy--content .box-text .more--details--content { position: absolute; background: #efe6de; padding: 3vw; left: 0; top: 0; right: 0; bottom: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; } .flipcard--image--block .copy--content .box-text .more--details--content .close-box { position: absolute; right: 30px; top: 30px; } .flipcard--image--block .copy--content .box-text .more--details--content .text--block { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-content: stretch; align-items: flex-start; height: 100%; } .flipcard--image--block .copy--content .box-text .more--details--content .text--block h2, .flipcard--image--block .copy--content .box-text .more--details--content .text--block h3, .flipcard--image--block .copy--content .box-text .more--details--content .text--block h4, .flipcard--image--block .copy--content .box-text .more--details--content .text--block h5, .flipcard--image--block .copy--content .box-text .more--details--content .text--block h6 { color: #ffffff; font-family: "Playfair Display", sans-serif; font-style: italic; margin-bottom: 20px; text-transform: none; width: 100%; } .flipcard--image--block .copy--content .box-text .more--details--content .text--block p { line-height: 1.6; margin-bottom: 20px; width: 100%; font-size: 0.95vw; } @media only screen and (max-width: 1160px) { .flipcard--image--block .copy--content .box-text .more--details--content .text--block p { font-size: 14px; } } .flipcard--image--block .copy--content .box-text .more--details--content .text--block p a { color: #ffffff; text-decoration: underline; } .flipcard--image--block .copy--content .box-text .more--details--content .text--block ul { list-style: none; padding: 0; margin-bottom: 20px; width: 100%; } .flipcard--image--block .copy--content .box-text .more--details--content .text--block ul li { font-family: "Source Sans Pro", sans-serif; position: relative; padding-left: 27px; line-height: 1.25; margin-bottom: 1.5vw; font-size: 16px; width: 100%; } .flipcard--image--block .copy--content .box-text .more--details--content .text--block ul li::before { content: ''; background: transparent url("images/icons/list-icon-white.svg") no-repeat scroll center center; display: inline-block; width: 13px; height: 13px; position: absolute; left: 0; top: 3px; } .contact--form--block.explore { margin-top: 0; } @media only screen and (max-width: 1160px) { .contact--form--block.explore .contact--form--block--content { flex-direction: column; gap: 0; margin-top: 40px; } .contact--form--block.explore .contact--form--block--content__left-column { max-width: 78vw; } } @media only screen and (max-width: 1160px) and (max-width: 750px) { .contact--form--block.explore .contact--form--block--content__left-column { max-width: 100vw; width: 100%; } } @media only screen and (max-width: 1160px) { .contact--form--block.explore .contact--form--block--content__left-column .subtitle-content h3 { font-size: 12px; letter-spacing: 4.8px; } } @media only screen and (max-width: 750px) { .contact--form--block.explore { padding-top: 77px; } .contact--form--block.explore .title-content h2 { font-size: 34px; line-height: 1.26; margin-bottom: 31px; } .contact--form--block.explore__left-column { margin-bottom: 40px; } .contact--form--block.explore .form-block-container .gform-body .ginput_container_consent label:before { margin-right: 10px; } .contact--form--block.explore .form-block-container .gform-body .ginput_container_checkbox label:before { margin-right: 10px; } .contact--form--block.explore .form-block-container .gform_footer input[type=submit] { width: 100%; } } .contact--form--block.explore .title-content h2 { font-size: 2.5vw; } @media only screen and (max-width: 1160px) { .contact--form--block.explore .title-content h2 { font-size: 36px; } } .contact--form--block.explore .copy--content--cta { margin-top: 4vw; } .slider-content-grid-items .row--flex { margin-top: 2vw !important; } .slider-content-grid-items .row--flex div { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; justify-content: center !important; align-content: stretch !important; align-items: center !important; gap: 10px; } .map-action--content { background: #E5D9CE; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: stretch; position: relative; width: 100vw; } .map-action--content__left--column { width: 100vw; max-width: 70vw; } @media only screen and (max-width: 1160px) { .map-action--content__left--column { max-width: 53.8vw; } } @media only screen and (max-width: 1160px) { .map-action--content__left--column { max-width: 100%; } } .map-action--content__left--column .title-content { position: absolute; top: 4vw; left: 4vw; text-align: center; } @media only screen and (max-width: 1160px) { .map-action--content__left--column .title-content { max-width: 38vw; } } @media only screen and (max-width: 750px) { .map-action--content__left--column .title-content { max-width: 100vw; transform: none; left: 0; width: 100vw; top: 2vw; } } @media only screen and (max-width: 640px) { .map-action--content__left--column .title-content { pointer-events: none; } } .map-action--content__left--column .title-content h2 { font-size: 3.5vw; line-height: 1.1; } @media only screen and (max-width: 1160px) { .map-action--content__left--column .title-content h2 { font-size: 25px; line-height: 1.24; letter-spacing: 1.76px; } .map-action--content__left--column .title-content h2 br { display: none; } } @media only screen and (max-width: 750px) { .map-action--content__left--column .title-content h2 { font-size: 44px; line-height: 1.23; letter-spacing: 1.85px; margin-top: 57px; width: 200px; margin: 40px auto; max-width: 100%; } } @media only screen and (max-width: 640px) { .map-action--content__left--column .title-content h2 { font-size: 37px; line-height: 1.13; margin-top: 10px; } } @media only screen and (max-width: 640px) { .map-action--content__left--column .map--action { padding-top: 140px; } } .map-action--content__left--column #map_winery { float: right; width: 100%; max-width: 986px; } @media only screen and (max-width: 1160px) { .map-action--content__left--column #map_winery { height: 100vw; } } @media only screen and (max-width: 1160px) { .map-action--content__left--column #map_winery { height: 100vh; height: var(--app-height); } } @media only screen and (max-width: 640px) { .map-action--content__left--column #map_winery { height: auto; width: 115%; } } .map-action--content__left--column #map_winery text { font-family: "Hanley Rough Signature", sans-serif; text-transform: lowercase; } .map-action--content__left--column #map_winery text:first-letter, .map-action--content__left--column #map_winery text:first-line { text-transform: capitalize; } .map-action--content__left--column #map_winery .region_partner { transition: all 0.5s ease; cursor: pointer; pointer-events: bounding-box; position: relative; overflow: hidden; } .map-action--content__left--column #map_winery .region_partner .hover-state { pointer-events: none; position: relative; } .map-action--content__left--column #map_winery .region_partner .hover-state path { fill: transparent; stroke: #97501b; stroke-width: 1px; stroke-dasharray: 800; stroke-miterlimit: 10; stroke-dashoffset: 800; transition: all 0.5s linear; } .map-action--content__left--column #map_winery .region_partner .region-pin { position: relative; } .map-action--content__left--column #map_winery .region_partner.hover .hover-state path, .map-action--content__left--column #map_winery .region_partner.active .hover-state path { stroke-dashoffset: 0; } .map-action--content__right--column { width: 100vw; max-width: 30vw; background: #97501b; position: relative; } @media only screen and (max-width: 1160px) { .map-action--content__right--column { max-width: 46.2vw; } } @media only screen and (max-width: 750px) { .map-action--content__right--column { position: fixed; top: 0; right: -100%; max-width: 100%; height: 100vh; height: var(--app-height); transition: all 1s ease; z-index: 15; } } @media only screen and (max-width: 750px) { .map-action--content__right--column.active { right: 0; } } .map-action--content__right--column .title-content h2 { color: #ffffff; font-size: 2.6vw; margin: 0; opacity: 1; } @media only screen and (max-width: 750px) { .map-action--content__right--column .title-content h2 { font-size: 25px; line-height: 1.41; letter-spacing: 1.77px; } } .map-action--content__right--column .list--content { padding: 5vw 2.4vw; } @media only screen and (max-width: 750px) { .map-action--content__right--column .list--content { padding: 85px 40px 0; } } @media only screen and (max-width: 750px) { .map-action--content__right--column .list--content .close-box { position: absolute; top: 35px; right: 37px; } } @media only screen and (max-width: 750px) { .map-action--content__right--column .list--content .close-box-back { position: absolute; top: 20px; left: 37px; width: 35px; } } .map-action--content__right--column .list--content .close-box-back svg { width: 100%; } .map-action--content__right--column .list--content .list--content--scroll { overflow-y: auto; max-height: 100vh; max-height: var(--app-height); padding-right: 2.4vw; } @media only screen and (max-width: 750px) { .map-action--content__right--column .list--content .list--content--scroll { padding-right: 15px; max-height: calc(100vh - 110px); max-height: calc(var(--app-height) - 110px); } } .map-action--content__right--column .list--content .list--content--scroll::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.3); border-radius: 10px; background-color: grba(255, 255, 255, 0.3); } .map-action--content__right--column .list--content .list--content--scroll::-webkit-scrollbar { width: 2px; background-color: grba(255, 255, 255, 0.3); height: 50px; } .map-action--content__right--column .list--content .list--content--scroll::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.3); background-color: #ffffff; } .map-action--content__right--column .list--partners { margin-top: 2.2vw; } .map-action--content__right--column .list--partners .list-parent > li { display: block; border-bottom: 2px solid rgba(205, 193, 176, 0.38); padding-top: 1.3vw; padding-bottom: 1.3vw; margin: 0; } .map-action--content__right--column .list--partners .list-parent > li .partner--region--name { cursor: pointer; } .map-action--content__right--column .list--partners .list-parent > li .partner--region--name h2 { color: #ffffff; font-size: 1.55vw; font-weight: 400; letter-spacing: 1.01px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-content: flex-start; align-items: center; text-transform: capitalize; } @media only screen and (max-width: 1160px) { .map-action--content__right--column .list--partners .list-parent > li .partner--region--name h2 { font-size: 20px; } } @media only screen and (max-width: 750px) { .map-action--content__right--column .list--partners .list-parent > li .partner--region--name h2 { font-size: 16px; line-height: 1.8; letter-spacing: 0.84px; padding-bottom: 5px; padding-top: 10px; } } .map-action--content__right--column .list--partners .list-parent > li .partner--region--name h2 .more--partners { width: 20px; height: 20px; } @media only screen and (max-width: 750px) { .map-action--content__right--column .list--partners .list-parent > li .partner--region--name h2 .more--partners { width: 18px; height: 18px; } } .map-action--content__right--column .list--partners .list-parent > li .partner--region--name h2 .more--partners.closed { background: transparent url("images/icons/plus-icon-white.svg") no-repeat scroll center center; } .map-action--content__right--column .list--partners .list-parent > li .partner--region--name h2 .more--partners.opened { background: transparent url("images/icons/minus-icon-white.svg") no-repeat scroll center center; } .map-action--content__right--column .list--partners .list-parent > li .partners--categories { display: none; } .map-action--content__right--column .list--partners .list-parent > li .partners--categories .partner--category--title { margin-top: 10px; margin-bottom: 10px; } .map-action--content__right--column .list--partners .list-parent > li .partners--categories .partner--category--title h3 { font-size: 1.1vw; text-transform: uppercase; color: #f5f1e9; letter-spacing: 1.8px; font-family: "Source Sans Pro", sans-serif; font-weight: 600; opacity: .45; } @media only screen and (max-width: 1160px) { .map-action--content__right--column .list--partners .list-parent > li .partners--categories .partner--category--title h3 { font-size: 14px; letter-spacing: 1.4px; } } .map-action--content__right--column .list--partners .list-parent > li .partners--categories .list-child li { display: block; } .map-action--content__right--column .list--partners .list-parent > li .partners--categories .list-child li .partner--name { font-size: 16px; text-transform: uppercase; color: #f5f1e9; letter-spacing: 1.6px; font-family: "Source Sans Pro", sans-serif; font-weight: 400; text-align: left; } @media only screen and (max-width: 750px) { .map-action--content__right--column .list--partners .list-parent > li .partners--categories .list-child li .partner--name { letter-spacing: 1.2px; font-size: 12px; } } .map-action--content__right--column .list--partners .list-parent > li .partners--categories .list-child li .partner--description { position: fixed; right: 0; top: 0; height: 100vh; height: var(--app-height); left: auto; background: #97501b; z-index: 15; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-content: stretch; align-items: flex-start; width: 100%; max-width: 30vw; } @media only screen and (max-width: 1160px) { .map-action--content__right--column .list--partners .list-parent > li .partners--categories .list-child li .partner--description { max-width: 46.2vw; } } @media only screen and (max-width: 750px) { .map-action--content__right--column .list--partners .list-parent > li .partners--categories .list-child li .partner--description { max-width: 100%; } } .map-action--content__right--column .list--partners .list-parent > li .partners--categories .list-child li .partner--description .close-box { position: absolute; left: 3vw; top: 3vw; z-index: 2; } @media only screen and (max-width: 750px) { .map-action--content__right--column .list--partners .list-parent > li .partners--categories .list-child li .partner--description .close-box { display: flex; align-items: center; justify-content: space-between; width: 35px; } } @media only screen and (max-width: 750px) { .map-action--content__right--column .list--partners .list-parent > li .partners--categories .list-child li .partner--description .close-box svg { width: 100%; } } .map-action--content__right--column .list--partners .list-parent > li .partners--categories .list-child li .partner--description .description--image { width: 100%; display: block; } .map-action--content__right--column .list--partners .list-parent > li .partners--categories .list-child li .partner--description .description--image img { aspect-ratio: 1.60; object-fit: cover; } @media only screen and (max-width: 750px) { .map-action--content__right--column .list--partners .list-parent > li .partners--categories .list-child li .partner--description .description--image img { height: 294px; } } .map-action--content__right--column .list--partners .list-parent > li .partners--categories .list-child li .partner--description .description--content { order: 0; flex: 1 1 100vw; align-self: auto; position: relative; width: 100%; } .map-action--content__right--column .list--partners .list-parent > li .partners--categories .list-child li .partner--description .description--content.padding { padding-top: 7.5vw; } @media only screen and (max-width: 1160px) { .map-action--content__right--column .list--partners .list-parent > li .partners--categories .list-child li .partner--description .description--content.padding { padding-top: 12vw; } } .map-action--content__right--column .list--partners .list-parent > li .partners--categories .list-child li .partner--description .description--content.padding .copy--content { top: 8vw !important; } @media only screen and (max-width: 1160px) { .map-action--content__right--column .list--partners .list-parent > li .partners--categories .list-child li .partner--description .description--content.padding .copy--content { top: 12vw !important; } } @media only screen and (max-width: 750px) { .map-action--content__right--column .list--partners .list-parent > li .partners--categories .list-child li .partner--description .description--content.padding .copy--content { top: 19vw !important; } } .map-action--content__right--column .list--partners .list-parent > li .partners--categories .list-child li .partner--description .description--content h3 { font-size: 13px; text-transform: uppercase; color: #ffffff; letter-spacing: 1.8px; font-family: "Source Sans Pro", sans-serif; font-weight: 600; opacity: 1; } @media only screen and (max-width: 750px) { .map-action--content__right--column .list--partners .list-parent > li .partners--categories .list-child li .partner--description .description--content h3 { font-size: 13px; line-height: 1.54; letter-spacing: 6.24px; } } .map-action--content__right--column .list--partners .list-parent > li .partners--categories .list-child li .partner--description .description--content h2 { color: #ffffff; font-size: 1.5vw; margin-top: 5px; margin-bottom: 15px; margin-top: 0; line-height: 1; opacity: 1; } @media only screen and (max-width: 750px) { .map-action--content__right--column .list--partners .list-parent > li .partners--categories .list-child li .partner--description .description--content h2 { font-size: 24px; line-height: 1.79; letter-spacing: 1.01px; } } .map-action--content__right--column .list--partners .list-parent > li .partners--categories .list-child li .partner--description .description--content .partner--link { margin-bottom: 2vw; display: block; width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: center; } .map-action--content__right--column .list--partners .list-parent > li .partners--categories .list-child li .partner--description .description--content .partner--link svg { margin-right: 15px; } .map-action--content__right--column .list--partners .list-parent > li .partners--categories .list-child li .partner--description .description--content .partner--link a { color: #ffffff; text-decoration: underline; font-family: "Source Sans Pro", sans-serif; } .map-action--content__right--column .list--partners .list-parent > li .partners--categories .list-child li .partner--description .description--content p { color: #ffffff; line-height: 1.5; font-family: "Source Sans Pro", sans-serif; } .map-action--content__right--column .list--partners .list-parent > li .partners--categories .list-child li .partner--description .description--content .copy--content { overflow-y: auto; position: absolute; top: 1.5vw; left: 3vw; right: 1.5vw; bottom: 2vw; padding-right: 1.5vw; } .map-action--content__right--column .list--partners .list-parent > li .partners--categories .list-child li .partner--description .description--content .copy--content::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.3); border-radius: 10px; background-color: grba(255, 255, 255, 0.3); } .map-action--content__right--column .list--partners .list-parent > li .partners--categories .list-child li .partner--description .description--content .copy--content::-webkit-scrollbar { width: 2px; background-color: grba(255, 255, 255, 0.3); height: 50px; } .map-action--content__right--column .list--partners .list-parent > li .partners--categories .list-child li .partner--description .description--content .copy--content::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.3); background-color: #ffffff; } .column--content--block { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; position: relative; width: 100vw; margin-top: 7vw; } .column--content--block__copy-content { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-content: flex-start; align-items: flex-start; gap: 7.9vw; width: 100vw; } @media only screen and (max-width: 1160px) { .column--content--block__copy-content { flex-direction: column; width: 100%; gap: 21px; } } @media only screen and (max-width: 750px) { .column--content--block__copy-content { gap: 24px; } } .column--content--block__copy-content .text--block { order: 0; flex: 1 1 50vw; align-self: auto; } .column--content--block__copy-content .text--block:last-child { padding-top: 25px; } .column--content--block__copy-content .text--block p { font-weight: 400; letter-spacing: 0.07px; font-family: "Source Sans Pro", sans-serif; line-height: 1.3; } @media only screen and (max-width: 1160px) { .column--content--block__copy-content .text--block { flex: auto; width: 100%; max-width: 54vw; } } @media only screen and (max-width: 750px) { .column--content--block__copy-content .text--block { max-width: 100%; } .column--content--block__copy-content .text--block p { line-height: 1.56; letter-spacing: 0.05px; } } .column--content--block__copy-content .text--block .subtitle-content h3 { font-family: "Source Sans Pro", sans-serif; font-size: .8vw; font-weight: 600; letter-spacing: .25vw; color: #97501b; text-transform: uppercase; } @media only screen and (max-width: 1160px) { .column--content--block__copy-content .text--block .subtitle-content h3 { font-size: 12px; line-height: 1.5; letter-spacing: 4.8px; } } @media only screen and (max-width: 750px) { .column--content--block__copy-content .text--block .subtitle-content h3 { font-size: 13px; line-height: 1.38; letter-spacing: 6.24px; } } @media only screen and (max-width: 1160px) { .column--content--block__copy-content .text--block .title-content { max-width: 54vw; } } @media only screen and (max-width: 750px) { .column--content--block__copy-content .text--block .title-content { max-width: 84vw; } } .column--content--block__copy-content .text--block .title-content h2 { letter-spacing: 0.085vw; font-size: 2vw; line-height: 1.25; color: #5a5045; font-weight: 400; margin-top: 10px; } @media only screen and (max-width: 1160px) { .column--content--block__copy-content .text--block .title-content h2 { font-size: 26px; line-height: 1.38; letter-spacing: 1.09px; } } @media only screen and (max-width: 750px) { .column--content--block__copy-content .text--block .title-content h2 { font-size: 29px; line-height: 1.24; letter-spacing: 1.22px; margin-top: 6px; } } .column--content--block__copy-content .text--block .text--block p { font-weight: 400; letter-spacing: 0.07px; font-family: "Source Sans Pro", sans-serif; line-height: 1.3; } @media only screen and (max-width: 1160px) { .column--content--block__copy-content .text--block .text--block p { font-size: 16px; line-height: 1.56; letter-spacing: 0.05px; } } .column--content--block__copy-content .text--block .icon--content { max-width: 11.3vw; margin: auto; margin-top: 4vw; } @media only screen and (max-width: 1160px) { .column--content--block__copy-content .text--block .icon--content { position: absolute; top: -10vw; right: 9vw; max-width: 23.1vw; margin-top: 0; } } .fullwidth--slider--image--block { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: center; position: relative; overflow: hidden; width: 100vw; margin-top: 7vw; } .fullwidth--slider--image--block__items { width: 100vw; position: relative; } @media only screen and (max-width: 1160px) { .fullwidth--slider--image--block__items { height: auto; } } .fullwidth--slider--image--block__items .item-grid { position: relative; } .fullwidth--slider--image--block__items .image--slider { overflow: hidden; position: relative; } @media only screen and (max-width: 1160px) { .fullwidth--slider--image--block__items .image--slider { height: auto; } } @media only screen and (max-width: 750px) { .fullwidth--slider--image--block__items .image--slider { aspect-ratio: 1.09; } } .fullwidth--slider--image--block__items .image--slider .rooms-thumb-img { object-fit: cover; aspect-ratio: 2.14; width: 100%; } @media only screen and (max-width: 750px) { .fullwidth--slider--image--block__items .image--slider .rooms-thumb-img { aspect-ratio: 1.09; } } .fullwidth--slider--image--block__items .slider-arrows { display: flex; flex-direction: column-reverse; flex-wrap: nowrap; justify-content: flex-start; align-content: stretch; align-items: center; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } @media only screen and (max-width: 750px) { .fullwidth--slider--image--block__items .slider-arrows { display: flex; align-items: center; flex-direction: row; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; justify-content: space-between; } } .fullwidth--slider--image--block__items .slider-arrows .carousel-arrow { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-content: center; align-items: center; background-color: #97501b; height: 40px; width: 53px; cursor: pointer; } .fullwidth--slider--image--block__items .slider-arrows .carousel-arrow.lft-color-offset { background-color: #AF6127; } .fullwidth--slider--image--block__items .slider-arrows .carousel-arrow.lft-color-offset svg { transform: rotate(180deg); } .menu--content--block--restaurant { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: center; position: relative; overflow: hidden; width: 100vw; margin-top: 4vw; } @media only screen and (max-width: 1160px) { .menu--content--block--restaurant { padding-bottom: 60px; margin-top: 71px; } } @media only screen and (max-width: 750px) { .menu--content--block--restaurant { margin-top: 0; width: 100%; padding-top: 50vw; padding-bottom: 10vw; } } @media only screen and (max-width: 750px) { .menu--content--block--restaurant .container { padding: 0 8.6vw; } } .menu--content--block--restaurant__title-block { width: 100vw; text-align: center; } .menu--content--block--restaurant__title-block h3 { font-family: "Source Sans Pro", sans-serif; font-size: .8vw; font-weight: 600; letter-spacing: .25vw; color: #97501b; text-transform: uppercase; } @media only screen and (max-width: 1160px) { .menu--content--block--restaurant__title-block h3 { font-size: 12px; line-height: 1.5; letter-spacing: 4.8px; } } @media only screen and (max-width: 750px) { .menu--content--block--restaurant__title-block h3 { font-size: 13px; line-height: 1.38; letter-spacing: 6.24px; } } .menu--content--block--restaurant__menu { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; position: relative; width: 100vw; } @media only screen and (max-width: 1160px) { .menu--content--block--restaurant__menu { display: block; width: 100%; } } .menu--content--block--restaurant__menu .left--column { order: 0; flex: 0 1 20vw; align-self: auto; } @media only screen and (max-width: 1160px) { .menu--content--block--restaurant__menu .left--column { position: absolute; top: -13vw; left: 0; } } @media only screen and (max-width: 750px) { .menu--content--block--restaurant__menu .left--column { top: -50vw; left: 50%; transform: translate(-50%, 0); } } .menu--content--block--restaurant__menu .left--column .icon--content { margin-top: 10vw; max-width: 9.5vw; } @media only screen and (max-width: 750px) { .menu--content--block--restaurant__menu .left--column .icon--content { max-width: 21.9vw; margin-top: 0; } } .menu--content--block--restaurant__menu .center--column { order: 0; flex: 0 1 60vw; align-self: auto; } .menu--content--block--restaurant__menu .center--column .tabs--menu { margin-top: 1.5vw; } @media only screen and (max-width: 750px) { .menu--content--block--restaurant__menu .center--column .tabs--menu { width: 100%; text-align: center; } } @media only screen and (max-width: 750px) { .menu--content--block--restaurant__menu .center--column .tabs--menu__selector { min-width: 256px; border: 1px solid #97501b; padding: 5px 10px; font-size: 25px; line-height: 1.72; color: #97501b; letter-spacing: 1.05px; margin-top: 32px; position: relative; } } .menu--content--block--restaurant__menu .center--column .tabs--menu__selector:before { content: ''; background-image: url(images/icons/angle-down.svg); background-size: cover; background-position: center center; background-repeat: no-repeat; background-size: contain; position: absolute; right: 3vw; top: 5vw; width: 20px; height: 20px; line-height: 31px; z-index: 5; text-align: center; margin-right: 0 !important; color: #97501b; transition: all 0.3s ease; } .menu--content--block--restaurant__menu .center--column .tabs--menu__selector.js-active::before { transform: rotate(180deg); } .menu--content--block--restaurant__menu .center--column .tabs--menu .tab--buttons { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-content: flex-start; align-items: flex-start; } @media only screen and (max-width: 1160px) { .menu--content--block--restaurant__menu .center--column .tabs--menu .tab--buttons { align-items: center; } } @media only screen and (max-width: 750px) { .menu--content--block--restaurant__menu .center--column .tabs--menu .tab--buttons { display: none; border: 1px solid #97501b; width: 256px; max-width: 100%; margin: 0 auto; border-top: 0; padding: 10px 0; } } .menu--content--block--restaurant__menu .center--column .tabs--menu .tab--buttons .content--tab--header { text-align: center; padding: 0 2.7vw; position: relative; } .menu--content--block--restaurant__menu .center--column .tabs--menu .tab--buttons .content--tab--header::before { content: ''; position: absolute; top: 7px; right: 0; width: 1px; background: #707070; height: 19px; } @media only screen and (max-width: 1160px) { .menu--content--block--restaurant__menu .center--column .tabs--menu .tab--buttons .content--tab--header::before { top: 12px; } } @media only screen and (max-width: 750px) { .menu--content--block--restaurant__menu .center--column .tabs--menu .tab--buttons .content--tab--header::before { display: none; } } .menu--content--block--restaurant__menu .center--column .tabs--menu .tab--buttons .content--tab--header:first-child { padding-left: 0; } @media only screen and (max-width: 750px) { .menu--content--block--restaurant__menu .center--column .tabs--menu .tab--buttons .content--tab--header:first-child { padding-right: 0; } } .menu--content--block--restaurant__menu .center--column .tabs--menu .tab--buttons .content--tab--header:last-child { padding-right: 0; } .menu--content--block--restaurant__menu .center--column .tabs--menu .tab--buttons .content--tab--header:last-child::before { display: none; } .menu--content--block--restaurant__menu .center--column .tabs--menu .tab--buttons .content--tab--header button { letter-spacing: 0.085vw; font-size: 1.7vw; line-height: 1.25; color: #5a5045; font-weight: 400; border-bottom: 1px solid transparent; padding-bottom: 5px; } @media only screen and (max-width: 1160px) { .menu--content--block--restaurant__menu .center--column .tabs--menu .tab--buttons .content--tab--header button { font-size: 22px; line-height: 1.95; letter-spacing: 0.92px; } } @media only screen and (max-width: 750px) { .menu--content--block--restaurant__menu .center--column .tabs--menu .tab--buttons .content--tab--header button { font-size: 20px; line-height: 1.43; letter-spacing: 1.26px; } } .menu--content--block--restaurant__menu .center--column .tabs--menu .tab--buttons .content--tab--header span { display: block; text-align: center; font-family: "Playfair Display", sans-serif; color: #97501b; font-size: .85vw; font-style: italic; line-height: 1.6; margin-top: 5px; } @media only screen and (max-width: 1160px) { .menu--content--block--restaurant__menu .center--column .tabs--menu .tab--buttons .content--tab--header span { font-size: 15px; line-height: 1.67; } } .menu--content--block--restaurant__menu .center--column .tabs--menu .tab--buttons .content--tab--header.active button { color: #97501b; border-bottom: 1px solid #97501b; } @media only screen and (max-width: 1160px) { .menu--content--block--restaurant__menu .center--column .tabs--menu .tab--buttons .content--tab--header.active button { font-size: 20px; line-height: 1.95; letter-spacing: 0.92px; border: none; color: #5a5045; padding-bottom: 0; } } .menu--content--block--restaurant__menu .center--column .tabs--menu .tab--content .content--tab--body { display: none; } .menu--content--block--restaurant__menu .center--column .tabs--menu .tab--content .content--tab--body.active { display: block; } .menu--content--block--restaurant__menu .center--column .tabs--menu .tab--content .content--tab--body .menu--content .menu--content--description { text-align: center; margin-top: 2vw; padding-bottom: 1.5vw; } @media only screen and (max-width: 1160px) { .menu--content--block--restaurant__menu .center--column .tabs--menu .tab--content .content--tab--body .menu--content .menu--content--description { margin-top: 50px; } } @media only screen and (max-width: 750px) { .menu--content--block--restaurant__menu .center--column .tabs--menu .tab--content .content--tab--body .menu--content .menu--content--description { margin-top: 34px; } } .menu--content--block--restaurant__menu .center--column .tabs--menu .tab--content .content--tab--body .menu--content .menu--content--description .menu--title { text-align: center; width: 100%; } .menu--content--block--restaurant__menu .center--column .tabs--menu .tab--content .content--tab--body .menu--content .menu--content--description .menu--title h2 { font-family: "Source Sans Pro", sans-serif; font-size: .8vw; font-weight: 600; letter-spacing: .25vw; color: #97501b; text-transform: uppercase; } @media only screen and (max-width: 1160px) { .menu--content--block--restaurant__menu .center--column .tabs--menu .tab--content .content--tab--body .menu--content .menu--content--description .menu--title h2 { font-size: 12px; line-height: 1.5; letter-spacing: 4.8px; } } @media only screen and (max-width: 750px) { .menu--content--block--restaurant__menu .center--column .tabs--menu .tab--content .content--tab--body .menu--content .menu--content--description .menu--title h2 { font-size: 13px; line-height: 1.38; letter-spacing: 6.24px; } } .menu--content--block--restaurant__menu .center--column .tabs--menu .tab--content .content--tab--body .menu--content .menu--content--description .menu--description { margin-top: 1.5vw; } @media only screen and (max-width: 750px) { .menu--content--block--restaurant__menu .center--column .tabs--menu .tab--content .content--tab--body .menu--content .menu--content--description .menu--description { margin-top: 20px; } } .menu--content--block--restaurant__menu .center--column .tabs--menu .tab--content .content--tab--body .menu--content .menu--content--description .menu--description .menu--description--title h3 { font-family: "Ivy Mode", sans-serif; font-size: 1.3vw; letter-spacing: 9.04px; text-transform: uppercase; font-weight: 400; } @media only screen and (max-width: 1160px) { .menu--content--block--restaurant__menu .center--column .tabs--menu .tab--content .content--tab--body .menu--content .menu--content--description .menu--description .menu--description--title h3 { font-size: 19px; letter-spacing: 7.81px; } } @media only screen and (max-width: 750px) { .menu--content--block--restaurant__menu .center--column .tabs--menu .tab--content .content--tab--body .menu--content .menu--content--description .menu--description .menu--description--title h3 { font-size: 20px; letter-spacing: 8.22px; } } .menu--content--block--restaurant__menu .center--column .tabs--menu .tab--content .content--tab--body .menu--content .menu--content--description .menu--description .menu--description--copy { margin-top: 10px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-content: center; align-items: center; } .menu--content--block--restaurant__menu .center--column .tabs--menu .tab--content .content--tab--body .menu--content .menu--content--description .menu--description .menu--description--copy p { font-family: "Playfair Display", sans-serif; color: #5a5045; font-size: .85vw; font-style: italic; line-height: 1.6; margin-bottom: 0; } @media only screen and (max-width: 1160px) { .menu--content--block--restaurant__menu .center--column .tabs--menu .tab--content .content--tab--body .menu--content .menu--content--description .menu--description .menu--description--copy p { font-size: 16px; line-height: 1.56; } } @media only screen and (max-width: 750px) { .menu--content--block--restaurant__menu .center--column .tabs--menu .tab--content .content--tab--body .menu--content .menu--content--description .menu--description .menu--description--copy p br { display: none; } } .menu--content--block--restaurant__menu .center--column .tabs--menu .tab--content .content--tab--body .menu--content .menu--content--description .menu--description .menu--description--copy .menu--price { margin-left: 5px; font-family: "Playfair Display", sans-serif; color: #5a5045; font-size: .85vw; font-style: italic; line-height: 1.6; font-weight: 700; } .menu--content--block--restaurant__menu .center--column .tabs--menu .tab--content .content--tab--body .menu-cta-button { margin-top: 2vw; text-align: center; } @media only screen and (max-width: 750px) { .menu--content--block--restaurant__menu .center--column .tabs--menu .tab--content .content--tab--body .menu-cta-button { margin-top: 12vw; width: 100%; margin-left: -15vw; } } .menu--content--block--restaurant__menu .center--column .tabs--menu .tab--content .content--tab--body .menu-cta-button .copy--content--cta { display: inline-block; margin: auto; width: 11vw; height: 1.7vw; } @media only screen and (max-width: 1160px) { .menu--content--block--restaurant__menu .center--column .tabs--menu .tab--content .content--tab--body .menu-cta-button .copy--content--cta { width: 20vw; } } .menu--content--block--restaurant__menu .center--column .tabs--menu .tab--content .content--tab--body .cta-info-menu { text-align: center; margin-top: 2vw; } @media only screen and (max-width: 1160px) { .menu--content--block--restaurant__menu .center--column .tabs--menu .tab--content .content--tab--body .cta-info-menu { max-width: 50vw; margin: 0 auto; } } @media only screen and (max-width: 750px) { .menu--content--block--restaurant__menu .center--column .tabs--menu .tab--content .content--tab--body .cta-info-menu { max-width: 100%; } } .menu--content--block--restaurant__menu .center--column .tabs--menu .tab--content .content--tab--body .cta-info-menu p { text-align: center; font-family: "Playfair Display", sans-serif; color: #97501b; font-size: .85vw; font-style: italic; line-height: 1.6; } @media only screen and (max-width: 1160px) { .menu--content--block--restaurant__menu .center--column .tabs--menu .tab--content .content--tab--body .cta-info-menu p { font-size: 15px; line-height: 1.67; margin-top: 30px; } } .menu--content--block--restaurant__menu .right--column { order: 0; flex: 0 1 20vw; align-self: flex-end; } @media only screen and (max-width: 1160px) { .menu--content--block--restaurant__menu .right--column { position: absolute; bottom: -10vw; right: -8vw; } } .menu--content--block--restaurant__menu .right--column .icon--content { margin-left: auto; margin-bottom: 4.5vw; max-width: 14.7vw; } @media only screen and (max-width: 1160px) { .page-farmstand .menu--content--block--restaurant { padding-bottom: 0; } } @media only screen and (max-width: 1160px) { .page-farmstand .menu--content--block--restaurant__menu .left--column { top: 7vw; } } @media only screen and (max-width: 750px) { .page-farmstand .menu--content--block--restaurant__menu .left--column { top: -45vw; } } @media only screen and (max-width: 1160px) { .page-farmstand .menu--content--block--restaurant__menu .center--column .tabs--menu .tab--buttons .content--tab--header.active button { color: #97501b; border-bottom: 1px solid #97501b; font-size: 22px; } } @media only screen and (max-width: 750px) { .page-farmstand .menu--content--block--restaurant__menu .center--column .tabs--menu .tab--buttons .content--tab--header.active button { color: #97501b; border: none; } } @media only screen and (max-width: 1160px) { .page-farmstand .menu--content--block--restaurant__menu .right--column { bottom: 7vw; right: -5vw; } } @media only screen and (max-width: 1160px) { .page-farmstand .copy--block--image--icon__content.reverse .text--block { margin-top: 30px; } } @media only screen and (max-width: 750px) { .page-farmstand .copy--block--image--icon__content.reverse .text--block { margin-top: 20px; } } @media only screen and (max-width: 1160px) { .page-farmstand .copy--block--image--icon__content.reverse .box--content .title-content h2 { font-size: 36px; line-height: 1.56; letter-spacing: 1.87px; } } @media only screen and (max-width: 750px) { .page-farmstand .copy--block--image--icon__content.reverse .box--content .title-content h2 { font-size: 34px; line-height: 1.26; letter-spacing: 1.43px; } } .copy--block--image--icon { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; position: relative; width: 100vw; margin-top: 7vw; } @media only screen and (max-width: 750px) { .copy--block--image--icon { margin-top: 57px; margin-bottom: 43px; } } .copy--block--image--icon__content { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-content: flex-start; align-items: flex-start; gap: 5vw; } @media only screen and (max-width: 1160px) { .copy--block--image--icon__content { flex-direction: column-reverse; width: 100%; gap: 66px; } } @media only screen and (max-width: 750px) { .copy--block--image--icon__content { flex-direction: column; } } .copy--block--image--icon__content .box--content { order: 0; flex: 1 1 45vw; align-self: auto; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; } @media only screen and (max-width: 1160px) { .copy--block--image--icon__content .box--content { width: 100%; flex: auto; margin-top: 65px; } } @media only screen and (max-width: 750px) { .copy--block--image--icon__content .box--content { margin: 20px 0 10px 0; } } .copy--block--image--icon__content .box--content .subtitle-content h3 { font-family: "Source Sans Pro", sans-serif; font-size: .8vw; font-weight: 600; letter-spacing: .25vw; color: #97501b; text-transform: uppercase; opacity: 1; } @media only screen and (max-width: 1160px) { .copy--block--image--icon__content .box--content .subtitle-content h3 { font-size: 12px; line-height: 1.5; letter-spacing: 4.8px; } } @media only screen and (max-width: 750px) { .copy--block--image--icon__content .box--content .subtitle-content h3 { font-size: 13px; line-height: 1.38; letter-spacing: 6.24px; } } .copy--block--image--icon__content .box--content .title-content h2 { letter-spacing: 0.085vw; font-size: 2.8vw; line-height: 1.25; color: #5a5045; font-weight: 400; margin-top: 10px; opacity: 1; } @media only screen and (max-width: 1160px) { .copy--block--image--icon__content .box--content .title-content h2 { font-size: 36px; line-height: 1.56; letter-spacing: 1.87px; } } @media only screen and (max-width: 750px) { .copy--block--image--icon__content .box--content .title-content h2 { font-size: 29px; line-height: 1.24; letter-spacing: 1.22px; margin-top: 6px; } } .copy--block--image--icon__content .box--content .text--block { opacity: 1; } @media only screen and (max-width: 1160px) { .copy--block--image--icon__content .box--content .text--block { max-width: 67.2vw; margin-bottom: 30px; } } @media only screen and (max-width: 750px) { .copy--block--image--icon__content .box--content .text--block { max-width: 100%; } } .copy--block--image--icon__content .box--content .text--block p { line-height: 1.5; letter-spacing: 0.23px; font-family: "Source Sans Pro", sans-serif; font-size: .9vw; } @media only screen and (max-width: 1160px) { .copy--block--image--icon__content .box--content .text--block p { font-size: 16px; line-height: 1.56; letter-spacing: 0.05px; } } .copy--block--image--icon__content .box--content .text--block ul { list-style: none; padding: 0; } .copy--block--image--icon__content .box--content .text--block ul li { font-family: "Source Sans Pro", sans-serif; position: relative; padding-left: 27px; line-height: 1.25; margin-bottom: 1.5vw; font-size: .9vw; } @media only screen and (max-width: 1160px) { .copy--block--image--icon__content .box--content .text--block ul li { font-size: 16px; line-height: 1.25; letter-spacing: 0.05px; margin-bottom: 20px; } } @media only screen and (max-width: 750px) { .copy--block--image--icon__content .box--content .text--block ul li { margin-bottom: 18px; text-align: left; } } .copy--block--image--icon__content .box--content .text--block ul li::before { content: ''; background: transparent url("images/icons/list-icon.svg") no-repeat scroll center center; display: inline-block; width: 13px; height: 13px; position: absolute; left: 0; top: 3px; } .copy--block--image--icon__content .box--content .copy--content--cta { opacity: 1; margin-top: 3vw; } .copy--block--image--icon__content .image--content { order: 0; flex: 1 1 55vw; align-self: auto; } @media only screen and (max-width: 1160px) { .copy--block--image--icon__content .image--content { width: 100%; flex: auto; } } @media only screen and (max-width: 1160px) { .copy--block--image--icon__content .image--content .img--content { aspect-ratio: 1.5; width: 100%; } } @media only screen and (max-width: 750px) { .copy--block--image--icon__content .image--content .img--content { aspect-ratio: 1.32; } } .copy--block--image--icon__content.reverse { flex-direction: row-reverse; } @media only screen and (max-width: 1160px) { .copy--block--image--icon__content.reverse { flex-direction: column-reverse; gap: 0; } .copy--block--image--icon__content.reverse .title-content h2 { font-size: 46px; line-height: 1.22; letter-spacing: 2.39px; } .copy--block--image--icon__content.reverse .text--block { max-width: 100%; margin-top: 35px; } } @media only screen and (max-width: 750px) { .copy--block--image--icon__content.reverse .title-content h2 { font-size: 34px; line-height: 1.26; letter-spacing: 1.43px; } .copy--block--image--icon__content.reverse .text--block { margin-top: 18px; } } .copy--block--image--icon__content.icon--added { gap: 8vw; } @media only screen and (max-width: 1160px) { .copy--block--image--icon__content.icon--added { flex-direction: column; gap: 112px; } } @media only screen and (max-width: 750px) { .copy--block--image--icon__content.icon--added { flex-direction: column-reverse; gap: 20px; } } .copy--block--image--icon__content.icon--added .box--content { order: 0; flex: 1 1 50vw; align-self: auto; } @media only screen and (max-width: 1160px) { .copy--block--image--icon__content.icon--added .box--content { flex: auto; width: 100%; } } .copy--block--image--icon__content.icon--added .box--content .copy--content { width: calc(100% - 6vw); } @media only screen and (max-width: 1160px) { .copy--block--image--icon__content.icon--added .box--content .copy--content { width: calc(100% - 14vw); } } @media only screen and (max-width: 750px) { .copy--block--image--icon__content.icon--added .box--content .copy--content { width: 100%; } } @media only screen and (max-width: 1160px) { .copy--block--image--icon__content.icon--added .box--content .copy--content .title-content { max-width: 60vw; } } @media only screen and (max-width: 750px) { .copy--block--image--icon__content.icon--added .box--content .copy--content .title-content { max-width: 100%; } } @media only screen and (max-width: 1160px) { .copy--block--image--icon__content.icon--added .box--content .copy--content .title-content h2 br { display: none; } } @media only screen and (max-width: 750px) { .copy--block--image--icon__content.icon--added .box--content .copy--content .title-content h2 { font-size: 34px; line-height: 1.12; letter-spacing: 1.77px; margin-bottom: 38px; } } .copy--block--image--icon__content.icon--added .box--content .icon--content { max-width: 6vw; } @media only screen and (max-width: 1160px) { .copy--block--image--icon__content.icon--added .box--content .icon--content { margin-top: 5vw; } } .copy--block--image--icon__content.icon--added .image--content { order: 0; flex: 1 1 50vw; align-self: auto; } @media only screen and (max-width: 1160px) { .page-farmstand .copy--block--image--icon { margin-bottom: 40px; } .page-farmstand .copy--block--image--icon .copy--block--image--icon__content { flex-direction: column; } .page-farmstand .copy--block--image--icon .copy--block--image--icon__content.reverse { flex-direction: column-reverse; } .page-farmstand .copy--block--image--icon .copy--block--image--icon__content.reverse .subtitle-content { display: block; } .page-farmstand .copy--block--image--icon .subtitle-content { display: none; } } @media only screen and (max-width: 750px) { .page-farmstand .copy--block--image--icon .copy--block--image--icon__content { flex-direction: column-reverse; gap: 0; } } @media only screen and (max-width: 750px) { .page-farmstand .copy--block--image--icon .title-content { margin-bottom: 42px; } } @media only screen and (max-width: 750px) { .page-farmhouse-restaurant .copy--block--image--icon__content.icon--added .title-content h2 { text-align: left; } } @media only screen and (max-width: 750px) { .page-farmhouse-restaurant .copy--block--image--icon__content.icon--added--cta .cta-text { left: 65px; transform: none; } } .title--section + .copy--block--image--icon { margin-top: 8.2vw; } .double--image--column--block { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-content: flex-start; align-items: center; position: relative; width: 100vw; margin-top: 8vw; } @media only screen and (max-width: 750px) { .double--image--column--block { width: 100%; padding: 0 32px; margin-top: 12px; } } @media only screen and (max-width: 1160px) { .double--image--column--block .container { padding: 0; } } .double--image--column--block__img-content { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-content: flex-start; align-items: flex-start; width: 100vw; } @media only screen and (max-width: 750px) { .double--image--column--block__img-content { gap: 0; } } .double--image--column--block__img-content .left-img { order: 0; flex: 0 1 45vw; align-self: auto; } @media only screen and (max-width: 750px) { .double--image--column--block__img-content .left-img { flex: auto; width: 100%; } } .double--image--column--block__img-content .left-img .img--content { max-width: 521px; } @media only screen and (max-width: 1160px) { .double--image--column--block__img-content .left-img .img--content { max-width: 100%; aspect-ratio: 1.5; } } @media only screen and (max-width: 750px) { .double--image--column--block__img-content .left-img .img--content { aspect-ratio: 0.58; height: 269px; width: 100%; padding-right: 6px; } } .double--image--column--block__img-content .right-img { order: 0; flex: 0 1 55vw; align-self: auto; } @media only screen and (max-width: 750px) { .double--image--column--block__img-content .right-img { flex: auto; width: 100%; padding-left: 6px; } } .double--image--column--block__img-content .right-img .img--content { max-width: 370px; margin: auto; margin-top: 50px; } @media only screen and (max-width: 1160px) { .double--image--column--block__img-content .right-img .img--content { max-width: 273px; aspect-ratio: 1.49; margin-left: 63px; margin-right: 81px; } } @media only screen and (max-width: 750px) { .double--image--column--block__img-content .right-img .img--content { max-width: 100%; margin: 0; aspect-ratio: 0.58; height: 269px; width: 100%; } } .double--image--column--block__img-content .right-img .caption-img { max-width: 370px; margin: auto; margin-top: 2vw; } @media only screen and (max-width: 1160px) { .double--image--column--block__img-content .right-img .caption-img { max-width: 100%; margin-top: 4vw; margin-left: 63px; } } .double--image--column--block__img-content .right-img .caption-img .separator { display: block; background: #97501b; height: 1px; max-width: 57px; margin-bottom: 1.2vw; } @media only screen and (max-width: 1160px) { .double--image--column--block__img-content .right-img .caption-img .separator { margin-bottom: 21px; } } .double--image--column--block__img-content .right-img .caption-img p { font-family: "Playfair Display", sans-serif; font-style: italic; line-height: 1.56; letter-spacing: 0.13px; margin: 0; max-width: 17vw; } @media only screen and (max-width: 1160px) { .double--image--column--block__img-content .right-img .caption-img p { max-width: 34vw; } } .text--slider--block { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-content: flex-start; align-items: center; position: relative; width: 100vw; margin-top: 8vw; } .text--slider--block__box-content { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; width: 100vw; } .text--slider--block__box-content--images { display: flex; align-items: center; gap: 13px; margin-top: 63px; padding: 0 32px; } .text--slider--block__box-content--images > div { width: 100%; } .text--slider--block__box-content--images img { width: 100%; aspect-ratio: 0.58; } .text--slider--block__top--images { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; width: 100vw; } .text--slider--block__top--images .left--image--content { order: 0; flex: 0 1 50vw; align-self: auto; } .text--slider--block__top--images .left--image--content .img--content { margin-left: 17vw; max-width: 23.7vw; } @media only screen and (max-width: 1160px) { .text--slider--block__top--images .left--image--content .img--content { width: 100%; aspect-ratio: 1.52; max-width: 27.4vw; margin-left: 10vw; } } .text--slider--block__top--images .icon--top { order: 0; flex: 0 1 50vw; align-self: auto; } @media only screen and (max-width: 750px) { .text--slider--block__top--images .icon--top { width: 100%; flex: auto; text-align: -webkit-center; } } .text--slider--block__top--images .icon--top .icon--content { margin-left: 16vw; margin-top: 2.5vw; max-width: 5.9vw; } @media only screen and (max-width: 1160px) { .text--slider--block__top--images .icon--top .icon--content { margin-left: 21vw; margin-top: -3vw; max-width: 8.8vw; } } @media only screen and (max-width: 750px) { .text--slider--block__top--images .icon--top .icon--content { margin: 20px 0 41px; max-width: 18.4vw; } } .text--slider--block__slider--content { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-content: flex-start; align-items: flex-start; position: relative; width: 100vw; } @media only screen and (max-width: 1160px) { .text--slider--block__slider--content { flex-flow: column; align-items: center; } } .text--slider--block__slider--content .left--image--content { width: 100vw; max-width: 20vw; } .text--slider--block__slider--content .slider--text--box { width: 100vw; max-width: 60vw; margin-top: 3vw; } @media only screen and (max-width: 1160px) { .text--slider--block__slider--content .slider--text--box { max-width: 75vw; margin-top: 0; } } @media only screen and (max-width: 750px) { .text--slider--block__slider--content .slider--text--box { max-width: 85vw; } } .text--slider--block__slider--content .slider--text--box .slick-slide .item-grid { padding-bottom: 3vw; } @media only screen and (max-width: 750px) { .text--slider--block__slider--content .slider--text--box .slick-slide .item-grid { padding-bottom: 8vw; } } .text--slider--block__slider--content .slider--text--box .slick-slide .item-grid .title--slider { text-align: center; width: 100%; } .text--slider--block__slider--content .slider--text--box .slick-slide .item-grid .title--slider h2 { color: #97501b; font-family: "Hanley Rough Signature", sans-serif; font-size: 2.6vw; font-weight: 400; } @media only screen and (max-width: 1160px) { .text--slider--block__slider--content .slider--text--box .slick-slide .item-grid .title--slider h2 { font-size: 38px; letter-spacing: 0.42px; } } @media only screen and (max-width: 750px) { .text--slider--block__slider--content .slider--text--box .slick-slide .item-grid .title--slider h2 { font-size: 26px; letter-spacing: 0.29px; } } .text--slider--block__slider--content .slider--text--box .slick-slide .item-grid .copy--slider { text-align: center; width: 100%; } .text--slider--block__slider--content .slider--text--box .slick-slide .item-grid .copy--slider h3 { font-family: "Ivy Mode", sans-serif; letter-spacing: 1.06px; font-size: 3.15vw; line-height: 4.7vw; color: #5a5045; margin: auto; font-weight: 400; } @media only screen and (max-width: 1160px) { .text--slider--block__slider--content .slider--text--box .slick-slide .item-grid .copy--slider h3 { font-size: 33px; line-height: 1.64; letter-spacing: 0.66px; } } @media only screen and (max-width: 750px) { .text--slider--block__slider--content .slider--text--box .slick-slide .item-grid .copy--slider h3 { font-size: 23px; line-height: 1.74; letter-spacing: 0.62px; } } .text--slider--block__slider--content .slider--text--box .slick-slide .item-grid .customer--slider { width: 100%; margin-top: 2vw; color: #97501b; font-family: "Hanley Rough Signature", sans-serif; font-size: 2.6vw; font-weight: 400; display: block; text-align: center; } @media only screen and (max-width: 1160px) { .text--slider--block__slider--content .slider--text--box .slick-slide .item-grid .customer--slider { font-size: 38px; letter-spacing: 0.42px; } } @media only screen and (max-width: 750px) { .text--slider--block__slider--content .slider--text--box .slick-slide .item-grid .customer--slider { letter-spacing: 0.29px; font-size: 26px; } } .text--slider--block__slider--content .slider--text--box .slick-dots { position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; text-align: center; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-content: center; align-items: center; gap: 12px; } .text--slider--block__slider--content .slider--text--box .slick-dots li { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-content: center; align-items: center; margin: 0; } .text--slider--block__slider--content .slider--text--box .slick-dots li button { width: 7px; height: 7px; background: #97501b; overflow: hidden; text-indent: -9999em; border-radius: 50%; } .text--slider--block__slider--content .slider--text--box .slick-dots li.slick-active button { width: 12px; height: 12px; } .text--slider--block__slider--content .slider--text--box.oneitem .slick-dots { display: none !important; } .text--slider--block__slider--content .right--image--content { width: 100vw; max-width: 20vw; } @media only screen and (max-width: 1160px) { .text--slider--block__slider--content .right--image--content { position: absolute; top: 39vw; right: -2vw; } } .text--slider--block__slider--content .right--image--content .img--content { margin-top: -3vw; max-width: 12.8vw; margin-left: auto; margin-right: 5vw; } @media only screen and (max-width: 1160px) { .text--slider--block__slider--content .right--image--content .img--content { margin-top: 0; max-width: 16.4vw; aspect-ratio: 0.67; } } .text--slider--block__bottom--images { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-content: flex-start; align-items: flex-start; position: relative; width: 100vw; margin-top: 2.5vw; } @media only screen and (max-width: 1160px) { .text--slider--block__bottom--images { margin-top: 20vw; } } @media only screen and (max-width: 750px) { .text--slider--block__bottom--images { margin-top: 15vw; width: 100%; padding: 0 32px; } } .text--slider--block__bottom--images .left--image--content { width: 40vw; } @media only screen and (max-width: 1160px) { .text--slider--block__bottom--images .left--image--content { width: 44vw; max-width: 100%; } } @media only screen and (max-width: 750px) { .text--slider--block__bottom--images .left--image--content { width: 100%; } } .text--slider--block__bottom--images .left--image--content .img--content { margin-top: -9vw; max-width: 33.8vw; } @media only screen and (max-width: 1160px) { .text--slider--block__bottom--images .left--image--content .img--content { max-width: 45vw; aspect-ratio: 1.5; } } @media only screen and (max-width: 750px) { .text--slider--block__bottom--images .left--image--content .img--content { max-width: 100%; aspect-ratio: 1.32; } } .text--slider--block__bottom--images .right--image--content { width: 60vw; align-self: center; } .text--slider--block__bottom--images .right--image--content .img--content { margin: auto; max-width: 16.9vw; } @media only screen and (max-width: 1160px) { .text--slider--block__bottom--images .right--image--content .img--content { aspect-ratio: 1.5; max-width: 20.9vw; margin-top: 10vw; } } .text--slider--block__bottom--images.oneitem .left--image--content .img--content { margin-top: 0; } @media only screen and (max-width: 1160px) { .page-farmstand .text--slider--block .text--slider--block__box-content .text--slider--block__top--images { align-items: center; } .page-farmstand .text--slider--block .text--slider--block__box-content .text--slider--block__top--images .icon--top .icon--content { margin-top: 0; } .page-farmstand .text--slider--block .text--slider--block__box-content .text--slider--block__top--images .left--image--content .img--content { max-width: 34.9vw; } .page-farmstand .text--slider--block .text--slider--block__box-content .text--slider--block__slider--content { padding-top: 63px; } } @media only screen and (max-width: 1160px) and (max-width: 750px) { .page-farmstand .text--slider--block .text--slider--block__box-content .text--slider--block__slider--content { padding-top: 43px; } } @media only screen and (max-width: 1160px) { .page-farmstand .text--slider--block .text--slider--block__box-content .text--slider--block__slider--content .right--image--content { top: 10vw; } .page-farmstand .text--slider--block .text--slider--block__bottom--images { margin-top: 7vw; } .page-farmstand .text--slider--block .text--slider--block__bottom--images .right--image--content .img--content { margin-top: 0; } } .bio--grid--content { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; position: relative; width: 100vw; margin-top: 7vw; } .bio--grid--content__boxes { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-content: center; align-items: center; width: 100vw; max-width: 63vw; margin: auto; margin-top: 4.7vw; } @media only screen and (max-width: 1160px) { .bio--grid--content__boxes { max-width: 100%; gap: 45px; } } @media only screen and (max-width: 750px) { .bio--grid--content__boxes { flex-direction: column; gap: 25px; } } .bio--grid--content__boxes .bio--image { width: 100vw; max-width: 50vw; } @media only screen and (max-width: 1160px) { .bio--grid--content__boxes .bio--image { max-width: 100%; width: 100%; } } .bio--grid--content__boxes .bio--image .img--content { width: 100vw; max-width: 31.5vw; } @media only screen and (max-width: 1160px) { .bio--grid--content__boxes .bio--image .img--content { aspect-ratio: 1.5; max-width: 37.7vw; } } @media only screen and (max-width: 750px) { .bio--grid--content__boxes .bio--image .img--content { max-width: 100%; } } .bio--grid--content__boxes .bio--content { width: 100vw; max-width: 50vw; padding-left: 3.8vw; } @media only screen and (max-width: 1160px) { .bio--grid--content__boxes .bio--content { max-width: 100%; padding-left: 0; margin-bottom: 20px; } } .bio--grid--content__boxes .bio--content__subtitle h3 { font-family: "Source Sans Pro", sans-serif; font-size: .8vw; font-weight: 600; letter-spacing: .25vw; color: #97501b; text-transform: uppercase; opacity: 1; } @media only screen and (max-width: 1160px) { .bio--grid--content__boxes .bio--content__subtitle h3 { font-size: 12px; line-height: 1.58; letter-spacing: 4.8px; } } @media only screen and (max-width: 750px) { .bio--grid--content__boxes .bio--content__subtitle h3 { font-size: 14px; line-height: 1.36; letter-spacing: 6.72px; } } .bio--grid--content__boxes .bio--content__title h2 { letter-spacing: 0.085vw; font-size: 2.3vw; line-height: 1.25; color: #5a5045; font-weight: 400; margin-top: 10px; opacity: 1; } @media only screen and (max-width: 1160px) { .bio--grid--content__boxes .bio--content__title h2 { font-size: 32px; line-height: 1.5; letter-spacing: 1.34px; } } .bio--grid--content__boxes .bio--content__link { margin-top: 2vw; } @media only screen and (max-width: 1160px) { .bio--grid--content__boxes .bio--content__link { margin-top: 6vw; } } .bio--grid--content__boxes .bio--content__link button .cta-text { color: #97501b; } .bio--grid--content__boxes .bio--description { position: fixed; right: 0; top: 0; bottom: 0; background: #97501b; z-index: 1; width: 100vw; max-width: 33.9vw; padding-left: 3vw; padding-top: 6vw; padding-right: 1.5vw; padding-bottom: 5.5vw; z-index: 15; } @media only screen and (max-width: 1160px) { .bio--grid--content__boxes .bio--description { top: 4.6vw; max-width: 49.7vw; height: 879px; padding-left: 51px; padding-top: 90px; } } @media only screen and (max-width: 750px) { .bio--grid--content__boxes .bio--description { max-width: 100%; padding-right: 39px; padding-top: 100px; height: 100%; top: 0; } } .bio--grid--content__boxes .bio--description .close-box { position: absolute; right: 1.5vw; top: 1.5vw; } @media only screen and (max-width: 1160px) { .bio--grid--content__boxes .bio--description .close-box { right: 26px; top: 24px; } } @media only screen and (max-width: 750px) { .bio--grid--content__boxes .bio--description .close-box .close-modal-bio .close-icon { width: 46px; height: 46px; margin-top: 10px; } } .bio--grid--content__boxes .bio--description__box { overflow-y: auto; max-height: 100%; padding-right: 2.4vw; } @media only screen and (max-width: 1160px) { .bio--grid--content__boxes .bio--description__box { padding-right: 0; } } @media only screen and (max-width: 750px) { .bio--grid--content__boxes .bio--description__box { padding-top: 0; } } .bio--grid--content__boxes .bio--description__box::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.3); border-radius: 10px; background-color: grba(255, 255, 255, 0.3); } .bio--grid--content__boxes .bio--description__box::-webkit-scrollbar { width: 2px; background-color: grba(255, 255, 255, 0.3); height: 50px; } .bio--grid--content__boxes .bio--description__box::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.3); background-color: #ffffff; } .bio--grid--content__boxes .bio--description__subtitle h3 { font-size: 13px; text-transform: uppercase; color: #ffffff; letter-spacing: 1.8px; font-family: "Source Sans Pro", sans-serif; font-weight: 600; opacity: 1; } @media only screen and (max-width: 1160px) { .bio--grid--content__boxes .bio--description__subtitle h3 { letter-spacing: 6.24px; } } @media only screen and (max-width: 750px) { .bio--grid--content__boxes .bio--description__subtitle h3 { font-size: 9px; letter-spacing: 4.32px; } } .bio--grid--content__boxes .bio--description__title h2 { color: #ffffff; font-size: 1.6vw; margin-top: 5px; margin-bottom: 15px; margin-top: 15px; line-height: 1; opacity: 1; font-weight: 400; } @media only screen and (max-width: 1160px) { .bio--grid--content__boxes .bio--description__title h2 { font-size: 34px; line-height: 1.26; letter-spacing: 1.43px; margin: 6px 0; } } @media only screen and (max-width: 750px) { .bio--grid--content__boxes .bio--description__title h2 { font-size: 29px; line-height: 1.24; letter-spacing: 1.22px; } } @media only screen and (max-width: 1160px) { .bio--grid--content__boxes .bio--description__copy { padding-right: 84px; } } @media only screen and (max-width: 750px) { .bio--grid--content__boxes .bio--description__copy { padding-right: 20px; } } .bio--grid--content__boxes .bio--description__copy p { color: #ffffff; line-height: 1.5; font-family: "Source Sans Pro", sans-serif; } @media only screen and (max-width: 1160px) { .bio--grid--content__boxes .bio--description__copy p { line-height: 1.56; letter-spacing: 0.05px; } } .bio--grid--content__boxes:nth-child(2n) { flex-direction: row-reverse; } @media only screen and (max-width: 750px) { .bio--grid--content__boxes:nth-child(2n) { flex-direction: column; } } .bio--grid--content__boxes:nth-child(2n) .bio--content { padding-right: 3.8vw; } @media only screen and (max-width: 1160px) { .bio--grid--content__boxes:nth-child(2n) .bio--content { padding: 0; margin-bottom: 20px; } } .page-template-template-press .copy--content--block__subtitle-content h2 { font-weight: 400; } @media only screen and (max-width: 1160px) { .page-template-template-press .copy--content--block__subtitle-content h2 { font-size: 26px; line-height: 1.65; letter-spacing: 0.52px; margin-bottom: 22px; } } .slider--image--content { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: center; position: relative; width: 100%; margin-top: 2vw; } @media only screen and (max-width: 1160px) { .slider--image--content { margin-top: 40px; } } @media only screen and (max-width: 750px) { .slider--image--content { margin-top: 22px; } } .slider--image--content .slider-magazine-items { width: 100%; position: relative; overflow: hidden; } .slider--image--content .slider-magazine-items .item-grid { position: relative; } .slider--image--content .slider-magazine-items .slick-list { margin: 0 -60px; } .slider--image--content .slider-magazine-items .slick-slide { padding: 0 12px; } .slider--image--content .slider-magazine-items .image--magazine .rooms-thumb-img { object-fit: cover; aspect-ratio: 0.75; width: 100%; padding: 2vw; border: 1px solid #97501b; } @media only screen and (max-width: 750px) { .slider--image--content .slider-magazine-items .image--magazine .rooms-thumb-img { padding: 6vw 2vw; } } .slider--image--content .slider-arrows { display: flex; flex-direction: column-reverse; flex-wrap: nowrap; justify-content: flex-start; align-content: stretch; align-items: center; position: absolute; right: -53px; top: 50%; transform: translateY(-50%); } @media only screen and (max-width: 1160px) { .slider--image--content .slider-arrows { right: -6vw; } } @media only screen and (max-width: 750px) { .slider--image--content .slider-arrows { right: -50px; } } .slider--image--content .slider-arrows .carousel-arrow { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-content: center; align-items: center; background-color: #97501b; height: 40px; width: 53px; cursor: pointer; } .slider--image--content .slider-arrows .carousel-arrow.lft-color-offset { background-color: #AF6127; } .slider--image--content .slider-arrows .carousel-arrow.lft-color-offset svg { transform: rotate(180deg); } .press--accolades--content { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: center; position: relative; width: 100vw; margin-top: 7vw; } @media only screen and (max-width: 750px) { .press--accolades--content { margin-top: 75px; } } .press--accolades--content .press--accolades--columns { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; width: 100%; gap: 2.3vw; } @media only screen and (max-width: 1160px) { .press--accolades--content .press--accolades--columns { flex-direction: column; gap: 0; } } .press--accolades--content .press--accolades--columns .press--accolades--column { width: 100vw; max-width: 50vw; } @media only screen and (max-width: 1160px) { .press--accolades--content .press--accolades--columns .press--accolades--column { max-width: 100%; margin-bottom: 92px; } } @media only screen and (max-width: 750px) { .press--accolades--content .press--accolades--columns .press--accolades--column { margin-bottom: 50px; } } .press--accolades--content .press--accolades--columns .press--accolades--column__title-content { width: 100%; } .press--accolades--content .press--accolades--columns .press--accolades--column__title-content .h2 { font-weight: 400; font-size: 2.4vw; line-height: 1.57; letter-spacing: 0.14vw; margin-bottom: 1.2vw; border-bottom: 2px solid #CDC1B0; } @media only screen and (max-width: 1160px) { .press--accolades--content .press--accolades--columns .press--accolades--column__title-content .h2 { font-size: 36px; line-height: 2; letter-spacing: 1.87px; padding-bottom: 20px; } } @media only screen and (max-width: 750px) { .press--accolades--content .press--accolades--columns .press--accolades--column__title-content .h2 { padding-bottom: 36px; font-size: 46px; line-height: 1.57; letter-spacing: 2.39px; } } .press--accolades--content .press--accolades--columns .press--accolades--column__items .items--actions { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: center; width: 100%; padding-top: 1.2vw; padding-bottom: 1.2vw; border-bottom: 2px solid #CDC1B0; } @media only screen and (max-width: 1160px) { .press--accolades--content .press--accolades--columns .press--accolades--column__items .items--actions { padding: 27px 0 20px; } } @media only screen and (max-width: 750px) { .press--accolades--content .press--accolades--columns .press--accolades--column__items .items--actions { padding: 20px 20px 20px 0; } } .press--accolades--content .press--accolades--columns .press--accolades--column__items .items--actions .items--descriptions { color: #5a5045; width: calc(100% - 25px); } .press--accolades--content .press--accolades--columns .press--accolades--column__items .items--actions .items--descriptions h3 { font-family: "Source Sans Pro", sans-serif; font-size: 1.2vw; font-weight: 600; } @media only screen and (max-width: 1160px) { .press--accolades--content .press--accolades--columns .press--accolades--column__items .items--actions .items--descriptions h3 { font-size: 20px; line-height: 1.15; letter-spacing: 0.06px; } } .press--accolades--content .press--accolades--columns .press--accolades--column__items .items--actions .items--descriptions span { display: block; font-family: "Source Sans Pro", sans-serif; font-size: 13px; } @media only screen and (max-width: 1160px) { .press--accolades--content .press--accolades--columns .press--accolades--column__items .items--actions .items--descriptions span { letter-spacing: 0.04px; } } .press--accolades--content .press--accolades--columns .press--accolades--column__items .items--actions .items--descriptions:hover { color: #97501b; } .details--content--overview--block { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; position: relative; width: 100vw; margin-top: 5vw; } @media only screen and (max-width: 1160px) { .details--content--overview--block { flex-direction: column; width: 100%; margin-top: 0; } } .details--content--overview--block__left--content { order: 0; flex: 0 1 47vw; align-self: auto; } .details--content--overview--block__left--content.itinerary { flex: 0 1 35%; } @media only screen and (max-width: 1160px) { .details--content--overview--block__left--content.itinerary { flex: auto; width: 100%; } } .details--content--overview--block__left--content .subtitle-content { max-width: 21.5vw; } @media only screen and (max-width: 1160px) { .details--content--overview--block__left--content .subtitle-content { max-width: 100%; } } .details--content--overview--block__left--content .subtitle-content h3 { font-family: "Source Sans Pro", sans-serif; font-size: .8vw; font-weight: 600; letter-spacing: .25vw; color: #97501b; text-transform: uppercase; } @media only screen and (max-width: 1160px) { .details--content--overview--block__left--content .subtitle-content h3 { font-size: 13px; line-height: 1.38; letter-spacing: 6.24px; } } .details--content--overview--block__left--content .title-content { max-width: 26.5vw; } @media only screen and (max-width: 1160px) { .details--content--overview--block__left--content .title-content { max-width: 100%; } } .details--content--overview--block__left--content .title-content h2 { letter-spacing: 0.085vw; font-size: 1.7vw; line-height: 1.7; color: #5a5045; font-weight: 400; } @media only screen and (max-width: 1160px) { .details--content--overview--block__left--content .title-content h2 { font-size: 29px; line-height: 1.66; letter-spacing: 0.58px; } .details--content--overview--block__left--content .title-content h2 br { display: none; } } @media only screen and (max-width: 750px) { .details--content--overview--block__left--content .title-content h2 { font-size: 18px; line-height: 1.56; letter-spacing: 0.36px; margin-top: 5px; } } .details--content--overview--block__right--content { order: 0; flex: 0 1 53vw; align-self: auto; } .details--content--overview--block__right--content.itinerary { flex: 0 1 65%; } @media only screen and (max-width: 1160px) { .details--content--overview--block__right--content.itinerary { flex: auto; width: 100%; margin-top: 38px; } } @media only screen and (max-width: 750px) { .details--content--overview--block__right--content.itinerary { margin-top: 40px; } } @media only screen and (max-width: 1160px) { .details--content--overview--block__right--content .copy--content { margin-top: 40px; } .details--content--overview--block__right--content .copy--content:nth-child(1) { margin-top: 0; } } @media only screen and (max-width: 750px) { .details--content--overview--block__right--content .copy--content .subtitle-content h3 { font-size: 13px; letter-spacing: 6.24px; } } .details--content--overview--block__right--content .copy-content { margin-bottom: 2vw; } @media only screen and (max-width: 1160px) { .details--content--overview--block__right--content .copy-content { margin-bottom: 0; } } .details--content--overview--block__right--content .copy-content .copy--content--text { margin: 0; margin-top: 5px; } .details--content--overview--block__right--content .copy-content .copy--content--text p { line-height: 1.5; letter-spacing: 0.23px; font-family: "Source Sans Pro", sans-serif; font-size: .9vw; } @media only screen and (max-width: 1160px) { .details--content--overview--block__right--content .copy-content .copy--content--text p { font-size: 14px; line-height: 1.29; letter-spacing: 0.04px; } } @media only screen and (max-width: 750px) { .details--content--overview--block__right--content .copy-content .copy--content--text p { font-size: 16px; line-height: 1.13; letter-spacing: 0.05px; } } @media only screen and (max-width: 1160px) { .details--content--overview--block__right--content .copy-content .subtitle-content h3 { font-size: 14px; letter-spacing: 6.72px; } } .itinerary--details--content { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; position: relative; width: 100vw; margin-top: 5vw; } @media only screen and (max-width: 1160px) { .itinerary--details--content { margin-top: 50px; } } @media only screen and (max-width: 750px) { .itinerary--details--content { margin-top: 30px; } } .itinerary--details--content .title--block--lined__title-content { margin-bottom: 10px; } @media only screen and (max-width: 1160px) { .itinerary--details--content .title--block--lined__title-content { margin-top: 0; } } @media only screen and (max-width: 750px) { .itinerary--details--content .title--block--lined__title-content { gap: 0; } } .itinerary--details--content .title--block--lined__title-content h3 { color: #97501b; } @media only screen and (max-width: 750px) { .itinerary--details--content .title--block--lined__title-content h3 { margin: 0 20px; } } .itinerary--details--content .title--block--lined__title-content .line-title { max-width: 30vw; } .itinerary--details--content .itinerary-grid { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; gap: 2.4vw; margin-top: 4vw; } @media only screen and (max-width: 1160px) { .itinerary--details--content .itinerary-grid { flex-direction: column; width: 100%; margin-top: 0; margin: 25px 0; } .itinerary--details--content .itinerary-grid:nth-last-child(1) { margin: 25px 0 0; } } @media only screen and (max-width: 750px) { .itinerary--details--content .itinerary-grid { margin: 35px 0; } } @media only screen and (max-width: 1160px) { .itinerary--details--content .itinerary-grid .info-block { margin-top: 30px; } } @media only screen and (max-width: 750px) { .itinerary--details--content .itinerary-grid .info-block { margin-top: 20px; } } .itinerary--details--content .itinerary-grid .img-block { width: 100vw; max-width: 30vw; } @media only screen and (max-width: 1160px) { .itinerary--details--content .itinerary-grid .img-block { max-width: 100%; } } .itinerary--details--content .itinerary-grid .img-block .img--content { max-width: 30vw; } @media only screen and (max-width: 1160px) { .itinerary--details--content .itinerary-grid .img-block .img--content { max-width: 100%; } } .itinerary--details--content .itinerary-grid .img-block .img--content img { aspect-ratio: 1.49; object-fit: cover; } @media only screen and (max-width: 1160px) { .itinerary--details--content .itinerary-grid .img-block .img--content img { aspect-ratio: 3.45; } } @media only screen and (max-width: 750px) { .itinerary--details--content .itinerary-grid .img-block .img--content img { aspect-ratio: 1.50; } } .itinerary--details--content .itinerary-grid .info-block .subtitle-content h3 { font-family: "Source Sans Pro", sans-serif; font-size: .8vw; font-weight: 600; letter-spacing: .145vw; color: #97501b; text-transform: uppercase; line-height: 2; } @media only screen and (max-width: 1160px) { .itinerary--details--content .itinerary-grid .info-block .subtitle-content h3 { font-size: 14px; line-height: 1.86; letter-spacing: 2.8px; } } @media only screen and (max-width: 750px) { .itinerary--details--content .itinerary-grid .info-block .subtitle-content h3 { font-size: 13px; line-height: 1.38; letter-spacing: 1.3px; } } .itinerary--details--content .itinerary-grid .info-block .title-content { margin-top: 10px; } .itinerary--details--content .itinerary-grid .info-block .title-content h2 { letter-spacing: 0.085vw; font-size: 2vw; line-height: 1.3; color: #5a5045; font-weight: 400; text-transform: capitalize; } @media only screen and (max-width: 1160px) { .itinerary--details--content .itinerary-grid .info-block .title-content h2 { font-size: 26px; line-height: 1.38; letter-spacing: 1.09px; } } .itinerary--details--content .itinerary-grid .info-block .title-content h2 a { color: #5a5045; text-transform: capitalize; } .itinerary--details--content .itinerary-grid .info-block .copy--content--text { margin-top: 10px; } .itinerary--details--content .itinerary-grid .info-block .copy--content--text p { font-family: "Playfair Display", sans-serif; color: #97501b; font-size: .85vw; font-style: italic; line-height: 1.6; } .itinerary--details--content .itinerary-grid .info-block .text--link { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: center; gap: 10px; width: 100%; margin-top: 10px; } .itinerary--details--content .itinerary-grid .info-block .text--link a { font-family: "Source Sans Pro", sans-serif; text-decoration: underline; } .page-template-template-history .hero--content--block__image--content { max-width: 815px; height: auto; aspect-ratio: 1.9; } .page-template-template-history .hero--content--block__action-hero { display: none; } .history--copy--intro { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; position: relative; width: 100vw; margin-top: 2vw; } .history--copy--intro .history--content--block { width: 100%; } .history--copy--intro .history--content--block .title-content { max-width: 1110px; margin: auto; text-align: center; } .history--copy--intro .history--content--block .title-content h2 { color: #cebfb1; font-size: 6vw; line-height: 1.15; } @media only screen and (max-width: 750px) { .history--copy--intro .history--content--block .title-content h2 { font-size: 43px; line-height: 1.23; letter-spacing: 2.15px; padding: 0 25px; } } .details--history--block { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; position: relative; width: 100vw; margin-top: 1vw; } @media only screen and (max-width: 1160px) { .details--history--block { width: 100%; } } .details--history--block__center--content { order: 0; flex: 0 1 100vw; align-self: auto; text-align: center; } .details--history--block__center--content .subtitle-content h3 { font-family: "Source Sans Pro", sans-serif; font-size: .8vw; font-weight: 600; letter-spacing: .25vw; color: #97501b; text-transform: uppercase; } @media only screen and (max-width: 750px) { .details--history--block__center--content .subtitle-content h3 { font-size: 13px; line-height: 1.38; letter-spacing: 6.11px; } } .details--history--block__center--content .title-content h2 { letter-spacing: 0.085vw; font-size: 3.8vw; line-height: 1.15; color: #5a5045; font-weight: 400; } .details--history--block__center--content .text--block { max-width: 34vw; margin: auto; margin-top: 2vw; } @media only screen and (max-width: 750px) { .details--history--block__center--content .text--block { max-width: 100%; } } @media only screen and (max-width: 750px) { .details--history--block__center--content .text--block p { font-size: 16px; line-height: 1.56; letter-spacing: 0.05px; } } .details--history--block__center--content .copy--content--cta { margin-top: 2.2vw; } .timeline--content { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; position: relative; width: 100vw; margin-top: 2vw; } .timeline--content .timeline--content--block { width: 100%; max-width: 1400px; margin: auto; display: block; } @media only screen and (max-width: 1160px) { .timeline--content .timeline--content--block { display: none; } } .timeline--content .timeline--content--block svg { display: block; margin-top: -1px; width: 100%; height: auto; } .timeline--content .timeline--content--block .timeline-path .text--content--timeline--center { text-align: center; height: 100%; } .timeline--content .timeline--content--block .timeline-path .text--content--timeline--center p { font-family: "Source Sans Pro", sans-serif; font-size: 16px; } @media only screen and (max-width: 1160px) { .timeline--content .timeline--content--block .timeline-path .text--content--timeline--center p { font-size: 18px; } } .timeline--content .timeline--content--block .timeline-path .text--content--timeline { height: 100%; } .timeline--content .timeline--content--block .timeline-path .text--content--timeline p { font-family: "Source Sans Pro", sans-serif; font-size: 16px; margin-bottom: 20px; } @media only screen and (max-width: 1160px) { .timeline--content .timeline--content--block .timeline-path .text--content--timeline p { font-size: 18px; } } .timeline--content .timeline--content--block .timeline-path .text--content--timeline--cente--hanley { height: 100%; text-align: center; } .timeline--content .timeline--content--block .timeline-path .text--content--timeline--cente--hanley p { font-size: 44px; font-family: "Hanley Rough Signature", sans-serif; color: #97501b; letter-spacing: 0.48px; line-height: 54px; } .timeline--content .timeline--content--block .timeline-path .text--content--timeline--center--playfair { height: 100%; text-align: center; } .timeline--content .timeline--content--block .timeline-path .text--content--timeline--center--playfair p { font-family: "Playfair Display", sans-serif; color: #97501b; font-size: 15px; font-style: italic; line-height: 1.6; letter-spacing: 1.23px; } .timeline--content .timeline--content--block .timeline-path .title-svg { font-size: 44px; font-family: "Hanley Rough Signature", sans-serif; color: #97501b; letter-spacing: 0.48px; line-height: 54px; } .timeline--content .timeline--content--block--mobile { width: 100%; max-width: 362px; margin: auto; display: none; margin-bottom: 20px; } @media only screen and (max-width: 1160px) { .timeline--content .timeline--content--block--mobile { display: block; } } .timeline--content .timeline--content--block--mobile svg { display: block; margin-top: -1px; width: 100%; height: auto; } .timeline--content .timeline--content--block--mobile .timeline-path .text--content--timeline--center { text-align: center; height: 100%; } .timeline--content .timeline--content--block--mobile .timeline-path .text--content--timeline--center p { font-family: "Source Sans Pro", sans-serif; font-size: 16px; margin-bottom: 20px; } .timeline--content .timeline--content--block--mobile .timeline-path .text--content--timeline { height: 100%; } .timeline--content .timeline--content--block--mobile .timeline-path .text--content--timeline p { font-family: "Source Sans Pro", sans-serif; font-size: 16px; margin-bottom: 20px; } .timeline--content .timeline--content--block--mobile .timeline-path .text--content--timeline--cente--hanley { height: 100%; text-align: center; } .timeline--content .timeline--content--block--mobile .timeline-path .text--content--timeline--cente--hanley p { font-size: 44px; font-family: "Hanley Rough Signature", sans-serif; color: #97501b; letter-spacing: 0.48px; line-height: 54px; } .timeline--content .timeline--content--block--mobile .timeline-path .text--content--timeline--center--playfair { height: 100%; text-align: center; } .timeline--content .timeline--content--block--mobile .timeline-path .text--content--timeline--center--playfair p { font-family: "Playfair Display", sans-serif; color: #97501b; font-size: 15px; font-style: italic; line-height: 1.6; letter-spacing: 1.23px; } .timeline--content .timeline--content--block--mobile .timeline-path .title-year-svg { height: 100%; text-align: center; } .timeline--content .timeline--content--block--mobile .timeline-path .title-year-svg p { color: #5a5045; font-size: 40px; font-family: "Ivy Mode", sans-serif; font-weight: 400; letter-spacing: 0.042em; text-transform: uppercase; } .timeline--content .timeline--content--block--mobile .timeline-path .subtitle-svg { height: 100%; text-align: center; } .timeline--content .timeline--content--block--mobile .timeline-path .subtitle-svg p { color: #97501b; font-size: 13px; font-family: "Source Sans Pro", sans-serif; font-weight: 600; letter-spacing: 0.47em; text-transform: uppercase; } .timeline--content .timeline--content--block--mobile .timeline-path .title-svg { height: 100%; text-align: center; } .timeline--content .timeline--content--block--mobile .timeline-path .title-svg p { font-size: 30px; font-family: "Hanley Rough Signature", sans-serif; color: #97501b; letter-spacing: 0.33px; line-height: 40px; padding: 0 5px; } .popup-modal { z-index: 9; background-color: white; position: fixed; bottom: 0; left: 0; width: 400px; height: 318px; display: none; align-items: center; } @media only screen and (max-width: 750px) { .popup-modal { width: 100%; } } .popup-modal .content-wrapper { padding: 48px; margin: 0 auto; text-align: center; } .popup-modal .content-wrapper .close-popup { position: absolute; right: 0; top: 0; } .popup-modal .content-wrapper .close-popup span { display: block; width: 60px; height: 60px; position: relative; } .popup-modal .content-wrapper .close-popup span:before { content: ""; position: absolute; height: 2px; width: 24px; background-color: #97501b; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(-45deg); transition: ease-out 0.5s all; } .popup-modal .content-wrapper .close-popup span:after { content: ""; position: absolute; height: 2px; width: 24px; background-color: #97501b; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(45deg); transition: ease-out 0.5s all; } .popup-modal .content-wrapper .close-popup span:hover:before, .popup-modal .content-wrapper .close-popup span:focus:before { transform: translate(-50%, -50%) rotate(135deg); } .popup-modal .content-wrapper .close-popup span:hover:after, .popup-modal .content-wrapper .close-popup span:focus:after { transform: translate(-50%, -50%) rotate(225deg); } .popup-modal .content-wrapper .title { font-family: "Ivy Mode"; font-weight: 400; font-size: 28px; line-height: 35px; color: #97501b; padding-bottom: 10px; } .popup-modal .content-wrapper p { font-family: "Source Sans Pro"; font-weight: 400; font-size: 14px; line-height: 18px; letter-spacing: 0.1px; padding-bottom: 20px; } .popup-modal .content-wrapper .popup--button { margin: 0 auto; width: 169px; height: 50px; display: flex; justify-content: center; align-items: center; cursor: pointer; position: relative; } .popup-modal .content-wrapper .popup--button .popup-line { position: absolute; background-color: #97501b; } .popup-modal .content-wrapper .popup--button .popup-line-a { top: 0px; left: 0px; width: 1px; height: 28%; } .popup-modal .content-wrapper .popup--button .popup-line-b { top: 0px; width: 100%; height: 1px; } .popup-modal .content-wrapper .popup--button .popup-line-c { width: 1px; height: 100%; right: -1px; } .popup-modal .content-wrapper .popup--button .popup-line-d { width: 100%; height: 1px; bottom: 0; } .popup-modal .content-wrapper .popup--button .popup-line-e { width: 1px; height: 28%; bottom: 0px; left: 0px; } .popup-modal .content-wrapper .popup--button .popup-txt { position: absolute; color: #4a4138; font-size: 14px; letter-spacing: 0.2vw; text-transform: uppercase; font-family: "Source Sans Pro", sans-serif; position: relative; float: left; font-weight: 600; } .popup-modal .content-wrapper .popup--button svg { position: absolute; width: 35px; height: 8px; left: 0px; margin-left: -20px; } .popup-modal .content-wrapper .popup--button svg path { fill: #4a4138; } .newsletter-module { background: #E5D8CE; padding: 7.986vw 0 7.778vw 0; position: relative; } @media only screen and (max-width: 768px) { .newsletter-module { padding: 54px 24px 64px; } } .newsletter-module-container { max-width: 85.56vw; margin: 0 auto; display: flex; column-gap: 6.111vw; width: 100%; } @media only screen and (max-width: 1025px) { .newsletter-module-container { flex-direction: column; align-items: center; row-gap: 56px; } } @media only screen and (max-width: 768px) { .newsletter-module-container { max-width: 100%; } } .newsletter-image { max-width: 43.34vw; } @media only screen and (max-width: 1025px) { .newsletter-image { max-width: 100%; } } @media only screen and (max-width: 400px) { .newsletter-image { max-width: 100%; height: 230px; } } .newsletter-image img { width: 100%; height: 100%; object-fit: cover; } .newsletter-text { width: 100%; max-width: 30vw; } @media only screen and (max-width: 1025px) { .newsletter-text { max-width: 100%; } } .newsletter-text__title { font-family: "Source Sans Pro", sans-serif; font-size: 14px; font-weight: 600; color: #97501b; letter-spacing: 4px; text-transform: uppercase; text-align: center; margin-bottom: 7px; } .newsletter-text__subtitle { font-size: 1.944vw; line-height: 1.43; color: #5a5045; text-align: center; margin-bottom: 32px; } @media only screen and (max-width: 1025px) { .newsletter-text__subtitle { font-size: 28px; } } .newsletter-text__form form label { visibility: hidden; display: block; height: 0; } .newsletter-text__form form legend { visibility: hidden; height: 0; } .newsletter-text__form form input { width: 100%; height: 42px; border: 1px solid #97501b; padding-left: 1rem; } .newsletter-text__form form input::placeholder { color: rgba(90, 80, 69, 0.5); font-style: italic; font-weight: 600; font-size: 0.875rem; } .newsletter-text__form form .ginput_container_email { margin-top: 16px; margin-bottom: 32px; } .newsletter-text__form form .ginput_container_consent { display: flex; } .newsletter-text__form form .ginput_container_consent label { font-family: "Source Sans Pro", sans-serif; font-size: 13px; font-style: italic; line-height: 13px; letter-spacing: 0.1px; color: #5a5045; visibility: visible; height: auto; position: relative; padding-left: 40px; } .newsletter-text__form form .ginput_container_consent label:before { content: ''; -webkit-appearance: none; background-color: transparent; border: 1px solid #97501b; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05); padding: 11px; display: inline-block; position: absolute; vertical-align: middle; cursor: pointer; margin-right: 16px; left: 0; } .newsletter-text__form form .ginput_container_consent input { padding: 0; height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer; } .newsletter-text__form form .ginput_container_consent input:checked + label:after { content: ''; display: block; position: absolute; top: 2px; left: 10px; width: 6px; height: 15px; border: solid #97501b; border-width: 0 2px 2px 0; transform: rotate(45deg); } .newsletter-text__form form .gform_footer { text-align: center; margin-top: 40px; } .newsletter-text__form form .gform_footer input { font-family: "Source Sans Pro", sans-serif; font-size: 14px; text-transform: uppercase; max-width: 142px; width: 100%; height: 42px; background: #97501b; color: #ffffff; cursor: pointer; padding-left: 0; } .newsletter-text__form form .gform_footer input:hover { background-color: #4B4744; } .popup-position-center { left: 50%; transform: translateX(-50%); } .popup-position-left { left: 0; } .newsletter-popup { z-index: 15; background-color: white; position: fixed; bottom: 0; width: 400px; height: 318px; align-items: center; padding: 48px; display: none; } @media only screen and (max-width: 401px) { .newsletter-popup { width: 100%; padding: 48px 35px 43px; } } .newsletter-popup__title { font-family: "Ivy Mode"; font-weight: 400; font-size: 24px; line-height: 35px; color: #97501b; padding-bottom: 10px; text-align: center; } .newsletter-popup__description { font-family: "Source Sans Pro"; font-weight: 400; font-size: 14px; line-height: 18px; letter-spacing: 0.1px; padding-bottom: 20px; } .newsletter-popup form { display: flex; } .newsletter-popup form .ginput_container_email { margin: 0; } .newsletter-popup form .ginput_container_consent { width: calc(100% + 57px); margin-top: 24px; } .newsletter-popup form .ginput_container_consent input:checked + label:after { top: 2px; left: 6px; width: 6px; height: 10px; } .newsletter-popup form .ginput_container_consent label { padding-left: 32px; } .newsletter-popup form .ginput_container_consent label:before { padding: 7px; } .newsletter-popup form .gform_footer { margin-top: 0; } .newsletter-popup form .gform_footer input[type=submit] { background: #97501b url("images/icons/arrow-right.svg") no-repeat scroll center center; padding: 10px; text-indent: -9999rem; cursor: pointer; width: 57px; transition: all 0.5s ease; } .newsletter-popup form .gform_footer input[type=submit]:hover { background-color: #4B4744; } .close-newsletter-popup { position: absolute; right: 0; top: 0; } .close-newsletter-popup span { position: relative; display: block; width: 60px; height: 60px; } .close-newsletter-popup span:before, .close-newsletter-popup span:after { content: ""; position: absolute; height: 0.75px; width: 24px; background-color: #97501b; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(-45deg); transition: ease-out 0.5s all; } .close-newsletter-popup span:after { transform: translate(-50%, -50%) rotate(45deg); } .close-newsletter-popup span:hover:before, .close-newsletter-popup span:focus:before { transform: translate(-50%, -50%) rotate(135deg); } .close-newsletter-popup span:hover:after, .close-newsletter-popup span:focus:after { transform: translate(-50%, -50%) rotate(225deg); }