/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/*****************************************/
/* FONT STYLES   */
/*****************************************/



blockquote, blockquote p{
    font-weight: 300;
    line-height: 1.4em;
    font-size: 18px;
}

p, body, html, li {
    font-weight: 300;
    line-height: 1.5em;
    font-size: 18px;
}

h1, h2, h3, h4, h5, h6, h7 {
	
}


h1 {
    font-size: 80px;
    font-weight: 600; 
    letter-spacing: -3.0px;
}

h2 {
    font-size: 42px;
    font-weight: 600;
    letter-spacing: -0.6px;
    margin-top: 32px;
}

h3 {
    font-size: 24px;
    font-weight: 600;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 18px;
    font-weight: 600;
}

h6 {
  font-weight: 300;
  font-size: 18px
  text-transform:uppercase;

}

.ingress{
  font-size:22px;
}







/*****************************************/
/* MODULES   */
/*****************************************/


/*** TEAM PROFILE CARD MODULE ***/
.hhs-profile-content {
  margin-top: 16px;
}


/*** COUNTER MODULE ***/

.number-counter-right-text {
  font-weight: 300;
}

/*** COUNTER MODULE END ***/


.hhs-blog-post-card:hover{
   -webkit-box-shadow: 0 0 0px 0 rgba(0, 0, 0, 0)!important;
   box-shadow: 0 0 0px 0 rgba(0, 0, 0, 0)!important;
   -moz-transform: scale(1.01);
   -webkit-transform: scale(1.01);
   -o-transform: scale(1.01);
   -ms-transform: scale(1.01);
   transform: scale(1.01);
}


/*** IMAGE + TEXT MODULE ***/

.image-text{
  padding:49px;
  padding-top:64px!important;
  padding-bottom:64px!important;
}

.image-text-mobile{
  padding:5px;
}

/*** IMAGE + TEXT MODULE END ***/

.hhs-footer-mod h5 {
  font-size:24px;
}

.hhs-post-content{
  padding-left:0px!important;
  padding-right:0px!important;
}

.text-card-bg{
  padding: 32px;
  background-color:white;
  bottom:-100px;
  position:absolute;
  left:0;
  right:0;
  margin-left:auto;
  margin-right:auto;
  width:90%;
}


.hhs-divider{
  width:100%;
  margin:0;
}

.icon-list {
  background: url("https://144128082.fs1.hubspotusercontent-eu1.net/hubfs/144128082/arrow-white-margin.svg")  0 4px / 22px 22px no-repeat;
  width: 100%;
  font-size: 20px;
  color:white;
  padding-left: 32px;
}

.icon-list-black{
  background: url("https://144128082.fs1.hubspotusercontent-eu1.net/hubfs/144128082/arrow-orange-margin.svg")  0 4px / 22px 22px no-repeat;
  width: 100%;
  font-size: 20px;
  color:black;
  padding-left: 32px;
}


.cta-icon-list {
  background: url("https://144128082.fs1.hubspotusercontent-eu1.net/hubfs/144128082/arrow-orange-margin.svg")  0 4px / 22px 22px no-repeat;
  width: 100%;
  font-size: 24px;
  color:black;
  padding-left: 20px;
}
.mobile-hero-box{
  padding:20px;
  background-color:#FA6B32;
}

.mobile-cta-box{
  padding:20px 20px 6px;
  background-color:#Ffffff;
 
}

/* ADJUSTMENTS TO EXISTING MODULES */

a.accordion-title {
  padding-left: 0px!important;
}

.hhs-accordion-1 a.accordion-title .hs_cos_wrapper{
  padding-left: 0px!important;
}

.hhs-accordion-1 a.accordion-title .hs_cos_wrapper:hover {
  color:#FD6326;
  
}

.c-card-adjustment .c-card img {
    display: block;
    margin: 0px 24px!important;
}

/* ADJUSTMENTS TO EXISTING MODULES END */

