/* Sidfot */
.hh-site-footer {
   height: 535px;
   position: relative;
   width: 100%;
   margin-top: -535px;
   padding-top: 23px;
   overflow: hidden;
   background: #fff;
   box-shadow: 0 -5px 20px #fff;
   z-index: 1;
}


/* Ikoner för Sociala medier */
.hh-footer_social-icon {
   background-repeat: no-repeat;
   background-position: center;
   height: 80px;
   width: 80px;
   display: inline-block;
   margin-left: 40px;
   background-size: cover;
   margin-top: 125px;
   margin-bottom: 90px;
   text-align: center;
   background-color: #004985;
   border-radius: 50%;
}
.hh-footer_social-icon:first-child {
   margin-left: 0;
}

.hh-footer_social-icon--facebook {
   background-image: url('/images/18.4ad3d9ee1656d0f05ef5b847/1535359061146/hh-facebook-outline-icon.svg');
}
.hh-footer_social-icon--instagram {
   background-image: url('/images/18.4ad3d9ee1656d0f05ef5b838/1535359061075/hh-instagram-outline-icon.svg');
}
.hh-footer_social-icon--twitter {
   background-image: url('/images/18.4ad3d9ee1656d0f05ef5b841/1535359061116/hh-twitter-outline-twitter.svg');
}
.hh-footer_social-icon--youtube {
   background-image: url('/images/18.4ad3d9ee1656d0f05ef5b844/1535359061131/hh-youtube-outline-icon.svg');
}

.hh-footer_social-icon--right {
   background-repeat: no-repeat;
   background-position: center;
   height: 24px;
   width: 24px;
   display: inline-block;
   margin-left: 16px;
   background-size: cover;
   margin-top: 16px;
   margin-bottom: 16px;
}


/* Text på sidfot */
.hh-site-footer p,
.hh-site-footer a {
   color: #004985;
   border-color: #004985;
}


/* Scroll to Top */
.hh-footer__scrolltop {
   background-color: #22BBEA;
   height: 64px;
   width: 64px;
   background-image: url('/images/18.4ad3d9ee1656d0f05ef5b840/1535359061111/hh-to-top-icon.svg');
   background-repeat: no-repeat;
   background-position: center;
   background-size: 42px;
   border-radius: 100px;
   right: 53px;
   top: 188px;
   position: absolute;
   cursor: pointer;
   z-index: 1;
}

/* Sidfotens bakgrundsbild */
.hh-site-footer > div:nth-child(1) {
   background: #eaf3fa;
   height: 100%;
}
.hh-site-footer > div:nth-child(1):after {
   position: absolute;
   right: 0;
   content: "";
   background-image: url('/images/18.4ad3d9ee1656d0f05efed131/1535706528655/hh-footer-pattern.svg');
   background-repeat: no-repeat;
   background-position: right;
   display: block;
   height: 763px;
   width: 763px;
   top: -0;
   background-size: auto;
   opacity: 0.4;
   pointer-events: none;
}

.hh-site-footer .sv-column-12 {
   width: 600px!important;
}


@media (max-width: 1500px) {
   /* Sidfotens bakgrundsbild */
   .hh-site-footer > div:nth-child(1):after {
      right: -189px;
      background-image: url('/images/18.3612e9ef16617db89473641d/1538123164226/hh-footer-pattern-tablet.svg')
   }

}
@media (max-width: 1220px) {
   /* Sidfotens bakgrundsbild */
   .hh-site-footer > div:nth-child(1):after {
      right: -379px;
      background-image: url('/images/18.3612e9ef16617db894735f96/1538122489417/hh-footer-pattern-mobile.svg')
   }

}
@media (max-width: 1020px) {
   /* Sidfotens bakgrundsbild */
   .hh-site-footer > div:nth-child(1):after {
      right: -563px;
      background-image: url('/images/18.3612e9ef16617db894735f96/1538122489417/hh-footer-pattern-mobile.svg')
   }

   .hh-site-footer .sv-column-12 {
      width: 570px!important;
   }
   .hh-social-icon-footer {
      margin-top: 60px;
      margin-bottom: 45px;
   }
}


@media (max-width: 768px) {
   .hh-footer_social-icons {
      text-align: center;
   }
   .hh-footer_social-icon {
      height: 64px;
      width: 64px;
      margin-left: 15px;
      margin-top: 40px;
      margin-bottom: 32px;
   }

   .hh-site-footer > div:nth-child(1):after {
      right: -125px;
      background-image: url('/images/18.3612e9ef16617db894735f96/1538122489417/hh-footer-pattern-mobile.svg');
      background-size: 305px;
      top: 45px;
   }

   .hh-site-footer .sv-text-align-right {
      text-align: left!important;
   }

   .hh-footer__scrolltop {
      height: 48px;
      width: 48px;
      right: 40px;
      top: 333px;
   }
}
@media (max-width: 350px) {
   .hh-footer_social-icon {
      height: 50px;
      width: 50px;
      margin-left: 14px;
      margin-top: 40px;
      margin-bottom: 32px;
   }
}