/*
 * CSS för Sundsvall Energi 2022
 *
 */

/**
 * Innehållsförteckning:
 *
 * 1.0 - Genrellt
 *
 * -----------------------------------------------------------------------------
**/

/**
  * 1.0 - Generellt
  *
**/

.sundsvall-energi-main__top-area-articlepage {
   position: relative;
   background-color: #600724;
   padding-top: 10.1rem;
   padding-bottom: 10.1rem;
   min-height: 15.7rem;
   overflow: hidden;
   margin-bottom: 6rem;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__top-area-articlepage {
      padding-top: 20rem;
      padding-bottom: 3.4rem;
   }
}

.sundsvall-energi-main__top-area-articlepage:after {
   content: "";
   background-image: url(/images/18.2d07fd24191dfc1ade52a1b1/1726559017852/EnergiChansenLogo.svg);
   background-repeat: no-repeat;
   background-size: 31.2rem;
   position: absolute;
   /* transform: matrix(0.97, -0.26, 0.26, 0.97, 0, 0); */
   top: 3rem;
   right: 5rem;
   width: 28.8rem;
   height: 17.8rem;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__top-area-articlepage:after {
      content: "";
      background-image: url(/images/18.2d07fd24191dfc1ade52a1b1/1726559017852/EnergiChansenLogo.svg);
      background-repeat: no-repeat;
      background-size: 25.2rem;
      position: absolute;
      /* transform: matrix(0.97, -0.26, 0.26, 0.97, 0, 0); */
      top: 4rem;
      right: 2rem;
      width: 29.8rem;
      height: 18.8rem;
   }
}

.sundsvall-energi-main__top-area-articlepage--video-image img {
   width: 100%;
   height: auto;
   max-width: 64rem;
}

.sundsvall-energi-main__top-area-articlepage--video, 
.sundsvall-energi-main__top-area-articlepage--image {
    margin-bottom: 4rem;
}