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

/* Fix for header */
body {
   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 search results from rek.ai on the pages where class hideRekaiSearchResults is found on the body*/
.hideRekaiSearchResults .sv-autocomplete-search-result {
   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 {
   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%;
   }  
}

/* NEW 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;
}