.nav-column p {
    font-family: SofiaPro, Sofia W03, Helvetica Neue, Arial, sans-serif;
    letter-spacing: 0em
}

.nav-column .rich-text p {
    font-size: 0.875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity))
}

:is(.dark .nav-column .rich-text p) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.nav-main_column p {
    font-family: SofiaPro, Sofia W03, Helvetica Neue, Arial, sans-serif;
    letter-spacing: 0em
}

.nav-main_column .rich-text p {
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 300
}

#links-wrapper button svg {
    transform: rotate(0deg);
    transition: transform 0.3s linear
}

#links-wrapper button svg.open {
    transform: rotate(180deg)
}

#flat-mobile-menu {
    transition: max-width 0.3s linear, opacity 0.3s ease
}

#flat-mobile-menu.flat-mobile-menu--hidden {
    opacity: 0;
    padding: 0;
    max-width: 0
}

#flat-mobile-menu .sub-menu {
    transition: max-height 0.3s ease-out, opacity 0.3s ease-out, padding-block 0.3s ease-out, margin 0.3s ease-out
}

#flat-mobile-menu .sub-menu.submenu-hidden {
    max-height: 0;
    padding-block: 0;
    margin: 0;
    border: none;
    opacity: 0;
    z-index: -10
}

.flat-nav-bar .selected .menu-option-button {
    text-shadow: 0.55px 0 var(--text-color)
}

.flat-nav-bar .selected .menu-icon {
    transform: rotate(180deg);
    transition-duration: 0.2s
}

.flat-nav-bar .selected button {
    color: var(--text-color)
}

.flat-nav-bar .unselected .menu-icon {
    transform: scaleY(-1) rotate(-180deg);
    transition-duration: 0.2s
}

.flat-nav-bar .menu-option-button:hover {
    text-shadow: 0.55px 0 var(--text-color);
    color: var(--text-color)
}

.top-bar-mobile svg path {
    stroke: var(--icons-colour)
}

.flat-nav-dropdown {
    transition: height 0.4s ease-out, box-shadow 0.4s ease-out
}

.flat-nav-dropdown__content {
    transition: opacity 0.5s ease-out 0.1s
}

.flat-nav-bar,
#top-bar-desktop {
    -webkit-font-smoothing: initial
}

#top-bar-desktop #language_button .svg {
    transform: rotate(0deg);
    transition: transform 0.3s linear
}

#top-bar-desktop #language_button .svg.open {
    transform: rotate(180deg)
}