:not([class*="drop-active-2"]) .hs-site-page:not(.nav-active) [class="sticky-wrap"] .header-bottom>a {
 color: white; 
}

.main-nav > li {
  padding: 16px !important;
}

#header-mobile {
  display: none !important; 
}

#header-container {
  position: relative;
  left: 0;
  right: 0;
}

#header-desktop {
  display: block;
}

#header-desktop .btn {
  margin: 0
}

#header-content {
  justify-content: unset !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 2rem;
  align-items: center !important;
  min-width: 100% !important;
  padding: 0 32px;
}

.submenu-active #header {
  background-color: white;
  color: #005156; 
}

.submenu-active #header nav-opener span {
  background-color: #005156!important;
}

.submenu-active #header a {
  color: #005156; 
}

.submenu-active #header .header-buttons li a {
color: white!important;
}

.submenu-active #header-mobile .nav-opener span, .submenu-active #header-mobile .nav-opener:before, .submenu-active #header-mobile .nav-opener:after {
  background: #005156!important;
}

.submenu-active .dropdown-nav>li>a:after, .submenu-active .dropdown-nav>li>a:before, .submenu-active .dropdown-nav-2>li>a:after, .submenu-active .dropdown-nav-2>li>a:before, .submenu-active .dropdown-nav-3>li>a:after, .submenu-active .dropdown-nav-3>li>a:before
{
color: #fb572b!important;

}

.submenu-active .logo img {
  background-image: url("https://381192.fs1.hubspotusercontent-na1.net/hubfs/381192/Relatel/Logoer/Relatel_1946_Logotype_FOREST_RGB.svg")!important;
  background-repeat: no-repeat;
  background-size: 100px;
  background-position: center;
} 

#mobile-menu-accordion .main-nav {
  flex-direction: column;
  font-size: 20px;
  text-transform: inherit;
  color: #fb572b!important;
  align-items: start;
  font-weight:600!important;
  margin:0!important;
 
} 

#mobile-menu-accordion .main-nav a {
  color: #fb572b!important;
}

#mobile-menu-accordion .main-nav>li {
padding: 10px 0!important;
}

.submenu-active .searh-drop-opener img {
 background-image: url(https://www.relatel.dk/hubfs/Relatel/images/zoom-icon-5.svg)!important;
}


:not([class*="drop-active-2"]) .hs-site-page:not(.nav-active) [class="sticky-wrap"] .login-opener img {

  background-image: url("https://381192.fs1.hubspotusercontent-na1.net/hubfs/381192/lock-icon-white.svg");
  position: relative;
  overflow: hidden;
  width: 26px;
  height: 26px;
  padding: 26px 26px 0 0;
  box-sizing: border-box;
  
}

.submenu-active #header {
  box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
}


#header .inner-holder {
  width: 100% !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

#header .inner-col {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

  #header #header-mobile .faq-opener {
    color: #005156 !important;
  }


