/* ----------------------------------
----- Startpage studentwebb css -----
---------------------------------- */

/* Header */
.hh-logotype {
   display: inline-block;
}
.hh-logotype a {
   display: inline-block;
   text-decoration: none;
}
.hh-header__studentwebb--text {
   font-family: "Guardian Egyp";
   color: #004985;
   font-size: 1.875em;
   font-weight: 300;	
   letter-spacing: 0.63px;
   line-height: 0;
   position: relative;
   bottom: 9px;
}
.hh-header__studentwebb--text:before {
   content:"";
   display: inline-block;
   height: 40px;	
   width: 1px;	
   background-color: #004985;
   margin: 0 32px;
   position: relative;
   top: 8px;
}

/* Extra menu */
.hh-studentwebb__extra-menu {
   margin-right: 7.5em;
   position: relative;
   top: 8px;
}
.hh-studentwebb__extra-menu li {
   margin-right: 1.2em;
}
.hh-studentwebb__extra-menu li:last-child {
   margin-right: 0;
}
.hh-studentwebb__extra-menu li a {
   color: #004985;
   font-family: "Open Sans";	
   font-size: 1em;	
   font-weight: 600;	
   text-decoration: none;
}
.hh-studentwebb__extra-menu li a:hover {
   text-decoration: underline;
}
/* Position image and & searchbar */

.hh-studentwebb {
   min-height: 480px;
   position: relative;
   width: 100%;
   margin-top: -2.5em;
}
.hh-studentwebb > .sv-script-portlet {
   position: fixed;
   top: 90px;
   left: 0px;
   width: 100%;
   overflow: hidden;
}
.hh-studentwebb__image-overlay {
   margin-top: 0;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   min-width: 100vw;
   max-width: none;
   max-height: none;
   visibility: visible;
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.hh-studentwebb__image-overlay img {
   display: block;
   min-width: 100vw;
   max-width: none;
   max-height: none;
   visibility: visible;
   position: relative!important;
   margin-top: 0!important;
   min-height: 480px!important;
   width: 100%;
   height: 100%;
   object-fit: cover;  
   /*font-family: 'object-fit: cover;';*/
} 

/* ---------------------------
------- Media queries -------- 
--------------------------- */
@media (max-width: 1180px) {
   .hh-studentwebb__extra-menu {
      margin-right: 3em;
   }
   .hh-studentwebb__extra-menu li {
      margin-right: 0.6em;
   }
}
@media (max-width: 1080px) {
   .hh-studentwebb__extra-menu {
      margin-right: 0.5em;
   }
   .hh-studentwebb__extra-menu li {
      margin-right: 0.1em;
   }
   .hh-header__studentwebb--text {
      font-size: 1.3em;
   }
   .hh-header__studentwebb--text:before {
      margin: 0 6px;
   }
   
   header .hh-header-search__btn {
          margin-right: 0.25em;
   }
}

@media (max-width: 900px) {
    .hh-studentwebb__extra-menu {
      display: none;
   }
}

@media (max-width: 420px) { 
   .hh-header__studentwebb--text {
      font-size: 1.05em;
   }
   .hh-header__studentwebb--text:before {
      margin: 0 5px;
   }
   .hh-site-header > div > div > div > div:last-child > div:last-child {
      margin-left: 0;
   } 
   
   header .hh-header-search__btn {
          margin-right: 0.25em;
   }
}

@media (max-width: 375px) {
   .hh-header__studentwebb--text {
      font-size: 0.9em;
   }
   .hh-site-logo img {
      width: 105px;
   }
   .hh-site-header > div > div {
      height: 91px;
      padding: 1.2em 1em;
   }
}

/*--------------------------------------------------------------------------------------------------------

# HERO FIX

--------------------------------------------------------------------------------------------------------*/

.hh-studentwebb > .sv-script-portlet {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
   overflow: hidden; 
}

@media (max-width: 1300px) {
   
   .extended-search-form__container--startpage {
      left: 1rem;
      right: 1rem;
      width: calc(100% - 2rem)!important;

   }

}