html, body {
  height: 100%;
  font-family: 'open sans',sans-serif;
}

/* Fix for header */
body,
body.env-m-around--0{
  margin-top: 90px!important;
}

body > div:nth-child(1), body > div:nth-child(2) {
  height: 100%;
} 
body > #vizzit-sitevision-overlay-holder {
  height: unset;
}
:focus {
 outline: 3px solid #3beaff;
}


/*This will hide the first list with search results from rek.ai on the pages where class hideRekaiSearchResults is found on the body.*/
/*The first list is suppose to be the one that belongs to the search function in the header or the one on the startpages.*/
/* On pages where you can search for educations there will be two lists and then the one for the education search should not be hidden */
.hideRekaiSearchResults .autocomplete-wrapper ul:first-of-type{
  display: none !important;
}


/*
 This will hide the focus indicator if the element receives focus via the mouse,
 but it will still show up on keyboard focus.
*/
.js-focus-visible :focus:not(.focus-visible) {
  outline: none;
}

.hh-page-wrap {
  min-height: 100%;
  overflow: auto;
  padding-bottom: 535px;
  margin-bottom: 10px;
  box-sizing: border-box;
}

.hh-hidden {
  display: none;
}
/* Grid-space */
.sv-grid-standard-12 {
  padding: 0 1em;
}
/*Grid no-space*/
.hh-grid-no-space{
  padding: 0;
}

/* Jump to content */
.hh-jumptocontent a {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
}
.hh-jumptocontent a:focus {
  position: relative;
  background: #fff;
  top: -85px;
  left: 4px;
  width: auto;
  height: auto;
  z-index: 9999;
  color: #000;
  padding: 0.1rem 0.2rem;
}


