/* Css för Sidinnehåll
Classnamn: pagecontent
*/


.hh-pagecontent {
   position: relative;
   /*overflow: hidden;*/
}

.hh-pagecontent .pagecontent .sv-portlet {
   min-height: 0;
}

/* educationPage */
.hh-pagecontent_educationPage > .sv-layout:first-child {
   position: relative;
   min-height: 690px;
   top: -64px;
   float: right;
}

.hh-pagecontent_educationPage > .sv-layout:first-child > div {
   position: absolute;
   width: 50vw;
   height: 100%;
   top: 0;
   left: 0;
}

.hh-pagecontent_educationPage > .sv-layout:last-child {
   margin: 0!important;
   float: left!important;
}
.hh-pagecontent_educationPage .hh-quote {
   border-left: 6px solid #00ABCC;
   padding-left: 24px;
}

/* Fix för att flöda bilder, google maps & youtube över container */

.sv-image-portlet .hh-pagecontent__wide-images img {
   width: 125%;
   left: 50%;
   position: relative;
   transform: translate(-50%,0);
   padding-left: 12px;
   padding-right: 12px;
}

.sv-html-portlet .hh-pagecontent__wide-images iframe {
   width: 125%;
   left: 50%;
   position: relative;
   transform: translate(-50%,0);
   padding-left: 12px;
   padding-right: 12px;
   max-width: 949px;

}
.hh-pagecontent__wide-images > .sv-decoration-content {
   margin-bottom: 1em;
}
@media (max-width: 767px) {
   .hh-pagecontent {
      overflow: visible;
   }

   .hh-pagecontent_educationPage > .sv-layout:first-child {
      position: relative;
      top: 0;
      height: 100%;
      min-height: 100%;
   }
   .hh-pagecontent_educationPage > .sv-layout:first-child > div {
      position: relative;
      width: 100vw;
      height: 100%;
      min-height: 400px;
      top: 0;
      left: -16px;
   }

   .sv-image-portlet .hh-pagecontent__wide-images img {
      width: 100%;
      transform: translate(0, 0);
      left: 0;
      padding: 0;
   }

   .sv-html-portlet .hh-pagecontent__wide-images iframe {
      width: 100%;
      transform: translate(0, 0);
      left: 0;
      padding: 0;
   }
}