/* Mobilmenyn */
.ws-navigation__menu-btn {
   border-radius: 50%;
}

.open-menu {
   width: 100vw;
   top: 70px;
}

.dropdown-btn {
   padding-right: 0;
   
}

.dropdown-container .dropdown-btn {
   padding-left: 0;
}

.dropdown-container .dropdown-btn span {
   padding-left: 1em;
}

.dropdown-btn.active + div {
   background-color: white;
   max-height: calc(100vh + 240px) !important;
   /*overflow-y: scroll;*/
   /*height: calc(100% + 150px) !important;
   max-height: calc(100% + 150px) !important;*/
}

a.level-3 {
   padding-left: 2em !important;
   position: relative;
   font-weight: 400 !important;
}

a.level-3::before {
   content: '';
   position: absolute;
   width: 2px;
   height: 50%;
   background-color: #D4DBEC;
    left: 22px;
    top: 50%;
    transform: translateY(-50%);
}


.dropdown-btn button {
    background-color: #fff;
    float: right;
    height: 100%;
    padding: 1em;
    margin-left: auto;
    border: none;
    border-left: 1px solid #d4dbec;
}

.dropdown-btn button span.back {
   display: none;
}

.dropdown-btn.active button span.back {
  display: inline-block;
  color: white;
  margin: 10px;
}

div#ws-navigation__menu__mobile__id:has(> .dropdown-btn.active) > .dropdown-btn {
    display: none;
}

div#ws-navigation__menu__mobile__id:has(> .dropdown-btn.active) .level1-blurbs {
   display: none;
}

.ws-navigation__menu > .dropdown-btn.active {
   display: flex !important;
  background-color: #274CA1;
       flex-direction: column-reverse;
    padding: 0;
}

.ws-navigation__menu > .dropdown-btn.active a {
 color: #fff;
 font-weight: 600;
}

.dropdown-btn.active > span {
  color: white;
  padding-left: 1em;
}

.ws-navigation__menu ul.blurbs {
   margin: 0;
   padding: 20px;
  list-style: none;
  background-color: #e9edf6;
  gap: 15px;
  display: flex;
  flex-direction: column;
}


.dropdown-btn a {
   padding-left: 1em;
    text-decoration: none;
    padding-top: 1em;
    padding-bottom: 1em;
}

.dropdown-container a {
	font-weight: 600;
}

.dropdown-btn span {
   font-weight: 600
}

.ws-navigation__menu > .dropdown-btn.active button {
      background-color: #1d4297;
    margin-right: auto;
    margin-left: unset;
    width: 100%;
    text-align: left;
   padding: 10px;
  display: flex;
    align-items: center;
   
}

.dropdown-btn.active button svg {
   transform: rotate(180deg);
}

.dropdown-container .dropdown-btn.active button svg {
  transform: rotate(0);
}

.ws-navigation__menu > .dropdown-btn button {
   background-color: #274CA1;
   border-left: none;
   cursor: pointer;
}

.ws-navigation__menu > .dropdown-btn.active button svg path {
   fill: #F15C29;
}

.ws-navigation-list-item-link { 
 padding-left: 1em !important;
}

li.ws-navigation__item > span {
   font-size: 14px;
}