/* Youtube */
.hh-youtube{
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
.hh-youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*Bildtext */

.sv-image-portlet .sv-portlet-image-caption,
.sv-image-portlet .env-text-caption-01 {
  font-family: 'Open Sans';
  font-size: 100%;
  font-style: italic;
  line-height: 2;
  color: #333;
  margin-top: 1em;
  text-align: left;
}

.hh-quote {
  padding: 0.8em 0 0.8em 2.5em;
  margin: 3em 0 3em 4.375em;
  border-left: 1px solid #22bbea;
}
.hh-quote p {
  color: #004985;
   font-family: "Open Sans";
   font-size: 24px;
   font-style: italic;
   line-height: 40px;
}

/* Länkblock dekoration */
.hh-link-block a[href] {
  text-decoration: none;
  display: -webkit-inline-flex; 
  display: -ms-inline-flexbox; 
  display: inline-flex; 
  position: relative;
  border-bottom: 1px solid #22bbea;
  cursor: pointer;
}
.hh-link-block a[href]:after {
  content: '';
  background: url('/images/18.5a9a02cf1665ad57aafd6e5c/1539614551223/hh-arrow-right-icon.svg');
  background-size: 100%;
  background-position: center;
  height: 12px;
  width: 7px;
  margin-top: 0.625rem;
  margin-left: 0.5rem;
  display: inline-block;
  background-repeat: no-repeat;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.hh-link-block a[href]:hover:after  {
  margin: 0.625rem 0 0 1rem;
}
.hh-link-block a[href] img.sv-linkicon {
  width: 0.75rem;
  height: 0.625rem;
}
/* Lediga jobb */
.hh-jobs iframe {
  max-width: 100%;
}

/*Skriv över elementet för programpuffar för tillgänglighet*/
.hh-other-programs__item--summary p {
  color: #000000 !important;
}
.hh-other-programs__item--name p {
   color: #000000!important;
}
.hh-other-programs__item--points p {
  color: #000000 !important;
}
/*Ämnesområden*/
.hh-program-Humaniora,
.hh-program-English,
.hh-program-SwedishandScandinavianStudies{
  background-color: rgba(255,255,255, 0.9) !important;
  border-bottom: 2.3rem solid #8BBFE2!important; 
  opacity: 1 !important;
}
.hh-program-Ingenjorochteknik,
.hh-program-ComputerScienceandEngineeringandElectricalEngineering,
.hh-program-Engineering,
.hh-program-ConstructionEngineering,
.hh-program-EnergyTechnology,
.hh-program-MechanicalEngineering,
.hh-program-IndustrialManagement,
.hh-program-InnovationManagement,
.hh-program-ComputerScienceandEngineering,
.hh-program-DigitalForensics,
.hh-program-ElectricalEngineering
{
  background-color: rgba(255,255,255, 0.9) !important;
  border-bottom: 2.3rem solid #E8782A!important;
  opacity: 1 !important;
}
.hh-program-Larare,
.hh-program-TeacherEducation{
  background-color: rgba(255,255,255, 0.9) !important;
  border-bottom: 2.3rem solid #B0CC3B!important;
  opacity: 1 !important;
}
.hh-program-Informatik,
.hh-program-Informatics,
.hh-program-InformationSystems{
  background-color: rgba(255,255,255, 0.9) !important;
  border-bottom: 2.3rem solid #00ABCC!important;
  opacity: 1 !important;
}
.hh-program-Ekonomi,
.hh-program-Marketing,
.hh-program-BusinessandEconomics,
.hh-program-Business{
  background-color: rgba(255,255,255, 0.9) !important;
  border-bottom: 2.3rem solid #B81218!important;
  opacity: 1 !important;
}
.hh-program-Ovrigutbildning{
  background-color: rgba(255,255,255, 0.9) !important;
  border-bottom: 2.3rem solid #124270!important;
  opacity: 1 !important;
}
.hh-program-Naturvetenskapmiljoochmatematik,
.hh-program-EnvironmentalScience,
.hh-program-BiologyandEnvironmentalScience,
.hh-program-BiomedicineandBiomechanics,
.hh-program-Biomedicine,
.hh-program-Mathematics{
  background-color: rgba(255,255,255, 0.9) !important;
  border-bottom: 2.3rem solid #00A463!important;
  opacity: 1 !important;
}
.hh-program-Vard{
  background-color: rgba(255,255,255, 0.9) !important;
  border-bottom: 2.3rem solid #F6C90A!important;
  opacity: 1 !important;
}
.hh-program-Samhallsochbeteendevetenskap,
.hh-program-Media,
.hh-program-Welfare,
.hh-program-SportScience,
.hh-program-SocialScience,
.hh-program-InternationalRelations,
.hh-program-SocialWork{
  background-color: rgba(255,255,255, 0.9) !important;
  border-bottom: 2.3rem solid #AD94C4!important;
  opacity: 1 !important;
}
.hh-course-Humaniora,
.hh-course-English,
.hh-course-SwedishandScandinavianStudies{
  border-left: 3px solid #8BBFE2!important;
}
.hh-course-Ingenjorochteknik,
.hh-course-ComputerScienceandEngineeringandElectricalEngineering,
.hh-course-Engineering,
.hh-course-ConstructionEngineering,
.hh-course-EnergyTechnology,
.hh-course-MechanicalEngineering,
.hh-course-IndustrialManagement,
.hh-course-InnovationManagement,
.hh-course-ComputerScienceandEngineering,
.hh-course-DigitalForensics,
.hh-course-ElectricalEngineering,
.hh-course-EngineeringandTechnology
{
  border-left: 3px solid #E8782A!important;
}   
.hh-course-Larare,
.hh-course-TeacherEducation{
  border-left: 3px solid #B0CC3B!important;
}
.hh-course-Informatik,
.hh-course-Informatics,
.hh-course-InformationSystems{
  border-left: 3px solid #00ABCC!important;
}
.hh-course-Ekonomi,
.hh-course-Marketing,
.hh-course-BusinessandEconomics,
.hh-course-Business{
  border-left: 3px solid #B81218!important;
}
.hh-course-Ovrigutbildning{
  border-left: 3px solid #124270!important;
}
.hh-course-Naturvetenskapmiljoochmatematik,
.hh-course-EnvironmentalScience,
.hh-course-BiologyandEnvironmentalScience,
.hh-course-BiomedicineandBiomechanics,
.hh-course-Biomedicine,
.hh-course-Mathematics,
.hh-course-SportsScience{
  border-left: 3px solid #00A463!important;
}
.hh-course-Vard{
  border-left: 3px solid #F6C90A!important;
}
.hh-course-Samhallsochbeteendevetenskap,
.hh-course-Media,
.hh-course-Welfare,
.hh-course-SportScience,
.hh-course-SocialScience,
.hh-course-InternationalRelations,
.hh-course-SocialWork
{
  border-left: 3px solid #AD94C4!important;
}

@media (max-width: 991px) {
  /*Grid no-space*/
  .hh-grid-no-space{
     padding: 0 1em;
  }
}
@media (max-width: 767px) {
  .hh-quote {
     /*border-left: 0;*/
     padding-left: 1.5em;
     margin-left: 1.5em;
  }
  .normal {
     -webkit-text-size-adjust:100%; 
     -moz-text-size-adjust:100%; 
     -ms-text-size-adjust:100%;
     text-size-adjust: 100%;
  }  
}

/* FIX FOR CARDS ON STARTPAGE */
@media(max-width: 500px) {
  .hh-news-block__info {
     padding-top: 20px !important;
     position: relative !important;
     top: 0 !important;
     background: linear-gradient(to bottom, rgba(0,0,0,0.52) 0%, rgba(255,255,255,0.52) 0%, rgba(255,255,255,0.52) 0%, rgba(0,0,0,0.52) 0%, rgba(0,0,0,0.52) 33%, rgba(0,0,0,1) 70%, rgba(0,0,0,1) 100%);
     background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.52)), color-stop(0%, rgba(255,255,255,0.52)), color-stop(0%, rgba(255,255,255,0.52)), color-stop(0%, rgba(0,0,0,0.52)), color-stop(30%, rgba(0,0,0,0.52)), color-stop(70%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,1)));
     background: -webkit-linear-gradient(top, rgba(0,0,0,0.52) 0%, rgba(255,255,255,0.52) 0%, rgba(255,255,255,0.52) 0%, rgba(0,0,0,0.52) 0%, rgba(0,0,0,0.52) 30%, rgba(0,0,0,1) 70%, rgba(0,0,0,1) 100%);
     background: -o-linear-gradient(top, rgba(0,0,0,0.52) 0%, rgba(255,255,255,0.52) 0%, rgba(255,255,255,0.52) 0%, rgba(0,0,0,0.52) 0%, rgba(0,0,0,0.52) 30%, rgba(0,0,0,1) 70%, rgba(0,0,0,1) 100%);
     background: -ms-linear-gradient(top, rgba(0,0,0,0.52) 0%, rgba(255,255,255,0.52) 0%, rgba(255,255,255,0.52) 0%, rgba(0,0,0,0.52) 0%, rgba(0,0,0,0.52) 30%, rgba(0,0,0,1) 70%, rgba(0,0,0,1) 100%);
     background: linear-gradient(to bottom, rgba(0,0,0,0.52) 0%, rgba(255,255,255,0.52) 0%, rgba(255,255,255,0.52) 0%, rgba(0,0,0,0.52) 0%, rgba(0,0,0,0.52) 30%, rgba(0,0,0,1) 70%, rgba(0,0,0,1) 100%);
  }
  .hh-news-block__heading {
     font-size: 1.25rem;
  }

  .hh-news-block__paragraph {
     font-size: .875rem;
  }

  .hh-news-block__date {
     font-size: .625rem;
  }
  .hh-news-block__link > img {
     position: absolute;
     top: 0;
  }
}

