

/* BREAKPOINT: Stasjonær (BASE) */
.fr-header-bravo__top-links-wrapper.brxe-div {margin-left: auto; display: flex; align-items: center; flex-wrap: wrap; row-gap: .5em; column-gap: 2em}

/* BREAKPOINT: Mobilt portrett */
@media (max-width: 478px) {
.fr-header-bravo__top-links-wrapper.brxe-div {margin-right: auto}
}

/* BREAKPOINT: Stasjonær (BASE) */
.fr-nav-alpha.brxe-nav-menu .bricks-mobile-menu-toggle {color: var(--fr-text-dark)}
.fr-nav-alpha.brxe-nav-menu .bricks-mobile-menu > li > a {color: var(--fr-text-light)}
.fr-nav-alpha.brxe-nav-menu .bricks-mobile-menu > li > .brx-submenu-toggle > * {color: var(--fr-text-light)}
.fr-nav-alpha.brxe-nav-menu .bricks-nav-menu > li {margin-left: 0}
.fr-nav-alpha.brxe-nav-menu .bricks-nav-menu .sub-menu .brx-submenu-toggle > a + button {color: var(--link-color); font-size: var(--text-s); line-height: 1}
.fr-nav-alpha.brxe-nav-menu .bricks-nav-menu .sub-menu {background-color: var(--shade-ultra-light)}
.fr-nav-alpha.brxe-nav-menu .bricks-nav-menu .sub-menu > li > a {color: var(--link-color)}
.fr-nav-alpha.brxe-nav-menu .bricks-nav-menu .sub-menu > li > .brx-submenu-toggle > * {color: var(--link-color)}
.fr-nav-alpha.brxe-nav-menu .bricks-nav-menu > li.menu-item-has-children > .brx-submenu-toggle button[aria-expanded] {font-size: var(--text-s)}
.fr-nav-alpha.brxe-nav-menu .bricks-mobile-menu .sub-menu > li > a {color: var(--fr-text-light)}
.fr-nav-alpha.brxe-nav-menu .bricks-mobile-menu .sub-menu > li > .brx-submenu-toggle > * {color: var(--fr-text-light)}
.fr-nav-alpha.brxe-nav-menu .bricks-nav-menu > li:hover > a {color: var(--link-color-hover)}
.fr-nav-alpha.brxe-nav-menu .bricks-nav-menu > li:hover > .brx-submenu-toggle > * {color: var(--link-color-hover)}
.fr-nav-alpha.brxe-nav-menu .bricks-nav-menu > li > a {color: var(--link-color); padding-top: var(--btn-pad-y); padding-bottom: var(--btn-pad-y)}
.fr-nav-alpha.brxe-nav-menu .bricks-nav-menu > li > .brx-submenu-toggle > * {color: var(--link-color); padding-top: var(--btn-pad-y); padding-bottom: var(--btn-pad-y)}
.fr-nav-alpha.brxe-nav-menu .bricks-nav-menu .current-menu-item > a {color: var(--link-color-active)}
.fr-nav-alpha.brxe-nav-menu .bricks-nav-menu .current-menu-item > .brx-submenu-toggle > * {color: var(--link-color-active)}
.fr-nav-alpha.brxe-nav-menu .bricks-nav-menu > .current-menu-parent > a {color: var(--link-color-active)}
.fr-nav-alpha.brxe-nav-menu .bricks-nav-menu > .current-menu-parent > .brx-submenu-toggle > * {color: var(--link-color-active)}
.fr-nav-alpha.brxe-nav-menu .bricks-nav-menu > .current-menu-ancestor > a {color: var(--link-color-active)}
.fr-nav-alpha.brxe-nav-menu .bricks-nav-menu > .current-menu-ancestor > .brx-submenu-toggle > * {color: var(--link-color-active)}
.fr-nav-alpha.brxe-nav-menu .bricks-nav-menu .brx-submenu-toggle button {margin-left: .5em}
.fr-nav-alpha.brxe-nav-menu .bricks-nav-menu .sub-menu > li:hover > a {color: var(--link-color-hover)}
.fr-nav-alpha.brxe-nav-menu .bricks-nav-menu .sub-menu > li:hover > .brx-submenu-toggle > * {color: var(--link-color-hover)}
.fr-nav-alpha.brxe-nav-menu .bricks-nav-menu .sub-menu .brx-submenu-toggle > a:hover + button {color: var(--link-color-hover)}
.fr-nav-alpha.brxe-nav-menu .bricks-nav-menu .sub-menu button[aria-expanded="true"] > * {transform:  rotateZ(270deg)}
.fr-nav-alpha.brxe-nav-menu .bricks-nav-menu button[aria-expanded="true"] > * {transform:  rotateZ(180deg)}
.fr-nav-alpha.brxe-nav-menu .bricks-nav-menu .sub-menu a {padding-right: 0; padding-left: 0}
.fr-nav-alpha.brxe-nav-menu .bricks-nav-menu .sub-menu button {padding-right: 0; padding-left: 0}
/* This menu automatically turns the last link in your menu into a button and positions it to the right. This is better than using a physical button outside your menu, because it retains a working link for the CTA item in your mobile menu and maintains proper semantic menu/list structure. All styling can be adjusted below */.fr-nav-alpha { --link-color: 				var(--action); --link-color-hover: 	var(--action-hover); --link-color-active: 	var(--action); --link-gap: 					var(--content-gap); --toggle-gap: 				.5em; --sub-item-padding:		1em;}/* Set width when Mobile Toggle display */@media (min-width: 768px) {  .fr-nav-alpha ul:not(.sub-menu) {  display: flex;  gap: var(--link-gap);  align-items: center; } }/* Bricks 1.8 Fix */.fr-nav-alpha .brx-submenu-toggle {	display: flex; flex-direction: row; gap: var(--toggle-gap);} .fr-nav-alpha .brx-submenu-toggle button { margin: 0!important; padding: 0!important;} .fr-nav-alpha .sub-menu {	min-width: auto!important;} .fr-nav-alpha .sub-menu li {	padding-inline: var(--sub-item-padding);}

/* BREAKPOINT: Nettbrettportrett */
@media (max-width: 991px) {
.fr-nav-alpha.brxe-nav-menu {line-height: 0}
}
/* BREAKPOINT: Mobilt landskap */
@media (max-width: 767px) {
.fr-nav-alpha.brxe-nav-menu .bricks-mobile-menu > .menu-item-has-children .brx-submenu-toggle button {color: var(--fr-text-light)}
}

