/*
=========================================================
SMARTPHONE CSS
=========================================================
 * Innehåller styling för smartphones
 *
 * Copyright (C) Limepark AB.
 * https://limepark.se/licensvillkor
=========================================================*/


/*
---------------------------------------------------------
FIXAR/FÄRBÄTTRINGAR
---------------------------------------------------------*/

html {
  font-size: 62.5%;
  height: 100%;
}

body {
  min-height: 100%;
  overflow-x: hidden;
  position: relative;
  top: 0;
}

/* Anpassar bilder i nyhetslistningen för mobilläge */
.lp-news-listing.sv-archive-portlet li img {
  float: none;
  padding: 0 0 1rem 0 !important;
}

/* Dölj utskriftslänk i smartphone */
.lp-print-link {
  display: none !important;
}

/* Fix så autocomplete inte kan bli bredare än tillgänglig yta */

.sv-autocomplete-search-result {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 95% !important;
}

ul.sv-autocomplete-search-result .sv-autocomplete-result-item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.3rem 1rem;
}

a.lp-skip-to-menu-smartphone {
  display: block;
}

a.lp-skip-to-menu-desktop {
  display: none;
}


/*
---------------------------------------------------------
FORMATMALLAR
--------------------------------------------------------- */

.heading {
  font-size: 2.6rem;
  line-height: 1.4;
}

.subheading {
  font-size: 2rem;
  line-height: 1.4;
}

.preamble {
  font-size: 1.8rem;
}

body,
.normal {
  font-size: 1.6rem;
}


/*
---------------------------------------------------------
GRUNDLAYOUT
--------------------------------------------------------- */

.lp-content,
.lp-submenu {
  margin: 0;
}

.lp-content,
.lp-entry-page {
  padding: 3rem 2rem;
}

.lp-startpage {
  padding: 3rem 2rem;
}

.lp-section-grey {
  margin: -3rem -2rem 0;
  padding: 5rem 4rem;
}

.lp-smartphone-margin {
  padding: 0 2rem;
}


/* H1 */
.lp-entry-page h1 {
  margin: 0 0 3rem !important;
}

.lp-section-grey h1 {
  margin: 0 0 3rem !important;
}


/*
---------------------------------------------------------
SIDFOT
--------------------------------------------------------- */

footer .lp-site-color-primarfarg-bg {
  min-height: 8px;
}

.lp-footer {
  padding: 4rem 3rem;
}

.lp-footer .sv-image-portlet img {
  margin: 0 0 3rem;
  width: 174px !important;
}

.lp-footer .sv-column-5 {
  margin-bottom: 3rem;
}

/*
---------------------------------------------------------
SNABBLÄNKSMENY STARTSIDA
---------------------------------------------------------*/

.lp-quick-links {
  margin: 0 1rem;
}

.lp-quick-links li {
  width: 50%;
}

.lp-quick-links a {
  padding: 2rem 1rem;
}


/*
---------------------------------------------------------
LÄNK TILL SIDANS TOPP
--------------------------------------------------------- */

a.lp-page-top {
  background-color: #fff;
  border: 1px solid #333;
  border-radius: 8px;
  color: #404040;
  display: block;
  margin: 2rem;
  padding: 2.3rem 1.5rem;
  text-align: center;
  text-decoration: none;
}

a.lp-page-top:hover,
a.lp-page-top:active,
a.lp-page-top:focus {
  background-color: #ddd;
  text-decoration: underline;
}

a.lp-page-top .lp-icon {
  margin: 0 0.8rem 0 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}



/*
---------------------------------------------------------
ARTIKELLISTNING MED OCH UTAN BILD
--------------------------------------------------------- */

.lp-article-list {
  margin: 3rem 0;
}

.lp-article-list ul {
  display: block;
  margin: 0 0 3rem;
}

.lp-article-list li {
  margin: 0 0 3rem;
  width: 100%;
}

.lp-article-list-content .litenxtext {
  margin: 0;
}


/*
---------------------------------------------------------
INGÅNGSMENY
--------------------------------------------------------- */

.lp-blurb-menu {
  display: block;
  margin: 3rem 0;
}

.lp-blurb-menu-item {
  margin-bottom: 2rem;
  max-width: 100%;
}

.lp-blurb-menu-item,
.lp-blurb-menu-item:nth-child(3n),
.lp-blurb-menu-item:nth-child(2n) {
  margin-right: 0;
}



/*
---------------------------------------------------------
BYLINE
--------------------------------------------------------- */

.lp-byline {
  display: block;
  padding: 1.6rem 0rem;
}

.lp-byline .lp-pubdate {
  display: inline-block;
  margin: 0 0 2rem;
}


/*
---------------------------------------------------------
MENY I SIDFOT
---------------------------------------------------------*/

.lp-footer-menu li {
  margin-bottom: 1.5rem;
}


/*
---------------------------------------------------------
HEROPUFF
--------------------------------------------------------- */

.lp-hero-blurb {
  margin: 0 -2rem;
}

.lp-hero-blurb > .sv-decoration-content {
  display: block;
}

.lp-hero-blurb > .sv-decoration-content > .sv-image-portlet {
  background-image: none !important;
}

.lp-hero-blurb > .sv-decoration-content > .sv-image-portlet img {
  opacity: 1 !important;
}

.lp-hero-blurb > .sv-decoration-content > .sv-layout {
  padding: 6rem 3rem;
}


/*
---------------------------------------------------------
LÄNKKNAPP
--------------------------------------------------------- */

.lp-link-button a {
  padding: 2.3rem 6rem;
}

/* Undantag */
.lp-hero-blurb .lp-link-button a {
  padding: 2.3rem 3rem;
}


/*
---------------------------------------------------------
KLICKBAR PUFF
--------------------------------------------------------- */

.lp-box-clickable {
  margin: 3rem 0;
}


/*
---------------------------------------------------------
KONTAKTPERSON
--------------------------------------------------------- */

.lp-contact {
  margin: 3rem 0;
  min-height: initial;
  padding: 3rem 16rem 3rem 3rem;
}

.lp-contact .sv-image-portlet {
  right: 30px;
}

.lp-contact img {
  height: 100px !important;
  width: 100px !important;
}

.lp-contact > .sv-layout > .sv-layout p {
  font-size: 1.6rem;
}



/*
---------------------------------------------------------
PROGRAMMENY
--------------------------------------------------------- */

.lp-program-menu .lp-program-menu__list-item {
  margin-bottom: 10%;
  max-width: 45%;

  -webkit-box-flex: 1;
  -ms-flex: 1 0 45%;
  flex: 1 0 45%;
}

.lp-program-menu .lp-program-menu__list-item,
.lp-program-menu .lp-program-menu__list-item:nth-child(6n) {
  margin-right: 10%;
}

.lp-program-menu .lp-program-menu__list-item:nth-child(even) {
  margin-right: 0;
}

.lp-program-menu .lp-program-menu__image-container {
  max-width: 80%;
}

/*
---------------------------------------------------------
EXPANDERBART INNEHÅLL
--------------------------------------------------------- */

.lp-expandable-content__toggler .subheading,
.lp-expandable-content__toggler .normal {
  font-size: 1.8rem;
}

.lp-expandable-content__toggler .lp-toggler-icon {
  font-size: 0.8em;
}

.sv-edit-mode .lp-expandable-content > *:nth-child(odd),
.lp-expandable-content .lp-expandable-content__toggler,
.sv-edit-mode .lp-expandable-content > *:nth-child(even),
.lp-expandable-content__content,
.lp-expandable-content__toggler__icon-container {
  padding: 1.5rem 2.5rem;
}