/* Cookie banner */
._2hdyUbrktiahpU0V9VawlV.sv-cookie-consent-modal {
   background-color: #ebf2ff;
   padding: 2rem;
}
._2hdyUbrktiahpU0V9VawlV.sv-cookie-consent-modal a {
color: #004985;
}
._2hdyUbrktiahpU0V9VawlV.sv-cookie-consent-modal .env-button--primary {
background-color: #004985;
} 
._2hdyUbrktiahpU0V9VawlV.sv-cookie-consent-modal .env-button--ghost {
background-color: #ebf2ff;
} 
._2hdyUbrktiahpU0V9VawlV.sv-cookie-consent-modal .env-button--ghost:hover {
background-color: #004985;
  color: #ffffff;
} 
._2hdyUbrktiahpU0V9VawlV.sv-cookie-consent-modal .env-button--primary:hover {
background-image: linear-gradient(rgba(0, 0, 0, 0.2) 0 0);
}



/* Filtreringsknappar på nyhetssidor */
.hh-navigation__button {
  border: 2px solid transparent !important;
  padding: 10px !important;
}

.hh-navigation__button:hover {
  background-color: #fff !important;
  color: #004985 !important;
  border: 2px solid #004985 !important;
}

.hh-news__list-load-more-btn:hover,
.hh-navigation__button--clear:hover {
  color: #fff !important;
  border: 2px solid #004985 !important;
  background-color: #004985 !important;
  /*padding: 10px !important;*/ /*Borttagen 2023-06-30 då denna gör att knappen blir mindre vid hover. Endats färgerna ska ändras*/
}



/* Puffar */
.hh-flex-block__link:hover h2 {
  text-decoration: underline !important;
}



/* Innehåll A-Ö (svenska och engelska) */
.hh-index-list__category-button:hover {
  background-color: #004985 !important;
  color: #fff !important;
}
.hh-index-list__letter--has-values a:hover {
 text-decoration: none;
}
.hh-index-list__letter-list a:hover {
  text-decoration: none;
}


/* Sök utbildning */
/* Borde ligga i filen hh-search-education-v2.css men hittar inte den */
.hh-program__button-wrapper .hh-program__button:hover {
 background-color: #ffffff;
 color: #004985;
}

.hh-program__button-wrapper .hh-program__button--clear:hover {
  background-color: #004985;
 color: #ffffff;
}

.hh-program__load-more--btn:hover {
  background-color: #004985;
 color: #ffffff;
}

.hh-pillar-dropdown-menu {
  /*z-index: 3;
  Fix for overlaping chatbott */
  z-index: 2147483638 !important;
}