/* Meny */

.hh-header__btn {
   background-repeat: no-repeat;
   background-position: center;
   padding: 15px;
   margin-top: 8px;
   /*margin-top: 12px;*/
   height: 20px;
   width: 20px;
   display: block;
   float: left;
}

.hh-menu__btn-open {
   background-image: url('/images/18.4ad3d9ee1656d0f05ef5b83f/1535359061107/hh-toast-nav-icon.svg');
   background-size: 16px;
}
.hh-menu__btn-close {
   background-image: url('/images/18.4ad3d9ee1656d0f05ef5b846/1535359061141/hh-close-nav-white-icon.svg');
   background-size: 14px;
}

.hh-search__btn,
.hh-header-search__btn{
   background-image: url('/images/18.4ad3d9ee1656d0f05ef5b83e/1535359061102/hh-search-icon.svg');
   background-size: 20px;
   margin-right: 1.25em;
}

.hh-site-language {
   color: #fff;
   text-decoration: none;
   margin-top: 1px;
   padding: 10px;
   display: block;
   font-family: "Open Sans";
   font-size: 16px;
   font-weight: 600;
   letter-spacing: 0.5px;
   line-height: 32px;
   margin-right: 5px;
}

.hh-site-language:hover {
   color: #22BBEA;
   text-decoration: none;
} 

.hh-site-menu {
   position: fixed;
   width: 100%;
   height: 100%;
   background: #004985;
   /*z-index: 9999;*/
   z-index: 2147483638;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   opacity: 0;
   pointer-events: none;
   transition: 0.3s ease;
   box-sizing: border-box;
   /*overflow: auto;*/
   overflow-y: auto;
   padding-bottom: 6em;
}

.hh-site-menu.active {
   pointer-events: auto;
   opacity: 1;
}

/* Primära meny */
.hh-site-menu-primary ul li a {
   margin-bottom: 26px;
   display: block;
   position: relative;
   color: #FFFFFF;
   font-family: "Guardian Egyptian Web Medium",sans-serif;
   font-size: 40px;
   letter-spacing: 1.5px;
   line-height: 48px;
   text-decoration: none;
   -webkit-transition: 0.3s ease;
   	  -o-transition: 0.3s ease;
   		  transition: 0.3s ease;
}

.hh-site-menu-primary ul li.has-children > a:before {
   display: block;
   content: "";
   position: absolute;
   background-image: url('/images/18.4ad3d9ee1656d0f05ef5b83d/1535359061098/hh-plus-nav-icon.svg');
   height: 53px;
   width: 30px;
   top: 0;
   margin-left: -30px;
   background-size: 14px;
   background-repeat: no-repeat;
   background-position: center left;
}

.hh-site-menu-primary ul li.has-children.is-open > a:before {
   background-image: url('/images/18.4ad3d9ee1656d0f05ef5b83b/1535359061088/hh-minus-nav-icon.svg');
}

.hh-site-menu-primary ul ul {
   display: none;
   position: relative;
}

.hh-site-menu-primary ul ul {
   margin-left: -24px;
   border-left: 2px solid #22BBEA;
   height: 100%;
   padding: 10px 0 10px 45px;
   margin-bottom: 45px;
}

.hh-site-menu-primary ul ul li a {
   color: #FFFFFF;
   font-family: "Open Sans";
   font-size: 18px;
   font-weight: 600;
   letter-spacing: 0.5px;
   line-height: 32px;
   text-decoration: none;
   margin-bottom: 0;
}


/* Sekundära meny */
.hh-site-menu-secondary  {
   color: #fff;
   border-top: 1px solid #fff;
   margin-top: 2em;
   padding-top: 2em;
}

.hh-site-menu-secondary ul li a {
   color: #FFFFFF;
   font-family: "Open Sans";
   font-size: 18px;
   font-weight: 600;
   letter-spacing: 0.5px;
   line-height: 32px;
   text-decoration: none;
   -webkit-transition: 0.3s ease;
   	  -o-transition: 0.3s ease;
   		  transition: 0.3s ease;
}

.hh-site-menu-primary,
.hh-site-menu-secondary {
   margin-left: 30%;
   margin-right: 20%;
}

.hh-site-menu-primary a:hover,
.hh-site-menu-primary a:focus,
.hh-site-menu-secondary a:hover,
.hh-site-menu-secondary a:focus {
   color: #22BBEA;
   outline: none;
}

@media (max-width: 768px) {
   .hh-site-menu-primary,
   .hh-site-menu-secondary {
      margin-left: 3em;
		margin-right: 3em;
   }
}

@media (max-width: 767px) {
   .hh-site-menu-primary ul li a {
      margin-bottom: 0.3em;
      font-size: 2em;
   }
   
   .hh-site-menu-primary ul li.has-children > a::before {
      top: -0.1em;
   }
}