/*****************************************/
/* MEDIA QUERY  */
/*****************************************/


@media (max-width: 767px) {
  
  h1 {
    font-size: 40px!important;
    font-weight: 600;
    letter-spacing: -1.5px;
  }
  
  h2 {
      font-size: 30px!important;
      font-weight: 600;
      letter-spacing: -1.2px;
     }
  h4 {
    font-size: 18px!important;
  }

  h3 {
      font-size: 20px!important;
      font-weight: 600;
      line-height:1.4em;
  }
  h5 {
      font-size: 18px!important;
      font-weight: 600;
  }

  h6 {
    font-size: 18px!important;
    text-transform:uppercase;

  }
  
  .ingress{
    font-size:20px;
  }
 
}

/*** LOGO AND MENU SECTION ***/

/* add more margins left/right on the meny */
#hhs-main-nav {
  padding-left: 14px;
  padding-right: 14px;
}




.animated-arrow a {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

.animated-arrow img {    
    margin: 0px 0px 0px 8px;
    transition: transform 0.3s ease;  
    vertical-align: middle; /* Centrera vertikalt */
    line-height: inherit; /* Ärva radavstånd från föräldern */
}

.animated-arrow:hover img {
    transform: translateX(6px);
}





#hhs-main-nav {
  padding-left: 14px;
  padding-right: 14px;
}

.mega-menu .container{
    padding-top:42px!important; /* Sätter padding överst i megamenyn */
    padding-bottom:22px!important;  /* Sätter padding underst i megamenyn */
}

.menu-col-container:hover {
    background-color: #F4F4F5;
}

.top-row{
    padding:0px!important;
    margin-bottom:0px!important;
    margin-top:0px!important;
}

.top-row .menu-col-container{
    padding-left:20px;
}

.bottom-row{
     background-color: #ECF1F9;
     text-decoration:underline;
}

.mega-menu .container-fluid{
     background-color: #ECF1F9!important;
}
.row .top-row{
    padding-left:0px!important;
}

.top-row .col {
    margin-left:0px!important;
    padding-left:0px!important;
    margin-bottom:0px!important;
    margin-top:0px!important;
}

.top-row hr{
    display:none!important;
}

.menu-col-container {
    display: table;
    width: 100%;
    padding-top:10px;
    padding-right:20px;
    border-radius:10px;
    background-color: #fff;
    transition: all ease 0.5s;
    padding: 10px;
    padding-top:0px;
    padding-bottom:0px!important;
    margin-top: 0px;
    margin-bottom: 0px;
}

.menu-col-left {
    display: table-cell;
    width: 148px;
    text-align: center;
    padding-right: 10px;
    vertical-align: middle;
}

.menu-col-right {
    display: table-cell;
    padding-left: 4px;
    vertical-align: middle; 
    text-align: left!important;
    padding-top: 12px; /* flyttar ner för att få perfekt vertikal justering */
}

.no-gutters>[class*=col-] {
  padding-left:20px;
  padding-right:20px;
}


/* set the mini menu hover background to same color as the mega menu */
.hhs-hat-menu .hs-menu-children-wrapper li a:hover, .hhs-lang-switch .lang_list_class li a:hover, .hs-menu-wrapper.hs-menu-flow-horizontal ul.hhs-nav-links .hs-menu-item.hs-menu-depth-2 a:hover, .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a:hover {
  background-color: #F4F4F5!important;
}
.hhs-side-menu__mobile .sc-site-header__menu .hs-menu-children-wrapper {
  border-radius: 5px!important;
  padding: 0px !important;
}

.hhs-side-menu .hhs-side-menu__mobile li a {
  margin-bottom: 12px;
}

.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
  padding: 30px 20px 30px 20px !important;
}

.hhs-top-ba .hs-menu-depth-2 a {
  font-weight: 500 !important;
}


