.header-template-container {
position: fixed;
width: 100%;
z-index: 10;
}
.header-template-container .header-logonav-container {
position: relative;
}
.header-template-container .header-logonav-container .header-logo-container {
position: absolute;
left: var(--wp--preset--spacing--50);
opacity: 0;
transition: opacity 0.3s ease-in-out;
}
.header-template-container .header-logonav-container .header-nav-container {
min-width: 5%;
transition: min-width 1s 0.3s ease-in-out;
}
@media (min-width: 1000px) {
.header-template-container .header-logonav-container .header-nav-container {
padding-left: var(--wp--preset--spacing--50) !important;
}
}
@media (max-width: 999px) {
.header-template-container .header-logonav-container .header-nav-container {
gap: var(--wp--preset--spacing--20) !important;
}
}
.header-template-container .header-logonav-container.big .header-nav-container {
min-width: 100%;
transition: min-width 1s ease-in-out;
}
.header-template-container .header-logonav-container.big .header-logo-container {
opacity: 1;
transition: opacity 1s 1s ease-in-out;
}
@media (max-width: 999px) {
.header-logo-container h1 {
width: 100px;
font-size: 16px !important;
}
}
.parallax-container {
perspective: 100px;
overflow-y: scroll;
overflow-x: hidden;
height: 100vh;
width: 100vw;
position: absolute;
top: 0;
margin-block-start: 0 !important;
}
.parallax-box {
position: relative;
transform-style: preserve-3d;
}
.parallax-box .parallax-base.layer1 {
transform: translateZ(0px);
}
.parallax-box .parallax-base.layer2 {
transform: translateZ(-20px);
scale: 1.2;
}
.parallax-box .parallax-base.layer3 {
transform: translateZ(-50px);
scale: 1.5;
}
@media (max-width: 999px) {
.parallax-base.layer3.hero-container {
transform: translateZ(-10px);
scale: 1.1;
margin-bottom: -8rem;
}
}
@media (min-width: 1000px) {
.btn-book-mobile {
display: none !important;
}
.wp-block-navigation__responsive-container-open:not(.always-shown) {
display: none !important;
}
.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
display: block !important;
width: 100%;
position: relative;
z-index: auto;
background-color: inherit;
}
}
@media (min-width: 600px) {
.wp-block-navigation__responsive-container-open:not(.always-shown) {
display: flex;
}
.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
display: none;
}
}
@media (max-width: 999px) {
.hide-on-mobile {
display: none;
}
}
@media (min-width: 1000px) {
.show-on-mobile {
display: none;
}
}
.outbox-top {
margin-top: -50px;
position: absolute;
z-index: 10;
bottom: 0;
right: 0;
}
p.hover-underline-animation,
a.hover-underline-animation,
.hover-underline-animation p,
.hover-underline-animation a.wp-block-navigation-item__content {
display: inline-block;
position: relative;
}
p.hover-underline-animation::after,
a.hover-underline-animation::after,
.hover-underline-animation p::after,
.hover-underline-animation a.wp-block-navigation-item__content::after {
content: "";
position: absolute;
width: 100%;
transform: scaleX(0);
height: 1px;
bottom: 0;
left: 0;
background-color: var(--wp--preset--color--sh-primary-dark);
transition: transform 0.25s ease-out;
transform-origin: bottom right;
}
p.hover-underline-animation:hover::after,
a.hover-underline-animation:hover::after,
.hover-underline-animation p:hover::after,
.hover-underline-animation a.wp-block-navigation-item__content:hover::after {
transform: scaleX(1);
transform-origin: bottom left;
}
.is-style-iconed a::after {
width: 15px;
font-size: 14px;
height: 15px;
display: inline-block;
}
.icon-ok.btn-medium a {
background-color: var(--wp--preset--color--sh-primary) !important;
}
.icon-ok.btn-medium a:hover {
background-color: var(--wp--preset--color--sh-primary-muted) !important;
}
.icon-ok.btn-medium a::after {
content: "\e816";
}
.btn-light a {
background-color: var(--wp--preset--color--sh-primary-muted) !important;
}
.btn-light a:hover {
background-color: #F2EAEA !important;
}
.icon-way a::after {
content: "\e80c";
}
.nav-button a:hover {
background-color: white !important;
color:  var(--wp--preset--color--sh-primary) !important;
transition: background-color 0.3s ease;
}
.wp-block-navigation__responsive-container.has-modal-open {
background-color: var(--wp--preset--color--sh-primary-dark) !important;
}
.wp-block-navigation__responsive-container.has-modal-open .wp-block-navigation__responsive-close {
color: var(--wp--preset--color--sh-light) !important;
}
.wp-block-navigation__responsive-container.has-modal-open .wp-block-navigation__responsive-close {
padding-right: var(--wp--preset--spacing--40) !important;
padding-top: var(--wp--preset--spacing--60);
}
.wp-block-navigation__responsive-container.has-modal-open .wp-block-navigation__responsive-container-content .wp-block-buttons, .wp-block-navigation__responsive-container.has-modal-open .wp-block-navigation__responsive-container-content ul li {
font-size: 2rem !important;
}
.wp-block-navigation__responsive-container-open {
border: 1px solid black;
border-radius: 100%;
padding: 5px;
}