$nav-categories: "tickets", "gameday", "media", "festival", "community", "faq"; // Add more categories as needed
@each $category in $nav-categories {
.nav:has(.sub-nav.open[data-nav-category="#{$category}"]) .nav-link[data-nav-category="#{$category}"] {
color: var(--color--main);
}
}
/*body {
min-height: 0vw;
font-size: calc(0.35919540229885044vw + 0.9022988505747128em);
}
/* Max Font Size */
/*
@media screen and (min-width:1920px) {
body { font-size: 1.3333333333333333em; }
.container {
max-width: var(--sz--container-big);
}
}
@media screen and (max-width:991px) {
body { font-size: calc(0.20181634712411706vw + 0.875em); }
}
.container {
max-width: var(--sz--container);
}
*/
.container--nav{
flex-direction:row!important;
}
.w-slider-dot{
height:.25em;
transition:width .3s;
background:var(--color--grey);
&.w-active{
background:var(--color--main);
width:3em;
}
}
@media (max-width:767px){
:root{
--type--h1:2.625em;
--type--h2:2.625em;
}
.container--nav{
flex-direction:row-reverse!important;
}
.slider--canvas{
min-height:100svh!important;
}
}
[id]:not(:empty):is(form,section){
scroll-margin-top: 8em;
}
/*animations*/
.outline{
.outline--lottie{
display:block;
}
}
.intro__anim {
width:100vw;
height:100vh;
object-fit:cover;
aspect-ratio:264/160.5;
}
@media ( min-aspect-ratio:264/160.5){
.intro__anim {
width:100%;
height:auto;
}
}
.hero--button {
pointer-events: all !important;
z-index: 1 !important;
}
html[lang='en'] img[lang='fr'] {
display: none;
}
html[lang='fr-CA'] img[lang='en'] {
display: none;
}