@media (max-width: 1024px) {
    #header #header-mobile .faq-opener {
      color: #fb572b !important;
      font-weight: 600;
    }
  
    #header #header-mobile .faq-active .faq-opener {
      color: #005156 !important;
    }
{#.nav-active .logo a img {
    background-image: url("https://www.relatel.dk/hubfs/Relatel_1946_Logotype_FORREST_RGB_padding.svg");
  } #}
  



  .submenu-active .logo img {
  background-image: url("https://381192.fs1.hubspotusercontent-na1.net/hubfs/381192/Relatel/Logoer/Relatel_1946_Logotype_FOREST_RGB.svg")!important;
  background-repeat: no-repeat;
  background-size: 83px;
  background-position: center;
  }
  
  #header {
    height: 56px !important;
  }
  #header-desktop {
    display: none !important;
  }
  #header-mobile {
    display: block !important;
  }
  
  #header-bottom-mobile {
   display: block !important;
	 overflow: hidden;
   padding: 0;
  }
  
  #header-content {
    padding: 0 16px;
  }
  
  .dropdown-nav .drop-inner {
    max-width:unset!important;
    margin: 0!important;
    
  }
  
  .header-bottom {
     transform: translateY(56px);
  }
  
  #header-bottom-desktop {
    display: none !important; 
  }
  
  .scroll-top .header-bottom {
    transform: translateY(56px);
  }
  
  .scroll-top .sticky-wrap.fixed-position + .header-bottom + .header-bottom{
    background-color: #fff;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
  }

  .scroll-bottom .sticky-wrap.fixed-position + .header-bottom + .header-bottom {
    background-color: #fff;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
  }
  
  #header .inner-holder {
    display: block !important;
  }
  
  #header .inner-col {
    display: block !important;
  }
    #mobile-menu-accordion li:nth-child(1)
  #mobile-menu-accordion li:nth-child(3) {
    /*overflow-y: auto;*/
    overflow-x: hidden;
  
  }
  #mobile-menu-accordion li:nth-child(1) .items-list,
  #mobile-menu-accordion li:nth-child(3) .items-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    column-gap:20px;
    max-width:unset;
  }
  /*#mobile-menu-accordion li:nth-child(3) .items-list li {
    flex-grow:1;
    flex-basis:200px;
  } */
  #mobile-menu-accordion li:nth-child(1) .items-list li .items-block, 
  #mobile-menu-accordion li:nth-child(3) .items-list li .items-block {
    min-height:120px;
  }
  
  /* Bottom menu mobile   */
  
  .header-bottom ul {
    display: block;
    gap: 1rem;
  }
  
  
  #mobile-menu-accordion {
    margin-top:20px;
    padding: 10px 20px;
  }
  .search-background-test {
    background-color: #f0f2f4 !important;
    width:100%;
    height:56px;
    position:absolute;
    top:0;
    left:0;
    /*display:flex; */
    flex-wrap:wrap;
    z-index: 30000;
    padding: 10px 22px;
    
  }
  #mobile-search-drop {
    
    margin: 0!important;
    height:56px!important;
    
  }

  
  /* accordion styles */ 
 
  #mobile-menu-accordion {
    width: 100%;
    max-width: unset;
  }
  
   #mobile-menu-accordion li {
    border-top: 0; 
  }
  
  #mobile-menu-accordion .faq-opener {
    width: fit-content;
  }
  
  .faq-opener {
    align-items: baseline !important;
  } 
  
 .tab {
	 width: 100%;
	 color: white;
	 overflow: hidden;
  }
  
 .tab-label {
	 display: flex;
	 justify-content: space-between;
	 padding: 1rem;
	 background: #fff;
	 cursor: pointer;
   width: 100%;
   position: relative; 
   margin: 0;
  }
  
  
  .tab-label:after {
  -webkit-transition: top .3s ease-in-out, -webkit-transform .3s ease-in-out;
  transition: top .3s ease-in-out, -webkit-transform .3s ease-in-out;
  transition: top .3s ease-in-out, transform .3s ease-in-out;
  transition: top .3s ease-in-out, transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
  content: "";
  font-size: 1rem;
  font-family: "icomoon" !important;
  top: 1rem;
  right: 1rem;
  position: absolute; 
  color: #fb572b;
}

 .tab-content {
	 max-height: 0;
	 padding: 0 1em;
	 color: #2c3e50;
	 background: white;
	 transition: all 0.35s;
  }
  
 .tab-close {
	 display: flex;
	 justify-content: flex-end;
	 padding: 1em;
	 font-size: 0.75em;
	 cursor: pointer;
  }

 input:checked + .tab-label::after {
	 transform: rotate(180deg);
   transform-origin: center;
  }
  
 input:checked ~ .tab-content {
	 max-height: 100vh;
	 padding: 1em;
  }
  /* ANDREA START */

  .main-nav-container {
    width:100%;
    display:flex;
    padding: 1rem 0;
    justify-content:space-between;
    align-items:center;
    height:56px;
    background-color: #F0F2F4!important;
    
  }
  
  .items-block {
    padding: 20px 20px!important;
    background-color:#ffffff!important;
    margin: 5px 0px;
    
  }
  
  .items-block .img-block {
    display:flex;
    align-items:center;
  }
  
  .items-list {
    margin: 0px !important;
  }
  .main-nav-drop {
    background-color: #F0F2F4!important;
    /*height:100vh!important; */
    height: calc((var(--vh, 1vh) * 100) - 100%)!important;
    padding: 0px 22px!important;
    justify-content: unset!important;
    overflow-y: auto;
  }
  
  #header-mobile .faq-opener {
    padding: 18px 0!important;
  }
  
  .nav-opener {
    z-index:120000!important;
    
  }
  
 
  
  .login-opener a {
    color: #ffff!important
  }
  
  .submenu-active .login-opener a {
    color: #005156!important
  }
  
  
  

   
  
  /* ANDREA END*/
  /* test start */
  
  .mobile-close-search {
  margin-top:10px;
  width: 32px;
  height: 32px;
  display: block;
  position: relative;
  font-size: 0;
  line-height: 0;
  margin-left: auto;
}

.mobile-close-search:before,
.mobile-close-search:after {
  -webkit-transition: -webkit-transform .3s ease-in-out;
  transition: -webkit-transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
  content: "";
}

.mobile-close-search:before,
.mobile-close-search:after,
.mobile-close-search span {
  width: 22px;
  height: 3px;
  border-radius: 3px;
  background-color: #005156;
  position: absolute;
  left: 5px;
}

.mobile-close-search:before {
  top: 14px;
}

.mobile-close-search span {
  top: 22px;
}

.mobile-close-search:after {
  top: 30px;
}

.mobile-close-search span {
  opacity: 0;
}

.mobile-close-search:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 14px;
}

.mobile-close-search:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 14px;
}

  
  /* test end */
 
}

@media (max-width: 767px) {
 #mobile-menu-accordion {
    width: 100%;
    max-width: 360px;
   padding:0!important;
  }
  
  .items-list {
    margin: 0px 16px!important;
  }
  
  .dropdown-nav .drop-inner {
    max-width:380px;
    margin: 0 auto!important;
    
  }
  
  .main-nav-drop {
    
    background-color: #F0F2F4!important;
    /*height:100vh!important; */
    /*height: calc((var(--vh, 1vh) * 100) - 100%)!important;*/
    padding: 0 22px 22px 22px!important;
    justify-content: unset!important;
    
  }
  
  #header-content {
    padding: 0 16px;
  }
  #mobile-menu-accordion li:nth-child(1) .items-list,
  #mobile-menu-accordion li:nth-child(3) .items-list {
  
    max-width:440px;
    
  }
  #mobile-menu-accordion li:nth-child(1) .items-list li .items-block,
    #mobile-menu-accordion li:nth-child(3) .items-list li .items-block {
    min-height:unset;
  }
  
}

@media (max-width: 821px) {

.main-nav-drop {
    
    background-color: #F0F2F4!important;
  }


}
@media (max-width: 766px) {
  #mobile-menu-accordion li:nth-child(1) .items-list,
  #mobile-menu-accordion li:nth-child(3) .items-list {
      display: flex;
      flex-wrap:wrap;
    }
 }