/* Adjust the site column gap for bootstrap on mobile devices */
@media (min-width: 768px) {
  .row > [class*='col-'] {
    position: relative;
    padding-right: 30px; /* Halva gap-värdet */
    padding-left: 30px;  /* Halva gap-värdet */
  }

  .row {
    margin-left: -30px; /* Halva gap-värdet */
    margin-right: -30px; /* Halva gap-värdet */
  }
}


/****************** LISTOR ******************/

/* Gemensamma stilar för både visningslägen */

.dot-list {
    list-style-type: none; /* Ta bort standard punktliststil */
    padding: 0; /* Ta bort standard-padding */   
    margin: 0; /* Ta bort standard-margin */
}

.dot-list li {
    line-height: 1;
    margin: 16px 0px; /* Yttre marginaler för att separera items */  
    background-image: url('https://144128082.fs1.hubspotusercontent-eu1.net/hubfs/144128082/dot-orange.svg');  	
    background-size: 10px; /* Justera storleken på bakgrundsbilden */
    background-repeat: no-repeat; /* Förhindra upprepning av bakgrundsbilden */
    background-position: 2px 50%; /* Centrera ikonen vertikalt och justera positionen */
    padding-left: 26px; /* Lägg till vänsterpadding för att ge plats åt ikonen */
}

.arrow-list {
    list-style-type: none; /* Ta bort standard punktliststil */
    padding: 0; /* Ta bort standard-padding */   
    margin: 0; /* Ta bort standard-margin */
}

.arrow-list li {
    line-height: 1;
    margin: 16px 0px; /* Yttre marginaler för att separera items */  
    background-image: url('https://144128082.fs1.hubspotusercontent-eu1.net/hubfs/144128082/arrow-orange-margin.svg');  	
    background-size: 18px; /* Justera storleken på bakgrundsbilden */
    background-repeat: no-repeat; /* Förhindra upprepning av bakgrundsbilden */
    background-position: 2px 50%; /* Centrera ikonen vertikalt och justera positionen */
    padding-left: 26px; /* Lägg till vänsterpadding för att ge plats åt ikonen */
}

.file-list {
    list-style-type: none; /* Ta bort standard punktliststil */
    padding: 0; /* Ta bort standard-padding */   
    margin: 0; /* Ta bort standard-margin */
}

.file-list li {
    line-height: 1;
    margin: 16px 0px; /* Yttre marginaler för att separera items */  
    background-image: url('https://144128082.fs1.hubspotusercontent-eu1.net/hubfs/144128082/file-download-margin.svg');  	
    background-size: 22px; /* Justera storleken på bakgrundsbilden */
    background-repeat: no-repeat; /* Förhindra upprepning av bakgrundsbilden */
    background-position: 2px 90%; /* Centrera ikonen vertikalt och justera positionen */
    padding-left: 26px; /* Lägg till vänsterpadding för att ge plats åt ikonen */
}


/****** FLEXI CARDS BOTTOM ARROW *******/

.card-arrow-container {
  position: absolute;
  bottom: 16px;
  right: 16px;
}

.card-arrow img {
  display: block;
}

/* Fact box på medarbetarporträtt */
.fact-box {
  background-color: #fff;
  padding: 32px 32px 10px 32px; 
  margin-bottom: 32px;
  border-radius: 10px;
}

/* Kontakt/informationbox på kundportal-sidorna */
.portal-box{
  background-color: #FCF8ED;
  padding: 32px 32px 10px 32px; 
  margin-bottom: 32px;
  border-radius: 10px;
}
.portal-box .fact-container:last-of-type {
  border-bottom: none; /* lägger till en top-border på första fact-container */
}

.fact-box h3, h4, h5, p {
  color: #000000;
}

.fact-box h3 {
  margin-bottom: 32px;
}

.fact-container {
  border-bottom: 1px solid #000;
  margin-bottom: 24px;
}

.fact-box .fact-container:last-of-type {
  border-bottom: none; /* lägger till en top-border på första fact-container */
}

/* Mega menu - simple menu items  */

