/* Adobe Typekit – Sofia Pro loaded via wp_enqueue_style in child-enqueue.php */
/* Tabac Glam G2 TRIAL – used for all headings */
@font-face {
font-family: 'Tabac Glam G2 TRIAL';
src: url('../fonts/TabacGlamG2TRIAL-Regular-BF676e263874f25.otf') format('opentype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tabac Glam G2 TRIAL';
src: url('../fonts/TabacGlamG2TRIAL-Medium-BF676e263862d8f.otf') format('opentype');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tabac Glam G2 TRIAL';
src: url('../fonts/TabacGlamG2TRIAL-SemiBold-BF676e26384260d.otf') format('opentype');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tabac Glam G2 TRIAL';
src: url('../fonts/TabacGlamG2TRIAL-Bold-BF676e2638491e9.otf') format('opentype');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tabac Glam G2 TRIAL';
src: url('../fonts/TabacGlamG2TRIAL-Italic-BF676e26389de22.otf') format('opentype');
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Tabac Glam G2 TRIAL';
src: url('../fonts/TabacGlamG2TRIAL-MediumItalic-BF676e26389654d.otf') format('opentype');
font-weight: 500;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Tabac Glam G2 TRIAL';
src: url('../fonts/TabacGlamG2TRIAL-SemiBoldItalic-BF676e26387dc84.otf') format('opentype');
font-weight: 600;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Tabac Glam G2 TRIAL';
src: url('../fonts/TabacGlamG2TRIAL-BoldItalic-BF676e2638786eb.otf') format('opentype');
font-weight: 700;
font-style: italic;
font-display: swap;
}
body {
color: #283854;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 24px;
/* 150% */
overflow-x: hidden;
background-color: #fff;
font-family: "sofia-pro", sans-serif;
}
p {
color: #283854;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 24px;
}
a {
color: #000;
text-decoration: none;
transition: all 0.4s ease-in-out;
}
button:focus {
outline: none;
}
a:not([class]) {
color: #283854;
text-decoration: underline;
font-family: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
}
#footer a:not([class]),
.mega-menu-list a:not([class]) {
color: inherit;
text-decoration: none;
}
.two-images-content .offset-content a:hover,
a:focus,
a:active {
color: #7797a9;
outline: 0;
text-decoration: none;
}
.nav a:focus {
outline: 1px solid rgba(198, 40, 17, 0.5);
}
h1 {
font-family: "Tabac Glam G2 TRIAL", serif;
font-size: 50px;
font-weight: 500;
color: #fff;
margin: 0;
padding: 0;
line-height: 1.5;
/* font-style: italic; */
}
@media (max-width: 1199px) {
h1 {
font-size: 45px;
line-height: 1.4;
}
}
@media (max-width: 991px) {
h1 {
font-size: 40px;
line-height: 1.3;
}
}
@media (max-width: 575px) {
h1 {
font-size: 35px;
line-height: 1.3;
}
}
h2 {
color: #283854;
font-family: "Tabac Glam G2 TRIAL";
font-size: 42px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
@media (max-width: 991px) {
h2 {
font-size: 38px;
}
}
@media (max-width: 575px) {
h2 {
font-size: 25px;
}
}
h3 {
color: #283854;
font-family: "Tabac Glam G2 TRIAL";
font-size: 36px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
@media (max-width: 991px) {
h3 {
font-size: 20px;
}
}
h4 {
font-family: "Tabac Glam G2 TRIAL", serif;
font-weight: 100;
font-style: normal;
font-size: 25px;
color: #133a64;
margin-bottom: 15px;
/* xs, sm, md */
}
@media (max-width: 991px) {
h4 {
font-size: 18px;
}
}
h5 {
font-family: "Tabac Glam G2 TRIAL", serif;
font-weight: 100;
font-style: normal;
font-size: 20px;
margin: 0;
padding: 0;
line-height: 1.2;
/* xs, sm, md */
}
@media (max-width: 991px) {
h5 {
font-size: 16px;
}
}
h6 {
font-family: "Tabac Glam G2 TRIAL", serif;
font-weight: 100;
font-style: normal;
font-size: 28px;
margin: 0;
padding: 0;
line-height: 1;
}
@media (max-width: 991px) {
h6 {
font-size: 20px;
}
}
ul,
ol {
padding: 0;
margin: 0 0 5px 18px;
}
ul li,
ol li {
padding: 0 0 6px;
}
li>ul,
li>ol {
margin: 0 0 5px 18px;
padding: 0 0 6px;
}
sup,
sub {
vertical-align: baseline;
position: relative;
top: -0.4em;
font-size: 0.7em;
}
sub {
top: 0.4em;
}
hr {
background-color: #bbb;
border: 0;
height: 1px;
margin: 1.5em auto;
}
blockquote {
border-left: 10px solid #ECA455;
padding: 0 20px;
width: 80%;
}
blockquote p {
font-size: 24px !important;
font-weight: 300;
}
#cookie-law-info-bar {
text-align: left;
padding: 8px 15px;
font-size: 14px;
box-shadow: none;
font-weight: 400;
}
#cookie-law-info-bar .cli-plugin-main-link {
font-weight: 400;
}
#cookie-law-info-bar>span {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
}
#cookie-law-info-bar>span span:first-of-type {
margin-right: 10px;
}
#cookie-law-info-bar .cli-plugin-button {
margin: 0;
}
.screen-reader-text {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.screen-reader-text:focus {
position: static;
width: auto;
height: auto;
margin: 0;
padding: 1em;
overflow: visible;
clip: auto;
background: #eee;
color: #000;
z-index: 1000;
}
@media (max-width: 575px) {
#cookie-law-info-bar {
font-size: 12px;
}
#cookie-law-info-bar>span {
display: block;
}
#cookie-law-info-bar span {
display: block;
width: 100%;
}
#cookie-law-info-bar>span span:first-of-type {
margin-right: 0;
margin-bottom: 10px;
}
}
/* Sitemap */
.wsp-pages-title {
display: none !important;
}
.wsp-pages-list {
margin: 0;
padding: 0;
text-align: center;
list-style: none;
line-height: 1.5;
}
.wsp-pages-list li {
margin: 0;
padding: 0;
}
.wsp-pages-list>li {
margin-bottom: 10px;
}
.wsp-pages-list>li>a {
color: #23394f;
text-transform: uppercase;
}
.wsp-pages-list .children {
margin: 0;
padding: 0;
list-style: none;
}
.wsp-pages-list .children a {
font-size: 16px;
}
.footer-headline {
color: #fafafa;
font-size: 18px;
font-weight: 600;
font-family: "sofia-pro", sans-serif;
text-transform: uppercase;
}
.section-heading {
color: #283854;
font-family: "Tabac Glam G2 TRIAL";
font-size: 42px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.text-white .section-heading {
color: #fff;
}
.section-heading.blue-text {
color: #012834;
}
@media screen and (max-width: 992px) {
.section-heading {
font-size: 40px;
}
}
@media screen and (max-width: 768px) {
.section-heading {
font-size: 30px;
}
}
.subtitle {
color: #283854;
font-family: "Tabac Glam G2 TRIAL";
font-size: 64px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.small {
color: #283854;
text-align: center;
font-family: "sofia-pro";
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
}
.username {
color: #6E8493;
font-family: "sofia-pro";
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
}
/* ----------- Buttons ----------- */
.button,
.wp-pagenavi a,
.wp-pagenavi .current {
font-weight: 500;
font-style: normal;
font-size: 16px;
text-transform: uppercase;
text-decoration: none !important;
line-height: 1;
padding: 12px 30px;
text-align: center;
background: transparent;
color: #FFF;
transition: all 0.4s ease-in-out;
display: inline-block;
position: relative;
background-color: #283854;
border-radius: 0;
font-family: "sofia-pro", sans-serif;
letter-spacing: 0.32px;
}
.button:hover,
.wp-pagenavi a:hover,
.wp-pagenavi .current:hover {
transform: translateY(-2px);
color: #FAFAFA;
}
input.button {
padding: 15px 25px;
}
.button.light {
background-color: #E6F5FF;
color: #273854;
}
.button.light:after {
background-image: url('data:image/svg+xml,');
}
.button.dark {
background-color: #051230;
color: #fff;
}
.button.dark:after {
background-image: url('data:image/svg+xml,');
}
.button.button-blue {
border: 1px solid #283854;
color: #fff;
background-color: #283854;
}
.button.button-outline {
border: 1px solid #283854;
color: #283854;
background-color: transparent;
}
.button-borderless {
border-radius: 0;
background-color: #283854;
padding: 10px 20px;
}
.button-borderless:after {
content: none;
}
a.inline-button {
color: #283854;
text-transform: uppercase;
letter-spacing: 1.4px;
font-style: normal;
font-size: 14px;
font-family: "sofia-pro", sans-serif;
font-weight: 500;
}
a.inline-button.dark {
color: #273854;
}
a.inline-button.light {
color: #76E3EE;
}
a.inline-button.red {
color: #BE3149;
font-weight: 700;
}
a.inline-button.white {
color: #fff;
}
a.text-white.bottom-line::after,
a.text-white.button::after {
content: "";
position: absolute;
bottom: 0px;
left: 0;
width: 100%;
background: #fff;
height: 1px;
}
a.text-white.bottom-line:hover::after,
a.text-white.button:hover::after {
height: 4px;
}
input.button.gform_button {
/* margin: auto; */
}
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
outline: 2px solid #273854 !important;
}
/*.button:before, .button:after, .wp-pagenavi a:before, .wp-pagenavi a:after, .wp-pagenavi .current:before, .wp-pagenavi .current:after {*/
/* position: absolute;*/
/* width: 33px;*/
/* height: 20px;*/
/* content: "";*/
/* transition: all 0.4s ease-in-out;*/
/*}*/
/*
TO DO: Button corner animation
.button:before, .wp-pagenavi a:before, .wp-pagenavi .current:before {
left: 0;
top: 0;
border-left: 1px solid #592D20;
border-top: 1px solid #592D20;
}
.button:after, .wp-pagenavi a:after, .wp-pagenavi .current:after {
right: 0;
bottom: 0;
border-right: 1px solid #592D20;
border-bottom: 1px solid #592D20;
}
*/
.button.button-red,
.wp-pagenavi a.button-red,
.wp-pagenavi .current.button-red {
background-color: #273854;
color: #ffffff;
}
.button.button-red:hover,
.wp-pagenavi a.button-red:hover,
.wp-pagenavi .current.button-red:hover,
.button.button-red:focus,
.wp-pagenavi a.button-red:focus,
.wp-pagenavi .current.button-red:focus {
transform: translateY(-3px);
}
.button-red:before,
.button-red:after {
content: none !important;
}
.button.button-tan,
.wp-pagenavi a.button-tan,
.wp-pagenavi .current.button-tan {
background-color: #FFEFDF;
color: #051230;
transition: all 0.3s ease;
}
.button.button-tan:hover,
.wp-pagenavi a.button-tan:hover,
.wp-pagenavi .current.button-tan:hover {
transform: translateY(-3px);
}
.button-tan:after {
content: '';
background: url('data:image/svg+xml,');
width: 18px;
height: 18px;
position: absolute;
top: 50%;
right: 18px;
transform: translateY(-50%);
background-position: center;
background-repeat: no-repeat;
}
.button.button-tan-2 {
background-color: #F3EADE;
color: #592D20;
}
.button.button-tan-2:hover {
background-color: #592D20;
color: #ffffff;
}
.button-tan-2:before,
.button-tan-2:after {}
@media (max-width: 767px) {
.button {
padding: 12px 40px 12px 30px;
}
}
/*.button:hover, .button:focus, .button.active, .wp-pagenavi a:hover, .wp-pagenavi a:focus, .wp-pagenavi .current {*/
/* color: #592D20;*/
/*}*/
/*.button:hover:before, .button:focus:before, .button.active:before, .wp-pagenavi a:hover:before, .wp-pagenavi a:focus:before, .wp-pagenavi .current:before {*/
/* width: 100%;*/
/* height: 100%;*/
/*}*/
/*.button:hover:after, .button:focus:after, .button.active:after, .wp-pagenavi a:hover:after, .wp-pagenavi a:focus:after, .wp-pagenavi .current:after {*/
/* width: 100%;*/
/* height: 100%;*/
/*}*/
.wp-pagenavi a,
.wp-pagenavi .current {
min-width: 10px;
padding: 12px;
}
.button.prev,
.button.next {
min-width: 50px;
line-height: 1;
}
.button span {
display: inline-block;
vertical-align: middle;
}
.button.button-360 {
padding: 14px 30px;
}
.button svg,
.button img {
height: 16px;
display: inline-block;
vertical-align: middle;
stroke: #7797a9;
transition: stroke 0.4s ease-in-out;
}
.button:hover svg,
.button:hover img {
stroke: #fff;
}
.button-2 {
font-size: 22px;
color: #ffffff;
border: 2px solid #ffffff !important;
}
.button-2:hover,
.button-2:focus {
background: #233a4f;
color: #fff;
border: 2px solid #233a4f !important;
}
.link {
color: #3d6e89;
font-size: 18px;
font-weight: 700;
letter-spacing: 0.15em;
text-transform: uppercase;
position: relative;
padding: 15px 0;
display: inline-block;
}
.link:after {
content: "";
position: absolute;
width: 100%;
height: 3px;
background: #3e6e89;
left: 0;
top: 100%;
transition: all 0.4s ease-in-out;
}
.link:hover {
color: #23394f;
}
.link:hover:after {
background: #23394f;
}
.link-2 {
color: #7797a9;
}
.link-2:after {
background: #7797a9;
}
.link:hover {
color: #23394f;
}
.link:hover:after {
background: #23394f;
}
/* ----------- Forms ----------- */
label {
display: block;
color: #333;
}
fieldset {
margin-bottom: 1em;
}
input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=color],
textarea,
select {
color: #021f2f;
background: #fff;
border: 1px solid #787878;
display: block;
padding: 8px 12px;
width: 100%;
background-image: none;
border-radius: 0;
box-shadow: none;
outline: 0;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus,
select:focus {
color: #021f2f;
border-color: #29abe2;
}
input[type=radio],
input[type=checkbox] {
margin-right: 0.5em;
}
input[type=radio]+label,
input[type=checkbox]+label {
font-weight: 400;
}
button,
input[type=button],
input[type=submit] {
border-radius: 0;
box-shadow: none;
outline: 0;
-webkit-appearance: none;
appearance: none;
cursor: pointer;
border: 0;
}
.check-item label {
cursor: pointer;
}
.check-item input {
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
display: none;
}
/* hide default checkbox */
.check-item .checkbox-label {
display: inline-block;
vertical-align: middle;
}
/* label */
.check-item .checkmark {
position: relative;
display: inline-block;
vertical-align: middle;
height: 25px;
width: 25px;
background-color: #eee;
}
/* styled checkbox */
.check-item:hover input~.checkmark {
background-color: #ccc;
}
/* checkbox on hover */
.check-item input:checked~.checkmark {
background-color: #2196F3;
}
/* checked checkbox */
/* checkmark */
.check-item .checkmark:after {
content: "";
position: absolute;
display: none;
left: 10px;
top: 6px;
width: 5px;
height: 10px;
border: solid #fff;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.check-item input:checked~.checkmark:after {
display: block;
}
.radio-item label {
cursor: pointer;
position: relative;
}
.radio-item input {
opacity: 0;
cursor: pointer;
height: 1px;
width: 1px;
position: absolute;
left: 10px;
top: 10px;
}
/* hide default checkbox, but keep element in order to show html5 validation */
.radio-item .radio-label {
display: inline-block;
vertical-align: middle;
}
/* label */
.radio-item .checkmark {
position: relative;
display: inline-block;
vertical-align: middle;
height: 25px;
width: 25px;
background-color: #eee;
}
/* styled checkbox */
.radio-item:hover input~.checkmark {
background-color: #ccc;
}
/* checkbox on hover */
.radio-item input:checked~.checkmark {
background-color: #2196F3;
}
/* checked checkbox */
/* checkmark */
.radio-item .checkmark:after {
content: "";
position: absolute;
display: none;
left: 7px;
top: 7px;
width: 10px;
height: 10px;
border-radius: 100%;
background: #fff;
}
.radio-item input:checked~.checkmark:after {
display: block;
}
.email-confirm {
display: none !important;
}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
width: auto;
}
.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
outline: 0 !important;
}
.bootstrap-select .btn.dropdown-toggle {
outline: 0 !important;
box-shadow: none !important;
}
/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
color: #021f2f;
opacity: 1;
}
:-moz-placeholder {
color: #021f2f;
opacity: 1;
}
::-moz-placeholder {
color: #021f2f;
opacity: 1;
opacity: 1;
}
:-ms-input-placeholder {
color: #021f2f;
opacity: 1;
}
.website-contacts-msg {
display: block;
margin: 0px 0 10px 0;
font-weight: bold;
}
.success-msg {
color: #25af25;
}
.failed-msg {
color: #ca1212;
}
form .error {
color: #ca1212;
}
/* Gravity Forms */
.gform_button {
letter-spacing: 3px;
}
.gform_wrapper .top_label .gfield_label,
.gform_wrapper legend.gfield_label {
font-family: "sofia-pro", sans-serif;
font-weight: 400;
line-height: 1 !important;
margin-bottom: 0;
font-size: 18px;
color: #273854;
}
.gform_wrapper.gravity-theme .gfield_label .gfield_required {
color: #273854;
}
.gform_wrapper .gform_footer {
text-align: center;
}
.gform_wrapper.gravity-theme .ginput_container_date input {
width: 100% !important;
}
.gravity-theme.ui-datepicker .ui-datepicker-header select {
color: #fff !important;
background-image: url('data:image/svg+xml,') !important;
padding-top: 5px !important;
padding-bottom: 5px !important;
}
.gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-next::before,
.gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-prev::before {
color: #fff !important;
}
.gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-next::after,
.gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-prev::after {
color: #fff !important;
}
.gform_wrapper.gravity-theme .gfield.gfield--width-half,
.gform_wrapper.gravity-theme .gfield.gfield--width-full {
text-align: left !important;
}
footer .gform_wrapper .gform_body {
float: none !important;
width: 100% !important;
}
footer .gform_wrapper .gform_footer {
display: block !important;
width: 100% !important;
}
.newsletter-section {
background-color: #F6E5CE;
position: relative;
background-image: url('../images/footer-bg.png');
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.newsletter-section .section-heading {
font-size: 26px;
color: #283854;
letter-spacing: 1px;
}
.newsletter-section .gform_wrapper.gravity-theme .gform_footer {
padding: 0;
margin: 0;
}
.newsletter-section .gform_wrapper.gravity-theme .gfield input.large {
border-radius: 0;
height: 47px;
border: none;
padding: 10px 30px;
font-size: 14px;
box-shadow: 0 1px 3px #00000035;
color: #6E8493;
}
.newsletter-section .gform_wrapper.gravity-theme .gfield input.large::placeholder {
color: #6E8493;
/* update to your desired color */
opacity: 1;
/* ensure full opacity in some browsers */
}
/* Optional: vendor prefixes for older browsers */
.newsletter-section .gform_wrapper.gravity-theme .gfield input.large::-webkit-input-placeholder {
color: #6E8493;
}
.newsletter-section .gform_wrapper.gravity-theme .gfield input.large:-ms-input-placeholder {
color: #6E8493;
}
.newsletter-section .gform_wrapper.gravity-theme #field_submit input {
border-radius: 0;
height: 47px;
background-color: #283854;
color: #fafafa;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
display: flex;
justify-content: center;
align-items: center;
line-height: 1;
width: 90%;
font-weight: 500;
}
.newsletter-section .gform_wrapper.gravity-theme .gform_fields {
grid-column-gap: 0;
}
.image-splatter-wrapper {
width: 100%;
}
.image-splatter-wrapper img {
aspect-ratio: 726 / 645;
}
@media screen and (max-width: 1500px) {
.newsletter-section .section-heading {
font-size: 26px;
}
}
@media screen and (max-width: 768px) {
.newsletter-section .gform_wrapper.gravity-theme #field_submit input {
width: 100%;
}
}
/* ----------- Base Styles ----------- */
html,
body {
overflow-x: hidden;
height: auto;
min-height: 100%;
}
body {
/* xs, sm */
}
@media (max-width: 767px) {
body {
font-size: 16px;
}
}
@media (max-width: 360px) {
body {
font-size: 18px;
}
}
.hide-for-screenreader {
position: absolute !important;
top: -9999px !important;
left: -9999px !important;
}
@media (min-width: 1500px) {
.container {
width: 1350px;
max-width: 1350px;
}
}
.container-fluid {
position: relative;
overflow: hidden;
}
.container-custom {
width: 96%;
max-width: 1600px;
margin-left: auto;
margin-right: auto;
padding: 0 30px;
}
header .container-custom {
padding: 0;
}
@media (max-width: 1199px) {
.container-custom {
width: 100%;
}
}
.border-position.bottom-right:before {
content: "";
position: absolute;
bottom: -20px;
top: auto;
right: 0;
width: 100%;
max-width: 440px;
height: 42px;
z-index: 1;
}
.border-position.bottom-left:before {
content: "";
position: absolute;
bottom: -20px;
top: auto;
right: auto;
width: 100%;
max-width: 440px;
height: 42px;
z-index: 1;
}
.border-position.top-right:before {
content: "";
position: absolute;
top: -20px;
right: 0;
width: 100%;
max-width: 440px;
height: 42px;
z-index: 1;
}
.border-position.top-left:before {
content: "";
position: absolute;
bottom: auto;
top: -20px;
right: auto;
width: 100%;
max-width: 440px;
height: 42px;
z-index: 1;
}
.border-position.center-bottom:before {
content: "";
position: absolute;
bottom: -20px;
top: auto;
right: auto;
left: 50%;
width: 100%;
max-width: 440px;
height: 42px;
transform: translate(-50%, 0);
z-index: 1;
}
.border-position.center-top:before {
content: "";
position: absolute;
bottom: auto;
top: 0px;
right: auto;
left: 50%;
width: 100%;
max-width: 440px;
height: 42px;
transform: translate(-50%, -50%);
z-index: 1;
}
.justify-center {
justify-content: center;
}
.show-for-sr {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
/* ----------- Footer ----------- */
footer {
position: relative;
color: #ffffff;
background: #283854;
padding: 50px 0 0 0;
font-family: "sofia-pro", "Sofia Pro", sans-serif;
font-style: normal;
font-size: 14px;
font-weight: 500;
line-height: 28px;
text-transform: uppercase;
text-align: center;
}
/*
footer:before {
content: url('./../images/logo-faded.svg');
position: absolute;
left: 30px;
bottom: 30px;
} */
@media screen and (max-width: 767px) {
footer:before {
content: unset;
}
}
footer .footer-form {
display: flex;
flex-direction: column;
max-width: 360px;
}
footer .footer-col {
padding: 0 30px;
}
footer .footer-social {
max-width: 328px;
}
footer .footer-social ul {
margin-top: 0 !important;
}
footer .footer-social ul svg>path,
footer .footer-social ul svg>g {
fill: #fafafa;
transition: fill 0.4s ease-in-out;
}
footer h1,
footer h2,
footer h3,
footer h4,
footer label {
color: #ffffff;
}
@media (max-width: 991px) {
footer h5 {
margin-bottom: 30px;
}
}
footer a {
color: #fff;
font-weight: 400;
}
@media (max-width: 360px) {
footer a {
display: block;
}
}
footer a:active {
color: #E6F5FF;
}
footer a:hover,
footer a:focus {
color: #E6F5FF;
}
footer ul {
list-style: none;
margin: 0 0;
font-size: 16px;
display: flex;
flex-direction: row;
}
@media (max-width: 992px) {
footer ul {
padding: 0;
}
}
@media (max-width: 768px) {
footer ul {
flex-direction: column;
margin: 20px 0;
}
}
footer ul.footer-menu {
flex-direction: column;
text-align: center;
}
footer ul.footer-menu li {
font-size: 16px;
padding-bottom: 0;
padding-left: 0;
}
footer ul.footer-menu li:last-child {
padding-bottom: 0;
}
footer ul.footer-menu li a {
font-size: 14px;
font-family: "sofia-pro", "Sofia Pro", sans-serif;
font-weight: 400;
line-height: 1.3;
letter-spacing: 0.5px;
text-transform: uppercase;
color: #ffffff;
}
footer ul li {
padding: 0 6px;
margin: 0;
}
footer ul li:first-child {
padding-left: 0;
}
footer ul li:last-child {
padding-right: 0;
}
footer ul.copyright-menu {
display: flex;
flex-wrap: wrap;
gap: 0 24px;
list-style: none;
padding: 0;
margin: 0;
flex-direction: row;
}
.copyright-menu ul {
gap: 20px;
}
.copyright-menu li {
display: inline;
position: relative;
padding: 0;
}
.copyright-menu li a {
font-size: 14px;
line-height: 28px;
}
@media (max-width: 992px) {
footer ul.footer-menu {
text-align: center;
}
footer .footer-form {
margin: 0 auto;
}
}
@media (max-width: 768px) {
footer ul li {
padding: 4px 0;
}
footer ul li:after {
content: "";
}
}
@media (max-width: 768px) {
footer .footer-social ul {
display: flex;
flex-direction: row;
justify-content: center;
}
footer .footer-social ul li {
padding: 0 4px;
}
footer .footer-social ul li:first-child {
padding-left: 0;
}
footer .footer-social ul li:last-child {
padding-right: 0;
}
}
footer .footer-contact-info {
display: flex;
justify-content: flex-end;
flex-direction: column;
}
footer .footer-content p {
margin-bottom: 16px;
}
footer .footer-content p:last-child {
margin-bottom: 0;
}
footer .footer-logos {
text-align: center;
margin-top: 80px;
}
footer .footer-logos .logo-container {
align-items: center;
}
footer .footer-logos .logo-container .logo img,
footer .footer-logos .logo-container .logo svg {
max-width: 100%;
}
@media (max-width: 991px) {
footer .footer-logos {
margin-top: 40px;
}
footer .footer-logos .logo-container .logo {
margin-bottom: 30px;
}
footer .footer-logos .logo-container .logo:last-child {
margin-bottom: 0;
}
footer .footer-logos .logo-container .logo img,
footer .footer-logos .logo-container .logo svg {
max-height: 50px;
}
}
@media (max-width: 991px) {}
footer .footer-col:last-child:after {
content: none;
display: none !important;
}
.footer-content-container {
display: flex;
justify-content: flex-end;
}
#logo-footer {
/* width: 90%; */
margin-bottom: 30px;
/* xs, sm, md */
display: flex;
justify-content: center;
/* margin-left: auto; */
margin-right: auto;
max-width: 328px;
}
@media (max-width: 991px) {
#logo-footer {
margin-left: auto;
margin-right: auto;
}
}
.footer-content p {
margin-bottom: 0;
color: #ffffff;
font-family: "sofia-pro", "Sofia Pro", sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 28px;
text-transform: uppercase;
text-align: center;
letter-spacing: .5px;
}
.footer-border {
border-top: 3px solid #fff;
}
#footer-copy {
font-size: 14px;
font-family: "sofia-pro", "Sofia Pro", sans-serif;
font-weight: 500;
line-height: 28px;
text-transform: uppercase;
}
footer .gform_wrapper {
width: 100%;
max-width: 650px;
margin: 15px auto 30px;
}
footer .gform_wrapper.gravity-theme .gform_footer,
footer .gform_wrapper.gravity-theme .gform_page_footer {
padding-top: 10px !important;
padding-bottom: 0 !important;
}
footer .gform_wrapper .gform_body {
width: 90%;
float: left;
margin: 0;
padding: 0;
}
footer .gform_wrapper ul.gform_fields li.gfield {
margin: 0;
padding: 0;
}
body footer .gform_wrapper .top_label div.ginput_container {
margin: 0;
padding: 0;
}
footer .gform_wrapper input:not([type=checkbox]) {
margin: 0 !important;
padding: 12px 15px !important;
width: 100% !important;
font-family: "sofia-pro", sans-serif;
letter-spacing: 0;
font-weight: 500;
text-transform: uppercase;
background: transparent;
border: 0;
border-bottom: 1px solid #E6F5FF;
}
footer .gform_wrapper input:not([type=checkbox])::placeholder {
color: #fafafa !important;
font-size: 16px;
}
footer .gform_wrapper input[type=submit] {
background: #E6F5FF !important;
color: #273854 !important;
font-size: 16px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
padding: 12px 15px !important;
border-radius: 0 !important;
border: 0 !important;
box-shadow: none !important;
}
footer .gform_wrapper .gform_required_legend {
display: none !important;
}
footer .gform_wrapper .gfield_checkbox li label {
max-width: calc(100% - 40px);
}
footer .gform_wrapper .gform_footer {
width: 10%;
float: left;
margin: 0;
padding: 0;
clear: none;
}
.gform_legacy_markup_wrapper .gform_footer input.button,
.gform_legacy_markup_wrapper .gform_footer input[type=submit],
.gform_legacy_markup_wrapper .gform_page_footer input.button,
.gform_legacy_markup_wrapper .gform_page_footer input[type=submit] {
font-size: 16px !important;
margin: 0 !important;
}
.gform_wrapper.gravity-theme .ginput_container_date {
align-items: center;
display: flex;
justify-content: center;
}
.footer-bottom {
padding: 30px 0 0;
margin-top: 10px;
}
.footer-bottom ul li {
line-height: 1;
}
.footer-bottom ul li a {
color: #ffffff;
font-family: "sofia-pro", "Sofia Pro", sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 28px;
text-transform: uppercase;
}
@media screen and (max-width: 768px) {
.footer-bottom ul li {
border: 0;
}
}
.footer-bottom ul li:last-of-type {
border: 0;
}
#logos-nav-toggle {
text-transform: uppercase;
color: #fff;
font-size: 18px;
letter-spacing: 0.025em;
font-family: "sofia-pro", sans-serif;
cursor: pointer;
padding: 15px;
padding-right: 0;
transition: color 0.4s ease-in-out;
}
#logos-nav-toggle:hover {
color: #BE8536;
}
#logos-nav {
position: absolute;
right: -300px;
top: 100%;
visibility: hidden;
opacity: 0;
height: 100vh;
width: 100%;
overflow: hidden;
transition: all 0.4s ease-in-out;
background: #991B1E;
}
#logos-nav.active {
visibility: visible;
opacity: 1;
right: 0;
top: 0;
padding: 100px 0;
}
#logos-nav ul {
margin: 0;
padding: 15px;
}
#logos-nav ul li {
padding: 15px;
position: relative;
list-style: none;
flex: 50%;
}
#logos-nav ul li.no-child ul.sub-menu li a {
font-size: 24px;
font-weight: 700;
text-transform: uppercase;
}
@media screen and (min-width: 1200px) and (max-width: 1450px) {
#logos-nav ul li.no-child ul.sub-menu li a {
font-size: 20px;
}
}
#logos-nav ul li a {
text-transform: uppercase;
color: #fff;
font-size: 24px;
font-family: "sofia-pro", sans-serif;
font-weight: 700;
font-style: normal;
display: block;
line-height: 1.6;
letter-spacing: 0;
}
#logos-nav ul li ul {
padding-left: 0;
text-transform: none;
}
#logos-nav ul li ul li {
padding: 7px 15px 7px 0;
}
@media screen and (min-width: 1200px) and (max-width: 1450px) {
#logos-nav ul li ul li {
padding: 2px 15px 2px 0;
}
}
#logos-nav ul li ul li a {
font-size: 20px;
font-family: "sofia-pro", sans-serif;
font-weight: 500;
font-style: normal;
text-transform: none;
}
@media screen and (min-width: 1200px) and (max-width: 1450px) {
#logos-nav ul li ul li a {
font-size: 17px;
}
}
#logos-nav ul li a:hover {
color: #2E2E2E;
}
#logos-nav-mobile {
border-top: 1px solid #ffc72c;
}
#logos-nav-mobile .brands-title {
font-size: 22px;
text-transform: uppercase;
color: #ffc72c;
letter-spacing: 0.025em;
font-family: "sofia-pro", sans-serif;
line-height: 1.6;
}
#logos-nav-mobile a {
display: block;
max-width: 200px;
margin: 0 auto;
}
.hamburger-icon {
display: inline-block;
vertical-align: middle;
margin-left: 10px;
margin-right: 20px;
cursor: pointer;
background-image: url("../images/menu-button.svg");
width: 63px;
height: 69px;
}
.hamburger-icon span {
display: block;
height: 3px;
width: 25px;
margin: 6px 0;
background: #BE8536;
transition: all 0.4s ease-in-out;
}
.hamburger-icon:hover span {
background: #7797a9;
}
#logos-nav.active .close-icon {
display: inline-block !important;
}
.close-icon {
display: inline-block;
vertical-align: middle;
cursor: pointer;
background-image: url("../images/menu-close.svg");
background-position: center;
background-repeat: no-repeat;
background-color: #7B2A1E;
color: #fff !important;
width: 50px;
height: 50px;
margin: 0;
}
#menu-nav-close {
position: absolute;
right: 30px;
top: 60px;
}
@media (max-width: 1400px) {
#logos-nav-toggle {
padding-left: 10px;
}
}
@media (max-width: 1300px) {
#logos-nav-toggle {
padding-left: 7px;
}
}
/* ----------- Header ----------- */
header.sticky-top {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 30;
/* background: rgba(255, 255, 255, 0.71); */
transition: all 0.4s ease-in-out;
/* padding-top: 30px; */
/* padding-bottom: 30px; */
}
header.sticky-top.fixed {
background: #283854;
}
header.sticky-top.static-fixed {
background: #283854;
}
/* header.fixed {
background: #273854;
} */
header .button {
padding: 13px 40px;
color: #283854;
text-align: center;
font-family: "sofia-pro", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 16px;
/* 100% */
letter-spacing: 0.32px;
border-radius: 0;
background-color: #E2BF95;
color: #283854;
}
header .button:after {
content: unset;
}
/*header.fixed #logo-home {*/
/* width: 100px;*/
/*}*/
header #header-top {
overflow: visible;
padding-top: 20px;
padding-bottom: 20px;
transition: padding 0.4s ease-in-out;
}
header.fixed #header-top {
padding-top: 10px;
padding-bottom: 10px;
}
header.static-fixed #header-top {
padding-top: 10px;
padding-bottom: 10px;
}
header #logo-home {
width: 100%;
transition: width 0.4s ease-in-out;
}
@media only screen and (max-width: 992px) {
header #logo-home {
width: 100%;
margin: 0 auto;
image-rendering: --webkit-optimize-contrast;
max-width: 160px;
}
}
.logged-in header {
margin-top: 32px;
}
#navigation #nav-container {
/* xs, sm, md, lg */
}
@media (max-width: 1199px) {
#navigation #nav-container {
display: block;
width: 100%;
height: 100%;
position: fixed;
left: 0;
top: -101%;
background: #8D181E;
padding: 75px 45px;
text-align: center;
opacity: 0;
visibility: hidden;
transition: all 0.5s ease-in-out;
overflow: auto;
}
#navigation #nav-container.active {
top: 0;
opacity: 1;
visibility: visible;
}
}
#navigation .nav {
margin: 0;
/* xs, sm, md, lg */
}
@media (max-width: 1199px) {
#navigation .nav {
display: block;
}
}
#navigation .nav .sub-menu {
position: absolute;
left: -15px;
top: 100%;
margin: 0;
padding: 30px 15px;
list-style: none;
width: 230px;
background: rgba(35, 58, 79, 0.9);
visibility: hidden;
opacity: 0;
max-height: 0;
overflow: hidden;
transition: all 0.4s ease-in-out;
z-index: 2;
/* xs, sm, md, lg */
}
#navigation .nav .sub-menu li {
padding: 7px 15px;
}
#navigation .nav .sub-menu li a {
font-size: 16px;
}
@media (max-width: 1199px) {
#navigation .nav .sub-menu {
position: relative;
left: auto;
top: 0;
margin-left: auto;
margin-right: auto;
opacity: 1;
visibility: visible;
max-height: 1000px;
border-top: 0;
width: 100%;
padding: 15px;
background: transparent !important;
}
}
#navigation li {
padding: 10px 8px;
position: relative;
}
#navigation li a {
text-transform: uppercase;
color: #F6F6F6;
font-size: 16px;
font-family: "sofia-pro", sans-serif;
font-weight: 500;
font-style: normal;
display: block;
line-height: 1.6;
letter-spacing: 0;
border-bottom: 1px solid transparent;
}
.header-button .btn {
background-color: #991B1E;
border: none;
border-radius: 0;
color: #ffffff;
font-family: "sofia-pro", sans-serif;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
padding: 9px 14px;
}
#navigation li:hover>a,
#navigation li a:hover {
border-bottom: 1px solid #051230;
}
#navigation li.menu-item-has-children:hover .sub-menu,
#navigation li.menu-item-has-children:focus-within .sub-menu {
visibility: visible;
opacity: 1;
max-height: 500px;
}
@media (max-width: 1400px) {
#navigation {
padding-left: 0;
}
#navigation li {
padding: 15px 10px;
}
}
@media (max-width: 1300px) {
#navigation li {
padding: 15px 7px;
}
}
nav.main-menu {
display: inline-block;
vertical-align: middle;
margin: 0 auto;
margin-right: auto;
margin-right: 15px;
position: relative;
width: 85%;
z-index: 9999;
text-align: right;
}
nav.main-menu ul.menu {
margin: 0 auto;
}
nav.main-menu ul.menu li {
position: relative;
display: inline-block;
vertical-align: middle;
list-style: none outside none;
}
nav.main-menu ul.menu li a {
color: #164261;
display: block;
font-family: "sofia-pro", sans-serif;
font-size: 18px;
font-weight: 700;
line-height: 1;
text-decoration: none;
text-transform: uppercase;
white-space: nowrap;
}
nav.main-menu ul.menu li:hover ul {
opacity: 1;
left: 50%;
transform: translateX(-50%)
}
nav.main-menu ul.sub-menu {
position: absolute;
opacity: 0;
top: 99%;
left: -9999px;
min-width: 100%;
width: auto;
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.71);
-webkit-transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
-ms-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
padding: 10px;
}
nav.main-menu ul.sub-menu li {
display: block;
float: none;
padding: 2px !important;
text-align: center;
white-space: nowrap;
}
nav.main-menu ul.sub-menu li a:hover {
border-bottom: 1px solid #fff;
}
nav.main-menu ul.sub-menu li a {
width: max-content;
margin: auto;
font-size: 15px !important;
padding: 6px 10px !important;
-webkit-transition: color 0.3s ease;
-moz-transition: color 0.3s ease;
-ms-transition: color 0.3s ease;
-o-transition: color 0.3s ease;
transition: color 0.3s ease;
color: #2e4452;
}
@media screen and (max-width: 768px) {
.accomdations-room-info-content {
padding: 0 20px;
}
}
.icon-grid {
display: flex;
flex-wrap: wrap;
}
.icon-grid .icon-col {
display: flex;
flex-direction: column;
flex-basis: 100%;
flex: 1;
}
.icon-grid .icon-container {
margin-bottom: 40px;
width: 20%;
min-width: 150px;
padding: 0 10px;
}
.icon-grid .icon-container svg {
height: 69px;
}
.icon-grid .icon-container .icon-title {
color: #2E2E2E;
display: block;
font-size: 18px;
line-height: 1.2;
margin-top: 16px;
text-align: center;
text-transform: uppercase;
}
.icon-grid .icon-container .icon-title span {
text-transform: none;
font-size: 16px;
}
/* callout-blocks-block */
.callout-blocks-block .each-callout-block {
padding-left: 8px;
padding-right: 8px;
}
.callout-blocks-block .each-callout-block:first-of-type {
padding-left: 0;
}
.callout-blocks-block .each-callout-block:last-of-type {
padding-right: 0;
}
.callout-blocks-block .each-callout-block .each-callout-block-inner {
background-position: center center;
background-size: cover;
height: 38vw;
text-align: center;
vertical-align: middle;
display: table;
width: 100%;
margin: auto;
position: relative;
text-decoration: none !important;
}
.callout-blocks-block .each-callout-block .each-callout-block-inner:before {
background-color: rgba(35, 58, 79, 0.32);
content: " ";
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 0;
transition: background 0.4s ease-in-out;
}
.callout-blocks-block .each-callout-block .each-callout-block-inner:hover:before {
background-color: rgba(35, 58, 79, 0.65);
}
.callout-blocks-block .each-callout-block .each-callout-block-inner>div {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.callout-blocks-block .each-callout-block .each-callout-block-inner>div * {
transition: all 0.4s ease-in-out;
color: #fff;
}
.callout-blocks-block .each-callout-block .each-callout-block-inner .row-heading {
display: block;
width: 100%;
text-align: center;
z-index: 1;
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
transform: translateY(50px);
margin: 0;
font-weight: 500;
}
.callout-blocks-block .each-callout-block .each-callout-block-inner .row-content {
opacity: 0;
position: relative;
-webkit-transform: translateY(1000%) scaleY(0);
-moz-transform: translateY(1000%) scaleY(0);
transform: translateY(1000%) scaleY(0);
max-height: 0;
}
.callout-blocks-block .each-callout-block .each-callout-block-inner .link {
opacity: 0;
position: relative;
-webkit-transform: translateY(1000%);
-moz-transform: translateY(1000%);
transform: translateY(1000%);
}
.callout-blocks-block .each-callout-block .each-callout-block-inner .link:after {
background: #fff;
}
.callout-blocks-block .each-callout-block .each-callout-block-inner:hover .row-heading {
-webkit-transform: translateY(-15px);
-moz-transform: translateY(-15px);
transform: translateY(-15px);
}
.callout-blocks-block .each-callout-block .each-callout-block-inner:hover .row-content {
opacity: 1;
-webkit-transform: translateY(0) scaleY(1);
-moz-transform: translateY(0) scaleY(1);
transform: translateY(0) scaleY(1);
max-height: 400px;
}
.callout-blocks-block .each-callout-block .each-callout-block-inner:hover .link {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
transform: translateY(0);
}
@media (max-width: 1199px) {
.callout-blocks-block .each-callout-block .each-callout-block-inner {
height: 500px;
}
.callout-blocks-block .each-callout-block:first-of-type {
padding-left: 8px;
}
.callout-blocks-block .each-callout-block:last-of-type {
padding-right: 8px;
}
}
/* content-block */
.content-block h1,
.content-block h2,
.content-block h3,
.content-block h4 {
margin-bottom: 20px;
}
.content-block p {
margin-bottom: 0px;
color: #283854;
text-align: center;
font-family: "sofia-pro";
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 24px;
/* 150% */
}
.instagram-heading {
font-size: 44px;
text-transform: uppercase;
letter-spacing: 0;
color: #D36C45;
padding: 0 30px;
}
.background-text {
font-family: "Bull Run", sans-serif;
font-size: 70px;
line-height: 60px;
color: #E0D9CA;
letter-spacing: 0;
margin-left: -110px;
display: flex;
justify-content: start;
z-index: 0;
}
.background-text.position-left {
position: absolute;
top: 20px;
left: 0;
}
.background-text.position-right {
position: absolute;
top: 20px;
right: 0;
}
.background-text.bottom-position {
position: absolute;
bottom: 0;
left: 10%;
}
.background-text.rotated-right {
position: absolute;
bottom: 0;
right: 0;
transform: rotate(-90deg) translateX(100%);
transform-origin: bottom right;
font-size: 60px;
color: #04455A;
}
.has-background-text.bottom-position {
padding-bottom: 110px !important;
}
.has-background-text.position-left {
padding-top: 120px !important;
}
.has-background-text.position-right {
padding-top: 100px !important;
}
.hero-overlay {
position: absolute !important;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
}
/* xs, sm */
@media (max-width: 767px) {
.sbi-owl-prev,
.sbi-owl-next {
display: none !important;
}
}
/* gallery */
.gallery .gallery-image {
height: 0;
padding-bottom: 110%;
display: block;
position: relative;
}
.gallery-image-container-0 .gallery-image {
padding-bottom: 97%;
}
.gallery-image-container-1 .gallery-image {
padding-bottom: 55%;
}
.gallery .image-8 .gallery-image {
padding-bottom: 49%;
}
.featherlight .featherlight-content {
border: 0;
padding: 0;
max-height: 80%;
background: transparent;
overflow: visible;
}
.featherlight-next,
.featherlight-previous {
top: 0;
}
.featherlight-next {
right: 0;
left: 90%;
}
.featherlight-previous {
left: 0;
right: 90%;
}
.featherlight-next:hover,
.featherlight-previous:hover {
background: transparent;
}
.featherlight-next span,
.featherlight-previous span {
font-size: 40px;
margin-top: 0;
line-height: 1;
text-shadow: none;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
color: rgba(255, 255, 255, 0.7);
display: block;
}
.featherlight-next span:hover,
.featherlight-previous span:hover {
display: block;
}
.featherlight-next svg,
.featherlight-previous svg {
fill: transparent;
width: 55px;
height: 55px;
transition: all 0.4s ease-in-out;
}
.featherlight-next:hover svg,
.featherlight-previous:hover svg {
fill: #fff;
}
.featherlight .featherlight-close-icon {
top: -25px;
right: -25px;
width: auto;
line-height: 1;
outline: 0 !important;
background: transparent;
}
.featherlight .featherlight-close-icon .close-icon {
display: block;
}
/* ----------- Hero ----------- */
.hero-wrapper {
height: auto;
position: relative;
display: flex;
flex-direction: column;
aspect-ratio: 1440 / 550;
/* max-height: 80vh; */
width: 100%;
}
.hero-wrapper #hero {
flex: 1 0 auto;
width: 100%;
}
.hero-wrapper.large {
height: auto;
max-height: unset;
aspect-ratio: 1440 / 777;
}
@media screen and (max-width: 768px) {
.hero-wrapper {
min-height: 50vh;
}
}
.hero-wrapper .hero-overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
/*.hero-wrapper.short {min-height: 30vh;}.hero-wrapper.short .slider,.hero-wrapper.short .slick-list,.hero-wrapper.short .slick-track,.hero-wrapper.short .slide,.hero-wrapper.short .slick-slide {height: auto;min-height: 30vh;}.hero-wrapper.short > .container-fluid {min-height: 30vh;}*/
.hero-wrapper .slider,
.hero-wrapper .slick-list,
.hero-wrapper .slick-track,
.hero-wrapper .slide,
.hero-wrapper .slick-slide {
height: 100%;
min-height: 80vh;
}
.hero-wrapper p,
.hero-wrapper ol,
.hero-wrapper ul {
color: #fff;
font-size: 20px;
}
.hero-wrapper video {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
min-width: 100vw;
min-height: 80vh;
}
@media screen and (max-width: 1800px) {
.hero-wrapper video {
left: 53%;
}
}
@media screen and (max-width: 1600px) {
.hero-wrapper video {
left: 58%;
}
}
@media screen and (max-width: 1400px) {
.hero-wrapper video {
left: 63%;
}
}
@media screen and (max-width: 640px) {
.hero-wrapper video {
min-height: 75vh;
height: 75vh;
}
}
.hero-wrapper>.container-fluid {
height: 100%;
}
/*@media screen and (max-width: 768px) {.hero-wrapper > .container-fluid {min-height: 50vh;}}@media screen and (max-width: 576px) {.hero-wrapper > .container-fluid {min-height: 50vh;}}*/
.hero-wrapper .slick-arrow {
height: 55px;
width: 55px;
stroke: #fff;
stroke-width: .4px;
border: none;
border-radius: 0;
}
.hero-wrapper .slick-arrow img {
display: none;
}
.hero-wrapper .slick-arrow.prev-arrow {
left: 10px;
}
.hero-wrapper .slick-arrow.next-arrow {
right: 10px;
}
.home .hero-wrapper {
margin-bottom: 0 !important;
}
.home .hero-wrapper .container .col-12 {
background-color: transparent !important;
}
.page-template-default .hero-wrapper .background-text {
font-size: 220px;
color: #ffffff;
position: absolute;
line-height: 0.85;
left: 13vw;
top: auto;
bottom: 0;
opacity: 0.35;
z-index: 0;
left: 50%;
transform: translate(-50%, 0%);
width: 100%;
text-align: center;
}
.page-template-default .hero-wrapper .container {
height: 100%;
padding-bottom: 0 !important;
}
.hero-wrapper h1 {
background-color: #ffffffcf;
line-height: 1;
margin: auto;
text-transform: uppercase;
color: #283854;
text-align: center;
font-family: "Tabac Glam G2 TRIAL";
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.ui-datepicker-header {
display: flex !important;
justify-content: space-around !important;
align-items: center !important;
}
.ui-datepicker-calendar {
margin: 0 auto !important;
}
#ui-datepicker-div .ui-widget-header .ui-datepicker-prev span {
background-image: url("../images/datepicker-arrow.svg") !important;
background-size: cover !important;
background-position: center !important;
width: 9px !important;
height: 16px !important;
transform: rotate(-180deg);
}
#ui-datepicker-div .ui-widget-header .ui-datepicker-next {
order: 3;
}
#ui-datepicker-div .ui-widget-header .ui-datepicker-next span {
background-image: url("../images/datepicker-arrow.svg") !important;
background-size: cover !important;
background-position: center !important;
width: 9px !important;
height: 16px !important;
order: 3;
}
#ui-datepicker-div {
background-color: #ffffff;
}
.datepicker.medium.mdy.datepicker_no_icon.hasDatepicker {
width: 100% !important;
}
/* DATEPICKER STYLING */
.ui-datepicker-calendar {
background-color: #ffffff;
}
.ui-datepicker-title {
font-family: "sofia-pro", sans-serif;
font-size: 0.9em;
font-weight: 300;
letter-spacing: 1px;
text-shadow: none;
color: #221408;
}
.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {
border-radius: 0;
}
.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all {
background: none repeat scroll 0 0 #273854;
border: medium none;
border-radius: 0;
color: #fff;
font-family: "sofia-pro", sans-serif;
text-align: center;
}
.ui-datepicker-title {
color: #ffffff;
}
.ui-widget-header .ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
height: 17px;
width: 11px;
}
.ui-icon-circle-triangle-e {
background-position: -11px 0;
}
.ui-icon-circle-triangle-w {
background-position: 0 0;
}
.ui-icon {
height: 17px;
width: 11px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
left: 60%;
}
.ui-state-hover {
border: none !important;
background: #237fffe2 !important;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
/* background: transparent !important; */
border: medium none !important;
margin: 0 !important;
text-align: center !important;
font-family: "sofia-pro", sans-serif;
font-weight: 300;
width: 100%;
text-shadow: none;
}
.ui-datepicker tbody td {
width: 14.285714286%;
}
.ui-datepicker th {
font-family: "sofia-pro", sans-serif;
font-weight: 100;
}
.ui-state-default:hover,
.ui-widget-content .ui-state-default:hover,
.ui-widget-header .ui-state-default:hover {
background: none repeat scroll 0 0 #237fffe2 !important;
}
.ui-widget-content {
border: 1px solid #f4efe5;
}
.ui-datepicker table {
margin: 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
background-image: none !important;
}
.ui-datepicker {
padding: 0 !important;
}
.wsp-pages-list {
text-align: center;
column-count: 2;
}
.booking-title-mobile {
display: none;
width: 100%;
position: absolute;
bottom: 0;
z-index: 1;
}
@media screen and (max-width: 840px) {
.booking-title-mobile {
display: block;
}
}
@media only screen and (max-width: 1025px) {
.brand-topper {
height: auto;
position: relative;
z-index: 8888;
top: 0;
width: 100%;
left: 0;
border-bottom: none;
background-color: #221408;
}
}
.booking-title a {
background: #bea783 none repeat scroll 0 0;
color: #ffffff;
font-family: "sofia-pro", sans-serif;
font-size: 1.5em;
line-height: 150%;
padding: 10px;
text-align: center;
width: 100%;
display: block;
}
.booking-title>a:hover {
background-color: #ae9773;
transition: background-color 0.5s;
}
.home .booking-title {
display: block;
}
.booking-title {
display: none;
}
.booking-title-mobile a {
background: #273854 none repeat scroll 0 0;
color: #ffffff;
font-family: "sofia-pro", sans-serif;
font-size: 1.5em;
font-weight: 700;
line-height: 150%;
padding: 10px;
text-align: center;
width: 100%;
display: block;
text-transform: uppercase;
}
.booking-title-mobile>a:hover {
background-color: #DBA668;
transition: background-color 0.5s;
}
.booking-title-mobile {
display: none;
}
@media screen and (max-width: 840px) {
.home .booking-title-mobile {
display: block;
}
}
.book-form-wrapper {
background: #ffffff none repeat scroll 0 0;
}
@media screen and (max-width: 840px) {
.book-form-wrapper {
display: none;
}
}
.home .book-form-wrapper {
position: relative;
top: -100px;
width: 85%;
margin: 0 auto;
position: absolute;
top: auto;
bottom: 5px;
left: 50%;
transform: translateX(-50%);
z-index: 1;
-webkit-box-shadow: 0px 0px 18px 6px rgba(0, 0, 0, 0.29);
box-shadow: 0px 0px 18px 6px rgba(0, 0, 0, 0.29);
}
@media screen and (max-width: 840px) {
.home .book-form-wrapper {
width: 100%;
top: 0;
position: relative;
}
}
.book-form-wrapper>form {
margin: 0 auto;
padding: 20px 0;
width: 90%;
display: flex;
align-items: flex-end;
justify-content: space-around;
}
.book-form-wrapper>form fieldset {
margin-bottom: 0;
}
@media screen and (max-width: 840px) {
.book-form-wrapper form {
width: 100%;
}
.book-form-wrapper fieldset {
background-color: #ffffff;
float: none;
}
.book-form-wrapper fieldset.form-actions {
background-color: transparent;
margin-bottom: 0;
}
}
.hero-wrapper .book-form-wrapper {
width: 70%;
background: #fff;
bottom: -40px;
margin: 0 auto;
position: absolute;
top: auto;
left: 50%;
transform: translateX(-50%);
z-index: 1;
-webkit-box-shadow: 0px 0px 18px 6px rgba(0, 0, 0, 0.29);
box-shadow: 0px 0px 18px 6px rgba(0, 0, 0, 0.29);
max-width: 1100px;
}
.hero-wrapper .book-form-wrapper>form {
width: 100%;
padding: 0;
justify-content: space-between;
align-items: center;
}
.hero-wrapper .book-form-wrapper>form fieldset {
margin-bottom: 0;
padding: 10px;
width: 33%;
position: relative;
}
.hero-wrapper .book-form-wrapper>form fieldset.last-form-select {
border-right: none;
}
.hero-wrapper .book-form-wrapper>form fieldset.form-actions {
padding: 0;
width: 25%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
min-height: 82px;
background: #273854;
font-family: "sofia-pro", sans-serif;
}
.hero-wrapper .book-form-wrapper>form fieldset.form-actions input {
background: transparent;
height: 81px;
font-family: "Tabac Glam G2 TRIAL", serif;
font-size: 16px;
font-weight: 400;
}
.hero-wrapper .book-form-wrapper>form fieldset.form-actions input[type=submit] {
font-size: 20px;
font-weight: 600;
color: #E6F5FF;
font-family: "sofia-pro", sans-serif;
}
.hero-wrapper .book-form-wrapper>form fieldset label {
font-size: 14px;
color: #959595;
margin-bottom: 0;
line-height: 1;
}
.hero-wrapper .book-form-wrapper>form fieldset input {
width: 100%;
margin-top: 0;
padding: 5px 0;
}
.hero-wrapper .book-form-wrapper>form *:focus-visible {
outline: 2px solid #273854 !important;
}
.date-wrapper {
height: 100px;
width: 100%;
}
.date-wrapper input.datepicker {
opacity: 0;
z-index: 2;
cursor: pointer;
}
.custom-date-box {
background: white;
padding: 5px 30px;
pointer-events: none;
height: 100%;
width: 100%;
z-index: 1;
position: absolute;
top: 50%;
left: 50%;
max-width: 300px;
margin: auto;
transform: translate(-50%, -50%);
}
.custom-date-box .label {
font-size: 14px;
color: #A9A8A4;
text-transform: uppercase;
font-weight: 500;
}
.custom-date-box .date-day {
color: #273854;
font-size: 36px;
line-height: 1;
}
.custom-date-box .date-month-year {
color: #7B7B78;
font-size: 14px;
}
.custom-date-box .date-weekday {
font-size: 12px;
color: #A5A5A0;
}
.form-actions {
width: 280px;
}
@media screen and (max-width: 992px) {
.form-actions {
margin-left: 10px;
}
}
.form-select {
margin-right: 1%;
width: auto;
}
.form-select #rooms {
/*width: 130px;*/
}
.form-select #adults {
/*width: 130px;*/
}
.book-form-wrapper input {
background: rgba(0, 0, 0, 0) url("images/arrow.svg") no-repeat scroll 96% center;
border-top: none;
border-left: none;
border-right: none;
border-bottom: 1px solid #BABABA;
color: #2E2E2E;
font-family: 'Trade Gothic LT', serif;
padding: 10px;
width: 95%;
-webkit-appearance: none;
border-radius: 0 !important;
}
.form-actions>input {
background-color: #991B1E;
background-image: none;
color: #ffffff;
border: none;
text-transform: uppercase;
font-weight: 700;
font-family: "Tabac Glam G2 TRIAL", serif;
}
.form-actions>input:hover {
background-color: #d2b48c;
border: none;
color: #ffffff;
transition: color 0.5s ease 0s, background-color 0.5s ease 0s;
}
.book-form-wrapper select {
background: rgba(0, 0, 0, 0) url("images/icon-arrow.png") no-repeat scroll 96% center;
border-left: none;
border-right: none;
border-bottom: 1px solid #BABABA;
border-top: none;
border-radius: 0 !important;
color: #2E2E2E;
font-family: "Trade Gothic LT", sans-serif;
font-size: 1em;
-webkit-appearance: none;
text-indent: 0.01px;
text-overflow: "";
width: 95%;
-moz-appearance: none !important;
padding-left: 2px;
}
@media only screen and (max-width: 840px) {
.form-select {
margin-bottom: 30px;
margin-right: 0;
width: 100%;
}
.book-form-wrapper select,
.book-form-wrapper input {
width: 100%;
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.gallery-left,
.gallery-right {
width: 100%;
max-width: 100%;
flex: 100%;
}
}
.img-text-reverse {
background: #F4F4F4;
padding: 80px 40px;
}
.img-text-reverse .img_text_repeater .repeater-img>div {
width: 649px;
z-index: 1;
position: relative;
top: 50%;
transform: translateY(-50%);
}
.img-text-reverse .img_text_repeater .repeater-text {
margin-bottom: 60px;
margin-top: 0;
padding: 60px 80px;
min-height: 590px;
margin-left: 200px;
padding-left: 510px;
display: flex;
align-items: center;
}
.img-text-reverse .img_text_repeater:nth-child(even) .repeater-text {
padding-left: 80px;
padding-right: 510px;
margin-left: 0;
margin-right: 200px;
}
.img-text-reverse .img_text_repeater .img-wrapper {
position: absolute;
z-index: 1;
left: 0;
top: 60px;
}
.img-text-reverse .img_text_repeater:nth-child(even) .img-wrapper {
left: unset;
right: 0;
}
.img-text-reverse .img_text_repeater .img-wrapper div {
width: 649px;
height: 470px;
}
.img-text-reverse-inner {
max-width: 1260px;
margin: auto;
}
.img-text-reverse .img_text_repeater:last-child .repeater-text {
margin-bottom: 0;
}
@media only screen and (max-width: 1100px) {
.img-text-reverse .img_text_repeater .img-wrapper div {
width: 400px;
height: 340px;
}
.img-text-reverse .img_text_repeater .repeater-text {
padding-left: 260px;
}
.img-text-reverse .img_text_repeater:nth-child(even) .repeater-text {
padding-left: 80px;
padding-right: 260px;
}
}
@media only screen and (max-width: 880px) {
.img-text-reverse .img_text_repeater .repeater-text {
width: 100%;
margin-left: 0 !important;
padding: 40px !important;
margin-right: 0 !important;
min-height: auto;
}
.img-text-reverse .img_text_repeater {
flex-direction: column-reverse;
}
.img-text-reverse .img_text_repeater .img-wrapper {
position: relative;
top: 0;
}
.img-text-reverse .img_text_repeater .img-wrapper div {
width: 100%;
height: 75vw;
}
}
/* logos slider */
.logos-slider-block {}
.logos-slider-block .slick-arrow {
background: transparent;
}
.slick-slide img {
margin: 0 auto;
}
/*.slider, .slick-list, .slick-track, .slide {height: 100%;}*/
.slide {
position: relative;
text-align: center;
}
.slick-slide:focus {
outline: 0;
}
.slick-arrow {
position: absolute;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 1;
color: rgba(255, 255, 255, 0.7);
font-size: 40px;
cursor: pointer;
outline: 0 !important;
}
.slick-prev {
left: 15px;
}
.slick-next {
right: 15px;
}
.slick-dots {
position: relative;
bottom: 0;
left: 0;
right: 0;
text-align: center;
margin: 0;
padding: 30px 0 0;
}
.slick-dots li {
display: inline-block;
vertical-align: middle;
padding: 0;
}
.slick-dots li:only-child {
display: none;
}
.slick-dots li button {
-webkit-appearance: none;
appearance: none;
background: #7797a9;
border: 0;
border-radius: 100%;
font-size: 0;
width: 11px;
height: 11px;
margin: 3px;
outline: 0 !important;
padding: 0;
}
.slick-dots li.slick-active button {
background: #adc1cb;
}
.b-offset-image-text {
padding: 80px 0;
position: relative;
}
.b-offset-image-text .button {
background-color: transparent;
}
@media screen and (max-width: 768px) {
.b-offset-image-text {
padding: 10px 0;
}
}
.b-offset-image-text.b-offset-image-text--watermark:before {
content: "";
background-repeat: no-repeat;
background-position: center;
position: absolute;
top: 0;
left: -50vw;
width: 100%;
height: 100%;
z-index: 0;
}
.b-offset-image-text .row {
padding-bottom: 40px;
}
@media screen and (max-width: 768px) {
.b-offset-image-text .row {
padding-bottom: 60px;
}
}
.b-offset-image-text .row.content-left {
flex-direction: row-reverse;
padding-bottom: 200px;
}
@media screen and (max-width: 768px) {
.b-offset-image-text .row.content-left {
padding-bottom: 60px;
}
}
.b-offset-image-text .row.content-left .background-title {
left: 0;
right: auto;
width: 100vw;
}
.b-offset-image-text .row.content-left .b-offset-image-text__image {
top: 55px;
right: -125px;
border-left: none;
}
@media screen and (max-width: 768px) {
.b-offset-image-text .row.content-left .b-offset-image-text__image {
right: auto;
top: auto;
}
}
.b-offset-image-text .row .offset-content-container {
align-self: center;
}
.b-offset-image-text .b-offset-image-text__image {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
height: 582px;
width: 575px;
position: relative;
z-index: 3;
}
@media screen and (max-width: 768px) {
.b-offset-image-text .b-offset-image-text__image {
width: 100%;
}
}
.b-offset-image-text__content {
overflow: hidden;
}
.b-offset-image-text .b-offset-image-text__content {
padding: 0 40px;
position: relative;
z-index: 2;
}
@media screen and (max-width: 768px) {
.b-offset-image-text .b-offset-image-text__content {
padding: 20px 40px;
}
}
.b-offset-image-text .b-offset-image-text__content .background-title {
font-family: "sofia-pro", serif;
font-size: 183px;
color: rgba(255, 255, 255, 0.9);
line-height: 0.7;
position: absolute;
left: -5.5vw;
top: -110px;
opacity: 0.3;
z-index: -1;
}
.b-offset-image-text .b-offset-image-text__content .offset-headline {
color: #000;
font-family: "sofia-pro", serif;
font-size: 48px;
font-weight: 700;
text-transform: none;
}
.b-offset-image-text .b-offset-image-text__content .offset-headline:after {
content: "";
display: block;
width: 121px;
height: 7px;
background-color: #e6f5ff;
}
.b-offset-image-text .b-offset-image-text__content .offset-content {
color: #2E2E2E;
font-weight: 400;
font-size: 18px;
}
.b-offset-image-text.b-offset-image-text--offset_content .background-title {
font-family: "sofia-pro", serif;
left: -6.5vw;
top: -30px;
width: 100% !important;
}
.b-offset-image-text.b-offset-image-text--offset_content .b-offset-image-text__image {
position: absolute;
top: -80px !important;
}
@media screen and (max-width: 768px) {
.b-offset-image-text.b-offset-image-text--offset_content .b-offset-image-text__image {
top: auto !important;
position: initial;
}
}
.b-offset-image-text.b-offset-image-text--offset_content .row {
margin-bottom: 250px;
min-height: 450px;
position: relative;
top: 120px;
}
.b-offset-image-text.b-offset-image-text--offset_content .row:last-child {
margin-bottom: 140px;
}
.b-offset-image-text.b-offset-image-text--offset_content .row.content-right .col-lg-6:first-child {
padding-left: 0;
}
.b-offset-image-text.b-offset-image-text--offset_content .row.content-left .b-offset-image-text__image {
right: -85px;
}
.b-offset-image-text .row:last-child {
padding-bottom: 0;
}
#map-popup-close {
display: none;
}
.mapboxgl-marker {
border-radius: 100%;
border: none !important;
cursor: pointer;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
position: relative;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
border-radius: 50%;
}
.mapboxgl-popup {
max-width: none !important;
}
.mapboxgl-popup-content {
display: flex;
width: 275px;
font-size: 18px;
padding: 15px;
box-shadow: none;
flex-direction: column;
font-family: "sofia-pro", sans-serif;
font-weight: 300;
padding: 20px !important;
}
.mapboxgl-popup h3 {
font-family: "sofia-pro", sans-serif;
margin-bottom: 0;
text-align: center;
font-size: 20px;
color: #283854;
text-transform: uppercase;
font-weight: 600;
}
.mapboxgl-popup-content p:last-of-type {
margin-bottom: 0;
}
.mapboxgl-popup-content .learn-more {
display: block;
text-align: center;
margin-top: 15px;
outline: none;
background: #003D28;
color: #fff;
border-color: #003D28;
}
.mapboxgl-popup-content .learn-more:hover {
background: #003D28;
color: #fff;
border-color: #003D28;
}
.mapboxgl-popup-close-button {
right: 3px !important;
top: 1px !important;
}
.mapboxgl-popup-close-button:focus {
outline: none;
}
.map_block h1:before,
.map_block h2:before {
content: none;
}
.filter-group::-webkit-scrollbar {
width: 6px;
}
.filter-group::-webkit-scrollbar-track {
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.filter-group::-webkit-scrollbar-thumb {
background: #9a9893;
outline: 1px solid #333233;
}
#map-popup {
position: absolute;
/* top: 5%;*/
/* bottom: 0;*/
/* left: 33%;*/
width: 350px;
z-index: 1;
border-radius: 0;
color: #000;
font-family: Copperplate;
font-size: 16px;
letter-spacing: 0.91px;
background: #ffffff;
padding: 0;
/* height: 100%;*/
transition: opacity .5s ease;
overflow-y: auto;
overflow-x: auto;
opacity: 0;
}
#map-popup.active {
opacity: 1;
}
#map-popup #map-popup-close {
position: absolute;
right: 5px;
top: 5px;
opacity: 0;
cursor: pointer;
line-height: 1;
}
#map-popup.active #map-popup-close {
opacity: 1;
transition: opacity .5s ease .5s;
}
/*#map-popup #map-popup-image {opacity: 0;width: 100%;}#map-popup.has-image #map-popup-image {height: 200px;}#map-popup.active #map-popup-image {opacity: 1;transition: opacity .5s ease .5s;}*/
#map-popup #map-popup-content {
padding: 25px 30px;
opacity: 0;
}
#map-popup #map-popup-content h6 {
font-size: 18px;
}
#map-popup #map-popup-content p {
font-size: 15px;
margin-bottom: 15px !important;
line-height: 1.3;
}
#map-popup #map-popup-content .button {
/* font-size: 15px;*/
/* font-weight: normal;*/
/* padding: 5px 0;*/
/* border-bottom: 2px solid;*/
}
#map-popup.active #map-popup-content {
opacity: 1;
transition: opacity .5s ease .5s;
}
.mapboxgl-map {
font: inherit !important;
}
.mapboxgl-popup-content {
text-align: center;
padding: 40px 25px !important;
min-width: 275px;
}
.mapboxgl-popup-content h3 {
font-size: 16px;
}
.mapboxgl-popup-content .button {
font-size: 12px;
padding: 12px 20px;
}
.mapboxgl-popup-close-button {
font-size: 25px;
right: 5px !important;
top: 5px !important;
}
.filter-group {
position: absolute;
float: left;
top: 0;
left: 0;
height: 100%;
z-index: 2;
border-radius: 0;
width: auto;
background: #ffffffc7;
font-size: 19px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
text-align: left !important;
overflow: auto;
margin-left: 50px;
padding: 20px 20px 50px 30px;
display: flex;
flex-direction: column;
justify-content: center;
}
.filter-group .section-heading {
font-size: 40px;
}
.filter-group-toggle {
padding: 15px 25px;
cursor: pointer;
color: #283854;
display: flex;
align-items: center;
font-size: 16px;
font-weight: 500;
font-family: "sofia-pro", sans-serif;
text-transform: uppercase;
}
.filter-group-toggle .dot {
width: 27px;
height: 27px;
border: 1px solid #283854;
border-radius: 50%;
margin-right: 10px;
}
.filter-group-toggle:hover,
.mapfiler.active .filter-group-toggle {
color: #283854;
}
.filter-group-toggle:hover .dot,
.mapfiler.active .filter-group-toggle .dot {
border-color: #E2BF95;
background: #E2BF95;
}
.filter-category {
overflow: hidden;
opacity: 0;
max-height: 0;
transition: all .5s ease;
}
.mapfiler.active .filter-category {
opacity: 1;
max-height: 300px;
}
.filter-group h3 {
display: none;
}
.filter-group h4 {
color: #3C3C3C;
font-size: 17px;
letter-spacing: 0.91px;
cursor: pointer;
padding: 10px 25px 10px 40px;
margin-bottom: 0;
}
.filter-group h4:hover,
.filter-group h4.active {
background: #EA7937;
color: #fff;
}
.filter-group h4.active {
font-weight: bold;
}
.mapboxgl-ctrl-bottom-left {
display: none !important;
}
.mapboxgl-ctrl-bottom-right {
display: none !important;
}
.mapboxgl-marker {
cursor: pointer;
border-radius: 100%;
background-size: 50%;
background-repeat: no-repeat;
background-position: center center;
position: relative;
}
/*.mapboxgl-marker:after {*/
/* content: '';*/
/* position: absolute;*/
/* top: 97%;*/
/* left: 50%;*/
/* -webkit-transform: translateX(-50%);*/
/* -moz-transform: translateX(-50%);*/
/* transform: translateX(-50%);*/
/* width: 0;*/
/* height: 0;*/
/* border-left: 10px solid transparent;*/
/* border-right: 10px solid transparent;*/
/* border-top: 15px solid #7B2A1E;*/
/*}*/
/* End MAP BLOCK */
/* End MAP BLOCK */
.map_block .section-heading {
margin-bottom: 40px;
}
.b-posts-grid {
padding-top: 60px;
padding-bottom: 60px;
position: relative;
}
.b-posts-grid .posts-filters {
align-items: flex-end;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
margin-bottom: 20px;
width: 100%;
}
@media screen and (max-width: 768px) {
.b-posts-grid .posts-filters {
margin-left: 0;
}
}
.b-posts-grid .posts-filters .facetwp-facet-events_filter_by_date.facetwp-type-dropdown {
margin-left: 0;
}
.b-posts-grid .posts-filters .filter-label {
color: #2E2E2E;
display: block;
font-size: 15px;
font-weight: 600;
margin-bottom: 4px;
text-transform: uppercase;
}
.b-posts-grid .posts-filters div {
margin: 0;
margin-right: 22px;
min-width: 250px;
}
@media screen and (max-width: 768px) {
.b-posts-grid .posts-filters div {
margin-bottom: 10px;
}
}
.b-posts-grid .posts-filters .facetwp-type-dropdown select {
background-color: rgba(243, 233, 222, .5);
border: none;
border-bottom: 1px solid #6A6968;
min-height: 50px;
color: #2B0606;
font-size: 15px;
line-height: 32px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url("../images/icon_chevron_down_red.svg");
background-repeat: no-repeat;
background-position: 95% center;
}
.b-posts-grid .posts-filters .facetwp-type-dropdown select:focus {
outline: 0;
}
.b-posts-grid .posts-filters .facetwp-type-search i.facetwp-icon {
color: #2E2E2E;
opacity: 1;
}
.b-posts-grid .posts-filters .facetwp-type-search i.facetwp-icon:before {
background: url("../images/icon-search.svg") no-repeat !important;
color: #2E2E2E;
position: relative;
top: 10px;
}
.b-posts-grid .posts-filters .facetwp-type-search input.facetwp-search {
background-color: #F2F0EF;
border: none;
border-bottom: 1px solid #991B1E;
color: #848484;
}
.post>article {
box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.16);
-webkit-box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.16);
-moz-box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.16);
/* max-width: 398px;*/
/* width: 100%;*/
position: relative;
height: 100%;
}
.post .post-image {
width: 100%;
min-height: 283px;
overflow: hidden;
aspect-ratio: 398 / 283;
}
.post .post-image img {
object-fit: cover;
height: 100%;
width: 100%;
}
.post .post-title {
color: #2E2E2E;
font-family: "sofia-pro", sans-serif;
font-size: 24px;
font-weight: 700;
text-align: center;
}
.post .post-date {
border-top: 1px solid rgba(159, 159, 159, 0.29);
border-bottom: 1px solid rgba(159, 159, 159, 0.29);
display: flex;
justify-content: center;
margin: 12px 0;
padding: 12px 0;
}
.post .post-date span {
color: #9F9F9F;
font-size: 18px;
font-weight: 400;
padding-right: 10px;
}
.post .post-date span:last-of-type {
padding-right: 0;
}
.post .post-content {
color: #2E2E2E;
font-size: 18px;
padding: 30px 30px 60px 30px;
}
.post .post-content .post-excerpt {
margin-top: 30px;
}
.post .button-container {
position: absolute;
text-align: center;
bottom: -25px;
left: 50%;
transform: translateX(-50%);
z-index: 1;
}
.post .button-container .button {
white-space: nowrap;
}
.post.post-type-post .post-excerpt {
margin-top: 0;
}
#map .mapboxgl-marker {
width: 32px;
height: 41px;
border-radius: 0;
border: none;
background-color: transparent;
}
#map .mapboxgl-popup {
max-width: 640px !important;
}
#map .mapboxgl-popup .property-image {
background-repeat: no-repeat;
background-size: cover;
height: 200px;
width: 100%;
}
#map .marker {
background-image: url("./images/map-marker.svg");
background-size: cover;
width: 30px;
height: 30px;
cursor: pointer;
border-radius: 50%;
}
#map .marker-label {
position: absolute;
left: 28px;
font-size: 18px;
color: #041124;
white-space: nowrap;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.05em;
font-family: 'Work Sans', sans-serif;
}
#map .mapboxgl-popup {
max-width: 200px;
}
#map .mapboxgl-popup-content {
text-align: center;
}
#map .mapboxgl-popup-content h3 {
font-family: "sofia-pro", serif;
font-weight: 300;
font-size: 22px;
font-style: normal;
text-transform: none;
}
#map .mapboxgl-ctrl-attrib-inner,
#map .mapboxgl-ctrl-bottom-left {
display: none !important;
}
#map .mapboxgl-popup-content .button:focus-visible {
outline: none !important;
box-shadow: none !important;
color: #fff !important;
}
.map-bg-wrapper {
margin: auto;
width: 100%;
}
.map-bg-wrapper .map-bg-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: contain;
object-position: right center;
display: block;
padding-left: 25%;
}
.facetwp-facet-properties_pagination {
margin-bottom: 0 !important;
margin-top: 20px !important;
width: 100%;
display: flex;
justify-content: center;
}
.facetwp-facet-properties_pagination .facetwp-page {
line-height: 40px;
height: 40px;
width: 40px;
text-align: center;
}
.facetwp-facet-properties_pagination .facetwp-page:hover {
color: #BE8536;
}
.facetwp-facet-properties_pagination .facetwp-page.active {
border: 1px solid #B57837;
color: #BE8536;
}
.facetwp-facet-properties_pagination .facetwp-page.next,
.facetwp-facet-properties_pagination .facetwp-page.prev {
width: auto;
}
.slick-arrow {
background-color: transparent;
color: #283854 !important;
width: 85px;
height: 85px;
line-height: 0;
z-index: 2;
font-size: 1rem;
}
.slick-arrow.prev-arrow {
left: 70px;
}
.slick-arrow.next-arrow {
right: 70px;
}
.prev-arrow {
transform: translateY(-50%) rotate(180deg);
z-index: 2;
}
@media screen and (max-width: 768px) {
.slick-arrow {
width: 55px;
height: 55px;
}
.slick-arrow svg {
height: 20px;
}
}
/* tabs */
.list-group-item,
.list-group-item:first-child,
.list-group-item:last-child {
border-radius: 0;
margin-bottom: -2px;
}
.list-group-item {
padding: 0 5px 10px;
margin: 0 5px;
text-transform: uppercase;
width: unset;
background: transparent;
border: none;
font-family: "Trade Gothic LT", serif;
color: #2E2E2E;
border-bottom: 2px solid transparent;
text-align: center;
align-items: center;
display: flex;
}
.list-group-item.active {
background: transparent;
color: #BE3E1B;
border-bottom: 2px solid #BE3E1B;
font-weight: bold;
}
.list-group-item-action:focus,
.list-group-item-action:hover {
color: #495057;
background: #f8f9fa;
}
.tab-pane {
border: none;
}
.tab-pane .accordion-content {
border: 0;
}
.tab-pane .accordion-content .dsp-part {
/*font-family: "Trade Gothic LT", serif;*/
color: #000;
font-size: 18px;
line-height: 30px;
}
.tab-pane .accordion-content .dsp-part h3 {
font-family: "sofia-pro", sans-serif;
color: #022B33;
font-size: 44px;
margin-bottom: 20px;
}
.nav-tabs {
border: 0;
}
@media (max-width: 767px) {
.tab-content>.tab-pane {
display: block;
opacity: 1;
border: 0;
}
}
/* ----------- Page Content ----------- */
.page-content table td {
border: 1px solid;
padding: 15px;
}
/* Content Slider */
.content-slider.carousel-module .carousel-item {
height: auto;
min-height: 60vh;
}
@media screen and (max-width: 1199px) {
#navigation li {
padding: 15px 6px;
}
#navigation li a {
font-size: 16px;
}
}
@media screen and (max-width: 1100px) {
.slick-arrow.prev-arrow {
left: 20px;
}
.slick-arrow.next-arrow {
right: 20px;
}
#posts-callout .each_block.col-md-6 ._image {
padding-bottom: 50%;
}
}
#menu-nav-close {
display: none;
}
@media screen and (max-width: 991px) {
header #header-top,
header.static-fixed #header-top,
header.fixed #header-top {
padding-bottom: 0;
}
/* #navigation {
display: none !important;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100vh;
padding: 100px 30px;
overflow: auto;
z-index: 9999;
text-align: center;
background: #fff;
} */
nav.main-menu {
display: block;
text-align: center;
width: 100%;
margin: 0 0 30px;
}
/* #navigation li { */
/* display: block; */
/* } */
/*nav.main-menu ul.sub-menu {*/
/* position: relative;*/
/* margin: 0;*/
/* top: 0;*/
/* left: 0;*/
/* opacity: 1;*/
/*}*/
nav.main-menu li .sub-menu {
margin: 0;
list-style: none;
max-height: 0;
overflow: hidden;
transform-origin: top;
background: #fff;
color: #000;
transition: all 0.35s;
width: auto;
min-width: 100%;
z-index: 1;
position: relative;
width: 100%;
left: 0;
margin-left: 0;
padding: 0;
-webkit-transform: scaleY(0) !important;
-moz-transform: scaleY(0) !important;
transform: scaleY(0) !important;
}
nav.main-menu li .sub-menu.active {
opacity: 1;
padding-top: 15px;
max-height: 1000px !important;
-webkit-transform: scaleY(1) !important;
-moz-transform: scaleY(1) !important;
transform: scaleY(1) !important;
}
nav.main-menu ul.menu li:hover .sub-menu {
max-height: 0;
left: unset;
-webkit-transform: scaleY(0) translateX(-50%);
-moz-transform: scaleY(0) translateX(-50%);
transform: scaleY(0) translateX(-50%);
}
/* #navigation li.menu-item-has-children:hover .sub-menu,
#navigation li.menu-item-has-children:focus-within .sub-menu {
max-height: 0;
}
#navigation.active {
display: block !important;
} */
#menu-nav-close {
display: block;
position: absolute;
right: 30px;
top: 30px;
}
.filter-group {
width: 150px;
}
.filter-group-toggle {
font-size: 25px;
}
.icon-grid .icon-container {
width: 25%;
}
#posts-callout .each_block.col-md-6 ._image {
padding-bottom: 128%;
}
}
@media screen and (max-width: 768px) {
.icon-grid .icon-container {
width: 33%;
margin-left: auto;
margin-right: auto;
}
#posts-callout .slick-slide .slick-content {
position: relative;
background: white;
color: #4F2A15;
border: 1px solid #7b2a1e;
}
#posts-callout .slick-slide .slick-content h3,
#posts-callout .slick-slide .slick-content p {
color: #4F2A15;
}
}
@media screen and (max-width: 576px) {
.gallery .image-8 .gallery-image {
padding-bottom: 100%;
}
.room-specs {
display: block !important;
}
.room-specs>span {
display: block;
width: 100%;
padding: 0 !important;
margin-bottom: 8px;
}
.accomdations-room-info-content {
padding: 0;
}
#map {
max-height: 60vh;
}
}
@media screen and (max-width: 560px) {
.filter-group {
width: 100px;
}
.filter-group-toggle {
/* padding-left: 0;*/
/* padding-right: 0;*/
font-size: 20px;
}
}
/*bg-img-content-block*/
.bg-image-wrapper {
position: relative;
padding-bottom: 100px;
margin-bottom: 50px;
}
.bg-image-wrapper::before {
content: '';
position: absolute;
bottom: 99px;
left: 0;
width: 100%;
height: 112px;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #ffffff99 50%, #ffffff 100%);
z-index: 1;
}
.bg-img-content-block {
aspect-ratio: 1440/640;
background-repeat: no-repeat;
background-size: cover;
display: flex;
justify-content: center;
align-items: center;
overflow: visible;
max-height: 860px;
}
.content-over-bg-image {
background: #fff;
padding: 25px 50px 30px;
max-width: 70%;
width: 705px;
position: absolute;
left: 50%;
transform: translate(-50%);
bottom: -90px;
box-shadow: 0 6px 20px #00000022;
z-index: 1;
color: #283854;
text-align: center;
font-family: "sofia-pro";
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 24px;
/* 150% */
}
.content-over-bg-image-content {
max-width: 423px;
}
.content-over-bg-image h4,
.content-over-bg-image h3,
.content-over-bg-image h2,
.content-over-bg-image h1 {
color: #283854;
text-align: center;
font-family: "Tabac Glam G2 TRIAL";
font-size: 42px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.content-over-bg-image p {
font-weight: 400;
}
@media (max-width: 767px) {
.content-over-bg-image h4,
.content-over-bg-image h3,
.content-over-bg-image h2,
.content-over-bg-image h1 {
font-size: 36px;
}
}
/*ROOMS*/
.room-article {}
.room-article .location-box {
width: auto;
margin: auto;
margin-top: -70px;
background: white;
padding: 10px 20px;
}
.room-article .location-box .location {
font-weight: 600;
font-family: "sofia-pro", serif;
font-weight: 600;
font-size: 16px;
}
.room-article .location-box .location-city {
font-size: 15px;
}
.room-article.slick-slide {
height: auto;
}
.room-article .feat-img {
position: relative;
width: 100%;
aspect-ratio: 930/720;
height: fit-content;
}
.room-article .feat-img .swiper-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.room-article .feat-img img {
width: 100%;
min-height: 250px;
aspect-ratio: 930/720;
object-fit: cover;
}
.room-article .feat-img .swiper-button-next:after,
.room-article .feat-img .swiper-button-prev:after {
color: #fff;
}
.room-article .feat-img .swiper-button-next {
right: 20px;
left: auto;
width: 60px;
height: 60px;
bottom: 20px;
top: unset;
}
.room-article .feat-img .swiper-button-prev {
right: 99px;
left: auto;
width: 60px;
height: 60px;
bottom: 20px;
top: unset;
}
.room-article .flex-row-reverse .feat-img .swiper-button-prev {
right: auto;
left: 20px;
}
.room-article .flex-row-reverse .feat-img .swiper-button-next {
left: 99px;
right: auto;
}
.room-article .feat-img .swiper-button-next:after {
content: url('data:image/svg+xml,');
}
.room-article .feat-img .swiper-button-prev:after {
content: url('data:image/svg+xml,');
}
.room-article .entry-title {
color: #283854;
font-family: "Tabac Glam G2 TRIAL";
font-size: 36px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.room-article .room-description,
.room-article .room-description p {
color: #283854;
font-family: "sofia-pro", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 24px;
/* 150% */
}
@media screen and (max-width: 767px) {
.room-article .room-description {
padding-right: 0;
}
}
.button-full {
background: #273854;
color: #E6F5FF;
width: 50%;
font-family: "sofia-pro", sans-serif;
font-weight: 600;
font-size: 16px;
text-transform: uppercase;
padding: 10px;
}
.button-full.light {
background: #E6F5FF;
color: #273854;
}
#room-filters select {
border-radius: 0;
border: 1px solid #051230;
color: #585555;
font-size: 16px;
text-transform: uppercase;
max-width: 220px;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.filter-by {
font-size: 16px;
font-weight: 700;
color: #051230;
text-transform: uppercase;
}
.room-article p {
font-size: 16px;
color: #707070;
font-family: "sofia-pro", serif;
}
.room-article .amenity p {
font-family: "sofia-pro", serif;
text-transform: uppercase;
font-size: 14px;
}
.room-article .amenity svg {
width: 24px;
height: 24px;
}
.three-images-block {
/*font-family: "Trade Gothic LT", serif;*/
font-size: 18px;
font-weight: 400;
color: #2E2E2E;
line-height: 30px;
}
.three-images-block.layout_1 .section-heading {
font-size: 42px;
/* letter-spacing: 1px; */
}
.three-images-block.layout_1 .first-image img {
aspect-ratio: 550/655;
object-fit: cover;
width: 100%;
}
.three-images-block.layout_1 .second-image img {
aspect-ratio: 275/350;
object-fit: cover;
width: 100%;
}
.three-images-block.layout_1 .third-image .image-slider {
aspect-ratio: 166/232;
object-fit: cover;
margin: auto;
width: calc(100% - 200px);
display: block;
margin-left: 40px;
}
.three-images-block.layout_1 .third-image .image-slider img {
width: 100%;
height: 100%;
object-fit: cover;
}
.three-images-block.layout_1 .button {
top: 45%;
right: -70px;
}
.three-images-block.layout_2 .first-image img {
aspect-ratio: 725/750;
object-fit: cover;
width: 100%;
}
.three-images-block.layout_2 .second-image img {
aspect-ratio: 620/365;
object-fit: cover;
width: 100%;
}
.three-images-block.layout_2 .third-image img {
aspect-ratio: 800/345;
object-fit: cover;
width: 100%;
}
.accordion-content img {
width: 100%;
aspect-ratio: 608 / 400;
object-fit: cover;
}
.nav a.list-group-item:focus {
color: #BE3E1B;
outline: none;
border-bottom: 2px solid #BE3E1B;
background: transparent;
}
.nav a.list-group-item:hover {
background: transparent;
outline: none;
border-bottom: 1px solid #BE3E1B;
}
.page-meetings-events .content-holder p {
/*font-family: 'Trade Gothic LT', 'Montserrat', serif;*/
}
@media (max-width: 992px) {
header {
background: #012C3B;
}
}
@media (max-width: 768px) {
#navigation li a {
color: #000;
}
.bg-img-content-block {
min-height: 70vh;
}
.content-over-bg-image {
max-width: 90%;
}
.filter-group {
left: 0;
height: auto;
bottom: 0;
top: unset;
width: 100%;
margin-left: 0;
padding: 10px;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
flex-direction: row;
}
.filter-group-toggle {
padding: 10px;
font-size: 16px;
}
.filter-group .section-heading {
display: none;
}
.hero-wrapper.large {
height: 80vh;
}
.hero-wrapper h1 {
margin-left: unset;
width: 100%;
text-align: center;
transform: unset;
font-size: 34px;
}
header {
background: #012C3B;
}
.three-images-block.layout_1 .third-image img {
width: 100%;
margin-left: unset;
}
.three-images-block.layout_1 .third-image .image-slider {
width: 100%;
margin-left: 0;
}
.three-images-block.layout_1 .button {
position: static;
display: inline-block;
margin-top: 1.5rem;
}
}
/* IMAGE CONTENT BLOCK */
.image-content {
padding: 80px 0;
}
.image-content.layout_2 {
padding: 170px 0 170px 0;
}
.image-content .offset-content,
.image-content .offset-content p {
max-width: 514px;
}
@media (max-width: 767px) {
.image-content {
padding: 30px 0 80px 0;
}
}
/* TWO IMAGES CONTENT BLOCK */
.two-images-content {
padding: 80px 0 200px 0;
}
.two-images-content .section-heading {
font-size: 42px;
font-family: "Tabac Glam G2 TRIAL", serif;
font-weight: 400;
color: #000;
}
.two-images-content .offset-content {
font-size: 18px;
color: #000;
font-weight: 350;
}
.two-images-content .cta-button {
margin-top: 60px;
}
.two-images-content.show-bg {
background: url(../images/skyline.jpg);
background-size: cover;
background-position: center 30%;
}
.two-images-content .first-image {
width: 90%;
margin-left: auto;
margin-right: 0;
aspect-ratio: 1;
object-fit: cover;
}
.two-images-content .second-image {
position: absolute;
left: -50px;
bottom: -15%;
max-width: 285px;
aspect-ratio: 284/187;
object-fit: cover;
width: 70%;
}
.two-images-content .container {
position: relative;
}
.two-images-content.content-right .row {
justify-content: flex-end;
}
.two-images-content.content-right .first-image {
margin-left: 0;
margin-right: auto;
}
.two-images-content.content-right .second-image {
left: auto;
right: 0;
}
@media only screen and (max-width:1499px) {
.two-images-content {
padding: 120px 0 240px 0;
}
.two-images-content .section-heading {
font-size: 64px;
}
.two-images-content .offset-content {
font-size: 20px;
}
}
@media only screen and (max-width:1199px) {
.two-images-content {
padding: 120px 0 180px 0;
}
.two-images-content .second-image {
width: 60%;
}
.two-images-content .section-heading {
font-size: 54px;
}
.two-images-content .offset-content {
font-size: 18px;
}
}
@media only screen and (max-width:767px) {
.two-images-content {
padding: 60px 0 120px 0;
}
.two-images-content .first-image {
width: calc(90% - 40px);
}
.two-images-content .second-image {
left: 5%;
}
.two-images-content .section-heading {
font-size: 36px;
}
.two-images-content .offset-content {
font-size: 18px;
}
}
@media (min-width: 1500px) {
.two-images-content .container {
width: 1300px;
}
}
.mapimage-area-outer {
position: relative;
width: 100%;
min-height: 580px;
z-index: 1;
display: flex;
align-items: center;
}
.mapimage-area-outer .container,
.mapimage-area-outer .row {
min-height: 100%;
}
.mapimage-area-outer .map-content {
padding: 60px 55px;
width: 45%;
max-width: 45%;
}
.mapimage-area-outer p {
max-width: 320px;
}
.mapimage-area-outer .map-content h2 {
color: #283854;
}
.mapimage-area-outer .map-content .subtitle {
color: #707070;
font-weight: 400;
letter-spacing: 0;
}
@media (max-width: 991px) {
.mapimage-area-outer p {
margin: auto;
}
.map-bg-wrapper .map-bg-img {
position: relative;
top: auto;
left: auto;
height: auto;
width: 100%;
object-position: center;
padding-left: 0;
}
.mapimage-area-outer {
position: relative;
height: auto;
min-height: auto;
width: auto;
display: block;
}
.mapimage-area-outer .container,
.mapimage-area-outer .row {
height: auto;
min-height: auto;
}
.mapimage-area-outer .map-content {
padding: 40px 15px;
width: 100%;
max-width: 100%;
text-align: center;
}
}
@media (max-width: 767px) {
.mapimage-area-outer .map-content {
padding: 40px 15px;
width: 100%;
max-width: 100%;
text-align: center;
}
}
.posts_slider_block-slider .slick-arrow {
top: 40%;
}
.posts_slider_block-slider .slick-prev {
left: 0;
}
.posts_slider_block-slider .slick-next {
right: 0;
}
.posts_slider_block-slider .slick-list {
margin: 0 -22px;
}
.posts_slider_block-slider .slick-slide {
margin: 0 22px;
position: relative;
}
.posts_slider_block-slider .slick-slide .slick-img {
margin: 0 auto;
transform: scale(.77);
transform-origin: center right;
transition: .4s ease-in-out;
aspect-ratio: 1022.36/764.42;
background-color: #000000aa;
}
.posts_slider_block._slider .posts_slider_block-slider .slick-slide .slick-img {
background-blend-mode: darken;
}
.posts_slider_block._slider .posts_slider_block-slider .slick-slide.slick-current .slick-img {
filter: unset;
background-blend-mode: unset;
}
.posts_slider_block-slider .slick-slide.slick-current .slick-img {
opacity: 1;
transform: none;
}
.posts_slider_block-slider .slick-slide.slick-current+.slick-slide .slick-img {
transform-origin: center left;
}
.posts_slider_block-slider .slick-slide .slick-content {
padding: 25px 45px 0;
margin: 0 auto;
background: #fff;
transition: .4s ease-in-out;
visibility: hidden;
opacity: 0;
}
.posts_slider_block-slider .slick-slide .slick-content h3 {
color: #283854;
font-family: "Tabac Glam G2 TRIAL";
font-size: 36px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.posts_slider_block-slider .slick-slide .slick-content p {
font-size: 16px;
color: #273854;
font-family: "Tabac Glam G2 TRIAL", serif;
font-weight: 100;
}
.posts_slider_block-slider .slick-slide.slick-current .slick-content {
opacity: 1;
visibility: visible;
transform: none;
}
.posts_slider_block {
background-position: -550px center;
background-repeat: no-repeat;
background-size: 80%;
}
@media (max-width: 1441px) {
.posts_slider_block-slider .slick-slide .slick-content {
padding: 20px 40px;
}
.posts_slider_block-slider .slick-slide .slick-content h3 {
font-size: 36px;
}
}
.items-block .single-item {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.26);
height: 100%;
background: #fff;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.items-block .single-item .item-content {
padding: 0;
color: #2E2E2E;
line-height: 1.4;
background-color: #fff;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}
.items-block .single-item .item-link {
padding: 10px 20px 40px;
display: flex;
justify-content: center;
align-items: center;
}
.items-block .single-item .item-content p {
color: #283854;
text-align: center;
font-family: "sofia-pro", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 23px;
/* 143.75% */
padding: 20px 40px;
margin-bottom: 0;
}
@media (max-width: 767px) {
.items-block .single-item .item-content p {
padding: 10px 20px;
}
}
.items-block .single-item .item-text {
color: #283854;
text-align: center;
font-family: "Tabac Glam G2 TRIAL";
font-size: 28px;
font-style: normal;
font-weight: 600;
line-height: normal;
padding: 30px 40px 0;
margin-bottom: 0;
}
.items-block .single-item img {
width: 100%;
/* height: 100%; */
object-fit: cover;
aspect-ratio: 1;
aspect-ratio: 465/385;
}
.mega-menu-container {
position: fixed;
top: 0;
right: 0;
left: auto;
width: 50vw;
height: 100vh;
background: #283854;
z-index: 9999;
visibility: hidden;
transform: translateX(100%);
transition: transform 0.4s ease, visibility 0.4s ease;
overflow-y: auto;
}
.mega-menu-container.active {
transform: translateX(0);
visibility: visible;
}
@media (max-width: 991px) {
.mega-menu-container {
width: 100%;
}
}
.mega-menu-header {
padding: 20px;
text-align: right;
display: flex;
justify-content: space-between;
margin-bottom: 50px;
}
.mega-menu-header .logo-container img {
max-width: 380px;
width: 100%;
}
.mega-menu-close {
background: none;
border: none;
color: #fafafa;
font-size: 24px;
cursor: pointer;
padding: 10px;
}
.mega-menu-content {
padding: 20px 20px;
}
.mega-menu-nav {
max-width: 1200px;
margin: 0 auto;
}
.mega-menu-list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
}
.mega-menu-list li {
margin: auto;
margin-bottom: .8rem;
max-width: 380px;
width: 100%;
}
.mega-menu-content .mega-menu-list a {
font-size: 18px;
text-transform: uppercase;
color: #fafafa;
font-family: "sofia-pro", sans-serif;
font-weight: 500;
font-style: normal;
display: block;
line-height: 1.6;
letter-spacing: 0;
border-bottom: 1px solid transparent;
}
.mega-menu-list a:hover {
text-decoration: underline;
}
.mega-menu-toggle {
display: flex;
align-items: center;
gap: 8px;
margin-left: 15px;
}
.mega-menu-toggle i {
font-size: 18px;
}
/* Mobile styles */
@media (max-width: 991px) {
.mega-menu-list {
grid-template-columns: 1fr;
}
.mega-menu-content {
padding: 20px;
}
}
/* Body lock when mega menu is open */
body.mega-menu-open {
overflow: hidden;
}
.mega-menu-list .sub-menu {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease;
list-style: none;
padding: 0;
margin: 0;
background: rgba(0, 0, 0, 0.02);
}
.mega-menu-list .sub-menu.active {
max-height: 500px;
/* This value should be larger than your tallest submenu */
}
.mega-menu-list .sub-menu {
padding: 0;
margin: 0;
list-style: none;
}
.mega-menu-list .sub-menu a {
font-size: 16px;
padding: 15px 0 10px;
text-transform: none;
text-transform: uppercase;
}
.mega-menu-list .sub-menu li {
list-style: none;
margin-bottom: 0;
}
.mega-menu-list .sub-menu a:hover {
color: #fafafa;
}
.mega-menu-list .menu-item-has-children>a {
position: relative;
}
.mega-menu-list .menu-item-has-children>a::after {
content: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%225.5200000000000005%205.424%2012.864%2013.056000000000001%22%20style%3D%22max-height%3A%20500px%22%20width%3D%2212.864%22%20height%3D%2213.056000000000001%22%3E%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20stroke%3D%22%23fafafa%22%20d%3D%22M7%2010L12%2015L17%2010%22%2F%3E%3C%2Fsvg%3E');
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
transition: transform 0.3s ease;
font-size: 20px;
line-height: 1;
}
.mega-menu-list .menu-item-has-children>a.active::after {
transform: translateY(-50%) rotate(180deg);
}
.room-amenities {
padding-top: 10px;
margin-top: 20px;
color: #051230;
text-transform: uppercase;
font-size: 14px;
color: #283854;
text-align: center;
font-family: "sofia-pro";
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 16px;
text-transform: uppercase;
}
.event-tabs {
display: flex;
column-gap: 20px;
margin-bottom: 50px;
}
.event-tabs>a {
color: #051230;
background: #fff;
border: 1px solid #9B9B9B;
padding: 8px 15px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
font-size: 16px;
display: flex;
align-items: center;
font-family: "sofia-pro", sans-serif;
/* letter-spacing: 1.5px; */
display: flex;
align-items: center;
gap: 10px;
}
.event-tabs>a:first-of-type:before {
content: url('data:image/svg+xml,');
}
/* .event-tabs > a.active:first-of-type:before {
content: url('data:image/svg+xml,');
} */
.event-tabs>a:nth-of-type(2):before {
content: url('data:image/svg+xml,');
}
.event-tabs>a:nth-of-type(3):before {
content: url('data:image/svg+xml,');
}
.event-tabs>a.active:before {
filter: invert(1);
}
.event-tabs>a.active {
background: #051230;
color: #fff;
}
.tribe-events-widget-events-list__view-more {
display: none;
}
.tribe-common .tribe-common-g-row {
margin-bottom: 40px !important;
}
.single-event img {
aspect-ratio: 445/275;
object-fit: cover;
}
.single-event {
position: relative;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
overflow: hidden;
}
.single-event .single-event-content {
padding: 15px;
}
.single-event h2 {
font-size: 26px;
font-weight: 500;
color: #283854;
margin-bottom: 10px;
font-family: "Tabac Glam G2 TRIAL", serif;
font-style: normal;
letter-spacing: 0;
}
.single-event p {
font-size: 16px;
color: #2E2E2E;
margin: 15px 0;
font-weight: 450;
line-height: 1.7;
}
.single-event .date-bar {
background-color: #E2BF95;
padding: 8px 22px;
font-size: 14px;
font-weight: 600;
color: #fff;
line-height: 1.2;
font-style: normal;
width: fit-content;
}
a.single-event:hover {
text-decoration: none;
}
.single-event .single-event-date-row {
font-size: 18px;
font-family: "sofia-pro", sans-serif;
font-style: normal;
font-weight: 400;
color: #707070;
border-bottom: 1px solid rgba(112, 112, 112, 0.35);
}
.single-event .event-btn {
display: inline-block;
color: #fafafa;
font-family: "sofia-pro", sans-serif;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.05em;
background: #051230;
width: 100%;
text-align: center;
padding: 15px 15px 10px 15px;
}
.page-groups .newsletter-section {
margin-top: 140px;
}
/* tribe events */
.tribe-events-meta-group-other {
display: none;
}
.tribe-events-custom-cta {
border: none !important;
padding: 10px 0 30px 0;
}
.tribe-events-pg-template {
padding-top: 150px !important;
}
:root {
--tec-color-accent-primary: #283854;
--tec-color-button-primary: #283854;
--tec-color-button-primary-hover: #283854;
--tec-color-button-primary-active: #283854;
--tec-color-button-primary-background: #283854;
}
/* Single event: keep featured images a consistent size instead of full-bleed natural size. */
.single-tribe_events .tribe-events-event-image img,
.tribe-events-single .tribe-events-event-image img {
width: 100%;
height: auto;
aspect-ratio: 668 / 413;
object-fit: cover;
display: block;
}
.ic-popup-overlay {
position: fixed;
inset: 0;
display: none;
align-items: center;
justify-content: center;
z-index: 9999;
}
.ic-popup-overlay.open {
display: flex;
}
.ic-popup-backdrop {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.55);
}
.ic-popup-modal {
position: relative;
background: #fff;
width: min(920px, 92vw);
max-height: 86vh;
border-radius: 6px;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.25);
z-index: 1;
overflow: hidden;
}
.ic-popup-scroll {
overflow: auto;
max-height: inherit;
padding: 28px 28px 32px;
}
.ic-popup-content {
color: #283854;
line-height: 1.6;
}
.ic-popup-close {
position: absolute;
top: 8px;
right: 10px;
border: 0;
background: transparent;
font-size: 32px;
line-height: 1;
color: #283854;
cursor: pointer;
padding: 8px;
}
.bg-cream {
background-color: #F6E5CE;
}
/* ============================================================
MOBILE FIXES & MISC
============================================================ */
/* --- Hero simple (interior pages) --- */
.hero-small {
min-height: 280px;
display: flex;
flex-direction: column;
justify-content: center;
}
@media (max-width: 767px) {
.hero-small {
min-height: 180px;
}
.hero-small h1 {
font-size: 32px;
}
/* Kill excess space between hero and first block */
.hero-small + * {
margin-top: 0;
}
}
/* --- Homepage intro — center headline + fix copy edge padding on mobile --- */
@media (max-width: 991px) {
.home-intro-content-wrapper .section-heading,
.home-intro-content-wrapper .subtitle {
text-align: center;
}
.home-intro-content-wrapper .content {
padding-left: 1rem;
padding-right: 1rem;
}
}
/* --- Footer social icons — center on mobile --- */
@media (max-width: 991px) {
footer .footer-social {
margin-left: auto;
margin-right: auto;
text-align: center;
}
}
/* --- Background pattern visibility (Meet & Gather, interior) --- */
.two-images-content-bg {
isolation: isolate;
}
.three-images-block-wrapper {
isolation: isolate;
}
/* Ensure z-index -1 pseudo elements stay inside their stacking context */
.two-images-content-bg.layout-1 {
position: relative;
}
/* --- Room article — arrows fix on iOS (use CSS transform not SVG attribute) --- */
.room-article .feat-img .swiper-button-prev:after {
content: url('data:image/svg+xml,');
display: inline-block;
transform: scaleX(-1);
}
/* --- Room article — mobile: arrows smaller, spacing, book now center --- */
@media (max-width: 767px) {
.room-article .feat-img .swiper-button-next,
.room-article .feat-img .swiper-button-prev {
width: 40px;
height: 40px;
bottom: 10px;
}
.room-article .feat-img .swiper-button-next:after,
.room-article .feat-img .swiper-button-prev:after {
transform: scale(0.65);
}
.room-article .feat-img .swiper-button-prev:after {
transform: scaleX(-1) scale(0.65);
}
.room-article .feat-img .swiper-button-next {
right: 10px;
}
.room-article .feat-img .swiper-button-prev {
right: 60px;
}
/* Space between image and title */
.room-article .article-content {
padding-top: 1.25rem !important;
}
.room-article .entry-title {
font-size: 26px;
margin-bottom: 0.5rem;
}
/* Book Now — center on mobile */
.room-article .article-content .d-flex.align-items-center.mt-0 {
justify-content: center;
}
}
/* --- Accommodations slider — mobile spacing --- */
@media (max-width: 767px) {
/* Reduce gap between slider and progress line */
.posts_slider_block .container-fluid.pb-2 {
padding-bottom: 0 !important;
}
/* Add gap between progress line and view-all button */
.posts_slider_block .container.py-2:has(.slider_progress) {
padding-bottom: 1rem !important;
}
}
/* --- 3 image block — move button above 3rd image on mobile --- */
@media (max-width: 767px) {
.three-images-block.layout_1 .d-flex.w-100.position-relative .button {
order: -1;
margin-top: 0;
margin-bottom: 1rem;
margin-left: auto;
margin-right: auto;
}
}
/* --- Local Area map — categories: single column, left-aligned on mobile --- */
@media (max-width: 767px) {
.filter-group {
position: relative;
margin-left: 0;
width: 100%;
flex-direction: column;
align-items: stretch;
justify-content: flex-start;
padding: 10px 16px 16px;
gap: 0;
height: auto;
}
.filter-group .mapfiler {
width: 100%;
}
.filter-group .section-heading {
width: 100%;
margin-bottom: 0.5rem;
}
.filter-group-toggle {
padding: 10px 0;
font-size: 14px;
width: 100%;
}
#centered-content {
flex-direction: column;
}
}