.helly-city p, #helly-clock p, .link-wrapper a p, .grid-icon p{
color: #ffffff;
} #mobile-nav p{
color: var(--white);
}
.site-navigation-wrapper{
position: fixed;
top: var(--m-space-gap);
right: var(--m-space-gap);
z-index: 10000;
width: max-content;
padding: var(--s-space-gap);
}
ul.menu#menu-helly-menu{
display: flex;
flex-direction: row;
gap: var(--m-space-gap);
background-color: transparent;
width: max-content;
transition: var(--transition-300);
}
ul.menu li{
list-style: none;
display: flex;
justify-content: center;
align-items: center;
}
ul.menu#menu-helly-menu li.current-menu-item a{
opacity: 1;
}
ul.menu#menu-helly-menu li:not(.current-menu-item) a:hover, .mobile-dsg-wrapper a:hover{
cursor: var(--link-cursor);
opacity: 1;
}
ul.menu#menu-helly-menu li.current-menu-item a:hover{
cursor: not-allowed;
}
.split.nav-menu-item{
overflow: hidden;
} .home-navigation{
width: max-content;
position: fixed;
left: var(--m-space-gap);
top: var(--m-space-gap);
padding: var(--s-space-gap);
z-index: 3;
transition: all 0.3s var(--transition-belzier);
mix-blend-mode: difference;
font-size: 0.9rem;
} button#themer{
--colorA: var(--black);
--colorB: var(--white);
background: linear-gradient(135deg, transparent, transparent 25%, currentColor 0, currentColor 75%, transparent 0, transparent);
background: linear-gradient(135deg, var(--colorA) 0, var(--colorA) 25%, var(--colorB) 25%, var(--colorB) 75%, var(--colorA) 75%, var(--colorA) 100%);
background-position: 100%;
background-size: 300% 150%;
transition-duration: .225s, .4s;
transition-property: transform, background-position;
transition-timing-function: cubic-bezier(0, 0, .2, 1);
cursor: var(--link-cursor);
padding: 0px;
margin: 0px;
width: 100%;
height: 100%;
border-radius: var(--border-radius-round);
padding-block: 0px;
padding-inline: 0px;
border-width: 0px;
border: 1px solid var(--colorB);
opacity: var(--opacity-fade-thick);
}
button#themer.toggled{
background-position: 100%;
}
button#themer:hover{
background-position: 90%;
opacity: 1;
}
button#themer.toggled:hover{
background-position: 150%;
}
.icon{
aspect-ratio: 1 / 1;
opacity: var(--opacity-fade-thick);
transition: 0.3s var(--transition-belzier);
}
.icon:hover{
opacity: 1;
transform: scale(1.0875);
}
a#helly-ig, a#helly-mail, .site-toggler{
display: flex;
height: 100%;
width: 100%;
justify-content: center;
align-items: center;
width: calc(var(--m-space-gap) + var(--xs-space-gap));
height:calc(var(--m-space-gap) + var(--xs-space-gap));
}
#helly-ig svg, #helly-mail svg{
fill: var(--white);
}
.btn-navigation-wrapper{
width: max-content;
position: fixed;
right: var(--m-space-gap);
position: fixed;
top: 50%;
z-index: 10000;
transform: translate(-50%, -50%);
} .mobile-site-navigation-wrapper, .mobile-menu-toggler{
display: none;
visibility: hidden;
}
@media only screen and (max-width: 580px) {
.dsg-wrapper{
display: none;
}
.home-navigation{
left: 0;
top: 0px;
padding: var(--m-space-gap);
}
ul#menu-helly-mobile-menu li.menu-item.current-menu-item a::before{
content: '●';
display: inline-block;
position: absolute;
line-height: 100%;
color: var(--white);
font-weight: 400;
top: 20px;
left: -18px;
font-size: 18px;
line-height: 1.1;
border-radius: var(--s-space-gap);
}   
.mobile-site-navigation-wrapper{
display: block;
visibility: visible;
position: fixed;
height: 100dvh;
width: 100%;
z-index: 2;
top: 0px;
backdrop-filter: blur(32px) saturate(5);
-webkit-backdrop-filter: blur(32px) saturate(5);
background-color: rgb(255 255 255 / 13%);
transition: background-color 0.3s var(--transition-belzier);
display: flex;
justify-content: center;
align-items: center;
}
.mobile-navigation{
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
.mobile-menu-toggler{
display: block;
visibility: visible;
width: max-content;
position: fixed;
right: 0px;
top: 1px;
padding: var(--m-space-gap);
z-index: 3;
transition: all 0.3s var(--transition-belzier);
mix-blend-mode: difference;
}
ul#menu-helly-mobile-menu li{
justify-content: flex-start;
}
.mobile-site-navigation-wrapper{
display: none;
}
.mobile-site-navigation-wrapper.is-open{
display: block;
}
button#themer{
opacity: 1;
}
.btn-navigation-wrapper{
left: 0;
right: unset;
top: unset;
bottom: var(--s-space-gap);
padding: var(--m-space-gap);
transform: none;
}
.site-toggler.icon:hover{
opacity: 1;
}
.mobile-nav-footer{
bottom: calc(var(--m-space-gap) + var(--s-space-gap));
right: calc(var(--m-space-gap) + 2px);
}
.site-toggler button{
display: none;
}
.site-toggler button.is-visible{
display: block;
}
}