/* ------------------------------------------
-------------- Common Core Css --------------
------------------------------------------ */
.hh-common-core__heading h1 {
   text-align: center;
   margin-top: 0;
}
/* Common core logotype */
.hh-common-core__logotype img {
   display: block;
   margin: 0 auto;
   width: 134px;
}

/* Common core Image */
.hh-common-core__image img {
   width: 100%;
}

/* Common core icon and text next to each other */
.hh-common-core > div > div {
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
}

.hh-common-core .sv-image-portlet {
   margin-right: 1.6em;
}

.hh-common-core > div > div .sv-image-portlet img {
   position: relative;
   width: 25px;
   top: 4px;
   left: 0;
}


/* --------------------------------------
------- COMMON CORE - PILLARPAGE --------
-------------------------------------- */

.hh-pillar{
   position: relative;
   margin: 70px 0 70px 0;
   /*Quickfix*/
   height: 58px; 
   z-index: 2;
}
.hh-pillar-menu {
   position: relative;
   background: #fff;
   z-index: 2;
   transition: 0.2s;
}
.hh-pillar-sticky:after {
   background: #fff;
   content: "";
   width: 9999%;
   height: 100%;
   left: -50%;
   top: 0;
   z-index: -1;
   position: absolute;
}
.hh-pillar-menu__picker-container {
   box-shadow: 0 0 50px #dadada;
   display: none;
}
.hh-pillar ul {
   list-style: none;
   margin: 0;
   font-size: 0;
}

.hh-pillar ul li {
   cursor: pointer;
   font-size: 16px;
}
.hh-pillar ul li a {
   text-decoration: none;
   padding: 18px 20px;
   cursor: pointer;
   display: block;
}
.hh-pillar ul li a:hover {
   color: #016db0;
}

.hh-pillar ul.hh-pillar-menu__no-picker li:first-child a {
   padding-left: 0;
}
.hh-pillar ul.hh-pillar-menu__no-picker li:last-child a {
   padding-right: 0;
}

.hh-pillar-menu__picker {
   padding: 0;
   list-style: none;
   border-bottom: 1px solid #22bbea;
   position: relative;
}
.hh-pillar-menu__picker li {
   padding: 18px 20px;
}

ul.hh-pillar-menu__no-picker {
   padding: 0;
   list-style: none;
   border-bottom: 1px solid #22bbea;
   width: 100%;
   white-space: nowrap;
   overflow: hidden;
   /*text-overflow: ellipsis;*/
   opacity: 1;
   position: relative;
   z-index: 1;
}

.hh-pillar-menu__no-picker li {
   display: inline-block;
}

.hh-pillar-menu__full.is-sticky {
   background: #fff;
   position: fixed;
   height: 59px;
   width: 100%;
   top: 0;
   left: 0;
}

.hh-pillar--active-clicked {
   font-weight: bold;
}

/* Toggle Pil för öppna och stäng */
.hh-pillar-menu__toggle {
   background-image: url('/images/18.44d1c5cd165b2683e6c2113/1536301247029/hh-chevron-icon.svg');
   background-repeat: no-repeat;
   width: 100%;
   height: 58px;
   background-position: center right 20px;
   right: 0;
   bottom: 0;
   position: absolute;
   z-index: 3;
   -webkit-transform: scaleY(1);
   transform: scaleY(1);
   transition: 0.2s;
   cursor: pointer;
}

.hh-pillar-menu__toggle.open {
   -webkit-transform: scaleY(-1);
   transform: scaleY(-1);
   transition: 0.2s;
}

.hh-pillar-dropdown-menu {
   display: none;
   padding: 8px 0;
   position: relative;
   z-index: 3;
   background: #fff;
}

.hh-pillar-sticky{
   width: 100%;
   position: fixed;
   top:0;
}

.hh-pillar--active {
   font-weight: 700;
}

.hh-pillar-menu__active-item.active {
   font-weight: 700;
}
.hh-pillar-content__item .sv-font-ingress{
   font-size: 100%;
   color: #333333;
   line-height: 2em;
}

.hh-pillar-menu__no-picker a {
   font-size: 16px;
}

@media (max-width: 767px) {
   .hh-pillar {
      left: 0;
   }
   .hh-pillar-menu {
      width: 100%!important;
   }
   .hh-pillar-sticky{
      width: 100%!important;
      position: fixed;
      top: 0;
      left: 0;
   }
   ul.hh-pillar-menu__no-picker {
      opacity: 0;
      position: absolute;
      z-index: -1;
   }
   .hh-pillar-menu__picker-container {
      display: block!important;
   }
}

/* Begränsa text längd HF-123*/
.sv-text-portlet-content p.normal,
.sv-text-portlet-content p.sv-font-ingress,
.sv-portlet-image-caption {
   max-width: 52rem;
}