/* ===== rooms.html ===== */
/* rooms.html :: inline style id="wpr-usedcss" */
img:is([sizes=auto i], [sizes^="auto," i]) {
contain-intrinsic-size: 3000px 1500px
}
img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 .07em !important;
vertical-align: -.1em !important;
background: 0 0 !important;
padding: 0 !important
}
:root {
--wp--preset--aspect-ratio--square: 1;
--wp--preset--aspect-ratio--4-3: 4/3;
--wp--preset--aspect-ratio--3-4: 3/4;
--wp--preset--aspect-ratio--3-2: 3/2;
--wp--preset--aspect-ratio--2-3: 2/3;
--wp--preset--aspect-ratio--16-9: 16/9;
--wp--preset--aspect-ratio--9-16: 9/16;
--wp--preset--color--black: #000000;
--wp--preset--color--cyan-bluish-gray: #abb8c3;
--wp--preset--color--white: #ffffff;
--wp--preset--color--pale-pink: #f78da7;
--wp--preset--color--vivid-red: #cf2e2e;
--wp--preset--color--luminous-vivid-orange: #ff6900;
--wp--preset--color--luminous-vivid-amber: #fcb900;
--wp--preset--color--light-green-cyan: #7bdcb5;
--wp--preset--color--vivid-green-cyan: #00d084;
--wp--preset--color--pale-cyan-blue: #8ed1fc;
--wp--preset--color--vivid-cyan-blue: #0693e3;
--wp--preset--color--vivid-purple: #9b51e0;
--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, rgb(155, 81, 224) 100%);
--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%);
--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, rgb(207, 46, 46) 100%);
--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
--wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
--wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
--wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);
--wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);
--wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
--wp--preset--font-size--small: 13px;
--wp--preset--font-size--medium: 20px;
--wp--preset--font-size--large: 36px;
--wp--preset--font-size--x-large: 42px;
--wp--preset--spacing--20: 0.44rem;
--wp--preset--spacing--30: 0.67rem;
--wp--preset--spacing--40: 1rem;
--wp--preset--spacing--50: 1.5rem;
--wp--preset--spacing--60: 2.25rem;
--wp--preset--spacing--70: 3.38rem;
--wp--preset--spacing--80: 5.06rem;
--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, .2);
--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, .4);
--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, .2);
--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);
--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1)
}
:where(.is-layout-flex) {
gap: .5em
}
:where(.is-layout-grid) {
gap: .5em
}
:where(.block-post-template.is-layout-flex) {
gap: 1.25em
}
:where(.block-post-template.is-layout-grid) {
gap: 1.25em
}
:where(.block-columns.is-layout-flex) {
gap: 2em
}
:where(.block-columns.is-layout-grid) {
gap: 2em
}
:root :where(.block-pullquote) {
font-size: 1.5em;
line-height: 1.6
}
.ui-helper-clearfix:after,
.ui-helper-clearfix:before {
content: "";
display: table;
border-collapse: collapse
}
.ui-helper-clearfix:after {
clear: both
}
.ui-state-disabled {
cursor: default !important;
pointer-events: none
}
.ui-icon {
display: inline-block;
vertical-align: middle;
margin-top: -.25em;
position: relative;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left
}
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0
}
.ui-datepicker-rtl {
direction: rtl
}
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
float: right
}
.ui-widget-content {
border: 1px solid #ddd;
background: #fff;
color: #333
}
.ui-widget-content a {
color: #333
}
.ui-widget-header {
border: 1px solid #ddd;
background: #e9e9e9;
color: #333;
font-weight: 700
}
.ui-widget-header a {
color: #333
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
border: 1px solid #c5c5c5;
background: #f6f6f6;
font-weight: 400;
color: #454545
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
color: #454545;
text-decoration: none
}
.ui-state-focus,
.ui-state-hover,
.ui-widget-content .ui-state-focus,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-focus,
.ui-widget-header .ui-state-hover {
border: 1px solid #ccc;
background: #ededed;
font-weight: 400;
color: #2b2b2b
}
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
color: #2b2b2b;
text-decoration: none
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
border: 1px solid #003eff;
background: #007fff;
font-weight: 400;
color: #fff
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
color: #fff;
text-decoration: none
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: 1px solid #dad55e;
background: #fffa90;
color: #777620
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
color: #777620
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
font-weight: 700
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
opacity: .7;
filter: Alpha(Opacity=70);
font-weight: 400
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
opacity: .35;
filter: Alpha(Opacity=35);
background-image: none
}
.ui-state-disabled .ui-icon {
filter: Alpha(Opacity=35)
}
.ui-icon {
width: 16px;
height: 16px
}
.ui-icon,
.ui-widget-content .ui-icon {
background-image: url('../../alaverdiimages/ui-icons-default.png')
}
.ui-widget-header .ui-icon {
background-image: url('../../alaverdiimages/ui-icons-default.png')
}
.ui-state-focus .ui-icon,
.ui-state-hover .ui-icon {
background-image: url('../../alaverdiimages/ui-icons-hover.png')
}
.ui-state-active .ui-icon {
background-image: url('../../alaverdiimages/ui-icons-active.png')
}
.ui-state-highlight .ui-icon {
background-image: url('../../alaverdiimages/ui-icons-highlight.png')
}
.ui-corner-all {
border-top-left-radius: 3px
}
.ui-corner-all {
border-top-right-radius: 3px
}
.ui-corner-all {
border-bottom-left-radius: 3px
}
.ui-corner-all {
border-bottom-right-radius: 3px
}
.bbh-language-switcher {
z-index: 100;
position: relative;
display: inline-block;
margin: 0 5px
}
.bbh-language-switcher .switch-language {
min-height: 32px;
color: #333;
background-color: #fff;
border: 1px solid #ccc;
display: flex;
align-items: center;
padding: 4px 15px;
margin-bottom: 0;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border-radius: 4px
}
.bbh-language-switcher li {
list-style: none
}
.bbh-language-switcher li.current-language {
display: none
}
.bbh-language-switcher li a {
text-decoration: none !important;
color: #333;
display: flex;
align-items: center;
padding: 0 10px;
min-height: 24px
}
.bbh-language-switcher li a img {
object-fit: contain
}
.bbh-language-switcher .drop-dl ul {
display: none;
width: max-content;
position: absolute;
margin: 0;
z-index: 100;
padding: 4px 5px;
color: #333;
background-color: #fff;
border: 1px solid #ccc;
left: 0;
border-radius: 4px
}
.bbh-language-switcher.flag-false .lang-text {
padding-left: 0 !important
}
.wpnordic-modal-open-btn-container {
position: fixed;
bottom: 1rem;
z-index: 999999
}
.wpnordic-modal {
display: flex;
align-items: center;
justify-content: center;
position: fixed;
z-index: 100000;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0, 0, 0, .4);
box-sizing: border-box
}
.wpnordic-modal-content {
margin: 20px auto;
max-height: 75vh;
max-width: 1360px;
position: relative;
box-sizing: border-box
}
.wpnordic-modal-content h1,
.wpnordic-modal-content h2,
.wpnordic-modal-content h3,
.wpnordic-modal-content h4 {
margin-top: 0
}
.wpnordic-modal-close {
color: #01142b;
position: absolute;
top: 1rem;
right: 1rem;
display: block;
width: 20px;
height: 20px;
line-height: 0;
transition: all .3s ease;
z-index: 9999;
font-family: Arial, sans-serif
}
.wpnordic-modal-close:focus,
.wpnordic-modal-close:hover {
color: #000;
text-decoration: none;
cursor: pointer
}
.wpnordic-modal-content-inner {
display: grid;
height: 100%;
width: 100%;
box-sizing: border-box
}
.wpnordic-modal-content-inner.wpnordic-col1 {
grid-template-columns: 1fr;
box-sizing: border-box
}
.wpnordic-modal-content-inner.wpnordic-col1.has-img {
padding: 0
}
.wpnordic-modal-content-inner .second-content,
.wpnordic-modal-content-inner.wpnordic-col1 .inner-content {
padding-top: 15px
}
.wpnordic-modal-content .first-content,
.wpnordic-modal-content .second-content,
.wpnordic-modal-content .wpnordic-modal-content-inner.wpnordic-col1 {
box-sizing: border-box;
display: flex;
flex-direction: column;
overflow-y: auto;
padding: 15px;
padding-right: 5px;
position: relative
}
.wpnordic-modal-content .first-content .inner-content,
.wpnordic-modal-content .second-content .inner-content,
.wpnordic-modal-content .wpnordic-modal-content-inner.wpnordic-col1 .inner-content {
padding: 0;
padding-right: 10px
}
.wpnordic-modal-content .wpnordic-modal-content-inner.wpnordic-col1.has-img .inner-content :first-child {
padding-top: 40px
}
.wpnordic-modal-content .inner-content p {
margin-block: 0
}
.wpnordic-modal-content .wpnordic-modal-content-inner.wpnordic-col1.has-img,
.wpnordic-modal-content .wpnordic-modal-content-inner.wpnordic-col1.has-img .inner-content {
overflow-y: hidden
}
.wpnordic-modal-content .first-content .inner-content,
.wpnordic-modal-content .second-content .inner-content,
.wpnordic-modal-content-inner.wpnordic-col1 .inner-content {
box-sizing: border-box;
flex: 1;
overflow-y: auto;
max-height: 100%;
display: flex;
flex-direction: column;
position: relative;
scrollbar-width: thin;
scrollbar-color: #3a57f8 #d0caca
}
@supports selector(::-webkit-scrollbar-thumb) {
.wpnordic-modal-content .first-content .inner-content,
.wpnordic-modal-content .second-content .inner-content,
.wpnordic-modal-content-inner.wpnordic-col1 .inner-content {
scrollbar-width: unset;
scrollbar-color: unset
}
}
.wpnordic-modal-content .first-content .inner-content::-webkit-scrollbar,
.wpnordic-modal-content .second-content .inner-content::-webkit-scrollbar,
.wpnordic-modal-content .wpnordic-modal-content-inner.wpnordic-col1 .inner-content::-webkit-scrollbar {
width: 4px;
border-radius: 4px;
background-color: #d0caca
}
.wpnordic-modal-content .first-content .inner-content::-webkit-scrollbar-thumb,
.wpnordic-modal-content .second-content .inner-content::-webkit-scrollbar-thumb,
.wpnordic-modal-content .wpnordic-modal-content-inner.wpnordic-col1 .inner-content::-webkit-scrollbar-thumb {
background-color: #3a57f8;
border-radius: 4px;
border: none
}
.wpnordic-modal-content .first-content .inner-content::-webkit-scrollbar-track,
.wpnordic-modal-content .second-content .inner-content::-webkit-scrollbar-track,
.wpnordic-modal-content .wpnordic-modal-content-inner.wpnordic-col1 .inner-content::-webkit-scrollbar-track {
border-radius: 4px
}
.wpnordic-modal-content .wpnordic-modal-content-inner .first-content.has-img.wpnordic-inner-padding .inner-content,
.wpnordic-modal-content .wpnordic-modal-content-inner .first-content.wpnordic-inner-padding-images,
.wpnordic-modal-content .wpnordic-modal-content-inner .first-content:not(.has-img).wpnordic-inner-padding,
.wpnordic-modal-content .wpnordic-modal-content-inner .second-content.has-img.wpnordic-inner-padding .inner-content,
.wpnordic-modal-content .wpnordic-modal-content-inner .second-content.wpnordic-inner-padding-images,
.wpnordic-modal-content .wpnordic-modal-content-inner .second-content:not(.has-img).wpnordic-inner-padding,
.wpnordic-modal-content .wpnordic-modal-content-inner.wpnordic-col1.has-img.wpnordic-inner-padding .inner-content,
.wpnordic-modal-content .wpnordic-modal-content-inner.wpnordic-col1.wpnordic-inner-padding-images,
.wpnordic-modal-content .wpnordic-modal-content-inner.wpnordic-col1:not(.has-img).wpnordic-inner-padding {
padding: 60px
}
.wpnordic-modal-content .wpnordic-modal-content-inner.wpnordic-col1.has-img.wpnordic-inner-padding {
padding: 0
}
.wpnordic-modal-content .inner-content h2,
.wpnordic-modal-content .inner-content h3,
.wpnordic-modal-content .inner-content h4 {
text-transform: none;
font-weight: 600;
margin-bottom: 15px;
position: relative;
z-index: 9998;
line-height: .85
}
.wpnordic-modal-content .inner-content h2 {
font-size: clamp(1.5rem, calc(1rem + 1vw), 2.5rem)
}
.snapnote-cta {
display: block;
padding: 8px;
text-decoration: none;
width: 100%
}
.snapnote-cta:hover {
text-decoration: none;
color: var(--hover-text-color);
background-color: var(--hover-bg-color)
}
.position-center {
margin-inline: auto
}
div.wpnordic-modal-content .wpnordic-modal-content-inner .inner-content {
font-family: Arial, Helvetica, sans-serif;
color: #000;
font-size: 12pt;
line-height: 1.5
}
@media screen and (max-width:1449px) {
.wpnordic-modal-content {
max-width: 98%
}
}
@media screen and (max-width:1279px) {
.wpnordic-modal-content {
max-width: 100%
}
.wpnordic-modal-content .wpnordic-modal-content-inner .first-content.has-img.wpnordic-inner-padding .inner-content,
.wpnordic-modal-content .wpnordic-modal-content-inner .first-content.wpnordic-inner-padding-images,
.wpnordic-modal-content .wpnordic-modal-content-inner .first-content:not(.has-img).wpnordic-inner-padding,
.wpnordic-modal-content .wpnordic-modal-content-inner .second-content.has-img.wpnordic-inner-padding .inner-content,
.wpnordic-modal-content .wpnordic-modal-content-inner .second-content.wpnordic-inner-padding-images,
.wpnordic-modal-content .wpnordic-modal-content-inner .second-content:not(.has-img).wpnordic-inner-padding,
.wpnordic-modal-content .wpnordic-modal-content-inner.wpnordic-col1.has-img.wpnordic-inner-padding .inner-content,
.wpnordic-modal-content .wpnordic-modal-content-inner.wpnordic-col1.wpnordic-inner-padding-images,
.wpnordic-modal-content .wpnordic-modal-content-inner.wpnordic-col1:not(.has-img).wpnordic-inner-padding {
padding: 40px
}
}
@media screen and (max-width:1024px) {
.wpnordic-modal-content {
max-width: 100%
}
.wpnordic-modal-content .wpnordic-modal-content-inner .first-content.has-img.wpnordic-inner-padding .inner-content,
.wpnordic-modal-content .wpnordic-modal-content-inner .first-content.wpnordic-inner-padding-images,
.wpnordic-modal-content .wpnordic-modal-content-inner .first-content:not(.has-img).wpnordic-inner-padding,
.wpnordic-modal-content .wpnordic-modal-content-inner .second-content.has-img.wpnordic-inner-padding .inner-content,
.wpnordic-modal-content .wpnordic-modal-content-inner .second-content.wpnordic-inner-padding-images,
.wpnordic-modal-content .wpnordic-modal-content-inner .second-content:not(.has-img).wpnordic-inner-padding,
.wpnordic-modal-content .wpnordic-modal-content-inner.wpnordic-col1.has-img.wpnordic-inner-padding .inner-content,
.wpnordic-modal-content .wpnordic-modal-content-inner.wpnordic-col1.wpnordic-inner-padding-images,
.wpnordic-modal-content .wpnordic-modal-content-inner.wpnordic-col1:not(.has-img).wpnordic-inner-padding {
padding-inline: 25px;
padding-block: 45px
}
}
@media screen and (max-width:768px) {
.wpnordic-modal-content {
max-height: 100vh
}
.wpnordic-modal-content .first-content,
.wpnordic-modal-content .second-content {
order: 2
}
.wpnordic-modal-content .first-content.has-img,
.wpnordic-modal-content .second-content.has-img {
order: 1
}
.wpnordic-modal-content .first-content.has-img.wpnordic-inner-padding,
.wpnordic-modal-content .first-content.has-img.wpnordic-inner-padding .inner-content,
.wpnordic-modal-content .second-content.has-img.wpnordic-inner-padding,
.wpnordic-modal-content .second-content.has-img.wpnordic-inner-padding .inner-content {
padding-bottom: 0
}
}
html.modal-open {
overflow: hidden;
touch-action: none;
overscroll-behavior: none
}
.wpnordic-cookie-care-modal-outer {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
align-items: center;
justify-content: center;
background: rgba(0, 0, 0, .4);
display: none;
z-index: 99999
}
.wpnordic-cookie-care-modal {
background-color: #fff;
color: #000;
max-width: 700px;
width: 45%;
border: 0;
border-radius: 10px;
box-shadow: 0 3px 60px 0 rgba(0, 0, 0, .4);
box-sizing: border-box;
padding: 0;
overflow-y: hidden;
padding-inline: 5px;
height: 100%;
max-height: 530px
}
.wpnordic-cookie-care-content::-webkit-scrollbar,
.wpnordic-cookie-care-form::-webkit-scrollbar,
.wpnordic-cookie-care-navigation ul::-webkit-scrollbar {
width: 14px;
border-radius: 4px
}
.wpnordic-cookie-care-content::-webkit-scrollbar-thumb,
.wpnordic-cookie-care-form::-webkit-scrollbar-thumb,
.wpnordic-cookie-care-navigation ul::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, .25);
border-radius: 12px;
border: 4px solid #fff
}
.wpnordic-cookie-care-content::-webkit-scrollbar-track,
.wpnordic-cookie-care-form::-webkit-scrollbar-track,
.wpnordic-cookie-care-navigation ul::-webkit-scrollbar-track {
border-radius: 4px
}
.wpnordic-cookie-care-bold-text {
font-weight: 700
}
.wpnordic-cookie-care-content p {
font-family: Arial, sans-serif, sans-serif;
font-weight: 400;
font-size: clamp(10px, calc(.6rem + .6vw), 15px);
font-size: 15px;
line-height: 20px;
margin: 0;
text-transform: none
}
.wpnordic-cookie-care-content .wpnordic-cookie-care-consent-view p {
line-height: 22px;
text-transform: none;
background-color: transparent
}
.wpnordic-cookie-care-content a {
color: #000;
text-decoration: underline;
background-color: transparent
}
.wpnordic-cookie-care-content a:visited {
color: #002374;
text-decoration: underline;
background-color: transparent
}
.wpnordic-cookie-care-content a:hover {
color: #000;
text-decoration: underline;
background-color: transparent
}
.wpnordic-cookie-care-content a:active {
color: #002374;
text-decoration: underline;
background-color: transparent
}
.wpnordic-cookie-care-modal-link {
display: inline-block;
text-decoration: none
}
.wpnordic-cookie-care-headerNavContainer {
width: 100%;
position: relative
}
.wpnordic-cookie-care-headerNavContainer header.wpnordic-cookie-care-form-header {
display: flex !important;
flex-direction: row;
justify-content: flex-end;
padding-bottom: 20px;
width: 100%;
box-shadow: none;
height: unset;
z-index: unset;
position: relative !important;
top: unset;
border-bottom: none;
background-color: transparent !important
}
.wpnordic-cookie-care-footer {
display: none
}
.wpnordic-cookie-care-logo-text {
width: 100%;
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: flex-start;
height: 100%
}
.wpnordic-cookie-care-logo-text.right {
justify-content: flex-end
}
.wpnordic-cookie-care-logo-text.space-between {
justify-content: space-between
}
.wpnordic-cookie-care-form-header figure.wpnordic-customer-image-container {
width: 100%;
max-width: 115px;
margin: 0;
padding: 0;
display: block
}
figure.wpnordic-cookie-care-image-container {
width: 100%;
max-width: 27px;
margin: 0;
padding: 0
}
.wpnordic-cookie-care-form-header figure.wpnordic-customer-image-container img,
figure.wpnordic-cookie-care-image-container img {
width: 100%;
display: block;
height: 100%;
height: 27px
}
.wpnordic-cookie-care-form-header figure.wpnordic-customer-image-container img {
object-fit: contain;
object-position: left
}
.wpnordic-cookie-care-modal:focus-visible {
outline: unset
}
.wpnordic-cookie-care-form {
display: flex;
justify-content: space-between;
align-items: center;
flex-direction: column;
width: 100%;
box-sizing: border-box;
padding-left: 25px;
padding-block: 30px;
padding-right: 15px;
height: 100%;
overflow-y: auto;
scrollbar-color: rgba(0, 0, 0, .25) #ffffff;
scrollbar-width: thin
}
.wpnordic-cookie-care-form:focus-visible {
outline: unset
}
.wpnordic-cookie-care-navigation {
width: 100%;
box-sizing: border-box;
border-bottom: 1px solid #e3e3e3
}
.wpnordic-cookie-care-navigation ul {
display: grid;
grid-template-columns: repeat(3, 1fr);
column-gap: 20px;
width: 100%;
list-style-type: none;
margin: 0;
padding: 0;
padding-bottom: 20px;
box-sizing: border-box;
justify-items: center;
margin-inline: auto
}
.wpnordic-cookie-care-navigation ul.remove-border {
border-bottom: 0
}
.wpnordic-cookie-care-navigation ul li {
width: 100%;
background-color: #f2f2f2;
color: #000;
display: block;
border-radius: 6px;
text-transform: none;
font-size: 15px;
font-family: Arial, sans-serif, sans-serif;
text-align: center;
box-sizing: border-box;
font-weight: 600;
letter-spacing: 0;
line-height: 20px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
user-select: none;
height: 39px
}
.wpnordic-cookie-care-navigation ul li.active:focus-visible,
.wpnordic-cookie-care-navigation ul li:focus-visible {
outline-offset: unset;
padding: 8px 20px;
margin: 0;
border: 0
}
.wpnordic-cookie-care-navigation ul li.active {
background-color: #313131;
color: #fff
}
.wpnordic-cookie-care-outer-content {
position: relative;
width: 100%;
height: 100%;
overflow: hidden
}
.wpnordic-cookie-care-content {
height: 100%;
display: flex;
flex-direction: column;
flex-grow: 1;
overflow-y: scroll;
padding-block: 15px;
max-height: 178px;
width: 100%;
position: relative;
box-sizing: border-box;
scrollbar-color: rgba(0, 0, 0, .25) #ffffff;
scrollbar-width: thin
}
.wpnordic-cookie-care-content.remove-spacing {
padding: 0
}
.wpnordic-cookie-care-about-view,
.wpnordic-cookie-care-consent-view,
.wpnordic-cookie-care-details-view {
display: none
}
.wpnordic-cookie-care-about-view.active,
.wpnordic-cookie-care-consent-view.active,
.wpnordic-cookie-care-details-view.active {
display: flex;
flex-direction: column;
width: 90%
}
p.wpnordic-cookie-care-paragraph {
margin-bottom: 0
}
.wpnordic-cookie-care-text {
display: flex;
flex-direction: column;
row-gap: 16px;
white-space: normal
}
p.wpnordic-cookie-care-paragraph.cookie-care-google-link {
margin-top: 10px;
text-underline-offset: 2px
}
p.wpnordic-cookie-care-paragraph.cookie-care-google-link a {
color: #000;
text-decoration: none;
display: flex;
flex-direction: row;
column-gap: 10px;
align-items: center;
width: fit-content
}
p.wpnordic-cookie-care-paragraph.cookie-care-google-link a:visited {
text-decoration: underline;
color: #002374
}
p.wpnordic-cookie-care-paragraph.cookie-care-google-link a:active,
p.wpnordic-cookie-care-paragraph.cookie-care-google-link a:hover {
text-decoration: underline
}
p.wpnordic-cookie-care-paragraph.cookie-care-google-link a img {
width: 100%;
max-width: 15px;
height: 15px;
display: block
}
.wpnordic-cookie-care-details-view .wpnordic-cookie-care-details-list,
.wpnordic-cookie-care-details-view .wpnordic-cookie-care-details-list li ul {
list-style-type: none;
margin: 0;
padding: 0
}
.wpnordic-cookie-care-details-view .wpnordic-cookie-care-details-list li:not(.wpnordic-cookie-care-details-view .wpnordic-cookie-care-details-list li ul li) {
margin: 0;
padding: 15px;
border-bottom: 2px solid #000
}
.wpnordic-cookie-care-cookie-seperator {
margin: 0 auto;
width: 100%;
border-width: 0;
border-style: none;
border-top: 1px solid #f1f1f1;
position: relative;
height: 0
}
.wpnordic-cookie-care-details-container {
display: flex;
flex-direction: column;
row-gap: 12px;
padding-right: 10px;
font-size: clamp(10px, calc(.6rem + .6vw), 14px);
width: 100%;
position: relative
}
.wpnordic-cookie-care-details-content summary {
user-select: none;
cursor: pointer;
font-weight: 700;
font-family: Arial, sans-serif;
line-height: 1.5;
list-style-type: none;
position: relative;
cursor: default
}
.wpnordic-cookie-care-details-content summary span {
cursor: default;
font-weight: 400;
font-family: Arial, sans-serif;
line-height: 20px;
font-size: 15px;
text-transform: none
}
.wpnordic-cookie-care-details-content summary span.wpnordic-cookie-care-about {
display: block;
margin-top: 12px;
padding-left: 30px
}
.wpnordic-cookie-care-details-content summary::-webkit-details-marker,
.wpnordic-cookie-care-details-content summary::marker {
display: none !important
}
div.wpnordic-cookie-care-title-counter-container {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start
}
div.wpnordic-cookie-care-title-counter-container>span {
margin-left: 15px;
font-weight: 700;
display: flex;
align-items: center
}
div.wpnordic-cookie-care-cookie-counter {
display: flex;
background-color: transparent;
flex-direction: row;
justify-content: center;
align-items: center;
margin-left: 10px;
color: #222;
font-weight: 600;
font-size: 15px;
line-height: 20px;
opacity: .42
}
.wpnordic-cookie-care-toggle-view {
width: 15px;
height: 20px;
display: flex;
align-items: center;
margin: 0;
padding: 0;
cursor: pointer
}
.wpnordic-cookie-care-toggle-view img {
display: block;
width: 100%;
height: 100%;
transition: transform .3s ease-out
}
.wpnordic-cookie-care-details-content[open] summary .wpnordic-cookie-care-toggle-view img {
transform: rotate(180deg)
}
ul.wpnordic-cookie-care-cookie-details {
list-style-type: none;
display: flex;
flex-direction: column;
gap: 12px;
margin: 25px 0 0;
padding-left: 29px
}
.wpnordic-cookie-care-cookie-details .wpnordic-cookie-care-cookie-content p {
word-wrap: break-word
}
ul.wpnordic-cookie-care-cookie-details li p {
margin-bottom: 0
}
.wpnordic-cookie-care-cookie-content-name {
grid-row: 1;
grid-column: 1/5
}
.wpnordic-cookie-care-cookie-content-description {
grid-row: 2;
grid-column: 1/5
}
.wpnordic-cookie-care-cookie-seperator {
grid-column: 1/5;
grid-row: 3
}
.wpnordic-cookie-care-cookie-content-domain+.wpnordic-cookie-care-cookie-seperator {
grid-row: 5;
grid-column: 1/5
}
.wpnordic-cookie-care-cookie-content-domain {
grid-row: 4;
grid-column: 2/5;
justify-self: flex-end
}
.wpnordic-cookie-care-cookie-content-retention {
grid-row: 4;
grid-column: 1/3
}
.wpnordic-cookie-care-cookie-content-privacy {
grid-row: 6;
grid-column: 1/5
}
.wpnordic-cookie-care-cookie-content-domain.wpnordic-cookie-care-no-description {
grid-row: 3
}
.wpnordic-cookie-care-cookie-content-retention.wpnordic-cookie-care-no-description {
grid-row: 3
}
.wpnordic-cookie-care-cookie-content-domain.wpnordic-cookie-care-no-description+.wpnordic-cookie-care-cookie-seperator {
grid-row: 4
}
.wpnordic-cookie-care-cookie-content-privacy.wpnordic-cookie-care-no-description {
grid-row: 5
}
.wpnordic-cookie-care-linear-background {
height: 100%;
background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 70%, #fff 100%) no-repeat padding-box;
background: linear-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 70%, #fff 100%) no-repeat padding-box;
position: absolute;
bottom: 0;
top: 0;
left: 0;
right: 0;
width: 90%;
padding-left: 29px;
z-index: 99999;
pointer-events: none
}
.wpnordic-cookie-care-linear-background.hide {
background: 0 0
}
.wpnordic-cookie-care-form button.wpnordic-cookie-care-consent-button {
margin: 0;
padding: 12px 0;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
border-radius: 6px;
font-size: clamp(14px, calc(.6vw + .6rem), 16px);
border: 0;
font-family: Arial, sans-serif;
line-height: 22px;
font-weight: 600;
border-radius: 4px;
height: 53px;
width: 225px
}
form#wpnordic-cookie-care-form.wpnordic-cookie-care-form button#wpnordic-cookie-care-consent-all-button.wpnordic-cookie-care-consent-button.all {
background-color: #3a57f8;
color: #fff;
grid-column: 3/4
}
.wpnordic-cookie-care-sub-button-group {
grid-column: 2/3
}
.wpnordic-cookie-care-form button.wpnordic-cookie-care-consent-button.selected {
display: none
}
form#wpnordic-cookie-care-form.wpnordic-cookie-care-form button#wpnordic-cookie-care-consent-button.wpnordic-cookie-care-consent-button.necessary,
form#wpnordic-cookie-care-form.wpnordic-cookie-care-form button#wpnordic-cookie-care-consent-selected-button.wpnordic-cookie-care-consent-button.selected {
background-color: #c6d6ff;
color: #0d31fc
}
form#wpnordic-cookie-care-form.wpnordic-cookie-care-form button#wpnordic-cookie-care-consent-all-button.wpnordic-cookie-care-consent-button.all:focus,
form#wpnordic-cookie-care-form.wpnordic-cookie-care-form button#wpnordic-cookie-care-consent-all-button.wpnordic-cookie-care-consent-button.all:hover {
background-color: #778cff
}
form#wpnordic-cookie-care-form.wpnordic-cookie-care-form button#wpnordic-cookie-care-consent-button.wpnordic-cookie-care-consent-button.necessary:focus,
form#wpnordic-cookie-care-form.wpnordic-cookie-care-form button#wpnordic-cookie-care-consent-button.wpnordic-cookie-care-consent-button.necessary:hover,
form#wpnordic-cookie-care-form.wpnordic-cookie-care-form button#wpnordic-cookie-care-consent-selected-button.wpnordic-cookie-care-consent-button.selected:focus,
form#wpnordic-cookie-care-form.wpnordic-cookie-care-form button#wpnordic-cookie-care-consent-selected-button.wpnordic-cookie-care-consent-button.selected:hover {
background-color: #d3d8e8
}
.wpnordic-cookie-care-input-group {
width: 100%
}
.wpnordic-cookie-care-input-group.remove-spacing {
padding: 0
}
.wpnordic-cookie-care-button-group,
.wpnordic-cookie-care-toggle-group {
display: grid;
grid-template-columns: repeat(3, 1fr);
column-gap: 15px;
margin: 0;
padding: 0;
width: 100%
}
.wpnordic-cookie-care-button-group {
justify-content: flex-end;
flex-direction: row;
align-items: stretch
}
.wpnordic-cookie-care-toggle-group {
border-top: 1px solid rgba(112, 112, 112, .3);
border-bottom: 1px solid rgba(112, 112, 112, .3);
padding-top: 16px;
padding-bottom: 16px;
align-items: center;
grid-template-columns: 1fr 1px 1fr 1px 1fr 1px 1fr;
row-gap: 25px;
column-gap: 10px;
margin-bottom: 26px
}
.wpnordic-cookie-care-toggle {
display: flex;
flex-direction: column;
width: 100%;
justify-content: center;
align-items: center
}
.wpnordic-cookie-care-toggle label {
margin-bottom: 12px;
text-align: center;
font-size: clamp(10px, calc(.6rem + .6vw), 15px);
font-weight: 600;
line-height: 20px;
font-family: Arial, sans-serif;
text-transform: none
}
.wpnordic-cookie-care-toggle:first-of-type {
grid-row: 1;
grid-column: 1/2
}
.wpnordic-cookie-care-toggle:nth-child(3) {
grid-row: 1;
grid-column: 3/4
}
.wpnordic-cookie-care-toggle:nth-child(5) {
grid-row: 1;
grid-column: 5/6
}
.wpnordic-cookie-care-toggle:last-of-type {
grid-row: 1;
grid-column: 7/8
}
.wpnordic-cookie-care-seperator {
width: 1px;
height: 100%;
background-color: #707070;
opacity: .3
}
.wpnordic-cookie-care-toggle-group .wpnordic-cookie-care-seperator.wpnordic-cookie-care-first {
grid-row: 1;
grid-column: 2/3
}
.wpnordic-cookie-care-toggle-group .wpnordic-cookie-care-seperator.wpnordic-cookie-care-second {
grid-row: 1;
grid-column: 4/5
}
.wpnordic-cookie-care-toggle-group .wpnordic-cookie-care-seperator.wpnordic-cookie-care-third {
grid-row: 1;
grid-column: 6/7
}
.wpnordic-cookie-care-slider-wrapper {
display: flex;
height: 34px;
width: 65px;
position: relative
}
.wpnordic-cookie-care-slider {
position: absolute;
pointer-events: none;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #313131;
transition: .4s;
-webkit-transition: .4s;
border-radius: 6px
}
.wpnordic-cookie-care-slider::before {
position: absolute;
content: '';
height: 25px;
width: 26px;
left: 4px;
top: 50%;
background-color: #fff;
-webkit-transition: .4s;
transition: .4s;
border-radius: 3px;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%)
}
input[type=checkbox].wpnordic-cookie-care-cookie-preference {
height: 100%;
margin-right: 0;
width: 100%;
opacity: 0;
cursor: pointer
}
input:checked+.wpnordic-cookie-care-slider {
background-color: #3a57f8
}
input.wpnordic-cookie-care-cookie-preference:checked+.wpnordic-cookie-care-slider::before {
left: 12px;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%)
}
input#wpnordic-cookie-care-necessary[data-target=necessary]:disabled+.wpnordic-cookie-care-slider {
background-color: #d6d6d6
}
input#wpnordic-cookie-care-necessary[data-target=necessary]:disabled {
cursor: not-allowed;
opacity: 0
}
input.wpnordic-cookie-care-cookie-preference:checked+.wpnordic-cookie-care-slider::before,
input.wpnordic-cookie-care-cookie-preference[data-target=necessary]+.wpnordic-cookie-care-slider::before {
-webkit-transform: translate(23px, -50%);
-ms-transform: translate(23px, -50%);
transform: translate(23px, -50%)
}
@media only screen and (max-width:1399px) {
.wpnordic-cookie-care-modal {
width: 66%
}
}
@media only screen and (max-width:992px) {
.wpnordic-cookie-care-modal {
width: 75%
}
}
@media only screen and (max-width:768px) {
.wpnordic-cookie-care-modal {
width: 95%
}
div.wpnordic-cookie-care-toggle:not(:first-of-type) {
border: 0
}
.wpnordic-cookie-care-button-group {
row-gap: 25px;
justify-content: center;
box-sizing: border-box
}
.wpnordic-cookie-care-form button {
width: 100%
}
}
@media only screen and (max-height:599px) {
.wpnordic-cookie-care-modal {
height: 98vh
}
.wpnordic-cookie-care-navigation ul li {
height: 35px
}
.wpnordic-cookie-care-slider-wrapper {
height: 26px
}
.wpnordic-cookie-care-slider::before {
height: 20px;
bottom: 3px
}
.wpnordic-cookie-care-toggle-group {
padding-block: 15px
}
.wpnordic-cookie-care-form button {
height: 45px;
padding: 10px 20px
}
}
@media screen and (max-width:545px) {
.wpnordic-cookie-care-button-group {
grid-template-columns: repeat(2, 1fr)
}
.wpnordic-cookie-care-form button.wpnordic-cookie-care-consent-button {
width: 100%
}
.wpnordic-cookie-care-sub-button-group {
grid-column: 1/2
}
form#wpnordic-cookie-care-form.wpnordic-cookie-care-form button#wpnordic-cookie-care-consent-all-button.wpnordic-cookie-care-consent-button.all {
grid-column: 2/3
}
.wpnordic-cookie-care-cookie-content-domain {
grid-row: 5;
grid-column: 1/5;
justify-self: flex-start
}
.wpnordic-cookie-care-cookie-content-domain.wpnordic-cookie-care-no-description {
grid-row: 4
}
.wpnordic-cookie-care-cookie-content-retention {
grid-column: 1/5
}
header.wpnordic-cookie-care-form-header .wpnordic-cookie-care-image-container {
display: none
}
.wpnordic-cookie-care-footer {
display: flex;
justify-content: center;
width: 100%;
box-shadow: none;
background-color: transparent;
border-radius: 0;
margin-top: 17px
}
.wpnordic-cookie-care-footer .wpnordic-cookie-care-image-container {
max-width: 200px
}
.wpnordic-cookie-care-form {
padding-bottom: 25px;
padding-left: 20px;
padding-top: 25px;
padding-right: 5px
}
}
@media only screen and (max-width:420px) {
body.modal-open .wpnordic-cookie-care-modal {
height: 100%;
align-items: flex-start
}
.wpnordic-cookie-care-form {
justify-content: flex-start;
height: fit-content;
height: 100%
}
.wpnordic-cookie-care-modal {
height: 95%;
max-height: 700px
}
.wpnordic-cookie-care-content p,
.wpnordic-cookie-care-details-content summary span {
font-size: 14px
}
.wpnordic-cookie-care-navigation ul li {
font-size: 14px
}
.wpnordic-cookie-care-navigation {
max-width: calc(100% - 20px)
}
.wpnordic-cookie-care-navigation ul {
column-gap: 0;
padding-bottom: 8px;
width: 100%;
margin-inline: 0;
column-gap: 0
}
.wpnordic-cookie-care-navigation ul li {
background-color: transparent;
color: #313131;
border-radius: 0;
width: 100%;
text-align: left;
justify-content: flex-start;
justify-self: center
}
.wpnordic-cookie-care-navigation ul li.active {
background-color: transparent;
color: #313131;
position: relative
}
.wpnordic-cookie-care-navigation ul li.active::after {
content: '';
position: absolute;
left: 50%;
bottom: -9px;
left: 0;
width: 100%;
height: 2px;
background-color: #313131
}
.wpnordic-cookie-care-toggle-group {
grid-template-columns: 1fr 1fr;
grid-auto-rows: auto;
margin-bottom: 15px;
row-gap: 15px;
column-gap: 15px
}
.wpnordic-cookie-care-toggle-group .wpnordic-cookie-care-seperator.wpnordic-cookie-care-first,
.wpnordic-cookie-care-toggle-group .wpnordic-cookie-care-seperator.wpnordic-cookie-care-second,
.wpnordic-cookie-care-toggle-group .wpnordic-cookie-care-seperator.wpnordic-cookie-care-third {
display: none
}
.wpnordic-cookie-care-toggle:first-of-type {
grid-row: 1;
grid-column: 1/2
}
.wpnordic-cookie-care-toggle:nth-child(3) {
grid-row: 2;
grid-column: 1/2
}
.wpnordic-cookie-care-toggle:nth-child(5) {
grid-row: 1;
grid-column: 2/3
}
.wpnordic-cookie-care-toggle:last-of-type {
grid-row: 2;
grid-column: 2/3
}
.wpnordic-cookie-care-toggle {
flex-direction: row;
justify-content: space-between;
align-items: center
}
.wpnordic-cookie-care-toggle label {
margin-bottom: 0;
font-size: 14px;
font-weight: 600
}
.wpnordic-cookie-care-slider-wrapper {
width: 50px;
height: 26px
}
.wpnordic-cookie-care-slider::before {
height: 20px;
width: 20px;
left: 5px
}
input.wpnordic-cookie-care-cookie-preference:checked+.wpnordic-cookie-care-slider::before,
input.wpnordic-cookie-care-cookie-preference[data-target=necessary]+.wpnordic-cookie-care-slider::before {
-webkit-transform: translate(14px, -50%);
-ms-transform: translate(14px, -50%);
transform: translate(14px, -50%)
}
.wpnordic-cookie-care-button-group {
grid-template-columns: 1fr;
grid-auto-rows: auto;
row-gap: 8px
}
.wpnordic-cookie-care-sub-button-group {
grid-row: 1;
grid-column: 1
}
form#wpnordic-cookie-care-form.wpnordic-cookie-care-form button#wpnordic-cookie-care-consent-all-button.wpnordic-cookie-care-consent-button.all {
grid-row: 2;
grid-column: 1
}
.wpnordic-cookie-care-navigation ul li {
justify-content: center;
height: 35px
}
.wpnordic-cookie-care-content {
max-height: 100%
}
header.wpnordic-cookie-care-form-header .wpnordic-cookie-care-image-container {
display: none
}
.wpnordic-cookie-care-footer {
display: flex;
justify-content: center;
width: 100%;
box-shadow: none;
background-color: transparent;
border-radius: 0;
margin-top: 17px
}
.wpnordic-cookie-care-footer .wpnordic-cookie-care-image-container {
max-width: 200px
}
.wpnordic-cookie-care-about-view.active,
.wpnordic-cookie-care-consent-view.active,
.wpnordic-cookie-care-details-view.active {
width: 100%
}
.wpnordic-cookie-care-linear-background {
width: 100%
}
}
@media only screen and (max-height:360px) {
.wpnordic-cookie-care-form {
padding-block: 10px
}
}
.wpnordic-cookie-care-text.cookie-decleration-text {
width: 80%;
max-width: 1200px
}
p.wpnordic-cookie-care-paragraph {
margin: 0
}
html {
box-sizing: border-box;
-ms-overflow-style: scrollbar
}
*,
::after,
::before {
box-sizing: inherit
}
.container {
width: 100%;
margin-right: auto;
margin-left: auto
}
@media (min-width:576px) {
.container {
max-width: 540px
}
}
@media (min-width:768px) {
.container {
max-width: 720px
}
}
@media (min-width:992px) {
.container {
max-width: 960px
}
}
@media (min-width:1200px) {
.container {
max-width: 1140px
}
}
.row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.hide {
display: none !important
}
.show {
display: block !important
}
.invisible {
visibility: hidden
}
.hidden {
display: none !important
}
.invisible {
visibility: hidden !important
}
.slick-list,
.slick-slider,
.slick-track {
position: relative;
display: block
}
.slick-loading .slick-slide,
.slick-loading .slick-track {
visibility: hidden
}
.slick-slider {
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent
}
.slick-list {
overflow: hidden;
margin: 0;
padding: 0
}
.slick-list:focus {
outline: 0
}
.slick-list.dragging {
cursor: pointer;
cursor: hand
}
.slick-slider .slick-list,
.slick-slider .slick-track {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.slick-track {
top: 0;
left: 0;
margin-left: auto;
margin-right: auto
}
.slick-track:after,
.slick-track:before {
display: table;
content: ''
}
.slick-track:after {
clear: both
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px
}
[dir=rtl] .slick-slide {
float: right
}
.slick-slide img {
display: block
}
.slick-slide.slick-loading img {
display: none
}
.slick-slide.dragging img {
pointer-events: none
}
.slick-initialized .slick-slide {
display: block
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent
}
.slick-arrow.slick-hidden {
display: none
}
.slick-next,
.slick-next:focus,
.slick-next:hover,
.slick-prev,
.slick-prev:focus,
.slick-prev:hover {
color: transparent;
background: 0 0;
outline: 0
}
.slick-dots,
.slick-next,
.slick-prev {
position: absolute;
display: block;
padding: 0
}
.slick-dots li button:before,
.slick-next:before,
.slick-prev:before {
font-family: slick;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.slick-next,
.slick-prev {
font-size: 0;
line-height: 0;
top: 50%;
width: 20px;
height: 20px;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
border: none
}
.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
opacity: 1
}
.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
opacity: .25
}
.slick-next:before,
.slick-prev:before {
font-size: 20px;
line-height: 1;
opacity: .75;
color: #fff
}
.slick-prev {
left: -25px
}
[dir=rtl] .slick-prev {
right: -25px;
left: auto
}
.slick-prev:before {
content: '←'
}
.slick-next:before,
[dir=rtl] .slick-prev:before {
content: '→'
}
.slick-next {
right: -25px
}
[dir=rtl] .slick-next {
right: auto;
left: -25px
}
[dir=rtl] .slick-next:before {
content: '←'
}
.slick-dotted.slick-slider {
margin-bottom: 30px
}
.slick-dots {
bottom: -25px;
width: 100%;
margin: 0;
list-style: none;
text-align: center
}
.slick-dots li {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer
}
.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: 0;
background: 0 0
}
.slick-dots li button:focus,
.slick-dots li button:hover {
outline: 0
}
.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
opacity: 1
}
.slick-dots li button:before {
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: #000
}
.slick-dots li.slick-active button:before {
opacity: .75;
color: #000
}
:root {
--swiper-theme-color: #007aff
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
display: block
}
.swiper-vertical>.swiper-wrapper {
flex-direction: column
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
box-sizing: content-box
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
transform: translate3d(0, 0, 0)
}
.swiper-horizontal {
touch-action: pan-y
}
.swiper-vertical {
touch-action: pan-x
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
display: block
}
.swiper-slide-invisible-blank {
visibility: hidden
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto
}
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height
}
.swiper-backface-hidden .swiper-slide {
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px
}
.swiper-3d .swiper-wrapper {
transform-style: preserve-3d
}
.swiper-3d {
perspective: 1200px
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
transform-style: preserve-3d
}
.swiper-css-mode>.swiper-wrapper {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none
}
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
display: none
}
.swiper-css-mode>.swiper-wrapper>.swiper-slide {
scroll-snap-align: start start
}
.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
scroll-snap-type: x mandatory
}
.swiper-css-mode.swiper-vertical>.swiper-wrapper {
scroll-snap-type: y mandatory
}
.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
scroll-snap-type: none
}
.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
scroll-snap-align: none
}
.swiper-css-mode.swiper-centered>.swiper-wrapper::before {
content: '';
flex-shrink: 0;
order: 9999
}
.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always
}
.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before)
}
.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after)
}
.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before)
}
.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after)
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, .15)
}
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
animation: 1s linear infinite swiper-preloader-spin
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000
}
@keyframes swiper-preloader-spin {
0% {
transform: rotate(0)
}
100% {
transform: rotate(360deg)
}
}
.swiper-virtual .swiper-slide {
-webkit-backface-visibility: hidden;
transform: translateZ(0)
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
content: '';
position: absolute;
left: 0;
top: 0;
pointer-events: none
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
height: 1px;
width: var(--swiper-virtual-size)
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
width: 1px;
height: var(--swiper-virtual-size)
}
:root {
--swiper-navigation-size: 44px
}
.swiper-button-next,
.swiper-button-prev {
position: absolute;
top: var(--swiper-navigation-top-offset, 50%);
width: calc(var(--swiper-navigation-size)/ 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color))
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
opacity: .35;
cursor: auto;
pointer-events: none
}
.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
opacity: 0;
cursor: auto;
pointer-events: none
}
.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
display: none !important
}
.swiper-button-next svg,
.swiper-button-prev svg {
width: 100%;
height: 100%;
object-fit: contain;
transform-origin: center
}
.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
transform: rotate(180deg)
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
left: var(--swiper-navigation-sides-offset, 10px);
right: auto
}
.swiper-button-lock {
display: none
}
.swiper-button-next:after,
.swiper-button-prev:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
font-variant: initial;
line-height: 1
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
content: 'prev'
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: var(--swiper-navigation-sides-offset, 10px);
left: auto
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
content: 'next'
}
.swiper-pagination {
position: absolute;
text-align: center;
transition: .3s opacity;
transform: translate3d(0, 0, 0);
z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0
}
.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
display: none !important
}
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
bottom: var(--swiper-pagination-bottom, 8px);
top: var(--swiper-pagination-top, auto);
left: 0;
width: 100%
}
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(.33);
position: relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(.33)
}
.swiper-pagination-bullet {
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
display: inline-block;
border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
background: var(--swiper-pagination-bullet-inactive-color, #000);
opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer
}
.swiper-pagination-bullet:only-child {
display: none !important
}
.swiper-pagination-bullet-active {
opacity: var(--swiper-pagination-bullet-opacity, 1);
background: var(--swiper-pagination-color, var(--swiper-theme-color))
}
.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
right: var(--swiper-pagination-right, 8px);
left: var(--swiper-pagination-left, auto);
top: 50%;
transform: translate3d(0, -50%, 0)
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
display: block
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: .2s transform, .2s top
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: .2s transform, .2s left
}
.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: .2s transform, .2s right
}
.swiper-pagination-fraction {
color: var(--swiper-pagination-fraction-color, inherit)
}
.swiper-pagination-progressbar {
background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
position: absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top
}
.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: var(--swiper-pagination-progressbar-size, 4px);
left: 0;
top: 0
}
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
width: var(--swiper-pagination-progressbar-size, 4px);
height: 100%;
left: 0;
top: 0
}
.swiper-pagination-lock {
display: none
}
.swiper-scrollbar {
border-radius: var(--swiper-scrollbar-border-radius, 10px);
position: relative;
touch-action: none;
background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))
}
.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
display: none !important
}
.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
position: absolute;
left: var(--swiper-scrollbar-sides-offset, 1%);
bottom: var(--swiper-scrollbar-bottom, 4px);
top: var(--swiper-scrollbar-top, auto);
z-index: 50;
height: var(--swiper-scrollbar-size, 4px);
width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}
.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
position: absolute;
left: var(--swiper-scrollbar-left, auto);
right: var(--swiper-scrollbar-right, 4px);
top: var(--swiper-scrollbar-sides-offset, 1%);
z-index: 50;
width: var(--swiper-scrollbar-size, 4px);
height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));
border-radius: var(--swiper-scrollbar-border-radius, 10px);
left: 0;
top: 0
}
.swiper-scrollbar-cursor-drag {
cursor: move
}
.swiper-scrollbar-lock {
display: none
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center
}
.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
max-width: 100%;
max-height: 100%;
object-fit: contain
}
.swiper-slide-zoomed {
cursor: move;
touch-action: none
}
.swiper .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000
}
.swiper-free-mode>.swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto
}
.swiper-grid>.swiper-wrapper {
flex-wrap: wrap
}
.swiper-grid-column>.swiper-wrapper {
flex-wrap: wrap;
flex-direction: column
}
.swiper-fade.swiper-free-mode .swiper-slide {
transition-timing-function: ease-out
}
.swiper-fade .swiper-slide {
pointer-events: none;
transition-property: opacity
}
.swiper-fade .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-fade .swiper-slide-active {
pointer-events: auto
}
.swiper-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%
}
.swiper-cube .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-cube.swiper-rtl .swiper-slide {
transform-origin: 100% 0
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible
}
.swiper-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: .6;
z-index: 0
}
.swiper-cube .swiper-cube-shadow:before {
content: '';
background: #000;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
filter: blur(50px)
}
.swiper-cube .swiper-slide-next+.swiper-slide {
pointer-events: auto;
visibility: visible
}
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1
}
.swiper-flip .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-creative .swiper-slide {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
transition-property: transform, opacity, height
}
.swiper-cards .swiper-slide {
transform-origin: center bottom;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden
}
@font-face {
font-family: NimbusRom;
font-style: normal;
font-weight: 200;
src: url("../../alaverdifonts/nimbusromno9l-reg.otf") format("woff2");
font-display: swap
}
@font-face {
font-family: NimbusRom;
font-style: normal;
font-weight: 300;
src: url("../../alaverdifonts/nimbusromno9l-reg.otf") format("woff2");
font-display: swap
}
@font-face {
font-family: NimbusRom;
font-style: normal;
font-weight: 400;
src: url("../../alaverdifonts/nimbusromno9l-reg.otf") format("woff2");
font-display: swap
}
@font-face {
font-family: "ArimaKoshi";
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("../../alaverdifonts/goudy-titling-w05-semibold.woff2") format("woff2")
}
@font-face {
font-family: "ArimaKoshi";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../../alaverdifonts/goudy-titling-w05-semibold.woff2") format("woff2")
}
*,
::after,
::before {
box-sizing: border-box
}
body,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
p {
margin: 0
}
ul[role=list] {
list-style: none
}
html:focus-within {
scroll-behavior: smooth
}
body {
min-height: 100vh;
text-rendering: optimizeSpeed;
line-height: 1.5
}
a:not([class]) {
text-decoration-skip-ink: auto
}
img,
picture {
max-width: 100%;
display: block
}
button,
input,
select,
textarea {
font: inherit
}
@media (prefers-reduced-motion:reduce) {
html:focus-within {
scroll-behavior: auto
}
*,
::after,
::before {
animation-duration: 0s !important;
animation-iteration-count: 1 !important;
transition-duration: 0s !important;
scroll-behavior: auto !important
}
}
footer.site-footer {
padding: 6rem 0
}
footer.site-footer p {
margin-bottom: 1em
}
footer.site-footer .coconut-footer-widgets {
display: grid;
flex-wrap: wrap
}
footer.site-footer .coconut-footer-widgets .widget-col {
min-width: -moz-max-content;
min-width: max-content
}
@media screen and (max-width:425px) {
.coconut-footer-widgets {
grid-template-columns: 1fr !important
}
}
.coconut-bottom-bar-widgets {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 20px;
padding-top: 15px;
padding-bottom: 15px
}
.alignnone {
margin: 5px 20px 20px 0
}
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important
}
.screen-reader-text:focus {
background-color: #eee;
clip: auto !important;
-webkit-clip-path: none;
clip-path: none;
color: #444;
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000
}
#masthead {
top: 0;
position: sticky !important;
width: 100%;
z-index: 100
}
#masthead .inside-header {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 1.5rem;
padding-bottom: 1rem
}
#masthead .site-branding {
display: flex;
align-items: center
}
#masthead .site-branding img {
width: 100%;
height: auto
}
#masthead .main-navigation {
display: flex;
align-items: center
}
.no-button-style {
padding: unset;
border: unset
}
.header-menu {
display: flex;
align-content: center;
flex-wrap: wrap;
justify-content: flex-end;
margin: 0
}
.header-menu>li:last-child>a {
margin-right: -1.25rem
}
.header-menu>li>a {
display: flex;
min-width: -moz-max-content;
min-width: max-content
}
.header-menu>li:last-child .sub-menu {
left: unset;
right: 0
}
.header-menu>li:last-child .sub-menu .sub-menu {
right: 100%
}
.header-menu .sub-menu {
padding: 1rem 0;
position: absolute;
top: 100%;
left: 0;
box-shadow: rgba(149, 157, 165, .2) 0 2px 10px;
background-color: #fff;
flex-direction: column;
flex-wrap: wrap;
min-width: 12rem;
max-width: 24rem;
max-height: 60vh;
width: -moz-max-content;
width: max-content;
z-index: 101
}
.header-menu .sub-menu .sub-menu {
top: -1rem;
left: 100%
}
.header-menu li {
position: relative;
list-style: none
}
.header-menu li a {
display: flex;
padding: .75rem 1.25rem
}
.header-menu li:hover>.sub-menu {
display: flex
}
.header-menu li.menu-item-has-children>a {
position: relative
}
.header-menu li.menu-item-has-children>a::after {
display: inline-block;
content: "";
line-height: inherit;
height: .5em;
width: .5em;
border-bottom: 1px solid currentColor;
border-right: 1px solid currentColor;
transform: rotate(45deg);
position: absolute;
right: 5px;
bottom: 50%
}
.header-menu li.menu-item-has-children .sub-menu .menu-item-has-children a {
display: flex;
align-items: center;
padding-right: 2rem
}
.header-menu li.menu-item-has-children .sub-menu .menu-item-has-children a::after {
transform: rotate(-45deg);
right: 1rem;
bottom: unset
}
.header-menu .sub-menu {
display: none
}
button.menu-toggle {
display: none;
background: unset;
border: unset;
padding: 0;
cursor: pointer;
padding: .5rem;
margin-right: -.5rem
}
button.menu-toggle[aria-expanded=true] .coconut-burger-button .top-bun {
top: 50%;
transform: translateY(-50%) rotate(-45deg)
}
button.menu-toggle[aria-expanded=true] .coconut-burger-button .patty {
opacity: 0
}
button.menu-toggle[aria-expanded=true] .coconut-burger-button .bottom-bun {
bottom: 50%;
transform: translateY(50%) rotate(45deg)
}
.coconut-burger-button {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: relative;
font-size: 24px;
width: 1.25em;
height: 1em;
color: #000
}
.coconut-burger-button .burger-line {
background-color: currentColor;
position: absolute;
width: 100%;
height: 3px;
transition: all .3s ease
}
.coconut-burger-button .burger-line.top-bun {
top: 0
}
.coconut-burger-button .burger-line.bottom-bun {
bottom: 0
}
.coconut-burger-button .burger-line.patty {
opacity: 1
}
body.coconut-mobile-menu-container #coconut-mobile-menu-container {
pointer-events: all;
opacity: 1;
transition: opacity .3s ease;
transform: translateY(0);
top: unset
}
#coconut-mobile-menu-container {
pointer-events: none;
opacity: 0;
transition: opacity .3s ease;
position: absolute;
width: 100%;
z-index: -1;
height: calc(100vh - 100%);
transform: translateY(-100%);
top: 0
}
#coconut-mobile-menu-container .overlay {
position: fixed;
inset: 0;
background-color: #000;
opacity: .4
}
#coconut-mobile-menu-container .coconut-mobile-menu {
padding: .5rem 2rem;
padding-bottom: 4rem;
width: 100%;
height: 100%;
overflow-y: auto
}
#coconut-mobile-menu-container .coconut-mobile-menu .sub-menu {
display: none;
width: 100%
}
#coconut-mobile-menu-container .coconut-mobile-menu .sub-menu a {
width: 100%
}
#coconut-mobile-menu-container .coconut-mobile-menu .sub-menu .sub-menu {
padding: .5rem 0
}
#coconut-mobile-menu-container .coconut-mobile-menu .sub-menu .sub-menu li {
margin-right: 2rem;
margin-bottom: .25rem
}
#coconut-mobile-menu-container .coconut-mobile-menu .sub-menu .sub-menu li a {
padding: .5rem 0;
position: relative
}
#coconut-mobile-menu-container .coconut-mobile-menu .sub-menu .sub-menu li a::after {
content: "";
display: block;
position: absolute;
bottom: 0;
width: 100%;
background-color: currentColor;
height: 1px;
opacity: .25
}
#coconut-mobile-menu-container .coconut-mobile-menu ul {
padding: 0;
margin: 0
}
#coconut-mobile-menu-container .coconut-mobile-menu ul li {
list-style: none;
display: flex;
flex-wrap: wrap;
align-items: center
}
#coconut-mobile-menu-container .coconut-mobile-menu ul li.menu-item-has-children {
position: relative
}
#coconut-mobile-menu-container .coconut-mobile-menu ul li.menu-item-has-children>.arrow {
margin-left: auto
}
#coconut-mobile-menu-container .coconut-mobile-menu ul li.menu-item-has-children>.arrow::after {
font-size: 24px;
display: inline-block;
content: "";
line-height: inherit;
height: .5em;
width: .5em;
border-bottom: 1px solid currentColor;
border-right: 1px solid currentColor;
transform: rotate(-45deg);
transition: all .3s ease
}
#coconut-mobile-menu-container .coconut-mobile-menu ul li.menu-item-has-children.open>.arrow::after {
transform: rotate(45deg)
}
#coconut-mobile-menu-container .coconut-mobile-menu ul li.menu-item-has-children.open .sub-menu {
display: block
}
#coconut-mobile-menu-container .coconut-mobile-menu .mobile-menu>li>a {
display: block;
padding: 1.25rem 0;
width: -moz-fit-content;
width: fit-content
}
#coconut-mobile-menu-container .coconut-mobile-menu .mobile-menu>li>.sub-menu>li>a {
font-weight: 600
}
#coconut-mobile-menu-container .coconut-mobile-menu .mobile-menu>li>.sub-menu .sub-menu a {
font-size: 16px
}
#coconut-mobile-menu-container .coconut-mobile-menu .mobile-menu>li>.sub-menu .arrow {
display: none
}
@font-face {
font-family: icomoon;
src: url('../../alaverdifonts/icomoon.woff');
src: url('../../alaverdifonts/icomoon.woff#iefix') format('embedded-opentype'), url('../../alaverdifonts/icomoon.woff2') format('woff2'), url('../../alaverdifonts/icomoon.woff') format('truetype'), url('../../alaverdifonts/icomoon.woff') format('woff'), url('../../alaverdifonts/icomoon.svg') format('svg');
font-weight: 400;
font-style: normal;
font-display: swap
}
.info-icon .icon-size,
.info-icon .icon-bed,
.info-icon .icon-shower {
font-family: icomoon !important;
speak: never;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.icon-size:before {
content: "\e900"
}
.icon-shower:before {
content: "\e901"
}
.icon-bed:before {
content: "\e902"
}
.animated {
-webkit-animation-duration: .7s;
animation-duration: .7s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
[data-animation=fadeIn] {
opacity: 0
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn
}
@-webkit-keyframes fadeIn {
from {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
from {
opacity: 0
}
to {
opacity: 1
}
}
[data-animation=fadeInUp] {
opacity: 0;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0)
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes widthFill {
0% {
width: 0%
}
100% {
width: 100%
}
}
@keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
.grid-container {
padding-left: 40px !important;
padding-right: 40px !important;
max-width: var(--container);
margin: 0 auto;
box-sizing: border-box
}
#page {
opacity: 1;
animation-duration: 1s;
animation-name: fadeIn;
animation-timing-function: ease-in
}
#primary {
background-color: var(--background);
z-index: 1;
position: relative
}
* {
-webkit-tap-highlight-color: transparent
}
[class*=" icon-"],
[class^=icon-] {
font-size: 18px
}
.icon-shower {
font-size: 21px
}
a,
button,
input,
p,
ul {
letter-spacing: 1.6px
}
h1,
h2,
h3,
h4 {
margin-bottom: 14px;
letter-spacing: 2px
}
strong {
font-weight: 500
}
body a:has(h1, h2, h3, h4, h5, h6) {
all: unset;
text-decoration: none !important;
cursor: pointer !important
}
body a:has(h1, h2, h3, h4, h5, h6):hover {
all: unset;
text-decoration: none !important
}
body .archive-title {
display: none
}
body section#archive {
background-color: var(--background) !important
}
body {
width: 100vw;
position: relative
}
.custom-scroll-bar::-webkit-scrollbar,
html::-webkit-scrollbar {
width: 6px;
height: 6px
}
.custom-scroll-bar::-webkit-scrollbar-track,
html::-webkit-scrollbar-track {
background: var(--light)
}
.custom-scroll-bar::-webkit-scrollbar-thumb,
html::-webkit-scrollbar-thumb {
background: var(--gold);
border-radius: 100px
}
html.lenis {
height: auto;
overflow-x: hidden
}
.lenis.lenis-smooth {
scroll-behavior: auto !important
}
.lenis.lenis-smooth [data-lenis-prevent] {
overscroll-behavior: contain
}
.lenis.lenis-stopped {
overflow: hidden
}
.lenis.lenis-stopped #masthead {
padding-right: 6px
}
.lenis.lenis-scrolling iframe {
pointer-events: none
}
.wpnordic-modal-open-btn-container {
z-index: 10
}
.wpnordic-modal-content .second-content {
padding: 20px 60px
}
.wpnordic-modal-content .second-content .gform_wrapper {
max-width: unset;
width: 100%
}
.flexible-inner-section .gform_wrapper .gform_button {
display: flex;
justify-content: center;
align-items: center;
text-transform: uppercase;
color: var(--gold);
border: 1px solid;
border-color: var(--gold);
color: var(--white) !important;
min-width: 200px;
padding: 10px 20px;
font-weight: 400;
width: fit-content;
transition: all .3s ease;
position: relative;
text-decoration: none !important;
background-color: var(--gold) !important
}
.flexible-inner-section .gform_wrapper .gform_button.white {
color: var(--black) !important;
border-color: var(--white);
background-color: var(--white)
}
.standard-button {
text-align: center;
line-height: 1;
padding: 10px 12px;
text-transform: uppercase;
background-color: var(--light);
color: var(--black) !important;
border: 1px solid var(--light)
}
.gform_validation_container {
display: none !important;
position: absolute !important;
left: -9000px
}
@media screen and (max-width:640px) {
.grid-container {
padding-left: 30px;
padding-right: 30px
}
}
@media screen and (max-width:480px) {
.grid-container {
padding-left: 20px;
padding-right: 20px
}
}
.relative {
position: relative
}
.flex {
display: flex
}
#coconut-mobile-menu-container .coconut-mobile-menu .mobile-menu li a,
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-1 h2 a {
display: flex;
align-items: center;
padding-right: 10px;
transition: all .3s ease
}
#coconut-mobile-menu-container .coconut-mobile-menu .mobile-menu li a.white,
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-1 h2 a.white {
color: var(--white)
}
#coconut-mobile-menu-container .coconut-mobile-menu .mobile-menu li a::before,
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-1 h2 a::before {
width: 1em;
height: 1px;
background-color: currentColor;
margin-right: 20px;
transition: all .3s ease
}
#coconut-mobile-menu-container .coconut-mobile-menu .mobile-menu li .loop-item:hover a,
#coconut-mobile-menu-container .coconut-mobile-menu .mobile-menu li a:hover,
.loop-item:hover #coconut-mobile-menu-container .coconut-mobile-menu .mobile-menu li a,
.loop-item:hover footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-1 h2 a,
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-1 h2 .loop-item:hover a,
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-1 h2 a:hover {
padding-right: 0
}
#coconut-mobile-menu-container .coconut-mobile-menu .mobile-menu li .loop-item:hover a::before,
#coconut-mobile-menu-container .coconut-mobile-menu .mobile-menu li a:hover::before,
.loop-item:hover #coconut-mobile-menu-container .coconut-mobile-menu .mobile-menu li a::before,
.loop-item:hover footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-1 h2 a::before,
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-1 h2 .loop-item:hover a::before,
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-1 h2 a:hover::before {
width: 1.5em
}
.underline {
border-bottom: 1px solid currentColor;
padding-bottom: 1.5rem
}
.slider-nav-arrows {
transition: all .3s ease;
opacity: 1;
width: 100%;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
pointer-events: none;
z-index: 1
}
.slider-nav-arrows.show {
opacity: 1
}
.slider-nav-arrows .grid-container {
display: flex;
justify-content: space-between
}
.gform_submission_error {
display: none
}
.gform_wrapper form {
flex-grow: 1;
max-width: 900px;
margin-left: auto
}
.gform_wrapper fieldset {
padding: 0;
border: unset;
margin: 0
}
.gform_wrapper #field_submit input[type=submit] {
font-weight: 400;
border-color: var(--white);
color: var(--brown);
background-color: var(--white);
cursor: pointer;
max-width: 150px;
float: right
}
.gform_wrapper .ginput_container_consent {
display: flex;
align-items: center
}
.gform_wrapper .ginput_container_consent input {
opacity: 0;
position: absolute;
width: 16px;
height: 16px;
margin: 0;
top: 0
}
.gform_wrapper .ginput_container_consent .gform-field-label {
display: inline-block;
cursor: pointer
}
.gform_wrapper .ginput_container_consent::before {
cursor: pointer;
display: inline-block;
content: "";
width: 16px;
height: 16px;
border: 1px solid var(--gold);
margin-right: 7px;
font-size: 14px;
display: flex;
align-items: center;
justify-content: center
}
.gform_wrapper .ginput_container_consent:has(input:checked)::before {
background-color: var(--gold);
content: "✔";
color: #fff
}
.gform_wrapper .ginput_container_consent a {
text-decoration: underline
}
.gform_wrapper .gform_description {
max-width: 480px;
margin-right: 40px;
opacity: .7;
font-size: 15px;
border-radius: 0;
margin-bottom: 20px !important
}
.gform_wrapper .gfield_contains_required .ginput_container::after {
content: "*";
color: #000;
font-size: 40px;
position: absolute;
opacity: 1;
height: 44px;
right: 20px;
transition: all .3s ease;
pointer-events: none
}
.gform_wrapper .gfield_contains_required .ginput_container:has(input[aria-invalid=true]) input {
border-color: red;
padding-right: 30px
}
.gform_wrapper .gfield_contains_required .ginput_container:has(input[aria-invalid=true]) label {
color: red
}
.gform_wrapper .gfield_contains_required .ginput_container:has(input[aria-invalid=true])::after {
content: "*";
color: red;
font-size: 40px;
position: absolute;
opacity: 1;
height: 44px;
right: 10px
}
.gform_wrapper .ginput_container {
position: relative;
display: flex;
align-items: center;
width: 100%
}
.gform_wrapper .ginput_container>span {
width: 100%
}
.gform_wrapper button,
.gform_wrapper input:not([type=checkbox]:not([type=submit])),
.gform_wrapper select,
.gform_wrapper textarea {
background-color: transparent;
padding: 14px 20px;
padding-right: 30px;
color: currentColor;
border: 1px solid currentColor;
width: 100%;
transition: all .3s ease
}
.gform_wrapper button:focus,
.gform_wrapper input:not([type=checkbox]:not([type=submit])):focus,
.gform_wrapper select:focus,
.gform_wrapper textarea:focus {
outline: unset
}
.gform_wrapper button:has(option),
.gform_wrapper input:not([type=checkbox]:not([type=submit])):has(option),
.gform_wrapper select:has(option),
.gform_wrapper textarea:has(option) {
font-style: italic
}
.gform_wrapper button.textarea,
.gform_wrapper input:not([type=checkbox]:not([type=submit])).textarea,
.gform_wrapper select.textarea,
.gform_wrapper textarea.textarea {
transition: unset;
resize: none;
height: 200px
}
.gform_wrapper .gfield_label>.gfield_required::after {
content: "*";
color: red
}
.gform_wrapper .gfield_label>.gfield_required .gfield_required_text {
display: none
}
.flexible-inner-section .gform_wrapper .gfield:not(.gfield--type-checkbox) .gfield_label,
.flexible-inner-section .gform_wrapper .validation_message {
display: none
}
.flexible-inner-section .gform_wrapper .gform_fields {
display: flex;
flex-direction: column;
gap: 20px
}
.flexible-inner-section .gform_wrapper .gfield_label {
font-size: 16px;
font-weight: 500;
margin-bottom: 8px
}
.flexible-inner-section .gform_wrapper .gform_footer {
margin-top: 20px
}
.flexible-inner-section .gform_wrapper .gform_button {
cursor: pointer
}
.flexible-inner-section .gform_wrapper input:not([type=checkbox]:not([type=submit]))::-webkit-input-placeholder {
font-style: italic;
color: var(--black)
}
.flexible-inner-section .gform_wrapper input:not([type=checkbox]:not([type=submit])):-moz-placeholder {
font-style: italic;
color: var(--black)
}
.flexible-inner-section .gform_wrapper input:not([type=checkbox]:not([type=submit]))::-moz-placeholder {
font-style: italic;
color: var(--black)
}
.flexible-inner-section .gform_wrapper input:not([type=checkbox]:not([type=submit])):-ms-input-placeholder {
font-style: italic;
color: var(--black)
}
.coconut-expand {
padding-left: 0 !important;
padding-right: 0 !important;
display: flex !important;
align-items: center;
gap: 18px
}
.coconut-expand::after {
content: "Menu";
display: flex;
align-items: center;
line-height: 1;
color: currentColor;
opacity: 1;
transition: all .3s ease;
margin-top: 4px !important;
}
.coconut-expand .coconut-burger-button {
height: .5em;
width: 1.75em;
color: currentColor
}
.coconut-expand .coconut-burger-button .burger-line {
height: 1px
}
.coconut-expand .coconut-burger-button .patty {
display: none
}
#coconut-mobile-menu-container {
top: 0 !important;
height: unset
}
#coconut-mobile-menu-container .overlay {
z-index: -1;
opacity: .6;
color: var(--black);
inset: unset;
top: 0;
height: 100vh;
width: 100%
}
#coconut-mobile-menu-container .coconut-mobile-menu {
padding-top: calc(94px + 40px);
padding-left: 0;
padding-right: 0;
padding-bottom: 40px;
max-width: 100vw;
overflow-x: hidden;
max-height: 100vh;
min-height: 100vh;
text-transform: uppercase
}
#coconut-mobile-menu-container .coconut-mobile-menu .booking-btn {
display: none;
padding-bottom: 20px
}
#coconut-mobile-menu-container .coconut-mobile-menu .booking-btn .standard-button {
width: 50%;
text-align: center;
font-size: 12px;
color: var(--black);
border-color: currentColor
}
#coconut-mobile-menu-container .coconut-mobile-menu ul {
margin-bottom: 60px
}
#coconut-mobile-menu-container .coconut-mobile-menu .mobile-menu li {
border-bottom: 1px solid currentColor;
cursor: pointer
}
#coconut-mobile-menu-container .coconut-mobile-menu .mobile-menu li.margin-top {
margin-top: 40px
}
#coconut-mobile-menu-container .coconut-mobile-menu .mobile-menu li a {
width: 100%;
transition: all .3s ease;
padding: 32px 0;
line-height: 1.2
}
#coconut-mobile-menu-container .coconut-mobile-menu .mobile-menu li a::before {
content: ""
}
#coconut-mobile-menu-container .coconut-mobile-menu .mobile-menu li a::before {
width: 0;
margin-right: 0
}
#coconut-mobile-menu-container .coconut-mobile-menu .mobile-menu li a:hover::before {
width: 30px;
margin-right: 20px
}
#coconut-mobile-menu-container .coconut-mobile-menu .mobile-menu li .arrow {
display: none
}
#coconut-mobile-menu-container .coconut-mobile-menu .mobile-menu li a[href="#"] {
pointer-events: none
}
#coconut-mobile-menu-container .coconut-mobile-menu .mobile-menu li:hover .sub-menu {
max-height: 1000px
}
#coconut-mobile-menu-container .coconut-mobile-menu .mobile-menu li .sub-menu {
display: block;
margin: 0;
max-height: 0;
overflow: hidden;
transition: max-height .6s ease
}
#coconut-mobile-menu-container .coconut-mobile-menu .mobile-menu li .sub-menu li {
padding-left: 20px
}
#coconut-mobile-menu-container .coconut-mobile-menu .mobile-menu li .sub-menu li:first-child a {
padding-top: 0
}
#coconut-mobile-menu-container .coconut-mobile-menu .mobile-menu li .sub-menu li:last-child {
border: 0
}
#coconut-mobile-menu-container .coconut-mobile-menu .mobile-menu li .sub-menu a,
#coconut-mobile-menu-container .coconut-mobile-menu .mobile-menu li .sub-menu li {
font-family: var(--body-font-family);
font-size: 18px;
font-weight: 300 !important
}
#coconut-mobile-menu-container .small-header-menu {
display: flex;
gap: 20px 40px;
flex-wrap: wrap;
font-family: var(--body-font-family);
font-size: 18px;
text-transform: uppercase;
font-weight: 300;
margin-bottom: 0 !important
}
#coconut-mobile-menu-container .small-header-menu a {
display: flex;
flex-direction: column;
gap: 4px
}
#coconut-mobile-menu-container .small-header-menu a::after {
transition: all .3s ease;
content: "";
width: 0%;
height: 1px;
background-color: currentColor
}
#coconut-mobile-menu-container .small-header-menu a:hover::after {
width: 100%
}
#coconut-mobile-menu-container .menu-flex-container {
display: flex;
justify-content: space-between;
gap: 40px
}
#coconut-mobile-menu-container .menu-flex-container .menu-gallery {
width: 60%;
margin-left: auto
}
#coconut-mobile-menu-container .menu-flex-container .menu-gallery .slide img {
width: 100%;
max-width: 640px;
margin-left: auto;
height: 720px;
max-height: 80vh;
object-fit: cover;
object-position: center
}
#coconut-mobile-menu-container .menu-flex-container .menu-container {
width: 100%
}
#coconut-mobile-menu-container .menu-flex-container .single-room-slider-before-footer {
max-width: 1200px;
padding: 20px 0;
background-color: unset !important
}
#coconut-mobile-menu-container .menu-flex-container .single-room-slider-before-footer .grid-container {
padding-left: 0 !important;
padding-right: 0 !important
}
#coconut-mobile-menu-container .menu-flex-container .single-room-slider-before-footer .swiper-slide {
margin-right: 20px !important
}
body.coconut-mobile-menu-container #masthead::after {
opacity: 1
}
body.coconut-mobile-menu-container #masthead .inside-header .custom-logo {
display: none
}
body.coconut-mobile-menu-container #masthead .inside-header .custom-logo.alternate-logo {
display: block
}
body.coconut-mobile-menu-container #masthead .inside-header::after,
body.coconut-mobile-menu-container #masthead .inside-header::before {
animation: .5s fadeOut;
animation-fill-mode: forwards
}
body.coconut-mobile-menu-container #masthead .inside-header .language-list,
body.coconut-mobile-menu-container #masthead .inside-header .menu-toggle {
color: var(--black)
}
body.coconut-mobile-menu-container #masthead .inside-header .standard-button {
color: var(--black);
background-color: transparent;
border-color: currentColor
}
html[lang=en-US] body.coconut-mobile-menu-container .coconut-expand::after {
content: "Close"
}
#masthead .custom-logo-link {
display: flex;
justify-content: center;
height: 65px
}
#masthead .custom-logo {
transition: all .3s ease
}
#masthead .custom-logo.alternate-logo {
display: none;
filter: invert(1)
}
#masthead .custom-logo:not(.alternate-logo) {
position: absolute;
max-width: 178px
}
@media screen and (max-width:768px) {
#masthead .custom-logo-link {
height: 52px
}
#masthead .custom-logo:not(.alternate-logo) {
max-width: 142px
}
}
#masthead {
position: fixed !important;
transition: background-color .3s ease;
max-width: 100vw
}
#masthead::after {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
background-color: var(--light);
left: 0;
top: 0;
z-index: -1;
transition: all .3s ease;
opacity: 0
}
#masthead .inside-header {
transition: all .3s ease;
display: grid;
grid-gap: 0px 2.5rem;
box-sizing: border-box;
align-items: center;
padding-top: 1.5rem;
padding-bottom: 1rem;
grid-template-columns: 4fr minmax(52px, 1fr) 4fr
}
#masthead .inside-header .language-list,
#masthead .inside-header .menu-toggle {
color: var(--white)
}
#masthead .inside-header .left-nav-container {
order: 1;
grid-column: 1;
grid-row: 1;
display: flex;
align-items: center;
gap: 15px 45px
}
#masthead .inside-header .right-nav-container {
order: 3;
grid-column: 3;
grid-row: 1;
margin-left: auto
}
#masthead .inside-header .right-nav-container .language-switcher {
display: none
}
#masthead .inside-header .language-switcher {
display: flex;
align-items: center
}
#masthead .inside-header .language-switcher .language-list {
display: flex !important;
position: relative
}
#masthead .inside-header .language-switcher li {
display: flex
}
#masthead .inside-header .language-switcher li:not(:last-of-type) {
border-right: 1px solid currentColor
}
#masthead .inside-header .language-switcher .current-language {
display: block
}
#masthead .inside-header .language-switcher .current-language a {
opacity: 1
}
#masthead .inside-header .language-switcher .switch-language {
display: none;
background-color: unset
}
#masthead .inside-header .language-switcher .language-list {
background: unset;
border: unset;
padding: 0;
gap: 0
}
#masthead .inside-header .language-switcher a {
color: currentColor;
display: flex;
align-items: center;
justify-content: center;
opacity: .52;
border-radius: 100px;
padding: 0 7px;
font-size: 14px;
line-height: 16px;
min-height: unset
}
#masthead .inside-header .site-branding {
order: 2;
grid-column: 2;
grid-row: 1;
margin: 0 auto;
justify-content: center;
height: 65px;
display: flex;
align-items: center
}
#masthead .booking-btn {
display: flex;
gap: 25px
}
body:not(.scrolled, .coconut-mobile-menu-container):has(section.hero) #masthead .right-nav-container .booking-btn .standard-button {
background-color: unset;
color: var(--white) !important;
border-color: transparent
}
body.scrolled #masthead,
body:not(:has(section.hero)) #masthead {
background-color: var(--light);
color: var(--black);
box-shadow: rgba(0, 0, 0, .16) 0 1px 4px
}
body.scrolled #masthead .inside-header .language-list,
body.scrolled #masthead .inside-header .menu-toggle,
body:not(:has(section.hero)) #masthead .inside-header .language-list,
body:not(:has(section.hero)) #masthead .inside-header .menu-toggle {
color: var(--black)
}
body.scrolled #masthead .inside-header .standard-button,
body:not(:has(section.hero)) #masthead .inside-header .standard-button {
color: var(--black);
background-color: transparent;
border-color: currentColor
}
body.scrolled #masthead .inside-header::after,
body.scrolled #masthead .inside-header::before,
body:not(:has(section.hero)) #masthead .inside-header::after,
body:not(:has(section.hero)) #masthead .inside-header::before {
display: none;
background-color: var(--gold)
}
body.scrolled #masthead .custom-logo,
body:not(:has(section.hero)) #masthead .custom-logo {
display: none
}
body.scrolled #masthead .custom-logo.alternate-logo,
body:not(:has(section.hero)) #masthead .custom-logo.alternate-logo {
display: block
}
body.scrolled:not(.coconut-mobile-menu-container) .coconut-expand .coconut-burger-button,
body:not(:has(section.hero)):not(.coconut-mobile-menu-container) .coconut-expand .coconut-burger-button {
color: currentColor
}
body.scrolled:not(.coconut-mobile-menu-container) .coconut-expand::after,
body:not(:has(section.hero)):not(.coconut-mobile-menu-container) .coconut-expand::after {
color: currentColor
}
body.scrolled:not(.coconut-mobile-menu-container) .language-switcher .switch-language,
body.scrolled:not(.coconut-mobile-menu-container) .language-switcher a,
body:not(:has(section.hero)):not(.coconut-mobile-menu-container) .language-switcher .switch-language,
body:not(:has(section.hero)):not(.coconut-mobile-menu-container) .language-switcher a {
color: currentColor !important
}
body.scrolled:not(.coconut-mobile-menu-container) .language-switcher .current-language a,
body.scrolled:not(.coconut-mobile-menu-container) .language-switcher .switch-language,
body:not(:has(section.hero)):not(.coconut-mobile-menu-container) .language-switcher .current-language a,
body:not(:has(section.hero)):not(.coconut-mobile-menu-container) .language-switcher .switch-language {
border-color: currentColor !important
}
body.scrolled.scrolling-up #masthead,
body:not(:has(section.hero)).scrolling-up #masthead {
transform: translateY(0)
}
body:not(:has(section.hero)) #primary {
padding-top: 100px
}
@media screen and (max-width:1024px) {
#masthead .inside-header .booking-btn span:first-child {
display: none
}
#masthead .right-nav-container .booking-btn {
font-size: 12px;
min-width: unset;
gap: 10px
}
#masthead .right-nav-container .booking-btn .standard-button {
padding: 8px 12px
}
#masthead .right-nav-container .booking-btn::after {
transform: scale(.8)
}
}
@media screen and (max-width:768px) {
body #coconut-mobile-menu-container .menu-flex-container,
body.scrolled #coconut-mobile-menu-container .menu-flex-container {
flex-direction: column
}
body #coconut-mobile-menu-container .menu-flex-container .menu-container,
body #coconut-mobile-menu-container .menu-flex-container .menu-gallery,
body.scrolled #coconut-mobile-menu-container .menu-flex-container .menu-container,
body.scrolled #coconut-mobile-menu-container .menu-flex-container .menu-gallery {
width: 100%
}
body #coconut-mobile-menu-container .coconut-mobile-menu,
body.scrolled #coconut-mobile-menu-container .coconut-mobile-menu {
padding-top: calc(81px + 40px)
}
body #coconut-mobile-menu-container .coconut-mobile-menu .booking-btn,
body.scrolled #coconut-mobile-menu-container .coconut-mobile-menu .booking-btn {
display: flex
}
body header#masthead .inside-header,
body.scrolled header#masthead .inside-header {
padding-top: 1.5rem;
padding-bottom: .5rem;
grid-gap: 0px 1rem
}
body header#masthead .inside-header .left-nav-container,
body.scrolled header#masthead .inside-header .left-nav-container {
gap: 20px
}
body header#masthead .inside-header .left-nav-container .language-switcher,
body.scrolled header#masthead .inside-header .left-nav-container .language-switcher {
display: none
}
body header#masthead .inside-header .right-nav-container .booking-btn,
body.scrolled header#masthead .inside-header .right-nav-container .booking-btn {
display: none
}
body header#masthead .inside-header .right-nav-container .language-switcher,
body.scrolled header#masthead .inside-header .right-nav-container .language-switcher {
display: block
}
body header#masthead .inside-header button.menu-toggle,
body.scrolled header#masthead .inside-header button.menu-toggle {
width: 35px
}
body header#masthead .inside-header .language-switcher a,
body.scrolled header#masthead .inside-header .language-switcher a {
font-size: 12px
}
body header#masthead .coconut-expand::after,
body.scrolled header#masthead .coconut-expand::after {
display: none
}
#coconut-mobile-menu-container .coconut-mobile-menu .mobile-menu li a {
font-size: 20px;
padding: 24px 0
}
#coconut-mobile-menu-container .small-header-menu {
font-size: 16px
}
#coconut-mobile-menu-container .menu-flex-container .menu-gallery .slide img {
height: unset;
aspect-ratio: 1;
margin-left: unset;
max-width: unset
}
#coconut-mobile-menu-container .menu-flex-container .menu-gallery {
max-width: unset;
margin-left: unset
}
#coconut-mobile-menu-container .coconut-mobile-menu .mobile-menu li .sub-menu {
display: block;
max-height: 1000px
}
#coconut-mobile-menu-container .coconut-mobile-menu .mobile-menu li .sub-menu a,
#coconut-mobile-menu-container .coconut-mobile-menu .mobile-menu li .sub-menu li {
font-size: 16px
}
}
@media screen and (max-width:640px) {
body #coconut-mobile-menu-container .menu-flex-container,
body.scrolled #coconut-mobile-menu-container .menu-flex-container {
flex-direction: column
}
body #coconut-mobile-menu-container .coconut-mobile-menu,
body.scrolled #coconut-mobile-menu-container .coconut-mobile-menu {
padding-top: calc(81px + 20px)
}
body header#masthead .inside-header,
body.scrolled header#masthead .inside-header {
padding-left: 10px !important;
padding-right: 10px !important
}
body header#masthead .inside-header .booking-btn,
body.scrolled header#masthead .inside-header .booking-btn {
font-size: 10px;
flex-wrap: wrap;
justify-content: flex-end;
gap: 8px
}
body header#masthead .inside-header .booking-btn::after,
body.scrolled header#masthead .inside-header .booking-btn::after {
display: none
}
}
@media screen and (max-width:360px) {
body header#masthead .booking-btn,
body.scrolled header#masthead .booking-btn {
font-size: 8px
}
}
.coconut-bottom-bar .coconut-bottom-bar-widgets {
padding: 20px 0
}
.coconut-bottom-bar .coconut-bottom-bar-widgets .widget-col {
padding: 15px 0
}
.coconut-bottom-bar .coconut-bottom-bar-widgets::before {
content: "";
height: 1px;
width: 100%;
background-color: var(--white)
}
#menu-copyright-bar-links {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
gap: 20px 35px
}
footer.site-footer {
overflow-x: hidden;
padding: 3rem 0;
position: relative
}
footer.site-footer .widget-title {
max-width: 275px;
margin-bottom: 1em;
font-size: 20px
}
footer.site-footer .logo-container {
width: 100%;
display: grid;
grid-template-columns: 4fr minmax(200px, 1fr) 4fr;
grid-gap: 0px 3rem;
padding-top: 1.5rem;
padding-bottom: 40px;
box-sizing: border-box;
z-index: 2;
position: relative;
align-items: center
}
footer.site-footer .logo-container::after,
footer.site-footer .logo-container::before {
content: "";
width: 100%;
height: 1px;
background-color: var(--white);
animation: 1s widthFill;
opacity: 1;
transition: opacity .3s ease
}
footer.site-footer .logo-container::before {
margin-left: auto
}
footer.site-footer .logo-container::after {
grid-column: 3
}
footer.site-footer .logo-container a {
grid-column: 2;
margin: 0 auto
}
footer.site-footer .logo-container img {
width: 100%
}
footer.site-footer .inside-footer {
opacity: 1;
z-index: 2;
position: relative
}
footer.site-footer .inside-footer .coconut-footer-widgets {
display: flex;
flex-wrap: wrap
}
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col {
min-width: unset;
margin-right: 40px
}
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col li,
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col p {
margin-bottom: 10px
}
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col ul {
margin: 0;
padding: 0;
list-style: none
}
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col .widget {
margin-bottom: 25px
}
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col .widget:last-child {
margin-bottom: 0
}
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-1 {
width: 100%;
max-width: 465px;
margin-right: auto
}
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-1 h2 a {
font-size: 46px;
color: var(--white)
}
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-1 h2 a::before {
height: 2px
}
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-1 p {
opacity: .7
}
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-1 h4 {
margin-bottom: 0
}
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-1 .widget:not(:last-child) {
margin-bottom: 50px
}
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-2 {
max-width: 250px
}
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-4 {
width: 100%;
margin-right: 0
}
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-4 .widget-title {
max-width: 520px;
margin-bottom: 1rem
}
footer.site-footer .inside-footer .coconut-footer-widgets table td:has(img) {
min-width: calc(110px + 40px)
}
footer.site-footer .inside-footer .coconut-footer-widgets table td:has(img) img {
min-width: 68px;
height: auto;
margin-right: 40px;
padding-right: 40px
}
footer.site-footer .gform_wrapper {
display: flex;
flex-wrap: wrap;
width: 100%
}
footer.site-footer .gform_wrapper form {
flex-grow: 1;
max-width: 900px;
margin-left: auto
}
footer.site-footer .gform_wrapper fieldset {
padding: 0;
border: unset;
margin: 0
}
footer.site-footer .gform_wrapper #field_submit input[type=submit] {
font-weight: 400;
border-color: var(--white);
color: var(--brown);
background-color: var(--white);
cursor: pointer;
max-width: 150px;
float: right
}
footer.site-footer .gform_wrapper .gform_title {
font-size: 20px
}
footer.site-footer .gform_wrapper .gform-field-label {
display: none
}
footer.site-footer .gform_wrapper .ginput_container_consent input {
opacity: 0;
position: absolute;
width: 16px;
height: 16px;
margin: 0;
top: 0
}
footer.site-footer .gform_wrapper .ginput_container_consent .gform-field-label {
display: inline-block;
opacity: .7;
cursor: pointer
}
footer.site-footer .gform_wrapper .ginput_container_consent::before {
cursor: pointer;
display: inline-block;
content: "";
width: 16px;
height: 16px;
border: 1px solid var(--gold);
margin-right: 7px;
font-size: 14px;
display: flex;
align-items: center;
justify-content: center
}
footer.site-footer .gform_wrapper .ginput_container_consent:has(input:checked)::before {
background-color: var(--gold);
content: "✔";
color: #fff
}
footer.site-footer .gform_wrapper .ginput_container_consent a {
text-decoration: underline
}
footer.site-footer .gform_wrapper .gform_description {
max-width: 480px;
margin-right: 40px;
opacity: .7;
font-size: 15px;
border-radius: 0;
margin-bottom: 20px !important
}
footer.site-footer .gform_wrapper .ginput_container {
position: relative;
display: flex;
align-items: center;
width: 100%
}
footer.site-footer .gform_wrapper .ginput_container>span {
width: 100%
}
footer.site-footer .gform_wrapper .ginput_container::after {
content: "*";
color: #000;
font-size: 40px;
position: absolute;
opacity: 0;
height: 44px;
right: 10px;
transition: all .3s ease;
pointer-events: none
}
footer.site-footer .gform_wrapper .ginput_container:has(input[aria-invalid=true]) input {
border-color: red;
padding-right: 30px
}
footer.site-footer .gform_wrapper .ginput_container:has(input[aria-invalid=true]) label {
color: red
}
footer.site-footer .gform_wrapper .ginput_container:has(input[aria-invalid=true])::after {
content: "*";
color: red;
font-size: 40px;
position: absolute;
opacity: 1;
height: 46px;
right: 10px
}
footer.site-footer .gform_wrapper .gform_fields {
display: grid;
grid-template-columns: 1fr 1fr 150px;
grid-gap: 12px 20px
}
footer.site-footer .gform_wrapper .gform_fields .gfield .validation_message {
display: none
}
footer.site-footer .gform_wrapper .gform_fields .gfield--type-name {
grid-column: 1
}
footer.site-footer .gform_wrapper .gform_fields .gfield--type-email {
grid-column: 2
}
footer.site-footer .gform_wrapper .gform_fields .gfield--type-consent {
grid-row: 2;
grid-column: 1
}
footer.site-footer .gform_wrapper .gform_footer,
footer.site-footer .gform_wrapper .gform_validation_errors {
display: none
}
footer.site-footer .gform_wrapper button,
footer.site-footer .gform_wrapper input:not([type=checkbox]) {
background-color: transparent;
padding: 14px 20px;
color: currentColor;
border: 1px solid currentColor;
width: 100%;
transition: all .3s ease
}
footer.site-footer .gform_wrapper button:focus,
footer.site-footer .gform_wrapper input:not([type=checkbox]):focus {
outline: unset
}
footer.site-footer .gform_wrapper button::-webkit-input-placeholder,
footer.site-footer .gform_wrapper input:not([type=checkbox])::-webkit-input-placeholder {
font-style: italic;
color: var(--white)
}
footer.site-footer .gform_wrapper button:-moz-placeholder,
footer.site-footer .gform_wrapper input:not([type=checkbox]):-moz-placeholder {
font-style: italic;
color: var(--white)
}
footer.site-footer .gform_wrapper button::-moz-placeholder,
footer.site-footer .gform_wrapper input:not([type=checkbox])::-moz-placeholder {
font-style: italic;
color: var(--white)
}
footer.site-footer .gform_wrapper button:-ms-input-placeholder,
footer.site-footer .gform_wrapper input:not([type=checkbox]):-ms-input-placeholder {
font-style: italic;
color: var(--white)
}
@media screen and (max-width:1450px) {
footer.site-footer .gform_wrapper form {
margin-left: 0
}
}
@media screen and (max-width:640px) {
footer.site-footer .gform_wrapper .gform_fields {
display: flex;
flex-direction: column
}
footer.site-footer .inside-footer .coconut-footer-widgets table td p {
font-size: 12px
}
}
.flexible-inner-section.has-padding,
body section#archive {
padding-top: 120px;
padding-bottom: 120px
}
@media screen and (max-width:768px) {
footer.site-footer .logo-container {
grid-template-columns: 4fr minmax(128px, 1fr) 4fr;
grid-gap: 0px 1rem
}
footer.site-footer .inside-footer .coconut-footer-widgets {
grid-gap: 2rem 3% !important
}
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-1 h2 a {
font-size: 28px
}
footer.site-footer .gform_wrapper .gform_fields {
grid-template-columns: 1fr 1fr
}
.coconut-bottom-bar .coconut-bottom-bar-widgets {
font-size: 12px
}
.coconut-bottom-bar .coconut-bottom-bar-widgets .widget-col {
padding: 5px 15px
}
.coconut-bottom-bar .coconut-bottom-bar-widgets .widget-col.widget-col-1 {
order: 2
}
body:has(.single-room-slider-before-footer+footer) .single-room-slider-before-footer {
padding-bottom: 60px
}
.flexible-inner-section.has-padding,
body section#archive {
padding-top: 80px;
padding-bottom: 80px
}
}
.flexible-inner-section.has-padding:not(.has-bg)+.flexible-inner-section.has-padding:not(.has-bg),
body .flexible-inner-section.has-padding:not(.has-bg)+section#archive:not(.has-bg),
body section#archive:not(.has-bg)+.flexible-inner-section.has-padding:not(.has-bg) {
padding-top: 0
}
.flexible-inner-section.has-padding.has-bg+.flexible-inner-section.has-padding.has-bg,
body .flexible-inner-section.has-padding.has-bg+section#archive.has-bg,
body section#archive.has-bg+.flexible-inner-section.has-padding.has-bg {
padding-top: 0
}
body:has(.flexible-field-wrapper .single-room-slider-before-footer .has-padding:last-child) .single-room-slider-before-footer {
padding-top: 0
}
.hero .background:not(.color)::after {
content: "";
position: absolute;
top: 0;
left: 0;
z-index: 0;
width: 100%;
height: 100%;
background-color: #261e14;
opacity: .35
}
.hero .background .video-wrap {
position: absolute;
top: 0;
z-index: 0;
width: 100%
}
.hero .background .video-wrap.youtube {
height: 100%;
width: 250%;
padding-bottom: 56.25%
}
.hero .background .video-wrap.youtube iframe {
position: absolute;
pointer-events: none
}
.hero .background .video-wrap.video {
display: flex;
justify-content: center;
overflow: hidden;
height: 100%
}
.hero .background .video-wrap.video video {
height: 100%;
min-width: 100%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%)
}
.subpage-hero-section.has-padding {
padding-top: 0 !important
}
.subpage-hero-section:first-of-type .background {
padding-top: calc(120px + 94px)
}
.subpage-hero-section .background {
padding: 120px 0;
position: relative;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
width: 100%;
min-height: 750px;
max-height: 100vh;
display: flex;
justify-content: center;
align-items: center
}
.subpage-hero-section .background .video video {
width: 100%;
height: 100%;
object-fit: cover
}
.subpage-hero-section .background::after {
content: "";
position: absolute;
top: 0;
left: 0;
z-index: 0;
width: 100%;
height: 100%;
background-color: #261e14;
opacity: .35
}
.subpage-hero-section .background .content {
position: relative;
z-index: 1;
color: var(--background);
text-align: center
}
.subpage-hero-section .background .content h1 {
margin-bottom: 0
}
.subpage-hero-section .background .content .text {
max-width: 540px;
margin: auto
}
.subpage-hero-section.room article.right {
display: flex;
align-items: flex-end
}
.subpage-hero-section .content,
.subpage-hero-section .info {
margin-bottom: 1.5rem
}
.col-1-gallery-slider .gallery-slider .slick-track {
display: flex
}
.col-1-gallery-slider .gallery-slider .slick-track .slick-slide {
height: auto
}
.col-1-gallery-slider .gallery-slider .slick-track .slick-slide div {
height: 100%
}
.col-1-gallery-slider ul.slick-dots {
position: absolute;
bottom: 0;
padding: 40px 0;
display: flex;
flex-wrap: wrap;
justify-content: center
}
.col-1-gallery-slider ul.slick-dots li {
width: 40px;
height: 40px
}
.col-1-gallery-slider ul.slick-dots li.slick-active button {
border-color: var(--background)
}
.col-1-gallery-slider ul.slick-dots li.slick-active button::after {
opacity: 1
}
.col-1-gallery-slider ul.slick-dots li button {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
border: 1px solid transparent;
border-radius: 100%;
transition: all .3s ease
}
.col-1-gallery-slider ul.slick-dots li button::before {
display: none
}
.col-1-gallery-slider ul.slick-dots li button::after {
content: "";
position: absolute;
transition: all .3s ease;
width: 8px;
height: 8px;
background-color: var(--background);
border-radius: 100%;
overflow: hidden;
top: unset;
left: unset
}
.post-type-archive #archive {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 120px 32px
}
.loop-item h2 {
font-size: 28px
}
.loop-item .image-container {
overflow: hidden;
margin-bottom: 1.5rem;
aspect-ratio: 1.4
}
.loop-item .image-container img {
transition: all .3s ease-out;
transform: scale(1.05);
height: 100%;
width: 100%;
object-fit: cover
}
.loop-item .image-container .placeholder {
width: 100%;
height: 100%;
background-color: var(--gold)
}
.loop-item .info {
margin-bottom: 1.5rem;
display: flex;
gap: 12px 24px;
flex-wrap: wrap
}
.loop-item .info .info-icon {
display: flex;
gap: 8px;
align-items: center
}
.loop-item .info .info-icon img {
margin-right: 8px;
height: 20px
}
.loop-item .post-link {
text-transform: none;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-thickness: 4%;
text-underline-offset: 5px;
text-underline-position: from-font
}
.loop-item:hover .image-container img {
transform: scale(1)
}
@media screen and (max-width:768px) {
.subpage-hero-section:first-of-type .background {
min-height: 75vh;
padding: 70px 0;
padding-top: calc(70px + 70px)
}
.col-1-gallery-slider ul.slick-dots {
padding: 20px 0
}
.col-1-gallery-slider ul.slick-dots li {
width: 20px;
height: 20px
}
.col-1-gallery-slider ul.slick-dots li button::after {
width: 4px;
height: 4px
}
.post-type-archive #archive,
.post-type-archive-room #archive {
grid-template-columns: 1fr;
gap: 60px
}
.loop-item h2 {
margin-bottom: 1rem;
padding-bottom: 1rem
}
}
.facilities-overview .text-container {
margin-bottom: 70px
}
.facilities-overview ul {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
justify-content: space-between;
gap: 20px
}
.facilities-overview ul .facility-item .wrapper {
display: flex;
flex-direction: column;
gap: 30px;
align-items: center;
text-align: center
}
.facilities-overview ul .facility-item .wrapper img {
width: 79px;
height: 67px;
object-fit: contain
}
.facilities-overview ul .facility-item:first-child .wrapper {
animation-delay: .1s !important
}
.facilities-overview ul .facility-item:nth-child(2) .wrapper {
animation-delay: .2s !important
}
.facilities-overview ul .facility-item:nth-child(3) .wrapper {
animation-delay: .3s !important
}
.facilities-overview ul .facility-item:nth-child(4) .wrapper {
animation-delay: .4s !important
}
.facilities-overview ul .facility-item:nth-child(5) .wrapper {
animation-delay: .5s !important
}
.facilities-overview ul .facility-item:nth-child(6) .wrapper {
animation-delay: .6s !important
}
.facilities-overview ul .facility-item:nth-child(7) .wrapper {
animation-delay: .7s !important
}
.facilities-overview ul .facility-item:nth-child(8) .wrapper {
animation-delay: .8s !important
}
.facilities-overview ul .facility-item:nth-child(9) .wrapper {
animation-delay: .9s !important
}
.facilities-overview ul .facility-item:nth-child(10) .wrapper {
animation-delay: 1s !important
}
.col-2-text-images.has-bg {
color: var(--white)
}
.col-2-text-images .grid-container .row {
display: flex;
justify-content: space-between;
gap: 40px;
flex-wrap: nowrap;
align-items: stretch
}
.col-2-text-images .grid-container .row .col-left,
.col-2-text-images .grid-container .row .col-right {
max-width: 667.6px;
display: flex;
flex-direction: column
}
.col-2-text-images .grid-container .row .col-left .archive-image-left img,
.col-2-text-images .grid-container .row .col-left .archive-image-left video,
.col-2-text-images .grid-container .row .col-left .archive-image-right img,
.col-2-text-images .grid-container .row .col-left .archive-image-right video,
.col-2-text-images .grid-container .row .col-right .archive-image-left img,
.col-2-text-images .grid-container .row .col-right .archive-image-left video,
.col-2-text-images .grid-container .row .col-right .archive-image-right img,
.col-2-text-images .grid-container .row .col-right .archive-image-right video {
width: 100%;
object-fit: cover;
aspect-ratio: 0.85
}
.col-2-text-images .grid-container .row .col-left .archive-text {
margin-bottom: 14%
}
.col-2-text-images .grid-container .row .col-right .archive-text {
margin-top: 14%
}
.col-2-text-images .archive-image.position-center img,
.col-2-text-images .archive-image.position-center video {
object-position: center
}
.col-2-text-images .overflow-container {
overflow: hidden
}
.single-room-slider-before-footer {
max-width: 100vw;
overflow: hidden;
background-color: var(--background);
position: relative;
z-index: 1
}
.single-room-slider-before-footer .slick-list,
.single-room-slider-before-footer .swiper {
overflow: visible
}
.single-room-slider-before-footer .slider-nav-arrows {
padding-bottom: calc(14px + 27.6px + 32px)
}
@media screen and (max-width:1200px) {
h1 {
font-size: 48px !important
}
h2 {
font-size: 32px !important
}
h3 {
font-size: 22px !important
}
}
@media screen and (max-width:1024px) {
body {
font-size: 14px !important
}
}
@media screen and (max-width:768px) {
.facilities-overview .text-container {
margin-bottom: 1.5rem
}
.col-2-text-images .grid-container .row {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: stretch
}
.col-2-text-images .grid-container .row .col-left,
.col-2-text-images .grid-container .row .col-right {
max-width: 100%;
display: flex;
flex-direction: column
}
.col-2-text-images .grid-container .row .col-left .archive-image-left img,
.col-2-text-images .grid-container .row .col-left .archive-image-right img,
.col-2-text-images .grid-container .row .col-right .archive-image-left img,
.col-2-text-images .grid-container .row .col-right .archive-image-right img {
width: 100%;
height: 400px;
object-fit: cover;
aspect-ratio: 0.85
}
.col-2-text-images .grid-container .row .col-left .archive-text {
margin-bottom: 0
}
.col-2-text-images .grid-container .row .col-left .archive-text h3 {
color: #f4f2ee
}
.grid-container {
padding-left: 20px !important;
padding-right: 20px !important
}
h1 {
font-size: 40px !important
}
h2 {
font-size: 28px !important
}
}
@media screen and (max-width:640px) {
h1 {
font-size: 32px !important
}
h2 {
font-size: 26px !important
}
h3 {
font-size: 20px !important
}
h4 {
font-size: 18px !important
}
body {
font-size: 12px !important
}
}
.grid-container {
max-width: 1640px;
padding-left: 40px;
padding-right: 40px;
margin-left: auto;
margin-right: auto
}
body {
font-family: NimbusRom;
font-weight: 300;
text-transform: none;
font-size: 16px;
line-height: 1.5;
color: var(--black);
background-color: var(--background)
}
body a {
text-decoration: none;
color: inherit
}
body a:active,
body a:focus,
body a:hover {
text-decoration: none
}
p {
margin-block-start: 0px;
margin-block-end: 0px;
margin-bottom: 1.5em
}
p:last-child {
margin-bottom: 0
}
footer.coconut-footer {
font-weight: 200;
text-transform: none;
font-size: 16px;
color: var(--white);
background-color: var(--brown)
}
footer.coconut-footer a {
text-decoration: none;
color: inherit
}
footer.coconut-footer a:active,
footer.coconut-footer a:focus,
footer.coconut-footer a:hover {
text-decoration: none
}
.coconut-bottom-bar {
font-weight: 200;
text-transform: none;
font-size: 16px;
color: var(--white);
background-color: var(--brown)
}
.coconut-bottom-bar a {
text-decoration: none;
color: inherit
}
.coconut-bottom-bar a:active,
.coconut-bottom-bar a:focus,
.coconut-bottom-bar a:hover {
text-decoration: none
}
header {
font-weight: 400;
text-transform: none;
font-size: 16px;
color: var(--white)
}
header a {
text-decoration: none;
color: inherit
}
header a:active,
header a:focus,
header a:hover {
text-decoration: none
}
.coconut-mobile-menu {
font-family: NimbusRom;
font-weight: 400;
text-transform: uppercase;
font-size: 32px;
color: var(--gold);
background-color: var(--light)
}
.coconut-mobile-menu a {
color: inherit
}
@media screen and (max-width:9999999px) {
.menu-toggle.coconut-expand {
display: block
}
.header-menu {
display: none
}
.grid-container {
padding-left: 20px;
padding-right: 20px
}
}
#masthead .site-branding {
width: 100%;
max-width: 200px
}
h1 {
margin: 0;
margin-bottom: 1.5rem
}
h1 {
font-family: 'ArimaKoshi';
font-weight: 500;
text-transform: uppercase;
font-size: 50px;
line-height: 1.15
}
h1 a {
color: inherit
}
h2 {
margin: 0;
margin-bottom: 1.5rem
}
h2 {
font-family: 'ArimaKoshi';
font-weight: 500;
text-transform: uppercase;
font-size: 44px;
line-height: 1.15
}
h2 a {
color: inherit
}
h3 {
margin: 0;
margin-bottom: 1.5rem
}
h3 {
font-family: 'ArimaKoshi';
font-weight: 500;
text-transform: uppercase;
font-size: 32px;
line-height: 1.15
}
h3 a {
color: inherit
}
h4 {
margin: 0;
margin-bottom: 1.5rem
}
h4 {
font-family: 'ArimaKoshi';
font-weight: 500;
text-transform: uppercase;
font-size: 24px;
line-height: 1.15
}
h4 a {
color: inherit
}
:root {
--container: 1640px;
--body-font-family: NimbusRom;
--h1-font-family: ArimaKoshi;
--h2-font-family: ArimaKoshi;
--h3-font-family: ArimaKoshi;
--mobile-breakpoint: 9999999px;
--black: #000000;
--white: #ffffff;
--gold: #8c6e47;
--background: #f5f2ee;
--light: #e5ddd2;
--gold-faded: #d2c6b7;
--brown: #4b382e;
--gray: #777777
}
#gform_wrapper_3365338105[data-form-index="0"].gform-theme {
--gf-color-primary: #204ce5;
--gf-color-primary-rgb: 32, 76, 229;
--gf-color-primary-contrast: #fff;
--gf-color-primary-contrast-rgb: 255, 255, 255;
--gf-color-primary-darker: #001AB3;
--gf-color-primary-lighter: #527EFF;
--gf-color-secondary: #fff;
--gf-color-secondary-rgb: 255, 255, 255;
--gf-color-secondary-contrast: #112337;
--gf-color-secondary-contrast-rgb: 17, 35, 55;
--gf-color-secondary-darker: #F5F5F5;
--gf-color-secondary-lighter: #FFFFFF;
--gf-color-out-ctrl-light: rgba(17, 35, 55, .1);
--gf-color-out-ctrl-light-rgb: 17, 35, 55;
--gf-color-out-ctrl-light-darker: rgba(104, 110, 119, .35);
--gf-color-out-ctrl-light-lighter: #F5F5F5;
--gf-color-out-ctrl-dark: #585e6a;
--gf-color-out-ctrl-dark-rgb: 88, 94, 106;
--gf-color-out-ctrl-dark-darker: #112337;
--gf-color-out-ctrl-dark-lighter: rgba(17, 35, 55, .65);
--gf-color-in-ctrl: #fff;
--gf-color-in-ctrl-rgb: 255, 255, 255;
--gf-color-in-ctrl-contrast: #112337;
--gf-color-in-ctrl-contrast-rgb: 17, 35, 55;
--gf-color-in-ctrl-darker: #F5F5F5;
--gf-color-in-ctrl-lighter: #FFFFFF;
--gf-color-in-ctrl-primary: #204ce5;
--gf-color-in-ctrl-primary-rgb: 32, 76, 229;
--gf-color-in-ctrl-primary-contrast: #fff;
--gf-color-in-ctrl-primary-contrast-rgb: 255, 255, 255;
--gf-color-in-ctrl-primary-darker: #001AB3;
--gf-color-in-ctrl-primary-lighter: #527EFF;
--gf-color-in-ctrl-light: rgba(17, 35, 55, .1);
--gf-color-in-ctrl-light-rgb: 17, 35, 55;
--gf-color-in-ctrl-light-darker: rgba(104, 110, 119, .35);
--gf-color-in-ctrl-light-lighter: #F5F5F5;
--gf-color-in-ctrl-dark: #585e6a;
--gf-color-in-ctrl-dark-rgb: 88, 94, 106;
--gf-color-in-ctrl-dark-darker: #112337;
--gf-color-in-ctrl-dark-lighter: rgba(17, 35, 55, .65);
--gf-radius: 3px;
--gf-font-size-secondary: 14px;
--gf-font-size-tertiary: 13px;
--gf-icon-ctrl-number: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 0C4.26522 5.96046e-08 4.51957 0.105357 4.70711 0.292893L7.70711 3.29289C8.09763 3.68342 8.09763 4.31658 7.70711 4.70711C7.31658 5.09763 6.68342 5.09763 6.29289 4.70711L4 2.41421L1.70711 4.70711C1.31658 5.09763 0.683417 5.09763 0.292893 4.70711C-0.0976311 4.31658 -0.097631 3.68342 0.292893 3.29289L3.29289 0.292893C3.48043 0.105357 3.73478 0 4 0ZM0.292893 9.29289C0.683417 8.90237 1.31658 8.90237 1.70711 9.29289L4 11.5858L6.29289 9.29289C6.68342 8.90237 7.31658 8.90237 7.70711 9.29289C8.09763 9.68342 8.09763 10.3166 7.70711 10.7071L4.70711 13.7071C4.31658 14.0976 3.68342 14.0976 3.29289 13.7071L0.292893 10.7071C-0.0976311 10.3166 -0.0976311 9.68342 0.292893 9.29289Z' fill='rgba(17, 35, 55, 0.65)'/%3E%3C/svg%3E");
--gf-icon-ctrl-select: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292893 0.292893C0.683417 -0.097631 1.31658 -0.097631 1.70711 0.292893L5 3.58579L8.29289 0.292893C8.68342 -0.0976311 9.31658 -0.0976311 9.70711 0.292893C10.0976 0.683417 10.0976 1.31658 9.70711 1.70711L5.70711 5.70711C5.31658 6.09763 4.68342 6.09763 4.29289 5.70711L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683418 0.292893 0.292893Z' fill='rgba(17, 35, 55, 0.65)'/%3E%3C/svg%3E");
--gf-icon-ctrl-search: url("data:image/svg+xml,%3Csvg width='640' height='640' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M256 128c-70.692 0-128 57.308-128 128 0 70.691 57.308 128 128 128 70.691 0 128-57.309 128-128 0-70.692-57.309-128-128-128zM64 256c0-106.039 85.961-192 192-192s192 85.961 192 192c0 41.466-13.146 79.863-35.498 111.248l154.125 154.125c12.496 12.496 12.496 32.758 0 45.254s-32.758 12.496-45.254 0L367.248 412.502C335.862 434.854 297.467 448 256 448c-106.039 0-192-85.962-192-192z' fill='rgba(17, 35, 55, 0.65)'/%3E%3C/svg%3E");
--gf-label-space-y-secondary: var(--gf-label-space-y-md-secondary);
--gf-ctrl-border-color: #686e77;
--gf-ctrl-size: var(--gf-ctrl-size-md);
--gf-ctrl-label-color-primary: #112337;
--gf-ctrl-label-color-secondary: #112337;
--gf-ctrl-choice-size: var(--gf-ctrl-choice-size-md);
--gf-ctrl-checkbox-check-size: var(--gf-ctrl-checkbox-check-size-md);
--gf-ctrl-radio-check-size: var(--gf-ctrl-radio-check-size-md);
--gf-ctrl-btn-font-size: var(--gf-ctrl-btn-font-size-md);
--gf-ctrl-btn-padding-x: var(--gf-ctrl-btn-padding-x-md);
--gf-ctrl-btn-size: var(--gf-ctrl-btn-size-md);
--gf-ctrl-btn-border-color-secondary: #686e77;
--gf-ctrl-file-btn-bg-color-hover: #EBEBEB;
--gf-field-img-choice-size: var(--gf-field-img-choice-size-md);
--gf-field-img-choice-card-space: var(--gf-field-img-choice-card-space-md);
--gf-field-img-choice-check-ind-size: var(--gf-field-img-choice-check-ind-size-md);
--gf-field-img-choice-check-ind-icon-size: var(--gf-field-img-choice-check-ind-icon-size-md);
--gf-field-pg-steps-number-color: rgba(17, 35, 55, .8)
}
@media only screen and (max-width:410px) {
.coconut-footer .coconut-footer-widgets {
grid-template-columns: 1fr !important
}
}
/* rooms.html :: inline style id='rocket-lazyload-inline-css' type='text/css' */
.rll-youtube-player {
position: relative;
padding-bottom: 56.23%;
height: 0;
overflow: hidden;
max-width: 100%;
}
.rll-youtube-player:focus-within {
outline: 2px solid currentColor;
outline-offset: 5px;
}
.rll-youtube-player iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
background: 0 0
}
.rll-youtube-player img {
bottom: 0;
display: block;
left: 0;
margin: auto;
max-width: 100%;
width: 100%;
position: absolute;
right: 0;
top: 0;
border: none;
height: auto;
-webkit-transition: .4s all;
-moz-transition: .4s all;
transition: .4s all
}
.rll-youtube-player img:hover {
-webkit-filter: brightness(75%)
}
.rll-youtube-player .play {
height: 100%;
width: 100%;
left: 0;
top: 0;
position: absolute;
background: url('../../alaverdiimages/youtube.png') no-repeat center;
background-color: transparent !important;
cursor: pointer;
border: none;
}
/* rooms.html :: inline style id="alaverdi-footer-white-override" */
footer.coconut-footer,
footer.site-footer,
footer.site-footer .logo-container,
footer.site-footer .inside-footer,
footer.site-footer .inside-footer .coconut-footer-widgets,
.coconut-bottom-bar,
.coconut-bottom-bar .coconut-bottom-bar-widgets {
background-color: #ffffff !important;
color: #000000 !important;
}
footer.site-footer .footer-divider {
display: none !important;
}
.footer-social-links a,
.coconut-bottom-bar,
.coconut-bottom-bar .coconut-bottom-bar-widgets,
.coconut-bottom-bar .widget-col,
.coconut-bottom-bar .widget-col p,
.coconut-bottom-bar .widget,
.coconut-bottom-bar a,
#menu-copyright-bar-links,
#menu-copyright-bar-links a {
font-size: 14px !important;
line-height: 1.2 !important;
color: #000000 !important;
}
/* rooms.html :: inline style id="alaverdi-post-link-capitalize" */
.post-link {
text-transform: none;
}
/* rooms.html :: alaverdicss/alaverdi-site.css */
@font-face {
font-family: "ArimaKoshi";
src: url("../../alaverdifonts/arimakoshi-regular.otf") format("opentype");
font-display: swap;
}
/* Index-equivalent open-menu panel styles (social + newsletter) for inner pages. */
#coconut-mobile-menu-container .small-header-menu {
display: flex;
gap: 20px 40px;
flex-wrap: wrap;
font-family: var(--body-font-family);
font-size: 16px;
text-transform: none;
font-weight: 300;
margin-bottom: 0 !important;
}
#coconut-mobile-menu-container .small-header-menu a,
#coconut-mobile-menu-container .menu-panel-social .social-links a {
display: flex;
flex-direction: column;
gap: 4px;
}
#coconut-mobile-menu-container .small-header-menu a::after,
#coconut-mobile-menu-container .menu-panel-social .social-links a::after {
transition: all .3s ease;
content: "";
width: 0%;
height: 1px;
background-color: currentColor;
}
#coconut-mobile-menu-container .small-header-menu a:hover::after,
#coconut-mobile-menu-container .menu-panel-social .social-links a:hover::after {
width: 100%;
}
#coconut-mobile-menu-container .menu-panel-social {
margin-top: 18px;
margin-bottom: 18px;
}
#coconut-mobile-menu-container .menu-panel-divider {
width: 100%;
height: 1px;
background-color: currentColor;
opacity: .35;
}
#coconut-mobile-menu-container .menu-panel-social .social-links {
display: flex;
flex-wrap: wrap;
gap: 14px 26px;
margin: 0;
padding: 0;
list-style: none;
font-size: 14px;
letter-spacing: .02em;
text-transform: none;
}
#coconut-mobile-menu-container .menu-panel-newsletter {
padding-top: 2px;
max-width: 520px;
}
#coconut-mobile-menu-container .menu-panel-newsletter .gform_heading {
margin-bottom: 0;
}
#coconut-mobile-menu-container .menu-panel-newsletter .gform_title {
font-size: 18px;
margin-bottom: 8px;
}
#coconut-mobile-menu-container .menu-panel-newsletter .gform_description {
opacity: .75;
font-size: 14px;
margin-bottom: 8px !important;
}
#coconut-mobile-menu-container .menu-panel-newsletter .gform_fields {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
grid-gap: 10px 14px;
align-items: center;
}
#coconut-mobile-menu-container .menu-panel-newsletter .gfield {
margin: 0;
}
#coconut-mobile-menu-container .menu-panel-newsletter .gfield--type-email {
grid-column: 1;
}
#coconut-mobile-menu-container .menu-panel-newsletter #menu-newsletter-submit {
grid-column: 2;
justify-self: end;
display: flex;
align-items: center;
}
#coconut-mobile-menu-container .menu-panel-newsletter .gfield--type-consent {
grid-column: 1/-1;
}
#coconut-mobile-menu-container .menu-panel-newsletter .gform-field-label {
display: none;
}
#coconut-mobile-menu-container .menu-panel-newsletter input[type=email] {
background-color: transparent;
color: currentColor;
border: 1px solid currentColor;
width: 100%;
height: 38px;
padding: 9px 12px;
font-size: 13px;
line-height: 1.2;
box-sizing: border-box;
}
#coconut-mobile-menu-container .menu-panel-newsletter input[type=email]::placeholder {
color: currentColor;
opacity: .7;
font-style: italic;
}
#coconut-mobile-menu-container .menu-panel-newsletter input[type=submit] {
font-weight: 400;
border: 1px solid currentColor;
color: currentColor;
background-color: transparent;
height: 38px;
padding: 9px 14px;
min-width: 92px;
font-size: 12px;
line-height: 1.2;
cursor: pointer;
transition: all .3s ease;
box-sizing: border-box;
}
#coconut-mobile-menu-container .menu-panel-newsletter input[type=submit]:hover {
opacity: .75;
}
#coconut-mobile-menu-container .menu-panel-newsletter .ginput_container_consent {
position: relative;
display: flex;
align-items: flex-start;
gap: 8px;
}
#coconut-mobile-menu-container .menu-panel-newsletter .ginput_container::after {
content: none !important;
display: none !important;
}
#coconut-mobile-menu-container .menu-panel-newsletter .ginput_container_consent input {
opacity: 0;
position: absolute;
width: 16px;
height: 16px;
margin: 0;
top: 0;
left: 0;
}
#coconut-mobile-menu-container .menu-panel-newsletter .ginput_container_consent::before {
content: "";
display: inline-flex;
align-items: center;
justify-content: center;
width: 16px;
min-width: 16px;
height: 16px;
border: 1px solid currentColor;
margin-top: 2px;
font-size: 12px;
}
#coconut-mobile-menu-container .menu-panel-newsletter .ginput_container_consent:has(input:checked)::before {
content: "✔";
}
#coconut-mobile-menu-container .menu-panel-newsletter .gfield_consent_label {
display: inline-block;
opacity: .78;
font-size: 12px;
line-height: 1.45;
}
#coconut-mobile-menu-container .menu-panel-newsletter .gfield_consent_label a {
text-decoration: underline;
}
#coconut-mobile-menu-container .menu-flex-container {
display: flex;
justify-content: space-between;
gap: 40px;
}
#coconut-mobile-menu-container .menu-flex-container .menu-gallery {
width: 60%;
margin-left: auto;
}
#coconut-mobile-menu-container .menu-flex-container .menu-gallery .slide img {
width: 100%;
max-width: 640px;
margin-left: auto;
height: 720px;
max-height: 80vh;
object-fit: cover;
object-position: center;
}
#coconut-mobile-menu-container .menu-flex-container .menu-container {
width: 100%;
}
@media screen and (max-width: 768px) {
#coconut-mobile-menu-container .small-header-menu {
font-size: 11px;
}
#coconut-mobile-menu-container .menu-panel-social {
margin-top: 14px;
margin-bottom: 14px;
}
#coconut-mobile-menu-container .menu-panel-social .social-links {
gap: 10px 16px;
font-size: 12px;
}
#coconut-mobile-menu-container .menu-panel-newsletter {
padding-top: 2px;
}
#coconut-mobile-menu-container .menu-panel-newsletter .gform_fields {
grid-template-columns: 1fr;
grid-gap: 8px;
}
#coconut-mobile-menu-container .menu-panel-newsletter #menu-newsletter-submit {
grid-column: 1;
justify-self: start;
}
#coconut-mobile-menu-container .menu-flex-container .menu-gallery .slide img {
height: unset;
aspect-ratio: 1;
margin-left: unset;
max-width: unset;
}
}
/* Keep the header on the display face while the body stays on NimbusRom. */
#masthead.site-header,
#masthead.site-header *:not(img):not(svg):not(path),
#masthead.site-header *:not(img):not(svg):not(path)::before,
#masthead.site-header *:not(img):not(svg):not(path)::after,
#coconut-mobile-menu-container,
#coconut-mobile-menu-container *:not(img):not(svg):not(path),
#coconut-mobile-menu-container *:not(img):not(svg):not(path)::before,
#coconut-mobile-menu-container *:not(img):not(svg):not(path)::after {
font-family: "ArimaKoshi", serif !important;
}
@font-face {
font-family: "ArimaKoshi";
src: url("../../alaverdifonts/arimakoshi-light.otf") format("opentype");
font-weight: 300;
font-display: swap;
}
@font-face {
font-family: "NimbusRom";
src: url("../../alaverdifonts/nimbusromno9l-reg.otf") format("opentype");
font-display: swap;
}
@font-face {
font-family: "NimbusRom";
src: url("../../alaverdifonts/nimbusromno9l-medita.otf") format("opentype");
font-style: italic;
font-weight: 500;
font-display: swap;
}
:root {
--body-font-family: "NimbusRom", serif;
--h1-font-family: "ArimaKoshi", serif;
--h2-font-family: "ArimaKoshi", serif;
--h3-font-family: "ArimaKoshi", serif;
}
body,
button,
input,
select,
textarea,
.coconut-mobile-menu,
.standard-button,
.widget,
.gform_wrapper {
font-family: "NimbusRom", serif !important;
font-weight: 400;
font-style: normal !important;
}
body,
p,
input,
button,
a,
ul,
ol,
li,
textarea,
select {
letter-spacing: 0.04em;
line-height: 1.55;
}
p {
font-family: "NimbusRom", serif !important;
font-size: 15px;
}
h1,
h2 {
font-family: "ArimaKoshi", serif !important;
font-weight: 400;
font-style: normal;
letter-spacing: 0.06em;
line-height: 1.12;
text-transform: uppercase;
}
h3,
h4,
h5,
h6,
.overline,
.underline,
.widget-title,
.gform_title {
font-family: "ArimaKoshi", serif !important;
font-weight: 400;
font-style: normal;
letter-spacing: 0.06em;
line-height: 1.12;
text-transform: capitalize;
}
h1 {
font-size: 42px !important;
}
h2 {
font-size: 36px !important;
}
h3 {
font-size: 26px !important;
}
h4 {
font-size: 20px !important;
}
h5 {
font-size: 16px !important;
}
small,
.post-link,
.date-info,
.info-icon,
.bbh-language-switcher,
.gfield_label,
.gform_description {
font-family: "NimbusRom", serif !important;
font-weight: 400;
font-style: normal !important;
}
i,
.underline {
font-style: normal !important;
}
em,
.overline {
font-style: italic !important;
}
h2 em {
font-style: normal !important;
}
.overline,
.line-heading {
font-size: 17px;
letter-spacing: 0.1em;
line-height: 1;
}
.widget-title,
.faq-question h5,
.post-link,
.info-icon,
.standard-button,
.btn,
.gfield_label,
.gform_description {
letter-spacing: 0.06em;
}
.btn,
.standard-button,
.post-link {
font-family: "NimbusRom", serif !important;
}
.single-room-slider-before-footer .archive-link .heading {
display: flex;
margin-bottom: 40px;
font-size: 36px !important;
line-height: 1.08;
}
.single-room-slider-before-footer .headline-wrapper {
gap: 32px;
}
.single-room-slider-before-footer .headline-wrapper .slider-scrollbar {
flex: 1 1 auto;
min-width: 160px;
}
.things-to-do-slider-section .headline-controls {
display: flex;
align-items: center;
gap: 18px;
flex: 1 1 auto;
min-width: 0;
}
.things-to-do-slider-section .headline-wrapper .slider-scrollbar {
flex: 1 1 auto;
min-width: 120px;
}
.things-to-do-slider-section .slider-nav-arrows {
position: relative;
top: -20px;
transform: none;
width: auto;
pointer-events: auto;
opacity: 1;
padding-bottom: 0;
}
.things-to-do-slider-section .slider-nav-arrows .grid-container {
display: contents;
}
.things-to-do-slider-section .slider-nav-arrows,
.things-to-do-slider-section .slider-nav-arrows.show {
display: flex;
align-items: center;
gap: 10px;
align-self: center;
margin-bottom: 0;
}
.things-to-do-slider-section .headline-nav-button {
width: 34px;
height: 28px;
padding: 0;
border: 0;
background: transparent;
color: var(--black);
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
opacity: 1;
transition: opacity .2s ease, transform .2s ease;
}
.things-to-do-slider-section .headline-nav-button img {
width: 28px;
height: auto;
display: block;
}
.things-to-do-slider-section .headline-nav-button.prev img {
transform: rotate(180deg);
}
.things-to-do-slider-section .headline-nav-button:hover {
transform: translateY(-1px);
}
.things-to-do-slider-section .headline-nav-button:disabled {
opacity: .35;
cursor: default;
transform: none;
}
.loop-item h2,
.col-3-image-links .repeater .link h3 {
font-size: 24px !important;
line-height: 1.18;
}
.col-2-img-and-content .content-container .content p {
max-width: 520px;
}
.col-2-img-and-content .btn-container,
.col-2-img-and-content .content-container .btn-container {
gap: 12px 20px;
align-items: flex-start;
}
.col-2-img-and-content .content-container .btn-container:not(:last-child) {
margin-bottom: 15%;
}
#masthead .site-branding {
max-width: 240px !important;
}
#masthead .site-branding .custom-logo,
#masthead .site-branding .alternate-logo {
width: auto !important;
max-width: 100% !important;
height: auto !important;
max-height: 88px !important;
object-fit: contain;
}
#masthead .site-branding .alternate-logo {
filter: none;
}
#masthead .site-branding .custom-logo {
filter: brightness(0) invert(1);
}
@media screen and (max-width: 768px) {
html:not(.slide-opened) body:not(.coconut-mobile-menu-container) #masthead .inside-header {
grid-template-columns: 1fr auto 1fr !important;
grid-gap: 0 !important;
align-items: center !important;
padding-top: 35px !important;
}
html:not(.slide-opened) body:not(.coconut-mobile-menu-container) #masthead .inside-header .left-nav-container {
grid-column: 1 !important;
justify-self: start !important;
width: auto !important;
margin: 0 !important;
}
html:not(.slide-opened) body:not(.coconut-mobile-menu-container) #masthead .inside-header .right-nav-container {
grid-column: 3 !important;
justify-self: end !important;
width: auto !important;
margin: 0 !important;
}
html:not(.slide-opened) body:not(.coconut-mobile-menu-container) #masthead .inside-header .site-branding {
grid-column: 2 !important;
grid-row: 1 !important;
justify-self: center !important;
align-self: center !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 178px !important;
min-width: 178px !important;
max-width: 178px !important;
height: 52px !important;
min-height: 52px !important;
margin: 0 auto !important;
padding: 0 !important;
position: relative !important;
left: auto !important;
right: auto !important;
top: auto !important;
transform: none !important;
overflow: visible !important;
pointer-events: auto !important;
z-index: 15 !important;
}
html:not(.slide-opened) body:not(.coconut-mobile-menu-container) #masthead .inside-header .site-branding>a.alternate-logo-link {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
width: 0 !important;
min-width: 0 !important;
max-width: 0 !important;
overflow: hidden !important;
}
html:not(.slide-opened) body:not(.coconut-mobile-menu-container) #masthead .inside-header .site-branding>a.custom-logo-link:not(.alternate-logo-link) {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 178px !important;
min-width: 178px !important;
max-width: 178px !important;
height: 52px !important;
min-height: 52px !important;
margin: 0 auto !important;
padding: 0 !important;
position: relative !important;
visibility: visible !important;
opacity: 1 !important;
overflow: visible !important;
}
html:not(.slide-opened) body:not(.coconut-mobile-menu-container) #masthead .inside-header .site-branding>a.custom-logo-link:not(.alternate-logo-link) img.custom-logo:not(.alternate-logo) {
position: static !important;
display: block !important;
width: auto !important;
max-width: 178px !important;
height: auto !important;
max-height: 52px !important;
margin: 0 auto !important;
left: auto !important;
right: auto !important;
top: auto !important;
bottom: auto !important;
transform: none !important;
visibility: visible !important;
opacity: 1 !important;
filter: none !important;
}
html:not(.slide-opened) body:not(.coconut-mobile-menu-container):not(.scrolled):has(section.hero) #masthead .inside-header .site-branding>a.custom-logo-link:not(.alternate-logo-link) img.custom-logo:not(.alternate-logo) {
filter: brightness(0) invert(1) !important;
}
html:not(.slide-opened) body.scrolled:not(.coconut-mobile-menu-container) #masthead .inside-header .site-branding>a.custom-logo-link:not(.alternate-logo-link) img.custom-logo:not(.alternate-logo),
html:not(.slide-opened) body:not(.coconut-mobile-menu-container):not(:has(section.hero)) #masthead .inside-header .site-branding>a.custom-logo-link:not(.alternate-logo-link) img.custom-logo:not(.alternate-logo) {
filter: none !important;
}
}
body:not(.scrolled):has(section.hero) #masthead .site-branding .custom-logo:not(.alternate-logo) {
display: block !important;
filter: brightness(0) invert(1) !important;
}
body:not(.scrolled):has(section.hero) #masthead .site-branding .custom-logo.alternate-logo {
display: none !important;
}
body.scrolled #masthead .site-branding .custom-logo:not(.alternate-logo),
body:not(:has(section.hero)) #masthead .site-branding .custom-logo:not(.alternate-logo) {
display: none !important;
}
body.scrolled #masthead .site-branding .custom-logo.alternate-logo,
body:not(:has(section.hero)) #masthead .site-branding .custom-logo.alternate-logo {
display: block !important;
filter: none !important;
}
.logo-container img,
.footer-logo img {
max-width: 220px;
height: auto;
object-fit: contain;
filter: brightness(0) invert(1);
}
.col-3-image-links .repeater .link .image-container img {
width: 100%;
height: 100%;
min-height: 320px;
object-fit: cover;
display: block;
}
.col-3-image-links .content {
max-width: 540px;
margin: 0 auto 60px;
}
.col-3-image-links .repeater .link h3 {
margin-top: 16px;
margin-bottom: 0;
}
.facilities-overview .facility-item .img-container {
min-height: 120px;
display: flex;
align-items: center;
justify-content: center;
}
.facilities-overview .facility-item .img-container img {
width: 116px !important;
height: 116px !important;
max-width: none !important;
max-height: none !important;
object-fit: contain;
display: block;
}
.col-2-rooms-suites .info-icon [class^="icon-"],
.col-2-rooms-suites .info-icon [class*=" icon-"],
.single-room-slider-before-footer .info-icon [class^="icon-"],
.single-room-slider-before-footer .info-icon [class*=" icon-"],
.post-type-archive-room #archive .info-icon [class^="icon-"],
.post-type-archive-room #archive .info-icon [class*=" icon-"] {
color: var(--gold);
font-size: 16px !important;
min-width: 18px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.col-2-rooms-suites .info,
.single-room-slider-before-footer .info {
gap: 12px;
}
.col-2-rooms-suites .cpt-container {
align-items: stretch;
}
.col-2-rooms-suites .cpt-container>article {
display: flex;
}
.col-2-rooms-suites .cpt-container>article>.loop-item {
width: 100%;
min-height: 100%;
display: flex;
flex-direction: column;
}
.col-2-rooms-suites .cpt-container>article>.loop-item h2.underline {
min-height: 2.7em;
margin-bottom: 1rem;
padding-bottom: 1rem;
font-size: 20px !important;
}
.col-2-rooms-suites .cpt-container>article>.loop-item .info {
margin-bottom: 1.25rem;
}
.col-2-rooms-suites .cpt-container>article>.loop-item .post-link {
margin-top: auto;
padding-top: 0.5rem;
}
.col-2-rooms-suites .cpt-container>article>.loop-item .info-icon {
display: flex;
align-items: baseline;
gap: 8px;
}
@media screen and (max-width: 768px) {
.col-2-rooms-suites .cpt-container>article>.loop-item h2.underline {
min-height: 0;
}
.col-2-rooms-suites .cpt-container>article>.loop-item .post-link {
margin-top: 0;
}
}
.home-room-secondary-section {
display: none !important;
}
.home-room-slider-section {
--room-scroll-progress: 0%;
}
.home-room-slider-section .room-scroll-shell {
background: var(--background);
}
.home-room-slider-section .slider-scrollbar {
position: relative;
overflow: hidden;
}
.home-room-slider-section .slider-scrollbar::after {
content: "";
position: absolute;
inset: 0 auto 0 0;
width: var(--room-scroll-progress);
min-width: 24px;
background: var(--black);
}
@media screen and (min-width: 992px) {
.home-room-slider-section {
position: relative;
background: var(--background);
overflow: hidden;
scroll-margin-top: 96px;
padding-top: 40px !important;
padding-bottom: 72px !important;
}
.home-room-slider-section .grid-container {
position: relative;
}
.home-room-slider-section .room-scroll-shell {
background: var(--background);
padding-top: 0;
padding-bottom: 12px;
}
.home-room-slider-section .room-scroll-viewport {
overflow: hidden;
}
.home-room-slider-section .room-scroll-track {
display: flex;
align-items: stretch;
gap: 28px;
width: max-content;
padding-right: 40px;
will-change: transform;
}
.home-room-slider-section .room-scroll-card {
display: flex;
flex: 0 0 clamp(260px, 23vw, 360px);
width: clamp(260px, 23vw, 360px);
}
.home-room-slider-section .room-scroll-card>article,
.home-room-slider-section .room-scroll-card>article>.loop-item {
width: 100%;
min-height: 100%;
}
.home-room-slider-section .room-scroll-card>article {
display: flex;
}
.home-room-slider-section .room-scroll-card>article>.loop-item {
display: flex;
flex-direction: column;
gap: 0;
}
.home-room-slider-section .room-scroll-card .image-container {
height: clamp(340px, 46vh, 500px);
overflow: hidden;
margin-bottom: 20px;
}
.home-room-slider-section .room-scroll-card .image-container img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.home-room-slider-section .room-scroll-card .info {
display: flex;
flex-wrap: wrap;
gap: 12px 24px;
min-height: 56px;
align-content: flex-start;
}
.home-room-slider-section .room-scroll-card .loop-item h2.underline {
min-height: 3.35em;
margin-bottom: 16px;
padding-bottom: 16px;
font-size: 19px !important;
line-height: 1.18;
display: flex;
align-items: flex-start;
}
.home-room-slider-section .room-scroll-card .loop-item .info {
margin-bottom: 20px;
}
.home-room-slider-section .room-scroll-card .loop-item .post-link {
margin-top: -11px;
}
.home-room-slider-section .room-scroll-card .loop-item .info-icon {
display: flex;
align-items: center;
gap: 8px;
min-height: 22px;
}
.home-room-slider-section .room-scroll-card .loop-item .info-icon [class^="icon-"],
.home-room-slider-section .room-scroll-card .loop-item .info-icon [class*=" icon-"] {
line-height: 1;
margin-top: -6px;
}
.home-room-slider-section .archive-room-card .loop-item {
min-height: 100%;
}
}
@media screen and (max-width: 991px) {
.home-room-slider-section {
overflow: hidden;
}
.home-room-slider-section .room-scroll-viewport {
overflow-x: auto;
overflow-y: hidden;
padding-bottom: 10px;
-webkit-overflow-scrolling: touch;
scroll-snap-type: x proximity;
}
.home-room-slider-section .room-scroll-track {
display: flex;
gap: 20px;
width: max-content;
padding-right: 20px;
}
.home-room-slider-section .room-scroll-card {
flex: 0 0 min(80vw, 360px);
width: min(80vw, 360px);
scroll-snap-align: start;
}
}
@media screen and (max-width: 1200px) {
p {
font-size: 14px;
}
h1 {
font-size: 38px !important;
}
h2,
.single-room-slider-before-footer .archive-link .heading {
font-size: 30px !important;
}
h3 {
font-size: 22px !important;
}
}
@media screen and (max-width: 768px) {
p {
font-size: 13px;
}
h1 {
font-size: 34px !important;
}
h2,
.single-room-slider-before-footer .archive-link .heading {
font-size: 26px !important;
}
h3,
.loop-item h2,
.col-3-image-links .repeater .link h3 {
font-size: 20px !important;
}
.overline,
.line-heading {
font-size: 15px;
}
.single-room-slider-before-footer .headline-wrapper {
gap: 20px;
}
}
@media screen and (max-width: 640px) {
p {
font-size: 12px;
}
h1 {
font-size: 28px !important;
}
h2,
.single-room-slider-before-footer .archive-link .heading {
font-size: 23px !important;
}
h3,
.loop-item h2,
.col-3-image-links .repeater .link h3 {
font-size: 18px !important;
}
h4 {
font-size: 16px !important;
}
}
.frontpage-hero-section .bottom-box,
.frontpage-hero-section .bbh-api-form {
display: none !important;
}
.wpnordic-cookie-care-modal-outer,
.wpnordic-modal-open-btn-container {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
}
html.modal-open {
overflow: auto !important;
touch-action: auto !important;
overscroll-behavior: auto !important;
}
#masthead.site-header,
#masthead.site-header .inside-header,
body.scrolled #masthead.site-header,
body:not(.scrolled):has(section.hero) #masthead.site-header {
background-color: #ffffff !important;
color: #000 !important;
}
#masthead.site-header a,
#masthead.site-header button,
#masthead.site-header .lang-text,
#masthead.site-header .standard-button.white,
#masthead.site-header .bbh-language-switcher .switch-language,
#masthead.site-header .bbh-language-switcher li a {
color: #000 !important;
}
#masthead.site-header .standard-button.white,
#masthead.site-header .booking-btn a {
border-color: #000 !important;
}
#masthead.site-header,
#masthead.site-header a,
#masthead.site-header button,
#masthead.site-header .lang-text,
#masthead.site-header .header-menu,
#masthead.site-header .header-menu li,
#masthead.site-header .booking-btn,
#masthead.site-header .booking-btn a,
#masthead.site-header .language-switcher,
#masthead.site-header .language-switcher a,
#masthead.site-header .bbh-language-switcher,
#masthead.site-header .bbh-language-switcher .switch-language,
#masthead.site-header .coconut-expand::after,
#coconut-mobile-menu-container .coconut-mobile-menu,
#coconut-mobile-menu-container .coconut-mobile-menu a,
#coconut-mobile-menu-container .coconut-mobile-menu button,
#coconut-mobile-menu-container .mobile-menu,
#coconut-mobile-menu-container .small-header-menu,
#coconut-mobile-menu-container .booking-btn,
#coconut-mobile-menu-container .booking-btn a {
font-family: "NimbusRom", serif !important;
font-weight: 300 !important;
text-transform: none !important;
letter-spacing: 0.02em !important;
font-size: 13px !important;
}
#masthead.site-header .burger-line {
background-color: #000 !important;
}
#masthead .site-branding .custom-logo,
#masthead .site-branding .alternate-logo,
body:not(.scrolled):has(section.hero) #masthead .site-branding .custom-logo:not(.alternate-logo),
body.scrolled #masthead .site-branding .custom-logo.alternate-logo,
body:not(:has(section.hero)) #masthead .site-branding .custom-logo.alternate-logo {
filter: none !important;
}
footer.coconut-footer,
.coconut-bottom-bar {
background-color: #e5dbc6 !important;
}
.loop-item .info .info-icon {
font-size: 13px !important;
}
.home-room-slider-section .room-scroll-card .loop-item h2 {
font-size: 23px !important;
}
.home-centered-copy .layout-container {
align-items: center;
}
.home-centered-copy .layout-container[class*="bottom"] .content-container {
align-self: center;
}
.home-centered-copy .content-container {
justify-content: center;
}
.home-about-balance-section .layout-container {
--about-image-shift: 60px;
align-items: center;
}
.home-about-balance-section .layout-container[class*="right"] .content-container {
padding-right: 3%;
}
.home-about-balance-section .layout-container[class*="right"] .big-image-container {
padding-left: calc(3% + var(--about-image-shift));
}
.home-about-balance-section .content-container .content,
.home-about-balance-section .content-container .btn-container {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.home-about-balance-section .content-container .content h2,
.home-about-balance-section .content-container .content p,
.home-about-balance-section .content-container .btn-container {
max-width: 760px;
}
.home-about-balance-section .big-image-container img {}
.home-restaurants-balance-section .layout-container {
--restaurants-image-shift: 60px;
--restaurants-image-left-nudge: 65px;
--restaurants-text-down-nudge: 14px;
--restaurants-video-top-nudge: 18px;
align-items: center;
}
.home-restaurants-balance-section .layout-container[class*="left"] .big-image-container {
padding-right: calc(3% + var(--restaurants-image-shift));
}
.home-restaurants-balance-section .layout-container[class*="left"] .content-container {
padding-left: 3%;
}
.home-restaurants-balance-section .content-container .content,
.home-restaurants-balance-section .content-container .btn-container {
width: 100%;
margin-left: auto;
margin-right: auto;
position: relative;
top: var(--restaurants-text-down-nudge);
}
.home-restaurants-balance-section .content-container .content h2,
.home-restaurants-balance-section .content-container .content p,
.home-restaurants-balance-section .content-container .btn-container {
max-width: 760px;
}
.home-restaurants-balance-section .big-image-container img {}
.home-restaurants-balance-section .content-container .content-media-container.small {
position: relative;
top: calc(var(--restaurants-video-top-nudge) * -1);
}
@media screen and (max-width: 1024px) {
.home-about-balance-section .layout-container {
--about-image-shift: 36px;
}
.home-about-balance-section .big-image-container img {
margin-left: calc(var(--about-image-shift) * -1);
}
.home-restaurants-balance-section .layout-container {
--restaurants-image-shift: 36px;
--restaurants-image-left-nudge: 40px;
--restaurants-text-down-nudge: 10px;
--restaurants-video-top-nudge: 12px;
}
.home-restaurants-balance-section .big-image-container img {
margin-right: calc(var(--restaurants-image-shift) * -1);
}
}
@media screen and (max-width: 768px) {
.home-about-balance-section .layout-container[class*="right"] .content-container,
.home-about-balance-section .layout-container[class*="right"] .big-image-container {
padding-left: 0;
padding-right: 0;
}
.home-about-balance-section .big-image-container img {
margin-left: 0;
}
.home-restaurants-balance-section .layout-container[class*="left"] .content-container,
.home-restaurants-balance-section .layout-container[class*="left"] .big-image-container {
padding-left: 0;
padding-right: 0;
}
.home-restaurants-balance-section .big-image-container img {
margin-left: 0;
margin-right: 0;
}
.home-restaurants-balance-section .content-container .content-media-container.small {
top: 0;
}
.home-restaurants-balance-section .content-container .content,
.home-restaurants-balance-section .content-container .btn-container {
top: 0;
}
}
.home-centered-copy .content-container .content::before,
.page-centered-copy .content-container .content::before,
.col-3-image-links>.grid-container>.text-container>.content::before,
.col-2-history-timeline article.top .content::before,
.col-2-history-timeline .history-item .text-container::before {
content: "";
display: block;
width: 62px;
height: 53px;
margin: 0 auto 30px;
background: var(--decorative-icon-url, url("../../alaverdiimages/untitled-4-03.png")) center / contain no-repeat;
}
/* When a section has both an icon and an overline, show the icon above the overline. */
.home-centered-copy .content-container:has(> .overline)>.overline::before,
.page-centered-copy .content-container:has(> .overline)>.overline::before,
.col-3-image-links>.grid-container>.text-container:has(> .overline)>.overline::before,
.subpage-hero-section.has-info-icon .page-info .grid-container:has(> .overline)>.overline::before {
content: "";
display: block;
width: 62px;
height: 53px;
margin: 0 auto;
background: var(--decorative-icon-url, url("../../alaverdiimages/untitled-4-03.png")) center / contain no-repeat;
}
.home-centered-copy .content-container:has(> .overline)>.overline,
.page-centered-copy .content-container:has(> .overline)>.overline,
.col-3-image-links>.grid-container>.text-container:has(> .overline)>.overline,
.subpage-hero-section.has-info-icon .page-info .grid-container:has(> .overline)>.overline {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 30px;
text-align: center;
}
.home-centered-copy .content-container:has(> .overline) .content::before,
.page-centered-copy .content-container:has(> .overline) .content::before,
.col-3-image-links>.grid-container>.text-container:has(> .overline)>.content::before,
.subpage-hero-section.has-info-icon .page-info .grid-container:has(> .overline) .row>article.left .content::before {
content: none;
display: none;
}
.icon-variant-01 {
--decorative-icon-url: url("../../alaverdiimages/untitled-4-01.png");
}
.icon-variant-02 {
--decorative-icon-url: url("../../alaverdiimages/untitled-4-02.png");
}
.icon-variant-03 {
--decorative-icon-url: url("../../alaverdiimages/untitled-4-03.png");
}
.icon-variant-04 {
--decorative-icon-url: url("../../alaverdiimages/untitled-4-04.png");
}
.icon-variant-05 {
--decorative-icon-url: url("../../alaverdiimages/untitled-4-05.png");
}
.icon-variant-07 {
--decorative-icon-url: url("../../alaverdiimages/untitled-4-07.png");
}
@media screen and (max-width: 768px) {
.things-to-do-slider-section .headline-wrapper {
align-items: flex-start;
}
.things-to-do-slider-section .headline-controls {
width: 100%;
gap: 14px;
}
.things-to-do-slider-section .slider-nav-arrows,
.things-to-do-slider-section .slider-nav-arrows.show {
top: 0;
}
.things-to-do-slider-section .headline-nav-button {
width: 24px;
height: 24px;
}
.home-centered-copy .content-container .content::before,
.page-centered-copy .content-container .content::before,
.col-3-image-links>.grid-container>.text-container>.content::before,
.col-2-history-timeline article.top .content::before,
.col-2-history-timeline .history-item .text-container::before {
width: 52px;
height: 44px;
margin-bottom: 20px;
}
}
.col-2-history-timeline .history-repeater .history-item .text-container {
display: flex;
flex-direction: column;
justify-content: center;
align-self: stretch;
margin-left: auto;
margin-right: auto;
}
.col-2-history-timeline.has-bg {
background-color: var(--light) !important;
}
.page-centered-copy .content-container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
.page-centered-copy .content-container .content,
.page-centered-copy .content-container .btn-container {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.page-centered-copy .content-container .btn-container {
justify-content: center;
align-items: center;
}
.page-centered-copy .content-container .overline,
.page-centered-copy .content-container .content h2,
.page-centered-copy .content-container .content h3,
.page-centered-copy .content-container .content h4,
.page-centered-copy .content-container .content p {
margin-left: auto;
margin-right: auto;
text-align: center;
}
.page-centered-copy .content-container .overline,
.col-3-image-links>.grid-container>.text-container>.overline,
.col-2-history-timeline article.top .overline,
.subpage-hero-section.has-info-icon .page-info .overline {
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 30px;
text-align: center;
}
.col-2-history-timeline article.top .content {
max-width: 710px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.col-3-image-links>.grid-container>.text-container>.content,
.col-3-image-links>.grid-container>.text-container>.content h2,
.col-3-image-links>.grid-container>.text-container>.content p {
text-align: center;
margin-left: auto;
margin-right: auto;
}
/* Center subpage hero info composition when right column is intentionally empty. */
.subpage-hero-section .page-info .row:has(> article.right:not(:has(*))) {
justify-content: center;
}
.subpage-hero-section .page-info .row:has(> article.right:not(:has(*)))>article.left {
flex: 0 0 100%;
max-width: 820px;
padding-right: 0;
}
.subpage-hero-section .page-info .row:has(> article.right:not(:has(*)))>article.right {
display: none;
}
.subpage-hero-section .page-info .row:has(> article.right:not(:has(*)))>article.left .content,
.subpage-hero-section .page-info .row:has(> article.right:not(:has(*)))>article.left .desc,
.subpage-hero-section .page-info .row:has(> article.right:not(:has(*)))>article.left .content h2,
.subpage-hero-section .page-info .row:has(> article.right:not(:has(*)))>article.left .content p,
.subpage-hero-section .page-info .row:has(> article.right:not(:has(*)))>article.left .desc p {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.subpage-hero-section.has-info-icon .page-info .row>article.left .content::before {
content: "";
display: block;
width: 62px;
height: 53px;
margin: 0 auto 30px;
background: var(--decorative-icon-url, url("../../alaverdiimages/untitled-4-03.png")) center / contain no-repeat;
}
.subpage-hero-section.has-info-icon .page-info .grid-container {
display: flex;
flex-direction: column;
align-items: center;
}
.subpage-hero-section.has-info-icon .page-info .row {
width: 100%;
justify-content: center;
}
.subpage-hero-section.has-info-icon .page-info .row>article.right {
display: none;
}
.subpage-hero-section.has-info-icon .page-info .row>article.left {
flex: 0 0 100%;
max-width: 820px;
padding-right: 0;
margin-left: auto;
margin-right: auto;
display: flex;
flex-direction: column;
align-items: center;
}
.subpage-hero-section.has-info-icon .page-info .row>article.left .content,
.subpage-hero-section.has-info-icon .page-info .row>article.left .desc,
.subpage-hero-section.has-info-icon .page-info .row>article.left .content h2,
.subpage-hero-section.has-info-icon .page-info .row>article.left .content h3,
.subpage-hero-section.has-info-icon .page-info .row>article.left .content h4,
.subpage-hero-section.has-info-icon .page-info .row>article.left .content p,
.subpage-hero-section.has-info-icon .page-info .row>article.left .desc p {
width: 100%;
max-width: 820px;
text-align: center;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 768px) {
.subpage-hero-section.has-info-icon .page-info .row>article.left .content::before {
width: 52px;
height: 44px;
margin-bottom: 20px;
}
}
body:has(.col-1-map) .subpage-hero-section .page-info .row {
justify-content: center;
}
body:has(.col-1-map) .subpage-hero-section .page-info .overline {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 30px;
text-align: center;
}
body:has(.col-1-map) .subpage-hero-section .page-info article.left {
flex: 0 0 100%;
max-width: 820px;
padding-right: 0;
}
body:has(.col-1-map) .subpage-hero-section .page-info article.right {
display: none;
}
body:has(.col-1-map) .subpage-hero-section .page-info article.left .content,
body:has(.col-1-map) .subpage-hero-section .page-info article.left .desc,
body:has(.col-1-map) .subpage-hero-section .page-info article.left .content h2,
body:has(.col-1-map) .subpage-hero-section .page-info article.left .content p,
body:has(.col-1-map) .subpage-hero-section .page-info article.left .desc p {
text-align: center;
margin-left: auto;
margin-right: auto;
}
body:has(.col-1-map) .subpage-hero-section .page-info article.left .desc table {
margin-left: auto;
margin-right: auto;
}
.col-2-img-and-content.inquiry-centered .row.layout-container {
align-items: center;
}
.col-2-img-and-content.inquiry-centered .content-container {
justify-content: center;
}
.col-2-img-and-content.inquiry-centered .content-container .overline,
.col-2-img-and-content.inquiry-centered .content-container .content,
.col-2-img-and-content.inquiry-centered .content-container .gform_wrapper,
.col-2-img-and-content.inquiry-centered .content-container .gform_heading,
.col-2-img-and-content.inquiry-centered .content-container .gform_body,
.col-2-img-and-content.inquiry-centered .content-container .gform_footer {
margin-left: auto;
margin-right: auto;
text-align: center;
}
.col-2-img-and-content.inquiry-centered .content-container ul {
padding-left: 0;
list-style-position: inside;
text-align: center;
}
.home-room-slider-section .room-scroll-card .image-container img,
.single-room-slider-before-footer .repeater .image-container img,
#masthead .site-branding img,
.logo-container img {
opacity: 1 !important;
visibility: visible !important;
}
#masthead .language-switcher .switch-language {
display: none !important;
}
#masthead .language-switcher .drop-dl ul {
display: flex !important;
position: static !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
border-radius: 0 !important;
gap: 0 !important;
width: auto !important;
}
#masthead .language-switcher .drop-dl ul li {
display: flex !important;
align-items: center;
border: none !important;
}
#masthead .language-switcher .drop-dl ul li.current-language {
display: flex !important;
}
#masthead .inside-header .language-switcher li:not(:last-of-type) {
border: none !important;
}
#masthead .language-switcher .drop-dl ul li+li::before {
content: "|";
margin: 0 8px;
color: #000;
}
#masthead .language-switcher .drop-dl ul li a {
min-height: auto !important;
padding: 0 !important;
color: #000 !important;
}
/* Header state fix: transparent over hero, solid after scroll/non-hero */
#masthead.site-header,
#masthead.site-header .inside-header {
background-color: transparent !important;
transition: background-color .25s ease, color .25s ease;
}
body.header-scroll-hidden #masthead.site-header {
transform: translateY(calc(-100% - 6px));
}
body.header-scroll-visible #masthead.site-header,
body.coconut-mobile-menu-container #masthead.site-header {
transform: translateY(0);
}
body:not(.scrolled):has(section.hero) #masthead.site-header,
body:not(.scrolled):has(section.hero) #masthead.site-header .inside-header {
background-color: transparent !important;
color: #fff !important;
}
body.scrolled #masthead.site-header,
body.scrolled #masthead.site-header .inside-header,
body:not(:has(section.hero)) #masthead.site-header,
body:not(:has(section.hero)) #masthead.site-header .inside-header {
background-color: #ffffff !important;
color: #000 !important;
}
body:not(.scrolled):has(section.hero) #masthead.site-header a,
body:not(.scrolled):has(section.hero) #masthead.site-header button,
body:not(.scrolled):has(section.hero) #masthead.site-header .lang-text,
body:not(.scrolled):has(section.hero) #masthead.site-header .standard-button.white,
body:not(.scrolled):has(section.hero) #masthead.site-header .bbh-language-switcher li a,
body:not(.scrolled):has(section.hero) #masthead.site-header .bbh-language-switcher .switch-language {
color: #fff !important;
}
body:not(.scrolled):has(section.hero) #masthead.site-header .booking-btn a,
body:not(.scrolled):has(section.hero) #masthead.site-header .standard-button.white {
border-color: #fff !important;
}
body:not(.scrolled):has(section.hero) #masthead.site-header .burger-line {
background-color: #fff !important;
}
body.scrolled #masthead.site-header a,
body.scrolled #masthead.site-header button,
body.scrolled #masthead.site-header .lang-text,
body.scrolled #masthead.site-header .standard-button.white,
body.scrolled #masthead.site-header .bbh-language-switcher li a,
body.scrolled #masthead.site-header .bbh-language-switcher .switch-language,
body:not(:has(section.hero)) #masthead.site-header a,
body:not(:has(section.hero)) #masthead.site-header button,
body:not(:has(section.hero)) #masthead.site-header .lang-text,
body:not(:has(section.hero)) #masthead.site-header .standard-button.white,
body:not(:has(section.hero)) #masthead.site-header .bbh-language-switcher li a,
body:not(:has(section.hero)) #masthead.site-header .bbh-language-switcher .switch-language {
color: #000 !important;
}
body.scrolled #masthead.site-header .booking-btn a,
body.scrolled #masthead.site-header .standard-button.white,
body:not(:has(section.hero)) #masthead.site-header .booking-btn a,
body:not(:has(section.hero)) #masthead.site-header .standard-button.white {
border-color: #000 !important;
}
body.scrolled #masthead.site-header .burger-line,
body:not(:has(section.hero)) #masthead.site-header .burger-line {
background-color: #000 !important;
}
body:not(.scrolled):has(section.hero) #masthead .site-branding .custom-logo:not(.alternate-logo) {
filter: brightness(0) invert(1) !important;
}
body:not(.scrolled):has(section.hero) #masthead .site-branding .custom-logo.alternate-logo {
filter: brightness(0) invert(1) !important;
}
body.scrolled #masthead .site-branding .custom-logo.alternate-logo,
body:not(:has(section.hero)) #masthead .site-branding .custom-logo.alternate-logo {
filter: none !important;
}
body:not(.scrolled):has(section.hero) #masthead .language-switcher .drop-dl ul li+li::before {
color: #fff !important;
}
body.scrolled #masthead .language-switcher .drop-dl ul li+li::before,
body:not(:has(section.hero)) #masthead .language-switcher .drop-dl ul li+li::before {
color: #000 !important;
}
body.coconut-mobile-menu-container #masthead.site-header a,
body.coconut-mobile-menu-container #masthead.site-header button,
body.coconut-mobile-menu-container #masthead.site-header .lang-text,
body.coconut-mobile-menu-container #masthead.site-header .bbh-language-switcher li a,
body.coconut-mobile-menu-container #masthead.site-header .bbh-language-switcher .switch-language,
html.slide-opened #masthead.site-header a,
html.slide-opened #masthead.site-header button,
html.slide-opened #masthead.site-header .lang-text,
html.slide-opened #masthead.site-header .bbh-language-switcher li a,
html.slide-opened #masthead.site-header .bbh-language-switcher .switch-language {
color: #000 !important;
}
body.coconut-mobile-menu-container #masthead.site-header .burger-line,
html.slide-opened #masthead.site-header .burger-line,
body.coconut-mobile-menu-container #masthead .language-switcher .drop-dl ul li+li::before,
html.slide-opened #masthead .language-switcher .drop-dl ul li+li::before {
background-color: #000 !important;
color: #000 !important;
}
body.coconut-mobile-menu-container #masthead.site-header,
body.coconut-mobile-menu-container #masthead.site-header .inside-header,
html.slide-opened #masthead.site-header,
html.slide-opened #masthead.site-header .inside-header {
background-color: #e5dbc6 !important;
color: #000 !important;
}
body.coconut-mobile-menu-container #masthead::after,
html.slide-opened #masthead::after {
background-color: #e5dbc6 !important;
opacity: 1 !important;
}
body.coconut-mobile-menu-container #coconut-mobile-menu-container,
body.coconut-mobile-menu-container #coconut-mobile-menu-container .overlay,
body.coconut-mobile-menu-container #coconut-mobile-menu-container .coconut-mobile-menu,
body.coconut-mobile-menu-container #coconut-mobile-menu-container .grid-container,
body.coconut-mobile-menu-container #coconut-mobile-menu-container .menu-flex-container,
body.coconut-mobile-menu-container #coconut-mobile-menu-container .menu-container,
html.slide-opened #coconut-mobile-menu-container,
html.slide-opened #coconut-mobile-menu-container .overlay,
html.slide-opened #coconut-mobile-menu-container .coconut-mobile-menu,
html.slide-opened #coconut-mobile-menu-container .grid-container,
html.slide-opened #coconut-mobile-menu-container .menu-flex-container,
html.slide-opened #coconut-mobile-menu-container .menu-container {
background-color: #e5dbc6 !important;
}
body:not(.scrolled):has(section.hero) #coconut-mobile-menu-container,
body:not(.scrolled):has(section.hero) #coconut-mobile-menu-container .coconut-mobile-menu,
body:not(.scrolled):has(section.hero) #coconut-mobile-menu-container a,
body:not(.scrolled):has(section.hero) #coconut-mobile-menu-container button,
body:not(.scrolled):has(section.hero) #coconut-mobile-menu-container .mobile-menu,
body:not(.scrolled):has(section.hero) #coconut-mobile-menu-container .small-header-menu,
body:not(.scrolled):has(section.hero) #coconut-mobile-menu-container .menu-item>a,
body:not(.scrolled):has(section.hero) #coconut-mobile-menu-container .standard-button.white,
body:not(.scrolled):has(section.hero) #coconut-mobile-menu-container .arrow,
html.slide-opened #coconut-mobile-menu-container,
html.slide-opened #coconut-mobile-menu-container .coconut-mobile-menu,
html.slide-opened #coconut-mobile-menu-container a,
html.slide-opened #coconut-mobile-menu-container button,
html.slide-opened #coconut-mobile-menu-container .mobile-menu,
html.slide-opened #coconut-mobile-menu-container .small-header-menu,
html.slide-opened #coconut-mobile-menu-container .menu-item>a,
html.slide-opened #coconut-mobile-menu-container .standard-button.white,
html.slide-opened #coconut-mobile-menu-container .arrow,
body.coconut-mobile-menu-container #coconut-mobile-menu-container,
body.coconut-mobile-menu-container #coconut-mobile-menu-container .coconut-mobile-menu,
body.coconut-mobile-menu-container #coconut-mobile-menu-container a,
body.coconut-mobile-menu-container #coconut-mobile-menu-container button,
body.coconut-mobile-menu-container #coconut-mobile-menu-container .mobile-menu,
body.coconut-mobile-menu-container #coconut-mobile-menu-container .small-header-menu,
body.coconut-mobile-menu-container #coconut-mobile-menu-container .menu-item>a,
body.coconut-mobile-menu-container #coconut-mobile-menu-container .standard-button.white,
body.coconut-mobile-menu-container #coconut-mobile-menu-container .arrow {
color: #000 !important;
}
body:not(.scrolled):has(section.hero) #coconut-mobile-menu-container .standard-button.white,
html.slide-opened #coconut-mobile-menu-container .standard-button.white,
body.coconut-mobile-menu-container #coconut-mobile-menu-container .standard-button.white {
border-color: #000 !important;
}
body.coconut-mobile-menu-container #masthead.site-header a,
body.coconut-mobile-menu-container #masthead.site-header button,
body.coconut-mobile-menu-container #masthead.site-header .lang-text,
body.coconut-mobile-menu-container #masthead.site-header .language-list,
body.coconut-mobile-menu-container #masthead.site-header .menu-toggle,
body.coconut-mobile-menu-container #masthead.site-header .bbh-language-switcher li a,
body.coconut-mobile-menu-container #masthead.site-header .bbh-language-switcher .switch-language,
body.coconut-mobile-menu-container #masthead.site-header .standard-button.white,
html.slide-opened #masthead.site-header a,
html.slide-opened #masthead.site-header button,
html.slide-opened #masthead.site-header .lang-text,
html.slide-opened #masthead.site-header .language-list,
html.slide-opened #masthead.site-header .menu-toggle,
html.slide-opened #masthead.site-header .bbh-language-switcher li a,
html.slide-opened #masthead.site-header .bbh-language-switcher .switch-language,
html.slide-opened #masthead.site-header .standard-button.white {
color: #000 !important;
}
body.coconut-mobile-menu-container #masthead.site-header .booking-btn a,
body.coconut-mobile-menu-container #masthead.site-header .standard-button.white,
html.slide-opened #masthead.site-header .booking-btn a,
html.slide-opened #masthead.site-header .standard-button.white {
border-color: #000 !important;
}
body.coconut-mobile-menu-container:not(.scrolled):has(section.hero) #masthead.site-header,
body.coconut-mobile-menu-container:not(.scrolled):has(section.hero) #masthead.site-header *,
html.slide-opened body:not(.scrolled):has(section.hero) #masthead.site-header,
html.slide-opened body:not(.scrolled):has(section.hero) #masthead.site-header * {
color: #000 !important;
}
body.coconut-mobile-menu-container:not(.scrolled):has(section.hero) #masthead.site-header .booking-btn a,
body.coconut-mobile-menu-container:not(.scrolled):has(section.hero) #masthead.site-header .standard-button.white,
html.slide-opened body:not(.scrolled):has(section.hero) #masthead.site-header .booking-btn a,
html.slide-opened body:not(.scrolled):has(section.hero) #masthead.site-header .standard-button.white {
border-color: #000 !important;
}
body.coconut-mobile-menu-container:not(.scrolled):has(section.hero) #masthead.site-header .burger-line,
html.slide-opened body:not(.scrolled):has(section.hero) #masthead.site-header .burger-line {
background-color: #000 !important;
}
body.coconut-mobile-menu-container:not(.scrolled):has(section.hero) #masthead .site-branding .custom-logo-link:not(.alternate-logo-link),
html.slide-opened body:not(.scrolled):has(section.hero) #masthead .site-branding .custom-logo-link:not(.alternate-logo-link) {
display: none !important;
}
body.coconut-mobile-menu-container:not(.scrolled):has(section.hero) #masthead .site-branding .alternate-logo-link,
html.slide-opened body:not(.scrolled):has(section.hero) #masthead .site-branding .alternate-logo-link {
display: block !important;
}
body.coconut-mobile-menu-container:not(.scrolled):has(section.hero) #masthead .site-branding .alternate-logo,
html.slide-opened body:not(.scrolled):has(section.hero) #masthead .site-branding .alternate-logo {
filter: none !important;
}
body.coconut-mobile-menu-container #masthead.site-header .burger-line,
html.slide-opened #masthead.site-header .burger-line,
body.coconut-mobile-menu-container #masthead .language-switcher .drop-dl ul li+li::before,
html.slide-opened #masthead .language-switcher .drop-dl ul li+li::before {
background-color: #000 !important;
color: #000 !important;
}
body.coconut-mobile-menu-container #masthead .site-branding .custom-logo:not(.alternate-logo),
html.slide-opened #masthead .site-branding .custom-logo:not(.alternate-logo) {
display: none !important;
filter: none !important;
}
body.coconut-mobile-menu-container #masthead .site-branding .custom-logo.alternate-logo,
html.slide-opened #masthead .site-branding .custom-logo.alternate-logo {
display: block !important;
filter: none !important;
}
body.coconut-mobile-menu-container #masthead.site-header,
body.coconut-mobile-menu-container #masthead.site-header a,
body.coconut-mobile-menu-container #masthead.site-header button,
body.coconut-mobile-menu-container #masthead.site-header .lang-text,
body.coconut-mobile-menu-container #masthead.site-header .language-list,
body.coconut-mobile-menu-container #masthead.site-header .bbh-language-switcher li a,
body.coconut-mobile-menu-container #masthead.site-header .bbh-language-switcher .switch-language,
html.slide-opened #masthead.site-header,
html.slide-opened #masthead.site-header a,
html.slide-opened #masthead.site-header button,
html.slide-opened #masthead.site-header .lang-text,
html.slide-opened #masthead.site-header .language-list,
html.slide-opened #masthead.site-header .bbh-language-switcher li a,
html.slide-opened #masthead.site-header .bbh-language-switcher .switch-language {
color: #000 !important;
}
body.coconut-mobile-menu-container #masthead.site-header .booking-btn a,
body.coconut-mobile-menu-container #masthead.site-header .standard-button.white,
body.coconut-mobile-menu-container #masthead.site-header .bbh-language-switcher .switch-language,
body.coconut-mobile-menu-container #masthead.site-header .language-switcher .drop-dl ul,
html.slide-opened #masthead.site-header .booking-btn a,
html.slide-opened #masthead.site-header .standard-button.white,
html.slide-opened #masthead.site-header .bbh-language-switcher .switch-language,
html.slide-opened #masthead.site-header .language-switcher .drop-dl ul {
border-color: #000 !important;
}
body.coconut-mobile-menu-container #masthead.site-header .burger-line,
html.slide-opened #masthead.site-header .burger-line,
body.coconut-mobile-menu-container #masthead .language-switcher .drop-dl ul li+li::before,
html.slide-opened #masthead .language-switcher .drop-dl ul li+li::before {
background-color: #000 !important;
color: #000 !important;
}
body.coconut-mobile-menu-container #masthead .site-branding .custom-logo-link:not(.alternate-logo-link),
html.slide-opened #masthead .site-branding .custom-logo-link:not(.alternate-logo-link) {
display: none !important;
}
body.coconut-mobile-menu-container #masthead .site-branding .alternate-logo-link,
html.slide-opened #masthead .site-branding .alternate-logo-link {
display: block !important;
}
body.coconut-mobile-menu-container #masthead .site-branding .alternate-logo,
html.slide-opened #masthead .site-branding .alternate-logo {
display: block !important;
filter: none !important;
}
/* Final open-menu header override across all pages */
body.coconut-mobile-menu-container #masthead.site-header,
body.coconut-mobile-menu-container #masthead.site-header .inside-header {
color: #000 !important;
}
body.coconut-mobile-menu-container #masthead.site-header .left-nav-container .menu-toggle,
body.coconut-mobile-menu-container #masthead.site-header .left-nav-container .menu-toggle *,
body.coconut-mobile-menu-container #masthead.site-header .right-nav-container .booking-btn a,
body.coconut-mobile-menu-container #masthead.site-header .right-nav-container .booking-btn a.standard-button.white,
body.coconut-mobile-menu-container #masthead.site-header .right-nav-container .standard-button.white,
body.coconut-mobile-menu-container #masthead.site-header .left-nav-container .language-switcher .drop-dl ul li a,
body.coconut-mobile-menu-container #masthead.site-header .right-nav-container .language-switcher .drop-dl ul li a,
body.coconut-mobile-menu-container #masthead.site-header .left-nav-container .language-switcher .lang-text,
body.coconut-mobile-menu-container #masthead.site-header .right-nav-container .language-switcher .lang-text,
body.coconut-mobile-menu-container #masthead.site-header .bbh-language-switcher .switch-language {
color: #000 !important;
-webkit-text-fill-color: #000 !important;
}
body.coconut-mobile-menu-container #masthead.site-header .right-nav-container .booking-btn a,
body.coconut-mobile-menu-container #masthead.site-header .right-nav-container .booking-btn a.standard-button.white,
body.coconut-mobile-menu-container #masthead.site-header .right-nav-container .standard-button.white {
color: #000 !important;
-webkit-text-fill-color: #000 !important;
}
html.slide-opened #masthead.site-header .right-nav-container .booking-btn a,
html.slide-opened #masthead.site-header .right-nav-container .booking-btn a.standard-button.white,
html.slide-opened #masthead.site-header .right-nav-container .standard-button.white {
color: #000 !important;
-webkit-text-fill-color: #000 !important;
border-color: #000 !important;
}
body.coconut-mobile-menu-container #masthead.site-header .right-nav-container .booking-btn a,
body.coconut-mobile-menu-container #masthead.site-header .right-nav-container .standard-button.white,
body.coconut-mobile-menu-container #masthead.site-header .bbh-language-switcher .switch-language,
body.coconut-mobile-menu-container #masthead.site-header .language-switcher .drop-dl ul {
border-color: #000 !important;
}
body.coconut-mobile-menu-container #masthead.site-header .burger-line,
body.coconut-mobile-menu-container #masthead.site-header .left-nav-container .language-switcher .drop-dl ul li+li::before,
body.coconut-mobile-menu-container #masthead.site-header .right-nav-container .language-switcher .drop-dl ul li+li::before {
background-color: #000 !important;
color: #000 !important;
}
body.coconut-mobile-menu-container #masthead.site-header .left-nav-container .language-switcher .drop-dl ul li+li::before,
body.coconut-mobile-menu-container #masthead.site-header .right-nav-container .language-switcher .drop-dl ul li+li::before,
html.slide-opened #masthead.site-header .left-nav-container .language-switcher .drop-dl ul li+li::before,
html.slide-opened #masthead.site-header .right-nav-container .language-switcher .drop-dl ul li+li::before {
display: inline-block !important;
width: 1px !important;
min-width: 1px !important;
}
body.coconut-mobile-menu-container #masthead .site-branding>a.custom-logo-link:not(.alternate-logo-link),
body.coconut-mobile-menu-container #masthead .site-branding>a.custom-logo-link:not(.alternate-logo-link) img.custom-logo:not(.alternate-logo) {
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
}
body.coconut-mobile-menu-container #masthead .site-branding>a.alternate-logo-link,
body.coconut-mobile-menu-container #masthead .site-branding>a.alternate-logo-link img.custom-logo.alternate-logo {
display: block !important;
opacity: 1 !important;
visibility: visible !important;
filter: none !important;
}
/* Force black logo and black header controls when menu is open */
body.coconut-mobile-menu-container #masthead.site-header .site-branding,
html.slide-opened #masthead.site-header .site-branding {
position: relative !important;
z-index: 30 !important;
}
body.coconut-mobile-menu-container #masthead .site-branding>a.custom-logo-link:not(.alternate-logo-link),
html.slide-opened #masthead .site-branding>a.custom-logo-link:not(.alternate-logo-link) {
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
}
body.coconut-mobile-menu-container #masthead .site-branding>a.alternate-logo-link,
html.slide-opened #masthead .site-branding>a.alternate-logo-link {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
max-width: 100% !important;
height: auto !important;
opacity: 1 !important;
visibility: visible !important;
}
body.coconut-mobile-menu-container #masthead .site-branding>a.alternate-logo-link img.custom-logo.alternate-logo,
html.slide-opened #masthead .site-branding>a.alternate-logo-link img.custom-logo.alternate-logo {
display: block !important;
width: auto !important;
max-width: 100% !important;
height: auto !important;
max-height: 72px !important;
opacity: 1 !important;
visibility: visible !important;
filter: none !important;
transform: none !important;
}
body.coconut-mobile-menu-container #masthead.site-header .left-nav-container .menu-toggle,
body.coconut-mobile-menu-container #masthead.site-header .left-nav-container .menu-toggle *,
body.coconut-mobile-menu-container #masthead.site-header .right-nav-container .booking-btn a,
body.coconut-mobile-menu-container #masthead.site-header .right-nav-container .standard-button.white,
body.coconut-mobile-menu-container #masthead.site-header .left-nav-container .language-switcher .drop-dl ul li a,
body.coconut-mobile-menu-container #masthead.site-header .right-nav-container .language-switcher .drop-dl ul li a,
body.coconut-mobile-menu-container #masthead.site-header .left-nav-container .language-switcher .lang-text,
body.coconut-mobile-menu-container #masthead.site-header .right-nav-container .language-switcher .lang-text,
html.slide-opened #masthead.site-header .left-nav-container .menu-toggle,
html.slide-opened #masthead.site-header .left-nav-container .menu-toggle *,
html.slide-opened #masthead.site-header .right-nav-container .booking-btn a,
html.slide-opened #masthead.site-header .right-nav-container .standard-button.white,
html.slide-opened #masthead.site-header .left-nav-container .language-switcher .drop-dl ul li a,
html.slide-opened #masthead.site-header .right-nav-container .language-switcher .drop-dl ul li a,
html.slide-opened #masthead.site-header .left-nav-container .language-switcher .lang-text,
html.slide-opened #masthead.site-header .right-nav-container .language-switcher .lang-text {
color: #000 !important;
-webkit-text-fill-color: #000 !important;
}
body.coconut-mobile-menu-container #masthead.site-header .site-branding .alternate-logo-link,
html.slide-opened #masthead.site-header .site-branding .alternate-logo-link {
position: relative !important;
z-index: 31 !important;
}
body.coconut-mobile-menu-container #masthead .site-branding>a.alternate-logo-link,
html.slide-opened #masthead .site-branding>a.alternate-logo-link {
min-width: 180px !important;
min-height: 48px !important;
}
body.coconut-mobile-menu-container #masthead .site-branding>a.alternate-logo-link img.custom-logo.alternate-logo,
html.slide-opened #masthead .site-branding>a.alternate-logo-link img.custom-logo.alternate-logo {
min-height: 48px !important;
}
/* Temporary homepage white background overrides */
.home-room-slider-section,
.home-room-slider-section .grid-container,
.home-room-slider-section .room-scroll-shell,
.home-room-slider-section .room-scroll-viewport,
.home-room-slider-section .room-scroll-track,
.home-room-slider-section .room-scroll-card,
.home-room-slider-section .room-scroll-card>article,
.home-room-slider-section .room-scroll-card>article>.loop-item {
background: #ffffff !important;
}
/* Force fully white open-menu surfaces */
body.coconut-mobile-menu-container,
html.slide-opened,
body.coconut-mobile-menu-container #masthead::after,
html.slide-opened #masthead::after,
body.coconut-mobile-menu-container #coconut-mobile-menu-container,
body.coconut-mobile-menu-container #coconut-mobile-menu-container .overlay,
body.coconut-mobile-menu-container #coconut-mobile-menu-container .coconut-mobile-menu,
body.coconut-mobile-menu-container #coconut-mobile-menu-container .grid-container,
body.coconut-mobile-menu-container #coconut-mobile-menu-container .menu-flex-container,
body.coconut-mobile-menu-container #coconut-mobile-menu-container .menu-container,
body.coconut-mobile-menu-container #coconut-mobile-menu-container .menu-gallery,
body.coconut-mobile-menu-container #coconut-mobile-menu-container .menu-gallery .slide,
body.coconut-mobile-menu-container #coconut-mobile-menu-container .menu-header-menu-container,
body.coconut-mobile-menu-container #coconut-mobile-menu-container .menu-small-header-menu-container,
body.coconut-mobile-menu-container #coconut-mobile-menu-container .booking-btn,
html.slide-opened #coconut-mobile-menu-container,
html.slide-opened #coconut-mobile-menu-container .overlay,
html.slide-opened #coconut-mobile-menu-container .coconut-mobile-menu,
html.slide-opened #coconut-mobile-menu-container .grid-container,
html.slide-opened #coconut-mobile-menu-container .menu-flex-container,
html.slide-opened #coconut-mobile-menu-container .menu-container,
html.slide-opened #coconut-mobile-menu-container .menu-gallery,
html.slide-opened #coconut-mobile-menu-container .menu-gallery .slide,
html.slide-opened #coconut-mobile-menu-container .menu-header-menu-container,
html.slide-opened #coconut-mobile-menu-container .menu-small-header-menu-container,
html.slide-opened #coconut-mobile-menu-container .booking-btn {
background: #e5dbc6 !important;
background-color: #e5dbc6 !important;
}
/* Keep header booking links consistent with index header behavior */
#masthead .booking-btn .header-booking-link,
#coconut-mobile-menu-container .booking-btn .header-booking-link {
min-width: unset;
padding: 12px 0;
background: transparent !important;
border: 0 !important;
border-bottom: 1px solid currentColor !important;
border-radius: 0 !important;
color: currentColor !important;
font-weight: 400;
letter-spacing: 1.6px;
transition: opacity .3s ease, transform .3s ease, border-color .3s ease, color .3s ease;
}
#masthead .booking-btn .header-booking-link:hover,
#coconut-mobile-menu-container .booking-btn .header-booking-link:hover {
opacity: .7;
transform: translateY(1px);
}
/* Convert legacy filled CTA buttons to the site underline style. */
a.btn.primary-button,
button.btn.primary-button,
.flexible-inner-section .gform_wrapper .gform_button.primary-button {
display: inline-flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 0 !important;
width: fit-content !important;
min-width: 0 !important;
max-width: 100% !important;
padding: 12px 0 !important;
line-height: 1.2 !important;
text-align: left !important;
text-transform: none !important;
text-decoration: none !important;
color: var(--gold) !important;
background: transparent !important;
border: 0 !important;
border-bottom: 1px solid var(--gold) !important;
border-radius: 0 !important;
box-shadow: none !important;
transition: opacity .3s ease, transform .3s ease, border-color .3s ease, color .3s ease !important;
}
a.btn.primary-button:hover,
button.btn.primary-button:hover,
.flexible-inner-section .gform_wrapper .gform_button.primary-button:hover {
opacity: .7;
transform: translateY(1px);
}
/* Button and navigation typography adjustments */
#masthead .booking-btn,
#masthead .booking-btn a,
#masthead .standard-button,
#masthead .language-switcher,
#masthead .language-switcher a,
#masthead .bbh-language-switcher,
#masthead .bbh-language-switcher .switch-language,
#masthead .bbh-language-switcher .lang-text,
#coconut-mobile-menu-container .booking-btn,
#coconut-mobile-menu-container .booking-btn a,
#coconut-mobile-menu-container .standard-button,
#coconut-mobile-menu-container .language-switcher,
#coconut-mobile-menu-container .language-switcher a,
#coconut-mobile-menu-container .bbh-language-switcher,
#coconut-mobile-menu-container .bbh-language-switcher .switch-language,
#coconut-mobile-menu-container .bbh-language-switcher .lang-text {
font-family: "NimbusRom", serif !important;
font-weight: 300 !important;
font-size: 13px !important;
}
#masthead .header-menu,
#masthead .header-menu a,
#masthead .booking-btn,
#masthead .booking-btn a,
#masthead .language-switcher,
#masthead .language-switcher a,
#masthead .bbh-language-switcher,
#masthead .bbh-language-switcher .switch-language,
#masthead .bbh-language-switcher .lang-text,
#masthead .menu-toggle,
#masthead .menu-toggle::after,
#coconut-mobile-menu-container,
#coconut-mobile-menu-container a,
#coconut-mobile-menu-container button,
#coconut-mobile-menu-container .mobile-menu,
#coconut-mobile-menu-container .mobile-menu a,
#coconut-mobile-menu-container .small-header-menu,
#coconut-mobile-menu-container .small-header-menu a,
#coconut-mobile-menu-container .booking-btn,
#coconut-mobile-menu-container .booking-btn a {
text-transform: none !important;
}
/* Final mobile header alignment overrides */
@media screen and (max-width: 768px) {
body.coconut-mobile-menu-container #masthead.site-header .inside-header,
html.slide-opened #masthead.site-header .inside-header {
grid-template-columns: minmax(0, 1fr) 178px minmax(0, 1fr) !important;
grid-gap: 0 !important;
align-items: center !important;
}
body.coconut-mobile-menu-container #masthead.site-header .left-nav-container,
html.slide-opened #masthead.site-header .left-nav-container {
grid-column: 1 !important;
justify-self: start !important;
display: flex !important;
align-items: center !important;
width: auto !important;
min-width: 0 !important;
margin: 35px 0 0 !important;
z-index: 20 !important;
}
body.coconut-mobile-menu-container #masthead.site-header .right-nav-container,
html.slide-opened #masthead.site-header .right-nav-container {
grid-column: 3 !important;
justify-self: end !important;
display: flex !important;
align-items: center !important;
width: auto !important;
min-width: 0 !important;
margin: 35px 0 0 !important;
z-index: 20 !important;
}
body.coconut-mobile-menu-container #masthead.site-header .site-branding,
html.slide-opened #masthead.site-header .site-branding {
grid-column: 2 !important;
grid-row: 1 !important;
justify-self: center !important;
align-self: center !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 178px !important;
min-width: 178px !important;
max-width: 178px !important;
height: 52px !important;
min-height: 52px !important;
margin: 35px auto 0 !important;
padding: 0 !important;
position: relative !important;
left: auto !important;
right: auto !important;
top: auto !important;
transform: none !important;
overflow: visible !important;
z-index: 30 !important;
}
body.coconut-mobile-menu-container #masthead.site-header .site-branding>a.custom-logo-link:not(.alternate-logo-link),
html.slide-opened #masthead.site-header .site-branding>a.custom-logo-link:not(.alternate-logo-link) {
display: none !important;
width: 0 !important;
min-width: 0 !important;
max-width: 0 !important;
height: 0 !important;
min-height: 0 !important;
opacity: 0 !important;
visibility: hidden !important;
overflow: hidden !important;
}
body.coconut-mobile-menu-container #masthead.site-header .site-branding>a.alternate-logo-link,
html.slide-opened #masthead.site-header .site-branding>a.alternate-logo-link {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 178px !important;
min-width: 178px !important;
max-width: 178px !important;
height: 52px !important;
min-height: 52px !important;
margin: 0 auto !important;
padding: 0 !important;
position: relative !important;
left: auto !important;
right: auto !important;
top: auto !important;
transform: none !important;
opacity: 1 !important;
visibility: visible !important;
overflow: visible !important;
}
body.coconut-mobile-menu-container #masthead.site-header .site-branding>a.alternate-logo-link img.custom-logo.alternate-logo,
html.slide-opened #masthead.site-header .site-branding>a.alternate-logo-link img.custom-logo.alternate-logo {
position: static !important;
display: block !important;
width: auto !important;
max-width: 178px !important;
height: auto !important;
max-height: 52px !important;
margin: 0 auto !important;
left: auto !important;
right: auto !important;
top: auto !important;
bottom: auto !important;
transform: none !important;
opacity: 1 !important;
visibility: visible !important;
filter: none !important;
}
}
/* Final parity override: open-menu social/newsletter layout from index across all templates. */
#coconut-mobile-menu-container .menu-panel-social {
margin-top: 18px !important;
margin-bottom: 18px !important;
}
#coconut-mobile-menu-container .menu-panel-social .social-links {
display: flex !important;
flex-wrap: wrap !important;
gap: 14px 26px !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
font-size: 14px !important;
letter-spacing: .02em !important;
text-transform: none !important;
}
#coconut-mobile-menu-container .menu-panel-newsletter {
padding-top: 2px !important;
max-width: 520px !important;
}
#coconut-mobile-menu-container .menu-panel-newsletter .gform_fields {
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto !important;
grid-gap: 10px 14px !important;
align-items: center !important;
}
#coconut-mobile-menu-container .menu-panel-newsletter #menu-newsletter-submit {
grid-column: 2 !important;
justify-self: end !important;
display: flex !important;
align-items: center !important;
}
@media screen and (max-width: 768px) {
#coconut-mobile-menu-container .menu-panel-social {
margin-top: 14px !important;
margin-bottom: 14px !important;
}
#coconut-mobile-menu-container .menu-panel-social .social-links {
gap: 10px 16px !important;
font-size: 12px !important;
}
#coconut-mobile-menu-container .menu-panel-newsletter .gform_fields {
grid-template-columns: 1fr !important;
grid-gap: 8px !important;
}
#coconut-mobile-menu-container .menu-panel-newsletter #menu-newsletter-submit {
grid-column: 1 !important;
justify-self: start !important;
}
}
/* Icon font scope fix: keep icon font on real icon glyphs only. */
.info-icon .icon-size,
.info-icon .icon-bed,
.info-icon .icon-shower {
font-family: icomoon !important;
speak: never;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.info-icon .icon-view {
width: 18px;
height: 18px;
min-width: 18px;
max-width: 18px;
display: inline-flex;
flex: 0 0 18px;
align-items: center;
justify-content: center;
line-height: 1;
background-color: transparent;
background-repeat: no-repeat;
background-position: center;
background-size: 120% 120%;
}
.info-icon .icon-view-mountain {
background-image: url("../../alaverdimedia/mountain.svg");
}
.info-icon .icon-view-church {
background-image: url("../../alaverdimedia/churchicon3.svg");
}
.info-icon .icon-view-village {
background-image: url("../../alaverdimedia/vilage.svg");
}
/* Unified minimal form system: bottom-border fields + header-like submit links. */
.gform_wrapper .gfield_label,
.gform_wrapper .gform_description,
.gform_wrapper .gfield_consent_label,
.gform_wrapper input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=hidden]):not([type=file]),
.gform_wrapper textarea,
.gform_wrapper select,
#coconut-mobile-menu-container .menu-panel-newsletter input[type=email],
#coconut-mobile-menu-container .menu-panel-newsletter input[type=email]::placeholder,
#coconut-mobile-menu-container .menu-panel-newsletter input[type=email]::-webkit-input-placeholder,
#coconut-mobile-menu-container .menu-panel-newsletter input[type=email]::-moz-placeholder,
#coconut-mobile-menu-container .menu-panel-newsletter input[type=email]:-ms-input-placeholder,
.gform_wrapper input::placeholder,
.gform_wrapper input::-webkit-input-placeholder,
.gform_wrapper input::-moz-placeholder,
.gform_wrapper input:-ms-input-placeholder,
.gform_wrapper textarea::placeholder,
.gform_wrapper textarea::-webkit-input-placeholder,
.gform_wrapper textarea::-moz-placeholder,
.gform_wrapper textarea:-ms-input-placeholder {
font-family: "NimbusRom", serif !important;
font-style: normal !important;
font-weight: 400 !important;
letter-spacing: 0.04em !important;
}
.gform_wrapper .gfield_label,
.gform_wrapper .gform_description {
letter-spacing: 0.06em !important;
}
.gform_wrapper input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=hidden]):not([type=file]),
.gform_wrapper textarea,
.gform_wrapper select,
#coconut-mobile-menu-container .menu-panel-newsletter input[type=email] {
background: transparent !important;
border: 0 !important;
border-bottom: 1px solid currentColor !important;
border-radius: 0 !important;
box-shadow: none !important;
width: 100% !important;
padding: 12px 0 !important;
min-height: 40px;
color: currentColor !important;
appearance: none;
}
.gform_wrapper input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=hidden]):not([type=file]):focus,
.gform_wrapper textarea:focus,
.gform_wrapper select:focus,
#coconut-mobile-menu-container .menu-panel-newsletter input[type=email]:focus {
outline: none !important;
border-bottom-color: currentColor !important;
}
.gform_wrapper input::placeholder,
.gform_wrapper textarea::placeholder,
#coconut-mobile-menu-container .menu-panel-newsletter input[type=email]::placeholder {
color: currentColor !important;
opacity: .72 !important;
font-style: italic !important;
}
.gform_wrapper input[type=submit],
.gform_wrapper button[type=submit],
.gform_wrapper .gform_button,
#coconut-mobile-menu-container .menu-panel-newsletter input[type=submit] {
width: auto !important;
max-width: 100%;
min-width: unset !important;
min-height: 0 !important;
background: transparent !important;
border: 0 !important;
border-bottom: 1px solid currentColor !important;
border-radius: 0 !important;
box-shadow: none !important;
color: currentColor !important;
padding: 12px 0 !important;
font-family: "NimbusRom", serif !important;
font-style: normal !important;
font-weight: 400 !important;
letter-spacing: 0.06em !important;
text-transform: capitalize !important;
cursor: pointer;
transition: opacity .3s ease, transform .3s ease, border-color .3s ease, color .3s ease !important;
}
.gform_wrapper input[type=submit]:hover,
.gform_wrapper button[type=submit]:hover,
.gform_wrapper .gform_button:hover,
#coconut-mobile-menu-container .menu-panel-newsletter input[type=submit]:hover {
opacity: .7;
transform: translateY(1px);
}
.about-page-balance-section,
.about-page-timeline-section {
--about-outer-gap: 40px;
--about-inner-gap: 74px;
--about-outer-gap-tablet: 24px;
--about-inner-gap-tablet: 48px;
}
.about-page-balance-section .content-container>.overline,
.about-page-balance-section .content-container>.content,
.about-page-balance-section .content-container>.btn-container,
.about-page-balance-section .content-container>.content-media-container {
width: 100%;
max-width: 520px;
}
.about-page-timeline-section .history-repeater .history-item .text-container {
width: 100%;
max-width: 710px;
align-items: center;
text-align: center;
}
.about-page-timeline-section .history-repeater .history-item .text-container h3,
.about-page-timeline-section .history-repeater .history-item .text-container .content,
.about-page-timeline-section .history-repeater .history-item .text-container .content p {
width: 100%;
margin-left: auto;
margin-right: auto;
text-align: center;
}
body,
.site-main,
.bbh-outer-wrapper,
.flexible-field-wrapper {
background-color: #ffffff !important;
}
.site-main .flexible-field-wrapper>.flexible-inner-section:not(.subpage-hero-section):not(.frontpage-hero-section):not(.home-room-secondary-section):not(.single-room-slider-before-footer) {
background-color: #ffffff !important;
}
.site-main>.grid-container,
.site-main>.grid-container .archive-header,
.site-main>.grid-container #archive {
background-color: #ffffff !important;
}
footer.coconut-footer,
footer.site-footer,
footer.site-footer .logo-container,
footer.site-footer .inside-footer,
footer.site-footer .inside-footer .coconut-footer-widgets,
.coconut-bottom-bar,
.coconut-bottom-bar .coconut-bottom-bar-widgets {
background-color: #ffffff !important;
color: #000000 !important;
}
footer.site-footer .footer-divider {
display: none !important;
}
.footer-social-links {
display: flex !important;
flex-wrap: wrap !important;
gap: 16px 28px !important;
align-items: center !important;
}
.footer-social-links a {
display: inline-flex !important;
align-items: center !important;
position: relative !important;
width: auto !important;
height: auto !important;
border: 0 !important;
border-radius: 0 !important;
padding: 0 0 4px !important;
background: transparent !important;
color: #000000 !important;
line-height: 1.2 !important;
font-size: 14px !important;
}
.footer-social-links a::before {
content: attr(aria-label);
}
.footer-social-links a::after {
content: "" !important;
position: absolute !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
height: 1px !important;
background-color: currentColor !important;
transform-origin: left center !important;
transform: scaleX(0) !important;
transition: transform 0.25s ease !important;
}
.footer-social-links a:hover::after {
transform: scaleX(1) !important;
}
.footer-social-links svg {
display: none !important;
}
.coconut-bottom-bar,
.coconut-bottom-bar .coconut-bottom-bar-widgets,
.coconut-bottom-bar .widget-col,
.coconut-bottom-bar .widget-col p,
.coconut-bottom-bar .widget,
.coconut-bottom-bar a,
#menu-copyright-bar-links,
#menu-copyright-bar-links a {
font-size: 14px !important;
line-height: 1.2 !important;
color: #000000 !important;
}
.flexible-inner-section.has-bg,
.col-2-history-timeline.has-bg {
background-color: #ffffff !important;
}
@media screen and (min-width: 769px) {
.about-page-balance-section .layout-container {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 520px);
column-gap: var(--about-inner-gap);
align-items: center;
padding-left: var(--about-outer-gap);
padding-right: var(--about-outer-gap);
margin-left: 0;
margin-right: 0;
}
.about-page-balance-section .layout-container>.big-image-container,
.about-page-balance-section .layout-container>.content-container {
width: 100%;
max-width: none;
flex: none;
padding-left: 0;
padding-right: 0;
}
.about-page-balance-section .layout-container>.big-image-container {
min-width: 0;
}
.about-page-balance-section .layout-container>.content-container {
justify-self: stretch;
}
.about-page-balance-section .content-container>.overline,
.about-page-balance-section .content-container>.content,
.about-page-balance-section .content-container>.btn-container,
.about-page-balance-section .content-container>.content-media-container {
margin-left: auto;
margin-right: auto;
}
.about-page-balance-section .big-image-container>img {
width: 100%;
margin-right: 0;
}
.about-landscape-showcase {
--about-landscape-image-shift: 56px;
--about-landscape-content-width: 52%;
--about-landscape-image-width: 48%;
--about-landscape-content-max: 680px;
}
.about-landscape-showcase .layout-container {
display: flex;
flex-wrap: nowrap;
gap: 0;
column-gap: 0;
row-gap: 0;
padding-left: 0;
padding-right: 0;
align-items: center;
}
.about-landscape-showcase .layout-container>.big-image-container,
.about-landscape-showcase .layout-container>.content-container {
width: auto;
}
.about-landscape-showcase .layout-container>.big-image-container {
flex: 0 0 var(--about-landscape-image-width) !important;
max-width: var(--about-landscape-image-width) !important;
width: var(--about-landscape-image-width) !important;
}
.about-landscape-showcase .layout-container>.content-container {
flex: 0 0 var(--about-landscape-content-width) !important;
max-width: var(--about-landscape-content-width) !important;
width: var(--about-landscape-content-width) !important;
display: flex;
flex-direction: column;
justify-content: center;
}
.about-landscape-showcase .layout-container[class*="left"] .big-image-container {
padding-right: calc(3% + var(--about-landscape-image-shift) - 56px);
padding-left: 0;
}
.about-landscape-showcase .layout-container[class*="left"] .content-container {
padding-left: 12%;
padding-right: 0;
}
.about-landscape-showcase .big-image-container>img {
width: 100%;
display: block;
}
.about-landscape-showcase .content-container>.overline,
.about-landscape-showcase .content-container>.content,
.about-landscape-showcase .content-container>.btn-container {
width: 100%;
max-width: calc(var(--about-landscape-content-max) + 36px);
}
.about-landscape-showcase .content-container .content p {
max-width: 642px;
}
.about-landscape-showcase .content-container>.btn-container {
max-width: 700px;
}
.about-landscape-showcase .content-container>.btn-container .btn.secondary-button {
text-transform: none !important;
}
.about-page-timeline-section .top .content,
.about-page-timeline-section .top .overline {
max-width: 710px;
margin-left: auto;
margin-right: auto;
}
.about-page-timeline-section .history-repeater .history-item {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
column-gap: calc(var(--about-inner-gap) * 2);
}
.about-page-timeline-section .history-repeater .history-item .image-container {
width: 100%;
max-width: none;
}
.about-page-timeline-section .history-repeater .history-item .text-container {
width: 100%;
max-width: 710px;
}
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
.about-page-balance-section .layout-container,
.about-page-timeline-section {
--about-outer-gap: var(--about-outer-gap-tablet);
--about-inner-gap: var(--about-inner-gap-tablet);
}
.about-landscape-showcase {
--about-landscape-image-shift: 36px;
--about-landscape-content-width: 54%;
--about-landscape-image-width: 46%;
--about-landscape-content-max: 620px;
}
.about-landscape-showcase .layout-container[class*="left"] .content-container {
padding-left: 12%;
}
.about-landscape-showcase .layout-container[class*="left"] .big-image-container>img {
margin-right: calc(var(--about-landscape-image-shift) * -1);
}
}
@media screen and (max-width: 768px) {
.about-page-balance-section .layout-container>.big-image-container,
.about-page-balance-section .layout-container>.content-container {
padding-left: 0;
padding-right: 0;
max-width: none;
}
.about-page-balance-section .big-image-container>img {
margin-right: 0;
}
}
.restaurant-page-balance-section {
--restaurant-inner-gap: 74px;
--restaurant-outer-gap-tablet: 24px;
--restaurant-inner-gap-tablet: 48px;
}
.restaurant-page-balance-section .content-container>.overline,
.restaurant-page-balance-section .content-container>.content,
.restaurant-page-balance-section .content-container>.btn-container {
width: 100%;
max-width: 520px;
}
@media screen and (min-width: 769px) {
.restaurant-page-balance-section .layout-container {
display: grid;
column-gap: var(--restaurant-inner-gap);
align-items: center;
padding-left: var(--restaurant-outer-gap);
padding-right: var(--restaurant-outer-gap);
margin-left: 0;
margin-right: 0;
}
.restaurant-page-balance-section .layout-container[class*="right"] {
grid-template-columns: minmax(0, 520px) minmax(0, 1fr);
}
.restaurant-page-balance-section .layout-container[class*="left"] {
grid-template-columns: minmax(0, 1fr) minmax(0, 520px);
}
.restaurant-page-balance-section .layout-container>.big-image-container,
.restaurant-page-balance-section .layout-container>.content-container {
width: 100%;
max-width: none;
flex: none;
padding-left: 0;
padding-right: 0;
}
.restaurant-page-balance-section .layout-container>.big-image-container {
min-width: 0;
}
.restaurant-page-balance-section .content-container>.overline,
.restaurant-page-balance-section .content-container>.content,
.restaurant-page-balance-section .content-container>.btn-container {
margin-left: auto;
margin-right: auto;
}
.restaurant-page-balance-section .big-image-container>img {
width: 100%;
}
.restaurant-page-text-top-section .layout-container {
align-items: start;
}
.restaurant-page-text-top-section .layout-container[class*="bottom"] .content-container {
align-self: flex-start;
}
.restaurant-page-text-top-section .content-container {
justify-content: flex-start;
padding-top: 24px;
}
.restaurant-page-text-top-section .content-container>.content-media-container {
margin-top: 32px;
}
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
.restaurant-page-balance-section {
--restaurant-outer-gap: var(--restaurant-outer-gap-tablet);
--restaurant-inner-gap: var(--restaurant-inner-gap-tablet);
}
}
@media screen and (max-width: 768px) {
.restaurant-page-balance-section .layout-container>.big-image-container,
.restaurant-page-balance-section .layout-container>.content-container {
padding-left: 0;
padding-right: 0;
max-width: none;
}
}
/* Meetings & Events page: symmetrical split sections + inquiry form cleanup. */
.meetings-page-hero-balance,
.meetings-page-balance-section,
.meetings-page-inquiry-section {
--meetings-inner-gap: 74px;
--meetings-outer-gap-tablet: 24px;
--meetings-inner-gap-tablet: 48px;
}
.meetings-page-hero-balance .page-info .grid-container {
padding-left: var(--meetings-outer-gap);
padding-right: var(--meetings-outer-gap);
}
.meetings-page-hero-balance .page-info .row>article.left .content,
.meetings-page-hero-balance .page-info .row>article.left .desc,
.meetings-page-hero-balance .page-info .row>article.left .content h2,
.meetings-page-hero-balance .page-info .row>article.left .content p,
.meetings-page-hero-balance .page-info .row>article.left .desc p {
max-width: 820px;
}
/* Match the conference-room reference stack across the remaining meetings sections. */
.meetings-page-hero-balance .page-info .overline,
.meetings-page-balance-section .content-container>.overline,
.meetings-page-inquiry-section .content-container>.overline {
gap: 30px;
}
.meetings-page-hero-balance .page-info article.left .content h2,
.meetings-page-balance-section .content-container>.content h2,
.meetings-page-inquiry-section .content-container>.content h2 {
margin-bottom: 24px;
}
.meetings-page-balance-section .content-container>.overline,
.meetings-page-balance-section .content-container>.content,
.meetings-page-balance-section .content-container>.btn-container,
.meetings-page-balance-section .content-container>.content-media-container,
.meetings-page-inquiry-section .content-container>.overline,
.meetings-page-inquiry-section .content-container>.content,
.meetings-page-inquiry-section .content-container>.gform_wrapper {
width: 100%;
max-width: 520px;
}
.meetings-page-inquiry-section .content-container {
align-items: flex-start;
justify-content: flex-start;
text-align: left;
}
.meetings-page-inquiry-section .content-container>.overline,
.meetings-page-inquiry-section .content-container>.content,
.meetings-page-inquiry-section .content-container>.gform_wrapper,
.meetings-page-inquiry-section .content-container>.gform_heading,
.meetings-page-inquiry-section .content-container>.gform_body,
.meetings-page-inquiry-section .content-container>.gform_footer,
.meetings-page-inquiry-section .content-container .content h2,
.meetings-page-inquiry-section .content-container .content h3,
.meetings-page-inquiry-section .content-container .content h4,
.meetings-page-inquiry-section .content-container .content h5,
.meetings-page-inquiry-section .content-container .content p {
margin-left: 0;
margin-right: 0;
text-align: left;
}
.meetings-page-inquiry-section .content-container ul {
padding-left: 0;
list-style: none;
text-align: left;
margin: 0 0 1.25rem;
display: grid;
gap: 8px;
}
.meetings-page-inquiry-section .content-container .content>ul>li {
position: relative;
padding-left: 18px;
}
.meetings-page-inquiry-section .content-container .content>ul>li::before {
content: "";
position: absolute;
left: 0;
top: 0.78em;
width: 5px;
height: 5px;
border-radius: 50%;
background-color: currentColor;
transform: translateY(-50%);
}
.meetings-page-inquiry-section .gform_wrapper,
.meetings-page-inquiry-section .gform_heading,
.meetings-page-inquiry-section .gform_body,
.meetings-page-inquiry-section .gform_footer {
width: 100%;
margin-left: 0;
margin-right: 0;
text-align: left;
}
.meetings-page-inquiry-section .gform_wrapper .gform_fields {
row-gap: 14px;
}
.meetings-page-inquiry-section .gform_wrapper .gfield {
margin-bottom: 0;
}
.meetings-page-inquiry-section .gform_wrapper textarea {
min-height: 120px;
}
.meetings-page-inquiry-section .gform_wrapper .gfield_label,
.meetings-page-inquiry-section .gform_wrapper .gform_description,
.meetings-page-inquiry-section .gform_wrapper .gfield_consent_label,
.meetings-page-inquiry-section .gform_wrapper .gform-field-label {
text-align: left;
}
.meetings-page-inquiry-section .gform_wrapper .ginput_complex.gform-grid-row {
row-gap: 0;
}
.meetings-page-inquiry-section .gform_wrapper .gfield_checkbox {
display: grid;
gap: 10px;
}
.meetings-page-inquiry-section .gform_wrapper .gchoice {
display: flex;
align-items: flex-start;
gap: 12px;
}
.meetings-page-inquiry-section .gform_wrapper .gchoice .gfield-choice-input {
margin-top: 0.35em;
flex: 0 0 auto;
}
.meetings-page-inquiry-section .gform_wrapper .gform_footer {
display: flex;
justify-content: flex-start;
align-items: center;
padding-top: 12px;
}
.meetings-page-inquiry-section .gform_wrapper input[type=submit],
.meetings-page-inquiry-section .gform_wrapper button[type=submit],
.meetings-page-inquiry-section .gform_wrapper .gform_button {
display: inline-flex;
align-items: center;
justify-content: flex-start;
margin: 0;
width: auto !important;
max-width: max-content;
background: transparent !important;
border: 0 !important;
border-bottom: 1px solid currentColor !important;
border-radius: 0 !important;
box-shadow: none !important;
padding-top: 12px !important;
padding-bottom: 12px !important;
}
@media screen and (min-width: 769px) {
.meetings-page-balance-section .layout-container,
.meetings-page-inquiry-section .layout-container {
display: grid;
column-gap: var(--meetings-inner-gap);
align-items: center;
padding-left: var(--meetings-outer-gap);
padding-right: var(--meetings-outer-gap);
margin-left: 0;
margin-right: 0;
}
.meetings-page-balance-section .layout-container[class*="right"] {
grid-template-columns: minmax(0, 520px) minmax(0, 1fr);
}
.meetings-page-balance-section .layout-container[class*="left"],
.meetings-page-inquiry-section .layout-container[class*="left"] {
grid-template-columns: minmax(0, 1fr) minmax(0, 520px);
}
.meetings-page-balance-section .layout-container>.big-image-container,
.meetings-page-balance-section .layout-container>.content-container,
.meetings-page-inquiry-section .layout-container>.big-image-container,
.meetings-page-inquiry-section .layout-container>.content-container {
width: 100%;
max-width: none;
flex: none;
padding-left: 0;
padding-right: 0;
}
.meetings-page-balance-section .layout-container>.big-image-container,
.meetings-page-inquiry-section .layout-container>.big-image-container {
min-width: 0;
}
.meetings-page-balance-section .content-container>.overline,
.meetings-page-balance-section .content-container>.content,
.meetings-page-balance-section .content-container>.btn-container,
.meetings-page-balance-section .content-container>.content-media-container {
margin-left: auto;
margin-right: auto;
}
.meetings-page-balance-section .big-image-container>img,
.meetings-page-inquiry-section .big-image-container>img {
width: 100%;
}
.meetings-conference-showcase {
--conference-image-shift: 60px;
--conference-media-gap: 112px;
--conference-text-max: 640px;
--conference-media-max: 630px;
--conference-media-aspect: 1.82;
--conference-image-max-height: 1180px;
}
.meetings-conference-showcase .layout-container {
display: flex;
flex-wrap: nowrap;
gap: 0;
column-gap: 0;
row-gap: 0;
padding-left: 0;
padding-right: 0;
align-items: flex-start;
}
.meetings-conference-showcase .layout-container>.big-image-container,
.meetings-conference-showcase .layout-container>.content-container {
flex: 0 0 50%;
max-width: 50%;
width: 50%;
}
.meetings-conference-showcase .layout-container[class*="left"] .big-image-container {
padding-right: calc(3% + var(--conference-image-shift));
padding-left: 0;
}
.meetings-conference-showcase .layout-container[class*="left"] .content-container {
padding-left: 3%;
padding-right: 0;
display: flex;
flex-direction: column;
align-items: flex-end;
justify-content: flex-start;
}
.meetings-conference-showcase .big-image-container>img {
width: 100%;
max-height: var(--conference-image-max-height);
object-fit: cover;
}
.meetings-conference-showcase .content-container>.content-media-container.align {
width: 100%;
max-width: var(--conference-media-max);
margin: 0 0 var(--conference-media-gap) auto;
}
.meetings-conference-showcase .content-container>.content-media-container.align .overflow-container {
aspect-ratio: var(--conference-media-aspect);
}
.meetings-conference-showcase .content-container>.overline,
.meetings-conference-showcase .content-container>.content,
.meetings-conference-showcase .content-container>.btn-container {
width: 100%;
max-width: var(--conference-text-max);
margin-left: auto;
margin-right: 0;
text-align: center;
}
.meetings-conference-showcase .content-container>.btn-container {
justify-content: center;
align-items: center;
}
.meetings-conference-showcase .content-container>.btn-container .btn.secondary-button {
justify-content: center;
padding-right: 0;
}
.meetings-conference-showcase .content-container>.btn-container .btn.secondary-button:hover {
padding-left: 0;
padding-right: 0;
}
.meetings-gatherings-showcase {
--gatherings-image-shift: 90px;
--gatherings-text-max: 600px;
--gatherings-image-max-height: 900px;
--gatherings-content-width: 52%;
--gatherings-image-width: 48%;
}
.meetings-gatherings-showcase .layout-container {
display: flex;
flex-wrap: nowrap;
gap: 0;
column-gap: 0;
row-gap: 0;
padding-left: 0;
padding-right: 0;
align-items: center;
}
.meetings-gatherings-showcase .layout-container>.big-image-container,
.meetings-gatherings-showcase .layout-container>.content-container {
width: auto;
}
.meetings-gatherings-showcase .layout-container>.content-container {
flex: 0 0 var(--gatherings-content-width) !important;
max-width: var(--gatherings-content-width) !important;
width: var(--gatherings-content-width) !important;
}
.meetings-gatherings-showcase .layout-container>.big-image-container {
flex: 0 0 var(--gatherings-image-width) !important;
max-width: var(--gatherings-image-width) !important;
width: var(--gatherings-image-width) !important;
}
.meetings-gatherings-showcase .layout-container[class*="right"] .big-image-container {
padding-left: calc(3% + var(--gatherings-image-shift));
padding-right: 0;
}
.meetings-gatherings-showcase .layout-container[class*="right"] .content-container {
padding-right: 134px !important;
padding-left: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.meetings-gatherings-showcase .big-image-container>img {
width: 100%;
max-height: var(--gatherings-image-max-height);
object-fit: cover;
}
.meetings-gatherings-showcase .content-container>.overline,
.meetings-gatherings-showcase .content-container>.btn-container {
width: 100%;
max-width: var(--gatherings-text-max);
margin-left: auto;
margin-right: auto;
text-align: center;
}
.meetings-gatherings-showcase .content-container>.content {
width: 100%;
max-width: 780px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.meetings-gatherings-showcase .content-container>.content p {
max-width: 860px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.meetings-gatherings-showcase .content-container>.btn-container {
justify-content: center;
align-items: center;
}
.meetings-gatherings-showcase .content-container>.btn-container .btn.secondary-button {
justify-content: center;
padding-right: 0;
}
.meetings-gatherings-showcase .content-container>.btn-container .btn.secondary-button:hover {
padding-left: 0;
padding-right: 0;
}
.meetings-hosting-showcase {
--hosting-image-shift: 56px;
--hosting-content-width: 51%;
--hosting-image-width: 49%;
--hosting-content-max: 720px;
}
.meetings-hosting-showcase .layout-container {
display: flex;
flex-wrap: nowrap;
gap: 0;
column-gap: 0;
row-gap: 0;
padding-left: 0;
padding-right: 0;
align-items: stretch;
}
.meetings-hosting-showcase .layout-container>.big-image-container,
.meetings-hosting-showcase .layout-container>.content-container {
width: auto;
align-self: stretch;
}
.meetings-hosting-showcase .layout-container>.big-image-container {
flex: 0 0 var(--hosting-image-width) !important;
max-width: var(--hosting-image-width) !important;
width: var(--hosting-image-width) !important;
}
.meetings-hosting-showcase .layout-container>.content-container {
flex: 0 0 var(--hosting-content-width) !important;
max-width: var(--hosting-content-width) !important;
width: var(--hosting-content-width) !important;
display: flex;
flex-direction: column;
justify-content: center;
}
.meetings-hosting-showcase .layout-container[class*="left"] .big-image-container {
padding-right: calc(3% + var(--hosting-image-shift) - 5px);
padding-left: 0;
}
.meetings-hosting-showcase .layout-container[class*="left"] .content-container {
padding-left: 12%;
padding-right: 0;
}
.meetings-hosting-showcase .big-image-container {
display: flex;
}
.meetings-hosting-showcase .big-image-container>img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.meetings-hosting-showcase .content-container>.overline,
.meetings-hosting-showcase .content-container>.content,
.meetings-hosting-showcase .content-container>.gform_wrapper {
width: 100%;
max-width: var(--hosting-content-max);
}
.meetings-hosting-showcase .content-container .content p,
.meetings-hosting-showcase .content-container>.gform_heading,
.meetings-hosting-showcase .content-container>.gform_body,
.meetings-hosting-showcase .content-container>.gform_footer {
max-width: var(--hosting-content-max);
}
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
.meetings-page-hero-balance,
.meetings-page-balance-section,
.meetings-page-inquiry-section {
--meetings-outer-gap: var(--meetings-outer-gap-tablet);
--meetings-inner-gap: var(--meetings-inner-gap-tablet);
}
.meetings-conference-showcase {
--conference-image-shift: 36px;
--conference-media-gap: 80px;
--conference-media-max: 620px;
--conference-image-max-height: 1020px;
}
.meetings-gatherings-showcase {
--gatherings-image-shift: 54px;
--gatherings-image-max-height: 760px;
--gatherings-content-width: 54%;
--gatherings-image-width: 46%;
}
.meetings-hosting-showcase {
--hosting-image-shift: 36px;
--hosting-content-width: 53%;
--hosting-image-width: 47%;
--hosting-content-max: 660px;
}
.meetings-hosting-showcase .layout-container[class*="left"] .content-container {
padding-left: 12%;
}
.meetings-gatherings-showcase .layout-container[class*="right"] .content-container {
padding-right: 96px !important;
}
.meetings-conference-showcase .layout-container[class*="left"] .big-image-container>img {
margin-right: calc(var(--conference-image-shift) * -1);
}
.meetings-gatherings-showcase .layout-container[class*="right"] .big-image-container>img {
margin-left: calc(var(--gatherings-image-shift) * -1);
}
.meetings-hosting-showcase .layout-container[class*="left"] .big-image-container>img {
margin-right: calc(var(--hosting-image-shift) * -1);
}
}
@media screen and (max-width: 768px) {
.meetings-page-hero-balance .page-info .grid-container {
padding-left: 0;
padding-right: 0;
}
.meetings-page-balance-section .layout-container>.big-image-container,
.meetings-page-balance-section .layout-container>.content-container,
.meetings-page-inquiry-section .layout-container>.big-image-container,
.meetings-page-inquiry-section .layout-container>.content-container {
padding-left: 0;
padding-right: 0;
max-width: none;
}
}
/* Shared header parity with index.html */
#masthead {
position: fixed !important;
transition: background-color .3s ease;
max-width: 100vw;
}
#masthead::after {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
background-color: var(--light);
left: 0;
top: 0;
z-index: -1;
transition: all .3s ease;
opacity: 0;
}
#masthead .custom-logo-link {
display: flex;
justify-content: center;
height: 65px;
}
#masthead .custom-logo {
transition: all .3s ease;
pointer-events: none;
user-select: none;
-webkit-user-select: none;
-webkit-user-drag: none;
}
#masthead .custom-logo.alternate-logo {
display: none;
filter: invert(1);
width: 100%;
max-width: 178px;
height: auto;
}
#masthead .custom-logo:not(.alternate-logo) {
position: absolute;
max-width: 178px;
}
body.home #masthead .custom-logo:not(.alternate-logo) {
max-width: 240px;
}
#masthead .inside-header {
transition: all .3s ease;
display: grid;
grid-gap: 0 2.5rem;
box-sizing: border-box;
align-items: center;
padding-top: 3.1rem;
padding-bottom: 3.1rem;
grid-template-columns: 4fr minmax(52px, 1fr) 4fr;
}
#masthead .inside-header .left-nav-container {
order: 1;
grid-column: 1;
grid-row: 1;
display: flex;
align-items: center;
gap: 15px 45px;
}
#masthead .inside-header .right-nav-container {
order: 3;
grid-column: 3;
grid-row: 1;
margin-left: auto;
}
#masthead .inside-header .right-nav-container .language-switcher {
display: none;
}
#masthead .inside-header .language-switcher {
display: flex;
align-items: center;
}
#masthead .inside-header .language-switcher .language-list {
display: flex !important;
position: relative;
background: unset;
border: unset;
padding: 0;
gap: 0;
}
#masthead .inside-header .left-nav-container .language-switcher .language-list {
margin-top: 4px;
}
#masthead .inside-header .language-switcher li {
display: flex;
}
#masthead .inside-header .language-switcher li:not(:last-of-type) {
border-right: 1px solid currentColor;
}
#masthead .inside-header .language-switcher .current-language {
display: block;
}
#masthead .inside-header .language-switcher .current-language a {
opacity: 1;
}
#masthead .inside-header .language-switcher .switch-language {
display: none;
background-color: unset;
}
#masthead .inside-header .language-switcher a {
color: currentColor;
display: flex;
align-items: center;
justify-content: center;
opacity: .52;
border-radius: 100px;
padding: 0 7px;
font-size: 14px;
line-height: 16px;
min-height: unset;
}
#masthead .inside-header .site-branding {
order: 2;
grid-column: 2;
grid-row: 1;
margin: 0 auto;
justify-content: center;
height: 50px;
display: flex;
align-items: center;
position: relative;
z-index: 25;
pointer-events: auto;
}
#masthead .inside-header .site-branding > a {
pointer-events: auto !important;
}
#masthead .booking-btn {
display: flex;
gap: 25px;
}
#masthead .booking-btn .header-booking-link,
#coconut-mobile-menu-container .booking-btn .header-booking-link {
min-width: unset;
padding: 12px 0;
border: 0 !important;
border-bottom: 1px solid currentColor !important;
background: transparent !important;
color: currentColor !important;
font-weight: 400;
letter-spacing: 1.6px;
transition: opacity .3s ease, transform .3s ease, border-color .3s ease, color .3s ease;
}
#masthead .booking-btn .header-booking-link:hover,
#coconut-mobile-menu-container .booking-btn .header-booking-link:hover {
opacity: .7;
transform: translateY(1px);
}
body:not(.scrolled, .coconut-mobile-menu-container):has(section.hero) #masthead .right-nav-container .booking-btn .standard-button {
background-color: unset;
color: var(--white) !important;
border-color: transparent;
}
body:not(.scrolled, .coconut-mobile-menu-container):has(section.hero) #masthead .right-nav-container .booking-btn .header-booking-link {
color: var(--white) !important;
border-bottom-color: var(--white) !important;
}
body.scrolled #masthead .inside-header .booking-btn .header-booking-link,
body:not(:has(section.hero)) #masthead .inside-header .booking-btn .header-booking-link {
color: var(--black) !important;
border-bottom-color: var(--black) !important;
background-color: transparent !important;
}
body:not(:has(section.hero)) #primary {
padding-top: 100px;
}
.coconut-expand {
padding-left: 0 !important;
padding-right: 0 !important;
display: flex !important;
align-items: center;
gap: 18px;
}
.coconut-expand::after {
content: "Menu";
display: flex;
align-items: center;
line-height: 1;
color: currentColor;
opacity: 1;
transition: all .3s ease;
}
.coconut-expand .coconut-burger-button {
height: .5em;
width: 1.75em;
color: currentColor;
}
.coconut-expand .coconut-burger-button .burger-line {
height: 1px;
}
.coconut-expand .coconut-burger-button .patty {
display: none;
}
@media screen and (max-width: 768px) {
#masthead .custom-logo-link {
height: 52px;
}
#masthead .custom-logo-link.alternate-logo-link {
width: 142px;
}
#masthead .custom-logo:not(.alternate-logo) {
max-width: 142px;
}
#masthead .custom-logo.alternate-logo {
max-width: 142px;
}
body.home #masthead .custom-logo:not(.alternate-logo) {
max-width: 178px;
}
body header#masthead .inside-header,
body.scrolled header#masthead .inside-header {
padding-top: 35px;
padding-bottom: .5rem;
grid-gap: 0 1rem;
}
body header#masthead .inside-header .left-nav-container,
body.scrolled header#masthead .inside-header .left-nav-container {
gap: 20px;
}
body header#masthead .inside-header .left-nav-container .language-switcher,
body.scrolled header#masthead .inside-header .left-nav-container .language-switcher {
display: none;
}
body header#masthead .inside-header .right-nav-container .booking-btn,
body.scrolled header#masthead .inside-header .right-nav-container .booking-btn {
display: none;
}
body header#masthead .inside-header .right-nav-container .language-switcher,
body.scrolled header#masthead .inside-header .right-nav-container .language-switcher {
display: block;
}
body header#masthead .inside-header button.menu-toggle,
body.scrolled header#masthead .inside-header button.menu-toggle {
width: 35px;
}
body header#masthead .inside-header .language-switcher a,
body.scrolled header#masthead .inside-header .language-switcher a {
font-size: 12px;
}
body header#masthead .coconut-expand::after,
body.scrolled header#masthead .coconut-expand::after {
display: none;
}
}
/* Shared header state: transparent only while the fixed header sits over the hero. */
body.header-over-hero:not(.coconut-mobile-menu-container) #masthead.site-header,
body.header-over-hero:not(.coconut-mobile-menu-container) #masthead.site-header .inside-header {
background-color: transparent !important;
box-shadow: none !important;
color: var(--white) !important;
}
body.header-over-hero:not(.coconut-mobile-menu-container) #masthead::after {
opacity: 0 !important;
}
body.header-over-hero:not(.coconut-mobile-menu-container) #masthead.site-header a,
body.header-over-hero:not(.coconut-mobile-menu-container) #masthead.site-header button,
body.header-over-hero:not(.coconut-mobile-menu-container) #masthead.site-header .lang-text,
body.header-over-hero:not(.coconut-mobile-menu-container) #masthead.site-header .standard-button,
body.header-over-hero:not(.coconut-mobile-menu-container) #masthead.site-header .bbh-language-switcher li a,
body.header-over-hero:not(.coconut-mobile-menu-container) #masthead.site-header .bbh-language-switcher .switch-language,
body.header-over-hero:not(.coconut-mobile-menu-container) #masthead .inside-header .language-list,
body.header-over-hero:not(.coconut-mobile-menu-container) #masthead .inside-header .menu-toggle,
body.header-over-hero:not(.coconut-mobile-menu-container) #masthead .inside-header .coconut-expand::after,
body.header-over-hero:not(.coconut-mobile-menu-container) #masthead .inside-header .coconut-burger-button {
color: var(--white) !important;
}
body.header-over-hero:not(.coconut-mobile-menu-container) #masthead.site-header .burger-line,
body.header-over-hero:not(.coconut-mobile-menu-container) #masthead .inside-header .coconut-burger-button .burger-line {
background-color: var(--white) !important;
}
body.header-over-hero:not(.coconut-mobile-menu-container) #masthead .booking-btn .header-booking-link,
body.header-over-hero:not(.coconut-mobile-menu-container) #masthead.site-header .booking-btn a,
body.header-over-hero:not(.coconut-mobile-menu-container) #masthead.site-header .standard-button.white {
border-bottom-color: var(--white) !important;
border-color: var(--white) !important;
background-color: transparent !important;
}
body.header-over-hero:not(.coconut-mobile-menu-container) #masthead .site-branding>a.custom-logo-link:not(.alternate-logo-link),
body.header-over-hero:not(.coconut-mobile-menu-container) #masthead .site-branding .custom-logo:not(.alternate-logo) {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
filter: brightness(0) invert(1) !important;
}
body.header-over-hero:not(.coconut-mobile-menu-container) #masthead .site-branding>a.alternate-logo-link,
body.header-over-hero:not(.coconut-mobile-menu-container) #masthead .site-branding .custom-logo.alternate-logo {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
}
body:not(.header-over-hero):has(section.hero) #masthead.site-header,
body:not(.header-over-hero):has(section.hero) #masthead.site-header .inside-header {
background-color: #ffffff !important;
color: var(--black) !important;
}
body:not(.header-over-hero):has(section.hero) #masthead.site-header a,
body:not(.header-over-hero):has(section.hero) #masthead.site-header button,
body:not(.header-over-hero):has(section.hero) #masthead.site-header .lang-text,
body:not(.header-over-hero):has(section.hero) #masthead.site-header .standard-button,
body:not(.header-over-hero):has(section.hero) #masthead.site-header .bbh-language-switcher li a,
body:not(.header-over-hero):has(section.hero) #masthead.site-header .bbh-language-switcher .switch-language,
body:not(.header-over-hero):has(section.hero) #masthead .inside-header .language-list,
body:not(.header-over-hero):has(section.hero) #masthead .inside-header .menu-toggle,
body:not(.header-over-hero):has(section.hero) #masthead .inside-header .coconut-expand::after,
body:not(.header-over-hero):has(section.hero) #masthead .inside-header .coconut-burger-button {
color: var(--black) !important;
}
body:not(.header-over-hero):has(section.hero) #masthead.site-header .burger-line,
body:not(.header-over-hero):has(section.hero) #masthead .inside-header .coconut-burger-button .burger-line {
background-color: var(--black) !important;
}
body:not(.header-over-hero):has(section.hero) #masthead .booking-btn .header-booking-link,
body:not(.header-over-hero):has(section.hero) #masthead.site-header .booking-btn a,
body:not(.header-over-hero):has(section.hero) #masthead.site-header .standard-button.white {
border-bottom-color: var(--black) !important;
border-color: var(--black) !important;
background-color: transparent !important;
}
body:not(.header-over-hero):has(section.hero) #masthead .site-branding>a.custom-logo-link:not(.alternate-logo-link),
body:not(.header-over-hero):has(section.hero) #masthead .site-branding .custom-logo:not(.alternate-logo) {
pointer-events: none !important;
visibility: hidden !important;
opacity: 0 !important;
display: none !important;
}
#masthead.site-header,
#masthead.site-header .inside-header {
transition:
background-color 620ms cubic-bezier(.25, .46, .45, .94),
color 520ms cubic-bezier(.25, .46, .45, .94),
box-shadow 620ms cubic-bezier(.25, .46, .45, .94),
transform 480ms cubic-bezier(.25, .46, .45, .94),
opacity 460ms cubic-bezier(.25, .46, .45, .94) !important;
}
#masthead.site-header a,
#masthead.site-header button,
#masthead.site-header .lang-text,
#masthead.site-header .standard-button,
#masthead.site-header .booking-btn .header-booking-link,
#masthead.site-header .language-list,
#masthead.site-header .menu-toggle,
#masthead.site-header .coconut-expand::after,
#masthead.site-header .burger-line,
#masthead.site-header .custom-logo {
transition:
color 520ms cubic-bezier(.25, .46, .45, .94),
border-color 520ms cubic-bezier(.25, .46, .45, .94),
background-color 520ms cubic-bezier(.25, .46, .45, .94),
filter 520ms cubic-bezier(.25, .46, .45, .94),
opacity 320ms ease !important;
}
.home-hero-logo-transition {
transition: opacity 420ms cubic-bezier(.25, .46, .45, .94) !important;
}
body:not(.header-over-hero):has(section.hero) #masthead .site-branding>a.alternate-logo-link,
body:not(.header-over-hero):has(section.hero) #masthead .site-branding .custom-logo.alternate-logo {
pointer-events: auto !important;
visibility: visible !important;
opacity: 1 !important;
display: block !important;
filter: none !important;
}
@media screen and (max-width: 768px) {
body:not(.header-over-hero):has(section.hero) #masthead .site-branding>a.custom-logo-link:not(.alternate-logo-link),
body:not(.header-over-hero):has(section.hero) #masthead .site-branding .custom-logo:not(.alternate-logo) {
pointer-events: auto !important;
visibility: visible !important;
opacity: 1 !important;
display: block !important;
filter: none !important;
}
body:not(.header-over-hero):has(section.hero) #masthead .site-branding>a.alternate-logo-link,
body:not(.header-over-hero):has(section.hero) #masthead .site-branding .custom-logo.alternate-logo {
pointer-events: none !important;
visibility: hidden !important;
opacity: 0 !important;
display: none !important;
}
}
body.header-over-hero:not(.coconut-mobile-menu-container) #masthead .site-branding>a.custom-logo-link:not(.alternate-logo-link) {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 240px !important;
max-width: 240px !important;
height: 65px !important;
visibility: visible !important;
opacity: 1 !important;
pointer-events: auto !important;
}
body.header-over-hero:not(.coconut-mobile-menu-container) #masthead .site-branding>a.custom-logo-link:not(.alternate-logo-link) img.custom-logo:not(.alternate-logo) {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
width: auto !important;
max-width: 240px !important;
height: auto !important;
max-height: 88px !important;
filter: brightness(0) invert(1) !important;
}
body.header-over-hero:not(.coconut-mobile-menu-container) #masthead .site-branding>a.alternate-logo-link,
body.header-over-hero:not(.coconut-mobile-menu-container) #masthead .site-branding>a.alternate-logo-link img.custom-logo.alternate-logo {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
}
body:not(.header-over-hero):has(section.hero) #masthead .site-branding>a.custom-logo-link:not(.alternate-logo-link),
body:not(.header-over-hero):has(section.hero) #masthead .site-branding>a.custom-logo-link:not(.alternate-logo-link) img.custom-logo:not(.alternate-logo) {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
}
body:not(.header-over-hero):has(section.hero) #masthead .site-branding>a.alternate-logo-link {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 113.7px !important;
max-width: 113.7px !important;
height: 65px !important;
visibility: visible !important;
opacity: 1 !important;
pointer-events: auto !important;
}
body:not(.header-over-hero):has(section.hero) #masthead .site-branding>a.alternate-logo-link img.custom-logo.alternate-logo {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
width: 113.7px !important;
max-width: 113.7px !important;
height: 65px !important;
max-height: 65px !important;
filter: none !important;
}
@media screen and (min-width: 769px) {
body.header-over-hero:not(.coconut-mobile-menu-container) #masthead .site-branding>a.custom-logo-link:not(.alternate-logo-link),
body:not(.header-over-hero):has(section.hero) #masthead .site-branding>a.alternate-logo-link {
margin-top: 14px !important;
}
}
@media screen and (max-width: 768px) {
body:not(.header-over-hero):has(section.hero) #masthead .site-branding>a.custom-logo-link:not(.alternate-logo-link) {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 178px !important;
max-width: 178px !important;
height: 52px !important;
visibility: visible !important;
opacity: 1 !important;
pointer-events: auto !important;
}
body:not(.header-over-hero):has(section.hero) #masthead .site-branding>a.custom-logo-link:not(.alternate-logo-link) img.custom-logo:not(.alternate-logo) {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
width: auto !important;
max-width: 178px !important;
height: auto !important;
max-height: 52px !important;
filter: none !important;
}
body:not(.header-over-hero):has(section.hero) #masthead .site-branding>a.alternate-logo-link,
body:not(.header-over-hero):has(section.hero) #masthead .site-branding>a.alternate-logo-link img.custom-logo.alternate-logo {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
}
}
/* rooms.html :: inline style id="alaverdi-footer-sync" */
.coconut-bottom-bar .coconut-bottom-bar-widgets {
display: grid;
grid-template-columns: 1fr auto 1fr;
align-items: center;
gap: 24px;
padding: 28px 0 10px
}
.coconut-bottom-bar .coconut-bottom-bar-widgets::before {
content: "";
grid-column: 1/-1;
height: 1px;
width: 100%;
background-color: var(--gold);
opacity: .75
}
.coconut-bottom-bar .widget-col {
padding: 0
}
.coconut-bottom-bar .widget-col.widget-col-2 {
justify-self: center
}
.coconut-bottom-bar .widget-col.widget-col-3 {
justify-self: end
}
#menu-copyright-bar-links {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
gap: 16px 40px
}
footer.site-footer {
overflow-x: hidden;
padding: 40px 0 0;
position: relative;
background-color: #ffffff !important
}
footer.coconut-footer,
footer.site-footer .logo-container,
footer.site-footer .inside-footer,
footer.site-footer .inside-footer .coconut-footer-widgets,
.coconut-bottom-bar,
.coconut-bottom-bar .coconut-bottom-bar-widgets {
background-color: #ffffff !important
}
footer.site-footer .widget-title {
margin-bottom: 0;
font-size: clamp(24px, 2.4vw, 34px);
font-family: nimbus-roman, serif;
font-weight: 400;
line-height: 1.08;
color: #000
}
footer.site-footer .widget-title .footer-divider {
color: var(--gold);
margin-left: 10px
}
footer.site-footer .logo-container {
width: 100%;
display: grid;
grid-template-columns: 1fr minmax(190px, 320px) 1fr;
gap: 0 3rem;
padding-top: 0;
padding-bottom: 40px;
box-sizing: border-box;
z-index: 2;
position: relative;
align-items: center
}
footer.site-footer .logo-container::after,
footer.site-footer .logo-container::before {
content: "";
width: 100%;
height: 1px;
background-color: var(--gold);
animation: 1s widthFill;
opacity: .85;
transition: opacity .3s ease
}
footer.site-footer .logo-container::before {
margin-left: auto
}
footer.site-footer .logo-container::after {
grid-column: 3
}
footer.site-footer .logo-container a {
grid-column: 2;
margin: 0 auto
}
footer.site-footer .logo-container img {
width: 100%;
filter: brightness(0) saturate(100%)
}
footer.site-footer .inside-footer {
opacity: 1;
z-index: 2;
position: relative;
padding-bottom: 40px
}
footer.site-footer .inside-footer .coconut-footer-widgets {
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 40px 48px;
align-items: center;
max-width: 1520px;
margin: 0 auto
}
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col {
min-width: 0;
margin-right: 0
}
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col ul {
margin: 0;
padding: 0;
list-style: none
}
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col li,
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col p {
margin-bottom: 18px
}
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col .widget {
margin-bottom: 0
}
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-1 {
display: flex;
align-items: center;
justify-content: center;
min-height: 200px;
justify-self: stretch;
transform: translate(120px, -12px)
}
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-1 img {
width: min(150px, 100%);
height: auto;
display: block;
filter: brightness(.15) saturate(.8)
}
footer.site-footer .inside-footer .coconut-footer-widgets .footer-right-columns {
display: grid;
grid-template-columns: 340px 220px;
gap: 132px;
align-items: start;
width: min(692px, 100%);
justify-self: end;
margin-left: auto;
transform: translateX(100px)
}
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-2,
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-3 {
text-align: center;
width: 100%
}
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-2 .widget,
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-3 .widget {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start
}
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-2 .widget-title-holder,
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-3 .widget-title-holder {
min-height: 42px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px
}
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-2 {
text-align: center;
justify-self: start
}
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-3 {
text-align: center;
justify-self: end
}
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-2 .textwidget,
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-3 .menu-footer-info-container {
width: 100%;
text-align: center
}
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-2 p,
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-3 li {
font-size: 16px
}
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-2 p,
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-3 li {
margin-bottom: 14px
}
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-3 li:last-child,
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-2 p:last-child {
margin-bottom: 0
}
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-3 a,
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-2 a {
color: inherit;
transition: color .25s ease, opacity .25s ease
}
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-3 a:hover,
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-2 a:hover {
color: var(--gold)
}
.footer-social-links {
margin: 0;
padding: 0;
list-style: none;
display: flex;
align-items: center;
justify-content: center;
gap: 22px
}
.footer-social-links a {
width: 22px;
height: 22px;
display: inline-flex;
align-items: center;
justify-content: center;
color: inherit;
transition: transform .25s ease, color .25s ease
}
.footer-social-links a:hover {
color: var(--gold);
transform: translateY(-2px)
}
.footer-social-links svg {
width: 100%;
height: 100%;
fill: currentColor
}
footer.coconut-footer {
font-weight: 300;
text-transform: none;
font-size: 16px;
color: #000;
background-color: #ffffff !important
}
footer.coconut-footer a {
text-decoration: none;
color: inherit
}
footer.coconut-footer a:active,
footer.coconut-footer a:focus,
footer.coconut-footer a:hover {
text-decoration: none
}
.coconut-bottom-bar {
font-weight: 300;
text-transform: none;
font-size: 16px;
color: #000;
background-color: #ffffff !important
}
.coconut-bottom-bar a {
text-decoration: none;
color: inherit
}
.coconut-bottom-bar a:active,
.coconut-bottom-bar a:focus,
.coconut-bottom-bar a:hover {
text-decoration: none
}
/* rooms.html :: inline style id="alaverdi-footer-spinner-style" */
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-1 .alaverdi-footer-spinner {
display: grid;
place-items: center;
width: min(150px, 100%);
line-height: 0;
}
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-1 .alaverdi-footer-spinner img {
grid-area: 1 / 1;
width: 100%;
height: auto;
display: block;
opacity: 0;
transition: opacity .22s linear;
will-change: opacity;
filter: brightness(.15) saturate(.8);
}
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-1 .alaverdi-footer-spinner img.active {
opacity: 1;
}
/* rooms.html :: alaverdicss/alaverdi-footer-index-canonical.css */
footer.site-footer {
overflow-x: hidden;
padding: 40px 0 0;
position: relative;
background-color: #ffffff !important;
}
footer.coconut-footer,
footer.site-footer,
footer.site-footer .logo-container,
footer.site-footer .inside-footer,
footer.site-footer .inside-footer .coconut-footer-widgets,
.coconut-bottom-bar,
.coconut-bottom-bar .coconut-bottom-bar-widgets {
background-color: #ffffff !important;
color: #000000 !important;
}
footer.site-footer .widget-title {
max-width: none;
margin-bottom: 0;
font-size: clamp(24px, 2.4vw, 34px);
font-family: nimbus-roman, serif;
font-weight: 400;
line-height: 1.08;
color: #000000;
}
footer.site-footer .widget-title .footer-divider {
display: none !important;
}
.footer-social-links a,
.coconut-bottom-bar,
.coconut-bottom-bar .coconut-bottom-bar-widgets,
.coconut-bottom-bar .widget-col,
.coconut-bottom-bar .widget-col p,
.coconut-bottom-bar .widget,
.coconut-bottom-bar a,
#menu-copyright-bar-links,
#menu-copyright-bar-links a {
font-size: 14px !important;
line-height: 1.2 !important;
color: #000000 !important;
}
.coconut-bottom-bar .coconut-bottom-bar-widgets {
display: grid;
grid-template-columns: 1fr auto 1fr;
align-items: center;
gap: 24px;
padding: 28px 0 10px;
}
.coconut-bottom-bar .coconut-bottom-bar-widgets::before {
content: "";
grid-column: 1 / -1;
height: 1px;
width: 100%;
background-color: var(--gold);
opacity: 0.75;
}
.coconut-bottom-bar .widget-col {
padding: 0;
}
.coconut-bottom-bar .coconut-bottom-bar-widgets .widget-col {
padding: 0;
}
.coconut-bottom-bar .coconut-bottom-bar-widgets .widget-col.widget-col-1 {
order: initial;
}
.coconut-bottom-bar .widget-col.widget-col-2 {
justify-self: center;
}
.coconut-bottom-bar .widget-col.widget-col-3 {
justify-self: end;
}
#menu-copyright-bar-links {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
gap: 16px 40px;
}
footer.site-footer .logo-container {
width: 100%;
display: grid;
grid-template-columns: 1fr minmax(190px, 320px) 1fr;
gap: 0 3rem;
padding-top: 0;
padding-bottom: 40px;
box-sizing: border-box;
z-index: 2;
position: relative;
align-items: center;
}
footer.site-footer .logo-container::before,
footer.site-footer .logo-container::after {
content: "";
width: 100%;
height: 1px;
background-color: var(--gold);
animation: 1s widthFill;
opacity: 0.85;
transition: opacity 0.3s ease;
}
footer.site-footer .logo-container::before {
margin-left: auto;
}
footer.site-footer .logo-container::after {
grid-column: 3;
}
footer.site-footer .logo-container a {
grid-column: 2;
margin: 0 auto;
}
footer.site-footer .logo-container img {
width: 100%;
filter: brightness(0) saturate(100%);
}
footer.site-footer .inside-footer {
opacity: 1;
z-index: 2;
position: relative;
padding-bottom: 40px;
}
footer.site-footer .inside-footer .coconut-footer-widgets {
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
gap: 40px 48px !important;
align-items: center;
max-width: 1520px;
margin: 0 auto;
}
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col {
min-width: 0;
margin-right: 0;
}
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col ul {
margin: 0;
padding: 0;
list-style: none;
}
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col li,
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col p {
margin-bottom: 18px;
}
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col .widget {
margin-bottom: 0;
}
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-1 {
width: auto;
max-width: none;
margin-right: 0;
display: flex;
align-items: center;
justify-content: center;
min-height: 200px;
justify-self: stretch;
transform: translate(120px, -12px);
}
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-1 img {
width: min(150px, 100%);
height: auto;
display: block;
filter: brightness(0.15) saturate(0.8);
}
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-1 .alaverdi-footer-spinner {
display: grid;
place-items: center;
width: min(150px, 100%);
line-height: 0;
}
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-1 .alaverdi-footer-spinner img {
grid-area: 1 / 1;
width: 100%;
height: auto;
display: block;
opacity: 0;
transition: opacity 0.22s linear;
will-change: opacity;
filter: brightness(0.15) saturate(0.8);
}
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-1 .alaverdi-footer-spinner img.active {
opacity: 1;
}
footer.site-footer .inside-footer .coconut-footer-widgets .footer-right-columns {
display: grid;
grid-template-columns: 340px 220px;
gap: 132px;
align-items: start;
width: min(692px, 100%);
justify-self: end;
margin-left: auto;
transform: translateX(100px);
}
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-2,
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-3 {
text-align: center;
width: 100%;
max-width: none;
}
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-2 .widget,
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-3 .widget {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
}
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-2 .widget-title-holder,
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-3 .widget-title-holder {
min-height: 42px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px;
}
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-2 {
text-align: center;
justify-self: start;
}
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-3 {
text-align: center;
justify-self: end;
}
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-2 .textwidget,
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-3 .menu-footer-info-container {
width: 100%;
text-align: center;
}
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-2 p,
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-3 li {
font-size: 16px;
margin-bottom: 14px;
}
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-3 li:last-child,
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-2 p:last-child {
margin-bottom: 0;
}
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-3 a,
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-2 a {
color: inherit;
transition: color 0.25s ease, opacity 0.25s ease;
}
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-3 a:hover,
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-2 a:hover {
color: var(--gold);
}
.footer-social-links {
margin: 0;
padding: 0;
list-style: none;
display: flex;
align-items: center;
justify-content: center;
gap: 22px;
}
.footer-social-links a {
width: 22px;
height: 22px;
display: inline-flex;
align-items: center;
justify-content: center;
color: inherit;
transition: transform 0.25s ease, color 0.25s ease;
}
.footer-social-links a:hover {
color: var(--gold);
transform: translateY(-2px);
}
.footer-social-links svg {
width: 100%;
height: 100%;
fill: currentColor;
}
@media screen and (max-width: 768px) {
footer.site-footer .logo-container {
grid-template-columns: 1fr minmax(128px, 220px) 1fr;
grid-gap: 0 1rem;
}
footer.site-footer .inside-footer .coconut-footer-widgets {
grid-template-columns: 1fr !important;
gap: 28px !important;
justify-items: center;
}
footer.site-footer .inside-footer .coconut-footer-widgets .footer-right-columns {
grid-template-columns: 1fr;
gap: 28px;
width: min(340px, 100%);
justify-self: center;
margin-left: 0;
transform: none;
}
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-1 {
transform: none;
}
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-1 .widget,
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-1 .textwidget {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-2,
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-3 {
justify-self: center;
text-align: center;
}
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-2 .widget,
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-3 .widget {
align-items: center;
}
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-2 .textwidget,
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-3 .menu-footer-info-container {
width: 100%;
text-align: center;
}
.coconut-bottom-bar .coconut-bottom-bar-widgets {
grid-template-columns: 1fr;
justify-items: center;
font-size: 12px;
}
.coconut-bottom-bar .widget-col.widget-col-3,
.coconut-bottom-bar .widget-col.widget-col-2 {
justify-self: center;
align-self: center;
}
#menu-copyright-bar-links {
justify-content: center;
}
}
/* rooms.html :: inline style id="alaverdi-inline-language-separator-fix" */
body.coconut-mobile-menu-container #masthead.site-header .left-nav-container .language-switcher .drop-dl ul li+li::before,
body.coconut-mobile-menu-container #masthead.site-header .right-nav-container .language-switcher .drop-dl ul li+li::before,
html.slide-opened #masthead.site-header .left-nav-container .language-switcher .drop-dl ul li+li::before,
html.slide-opened #masthead.site-header .right-nav-container .language-switcher .drop-dl ul li+li::before {
content: "" !important;
display: inline-block !important;
min-width: 0 !important;
width: 0 !important;
height: 1em !important;
margin: 0 8px !important;
border-left: 1px solid #000 !important;
background: none !important;
background-color: transparent !important;
color: transparent !important;
vertical-align: middle !important;
}
/* rooms.html :: inline style id="alaverdi-inline-mobile-footer-match" */
@media screen and (max-width:768px) {
footer.site-footer .logo-container {
grid-template-columns: 1fr minmax(128px, 220px) 1fr;
grid-gap: 0px 1rem;
}
footer.site-footer .inside-footer .coconut-footer-widgets {
grid-template-columns: 1fr;
gap: 28px;
justify-items: center;
}
footer.site-footer .inside-footer .coconut-footer-widgets .footer-right-columns {
grid-template-columns: 1fr;
gap: 28px;
width: min(340px, 100%);
justify-self: center;
margin-left: 0;
transform: none;
}
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-1 {
transform: none;
}
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-1 .widget,
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-1 .textwidget {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-2,
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-3 {
justify-self: center;
text-align: center;
}
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-2 .widget,
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-3 .widget {
align-items: center;
}
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-2 .textwidget,
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-3 .menu-footer-info-container {
width: 100%;
text-align: center;
}
.coconut-bottom-bar .coconut-bottom-bar-widgets {
grid-template-columns: 1fr;
justify-items: center;
font-size: 12px;
}
.coconut-bottom-bar .widget-col.widget-col-3,
.coconut-bottom-bar .widget-col.widget-col-2 {
justify-self: center;
align-self: center;
}
#menu-copyright-bar-links {
justify-content: center;
}
body:has(.single-room-slider-before-footer+footer) .single-room-slider-before-footer {
padding-bottom: 60px;
}
.flexible-inner-section.has-padding {
padding-top: 80px;
padding-bottom: 80px;
}
}
@media screen and (max-width:640px) {
footer.site-footer {
padding-top: 2.6rem;
}
footer.site-footer .logo-container {
padding-bottom: 34px;
}
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-1 {
min-height: auto;
transform: none;
}
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-1 img {
width: min(150px, 100%);
}
footer.site-footer .inside-footer .coconut-footer-widgets .footer-right-columns {
width: 100%;
max-width: 320px;
}
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-2 p,
footer.site-footer .inside-footer .coconut-footer-widgets .widget-col.widget-col-3 li {
font-size: 15px;
}
}
/* rooms.html :: inline style id="alaverdi-inline-mobile-header-state" */
body.scrolled #masthead .inside-header .booking-btn .header-booking-link,
body:not(:has(section.hero)) #masthead .inside-header .booking-btn .header-booking-link {
color: var(--black) !important;
border-bottom-color: var(--black) !important;
background-color: transparent !important;
-webkit-text-fill-color: var(--black) !important;
}
#masthead.site-header {
will-change: transform, opacity;
transition: transform 480ms cubic-bezier(.25, .46, .45, .94), opacity 460ms cubic-bezier(.25, .46, .45, .94);
transform: translateY(0);
opacity: 1;
}
body.header-scroll-hidden #masthead.site-header {
transform: translateY(calc(-100% - 12px)) !important;
opacity: .01 !important;
pointer-events: none;
}
body.header-scroll-visible #masthead.site-header,
body.coconut-mobile-menu-container #masthead.site-header {
transform: translateY(0) !important;
opacity: 1 !important;
pointer-events: auto;
}
@media screen and (max-width:768px) {
body #coconut-mobile-menu-container .coconut-mobile-menu .booking-btn,
body.scrolled #coconut-mobile-menu-container .coconut-mobile-menu .booking-btn {
margin-top: 24px;
padding-top: 8px;
}
body.scrolled header#masthead .inside-header,
body:not(:has(section.hero)) header#masthead .inside-header {
padding-bottom: 16px;
}
body.scrolled #masthead .inside-header .site-branding,
body:not(:has(section.hero)) #masthead .inside-header .site-branding {
align-self: center;
padding-bottom: 4px;
}
body.scrolled #masthead .site-branding>a.custom-logo-link:not(.alternate-logo-link),
body:not(:has(section.hero)) #masthead .site-branding>a.custom-logo-link:not(.alternate-logo-link) {
pointer-events: auto !important;
visibility: visible !important;
opacity: 1 !important;
}
body.scrolled #masthead .site-branding>a.alternate-logo-link,
body:not(:has(section.hero)) #masthead .site-branding>a.alternate-logo-link {
pointer-events: none !important;
visibility: hidden !important;
opacity: 0 !important;
}
body.scrolled #masthead .custom-logo:not(.alternate-logo),
body:not(:has(section.hero)) #masthead .custom-logo:not(.alternate-logo) {
display: block !important;
position: static;
width: auto;
max-width: 142px;
filter: none !important;
}
body.scrolled #masthead .custom-logo.alternate-logo,
body:not(:has(section.hero)) #masthead .custom-logo.alternate-logo {
display: none !important;
filter: none !important;
}
}
/* rooms.html :: inline style id="alaverdi-inline-mobile-booknow-swap" */
#masthead .inside-header .right-nav-container .booking-btn>a.mobile-book-now {
display: none !important;
}
@media screen and (max-width: 768px) {
#masthead .inside-header .right-nav-container .booking-btn {
display: flex !important;
}
#masthead .inside-header .right-nav-container .language-switcher {
display: none !important;
}
#masthead .inside-header .right-nav-container .booking-btn>a {
display: none !important;
}
#masthead .inside-header .right-nav-container .booking-btn>a.mobile-book-now {
display: inline-flex !important;
transform: translateY(-3px);
}
body.coconut-mobile-menu-container #masthead .inside-header .right-nav-container .booking-btn,
html.slide-opened #masthead .inside-header .right-nav-container .booking-btn {
display: none !important;
}
body.coconut-mobile-menu-container #masthead .inside-header .right-nav-container .language-switcher,
html.slide-opened #masthead .inside-header .right-nav-container .language-switcher {
display: flex !important;
align-items: center;
justify-content: flex-end;
}
body.coconut-mobile-menu-container #masthead .inside-header .right-nav-container .language-switcher .switch-language,
html.slide-opened #masthead .inside-header .right-nav-container .language-switcher .switch-language {
display: none !important;
}
body.coconut-mobile-menu-container #masthead .inside-header .right-nav-container .language-switcher .language-list,
html.slide-opened #masthead .inside-header .right-nav-container .language-switcher .language-list {
display: flex !important;
align-items: center;
margin: 0 !important;
}
body.coconut-mobile-menu-container #masthead .inside-header .booking-btn .standard-button,
body.coconut-mobile-menu-container #masthead .inside-header .booking-btn .header-booking-link,
html.slide-opened #masthead .inside-header .booking-btn .standard-button,
html.slide-opened #masthead .inside-header .booking-btn .header-booking-link,
body.coconut-mobile-menu-container #coconut-mobile-menu-container .coconut-mobile-menu .booking-btn .standard-button,
body.coconut-mobile-menu-container #coconut-mobile-menu-container .coconut-mobile-menu .booking-btn .standard-button.white,
body.coconut-mobile-menu-container #coconut-mobile-menu-container .coconut-mobile-menu .booking-btn .header-booking-link,
body.coconut-mobile-menu-container #coconut-mobile-menu-container .coconut-mobile-menu .booking-btn .header-booking-link.white,
html.slide-opened #coconut-mobile-menu-container .coconut-mobile-menu .booking-btn .standard-button,
html.slide-opened #coconut-mobile-menu-container .coconut-mobile-menu .booking-btn .standard-button.white,
html.slide-opened #coconut-mobile-menu-container .coconut-mobile-menu .booking-btn .header-booking-link,
html.slide-opened #coconut-mobile-menu-container .coconut-mobile-menu .booking-btn .header-booking-link.white {
color: #000 !important;
border-color: #000 !important;
}
}
/* rooms.html :: dist header contrast override */
body:not(.home):not(.header-over-hero) #masthead .booking-btn .header-booking-link,
body:not(.home):not(.header-over-hero) #masthead .booking-btn .standard-button,
body:not(.home):not(.header-over-hero) #masthead .right-nav-container .booking-btn .header-booking-link,
body:not(.home):not(.header-over-hero) #masthead .right-nav-container .booking-btn .standard-button {
color: var(--black) !important;
-webkit-text-fill-color: var(--black) !important;
border-color: var(--black) !important;
border-bottom-color: var(--black) !important;
background-color: transparent !important;
opacity: 1 !important;
visibility: visible !important;
}
body:not(.home):not(.header-over-hero) #masthead.site-header,
body:not(.home):not(.header-over-hero) #masthead.site-header .inside-header {
color: var(--black) !important;
}
body:not(.home):not(.header-over-hero) #masthead .site-branding>a.alternate-logo-link,
body:not(.home):not(.header-over-hero) #masthead .site-branding .custom-logo.alternate-logo {
display: flex !important;
visibility: visible !important;
opacity: 1 !important;
filter: none !important;
pointer-events: auto !important;
}
body:not(.home):not(.header-over-hero) #masthead .site-branding>a.custom-logo-link:not(.alternate-logo-link),
body:not(.home):not(.header-over-hero) #masthead .site-branding .custom-logo:not(.alternate-logo) {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
}
body.coconut-mobile-menu-container #masthead .inside-header .booking-btn .standard-button,
body.coconut-mobile-menu-container #masthead .inside-header .booking-btn .header-booking-link,
html.slide-opened #masthead .inside-header .booking-btn .standard-button,
html.slide-opened #masthead .inside-header .booking-btn .header-booking-link,
body.coconut-mobile-menu-container #coconut-mobile-menu-container .coconut-mobile-menu .booking-btn .standard-button,
body.coconut-mobile-menu-container #coconut-mobile-menu-container .coconut-mobile-menu .booking-btn .standard-button.white,
body.coconut-mobile-menu-container #coconut-mobile-menu-container .coconut-mobile-menu .booking-btn .header-booking-link,
body.coconut-mobile-menu-container #coconut-mobile-menu-container .coconut-mobile-menu .booking-btn .header-booking-link.white,
html.slide-opened #coconut-mobile-menu-container .coconut-mobile-menu .booking-btn .standard-button,
html.slide-opened #coconut-mobile-menu-container .coconut-mobile-menu .booking-btn .standard-button.white,
html.slide-opened #coconut-mobile-menu-container .coconut-mobile-menu .booking-btn .header-booking-link,
html.slide-opened #coconut-mobile-menu-container .coconut-mobile-menu .booking-btn .header-booking-link.white {
color: var(--black) !important;
-webkit-text-fill-color: var(--black) !important;
border-color: var(--black) !important;
border-bottom-color: var(--black) !important;
}
@media screen and (max-width: 768px) {
body:not(.home):not(.header-over-hero) #masthead .site-branding>a.custom-logo-link:not(.alternate-logo-link) {
display: flex !important;
visibility: visible !important;
opacity: 1 !important;
pointer-events: auto !important;
}
body:not(.home):not(.header-over-hero) #masthead .site-branding .custom-logo:not(.alternate-logo) {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
filter: none !important;
pointer-events: auto !important;
}
body:not(.home):not(.header-over-hero) #masthead .site-branding>a.alternate-logo-link,
body:not(.home):not(.header-over-hero) #masthead .site-branding .custom-logo.alternate-logo {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
}
}
html body:not(.home):not(.header-over-hero):not(.coconut-mobile-menu-container):has(section.hero) #masthead.site-header .inside-header .right-nav-container .booking-btn > a.standard-button.header-booking-link,
html body:not(.home):not(.header-over-hero):not(.coconut-mobile-menu-container):has(section.hero) #masthead.site-header .inside-header .right-nav-container .booking-btn > a.standard-button.header-booking-link.mobile-book-now {
color: #000 !important;
-webkit-text-fill-color: #000 !important;
border-color: #000 !important;
border-bottom-color: #000 !important;
}
html body.coconut-mobile-menu-container #coconut-mobile-menu-container .coconut-mobile-menu .booking-btn > a.standard-button.header-booking-link,
html body.coconut-mobile-menu-container #coconut-mobile-menu-container .coconut-mobile-menu .booking-btn > a.standard-button.white.header-booking-link,
html.slide-opened body #coconut-mobile-menu-container .coconut-mobile-menu .booking-btn > a.standard-button.header-booking-link,
html.slide-opened body #coconut-mobile-menu-container .coconut-mobile-menu .booking-btn > a.standard-button.white.header-booking-link {
color: #000 !important;
-webkit-text-fill-color: #000 !important;
border-color: #000 !important;
border-bottom-color: #000 !important;
}
@media screen and (max-width: 768px) {
html:not(.slide-opened) body:not(.home):not(.header-over-hero):not(.coconut-mobile-menu-container):has(section.hero) #masthead.site-header .inside-header .site-branding > a.custom-logo-link:not(.alternate-logo-link),
html:not(.slide-opened) body:not(.home):not(.header-over-hero):not(.coconut-mobile-menu-container):has(section.hero) #masthead.site-header .inside-header .site-branding > a.custom-logo-link:not(.alternate-logo-link) img.custom-logo:not(.alternate-logo) {
display: flex !important;
visibility: visible !important;
opacity: 1 !important;
filter: none !important;
pointer-events: auto !important;
}
html:not(.slide-opened) body:not(.home):not(.header-over-hero):not(.coconut-mobile-menu-container):has(section.hero) #masthead.site-header .inside-header .site-branding > a.custom-logo-link:not(.alternate-logo-link) img.custom-logo:not(.alternate-logo) {
display: block !important;
}
html body.coconut-mobile-menu-container #masthead.site-header .inside-header .site-branding > a.custom-logo-link:not(.alternate-logo-link),
html.slide-opened body #masthead.site-header .inside-header .site-branding > a.custom-logo-link:not(.alternate-logo-link) {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 178px !important;
max-width: 178px !important;
height: 52px !important;
visibility: visible !important;
opacity: 1 !important;
filter: none !important;
pointer-events: auto !important;
}
html body.coconut-mobile-menu-container #masthead.site-header .inside-header .site-branding > a.custom-logo-link:not(.alternate-logo-link) img.custom-logo:not(.alternate-logo),
html.slide-opened body #masthead.site-header .inside-header .site-branding > a.custom-logo-link:not(.alternate-logo-link) img.custom-logo:not(.alternate-logo) {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
width: auto !important;
max-width: 178px !important;
height: auto !important;
max-height: 52px !important;
filter: none !important;
pointer-events: auto !important;
}
html body.coconut-mobile-menu-container #masthead.site-header .inside-header .site-branding > a.alternate-logo-link,
html body.coconut-mobile-menu-container #masthead.site-header .inside-header .site-branding > a.alternate-logo-link img.custom-logo.alternate-logo,
html.slide-opened body #masthead.site-header .inside-header .site-branding > a.alternate-logo-link,
html.slide-opened body #masthead.site-header .inside-header .site-branding > a.alternate-logo-link img.custom-logo.alternate-logo {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
}
}