.megamenu-simple ul {
    list-style-type: none !important; /* Tar bort bullets */
    padding-left: 0 !important; /* Tar bort eventuell indentering på <ul> */
    margin-left: 0 !important; /* Säkerställer att <ul> börjar längst till vänster */
}

.megamenu-simple li {
    list-style-type: none !important; /* Tar bort bullets från <li> */
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important; /* Justerar radavstånd */
}

.megamenu-simple li a {
    display: block !important;
    padding: 0px 0px !important; /* Kan justeras för att ändra avstånd runt länken */
    margin-left: 24px;
    width: 100% !important;
    box-sizing: border-box !important;
}

/****** MOBILMENY TEAM *******/


/* move contact cta up in hamburger menu */
.hhs-side-menu__ctas {
  position: absolute;
  top: -20px;
  left: -20px;
}

/* add less padding around hamburger menu items */
.hhs-side-menu__mobile {
    padding: 2.25em 20px 0 20px!important;
}

/* add bottom line to hamburger menu items */
.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children {
  border-bottom: 1px solid #000000!important;
}

/* set background to bottom part of hamburger menu */
.hhs-side-menu__text {
  padding-top: 20px!important;
  background-color: #FCF8ED;
  padding: 20px 20px 0px 20px!important
}

/*remove the hamburger footer also know as social media buttons */
.hhs-side-menu__footer {
  display: none;
}


/******** Changed hamburger icon ********/
.hamburger-icon .line {
	width: 30px !important;
  height: 3px !important;
}
.hamburger-icon:not(.active) .line.line-1 {
	top: 8px !important;
}
.hamburger-icon:not(.active) .line.line-2 {
	top: 16px !important;
}
.hamburger-icon:not(.active) .line.line-3 {
	top: 24px !important;
  left: 0 !important;
}

.hhs-side-menu__mobile .sc-site-header__menu {
  border: none!important;
}

.hamburger-icon.active .line.line-1 {
	top: -3px !important;
  left: -10px;
}
.hamburger-icon.active .line.line-3 {
	top: 24px !important;
  left: -10px;
}

.hhs-menu-button {
  margin-top: 0px !important;
}

.menu-team-box{
  margin:0 auto;
  padding:0;
  

}

.menu-team-h{
  font-size:18px;
  font-weight:bold;
  margin-bottom:8px;
}

.menu-team-team{
  margin-right:8px;
  padding-top:8px;
  padding-bottom:8px;
  padding-left:20px;
  padding-right:20px;
  background-color:#FFF;

}

.round-images .c-card img{
  border-radius:50%;
}

/* buggfix */
.s-overlay, .c-overlay, .r-overlay {
  z-index: 0!important;
}

/* FORM VALIDATION (orgnumber and text fields that are emails) */
/* Brave – felmeddelanden */
.brave-error-msg {
  display: block;           
  background-color: rgba(250,107,50,.2);
  border: 1px solid #fa6b32;
  padding: 10px 12px;
  margin-top: 0;            
  margin-bottom: 6px;           
  font-family: "Rethink Sans", sans-serif;
  font-size: 13px;
  color: #fa6b32;
  line-height: 1.3;
  border-radius: 0;    
  position: relative;
  z-index: 1000!important;
}

.brave-error + .brave-error-msg {
  margin-top: -2px; 
}

/* som fixes for the consent checkbox on forms */
.legal-consent-container .mdl-checkbox {
  margin-top: 20px!important; 
}
.mdl-checkbox__label {
  margin-left: 0px!important;
}
.mdl-checkbox.is-checked .mdl-checkbox__box-outline {
  border: 1px solid #000000!important;
}
.mdl-checkbox__box-outline {
  border: 1px solid #000000!important;
}
.hs-form .mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
  background-color: #000!important; 
}  
.mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
  background-color: #000!important; 
}
.legal-consent-container .hs-form-booleancheckbox-display>span {
  margin-left: 0px!important;
}