/*--------------------------------------------------------------
  Allmänt
--------------------------------------------------------------*/

/* så att bold/strong ser likadan ut i alla browsers */
b, bold, strong {
  font-weight: 600 !important;
}

.ce-bodytext img,
.ce-media img {
  max-width: 100% !important;
  height: auto !important;
}

/* fixar till mobilvyn i Text & media gamla mallarna (control.lth.se mfl) */

@media only screen and (max-width: 600px) {
.ce-textpic {
  overflow: auto !important;
}
}

/* så att länken vänsterställs även i Infobox - Kontakt med bild */
.infobox.lthPackageContactInfobox .text-right { text-align: left !important; }

/* fixar masonrybugg med rubrikmarginaler kopplade till h-margins - 2022-09-26 */
  .masonry-container h2,
  .masonry-container h2,
  .masonry-container h3,
  .masonry-container h4 { margin-top: 0 !important }


/* döljer kategorier i nyheter tills template är fixad (lth.se + profilområden) 

.card-body .meta { display: none; }*/

/*--------------------------------------------------------------
  Buggigt från Samwebb
--------------------------------------------------------------*/

.hero-title h1 {
  line-height: 1.2 !important;
}

.hero-img {
  z-index: 1;
}

/* synkar figure med figcaption i kalendern */

.tx-lthlucal-pi1 .event-title figure {
  width: fit-content;
}

/* Fixar så att Teaser cards funkar på mindre skärmar (lägg till klassen colbreak i ytterdiven)  */

  @media only screen and (max-width: 768px) {
  .colbreak .col.mb-3 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  }
  
  @media only screen and (max-width: 576px) {
  .colbreak .col.mb-3 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  }


/* Fixar så att Cards funkar på mindre skärmar (lägg till klassen colbreak i ytterdiven)  */

  @media only screen and (max-width: 768px) {
  .colbreak .row.justify-content-center .col {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .colbreak .row.justify-content-center  {
    justify-content: flex-start !important;
  }
  }
  
  @media only screen and (max-width: 576px) {
  .colbreak .row.justify-content-center .col {
    flex: 0 0 100%;
    max-width: 100%;
  }
  }

/* Card + grid 50/50 (lägg till klassen flexfix i griden) */
.flexfix .py-5, .flexfix .py-lg-9 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
.flexfix h3.h2 { font-size: 1.5rem !important; }
.flexfix .container { padding-left: 0; padding-right: 0; }
.flexfix .offset-md-1 { margin-left: 0 !important; }
.flexfix .col-md-10 { flex: 0 0 100%; max-width: 100%; }

@media only screen and (max-width: 600px) {
.h-100 {
  height: auto !important;
}
}


/* fixar till News cards in a row or column i mobilvy (lägg till klassen newswrapper i ytterdiven) */

  @media only screen and (max-width: 600px) {
  .lth_package_newsCardsRowCol .row.swipe-inner {
    width: auto !important;
  }
  }


/*----------------------------------------------------------------------------------------------------
  Tar bort överdriven padding
  Används här:
- https://www.immun.lth.se/research/principal-investigators (dec 21)
- phd4energy.lth.lu.se
  + någon annanstans... (?)
-----------------------------------------------------------------------------------------------------*/

.remove-padding-top .py-lg-9,
.remove-padding-top .pt-5,

.py-lg-9.remove-pt,
.py-5.remove-pt {
  padding-top: 0 !important;
}

.py-5.remove-pb {
  padding-bottom: 0 !important;
}

/* Fixar till grids så att de alignar rätt */

.align-left .offset-md-1 { margin-left: 0 !important; }

/*---------------------------------------------------------------------------------------------------
Tar bort overflow hidden i Text & Media så att t.ex
tabeller syns i mobilen. Lägg till klassen i ytterdiven.
----------------------------------------------------------------------------------------------------*/

@media only screen and (max-width: 600px) {
.remove-overflow-hidden .ce-textpic { overflow: unset !important; }
.remove-overflow-hidden table td { min-width: 100px; }
}


/*----------------------------------------------------------------------------------------------------
  Fix för att dölja manuellt inlagd subnav i kombination med hamburgermeny (Profile areas mfl) ||||||| FIXAT i templaten av MP 22-09-08
-----------------------------------------------------------------------------------------------------
@media only screen and (max-width: 1200px) {
nav#subnavigation { display: none; }
}
}*/