/*
=========================================================
SMARTPHONE CSS
=========================================================
 * Innehåller styling för smartphones
 *
 * Copyright (C) Limepark AB. Upprättad 2016.
=========================================================*/

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

html {
  font-size: 62.5%;
}

/* Anpassar bilder i nyhetslistningen för mobilläge */
.lp-news-listing.sv-archive-portlet li img {
  float: none;
  padding: 0 0 10px 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: 3px 10px;
}

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

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


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

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

.lp-content {
  padding: 20px 10px;
}

.lp-secondary-content {
  padding: 0 10px 20px;
}

.lp-smartphone-margin {
  padding: 0 20px;
}

.lp-section-gray {
  margin: 0 0 20px;
  padding: 20px 10px;
}

.lp-byline {
  margin: 20px 0;
  padding: 10px;
}

/*
---------------------------------------------------------
INPUTFÄLT
--------------------------------------------------------- */

input[type=text],
input[type=email],
input[type=url],
input[type=tel],
input[type=number],
input[type=password],
textarea,
select,
.sv-defaultFormTheme input[type=text],
.sv-defaultFormTheme input[type=email],
.sv-defaultFormTheme input[type=url],
.sv-defaultFormTheme input[type=tel],
.sv-defaultFormTheme input[type=number],
.sv-defaultFormTheme input[type=password],
.sv-defaultFormTheme textarea,
.sv-defaultFormTheme select {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 12px;
}


/*
---------------------------------------------------------
KNAPPAR
--------------------------------------------------------- */

button,
input[type='button'],
input[type='submit'],
input[type='reset'],
.sv-defaultFormTheme input[type=button],
.sv-defaultFormTheme input[type=submit],
.sv-defaultFormTheme input[type=reset] {
  padding: 12px 20px;
}


/*
---------------------------------------------------------
SIDHUVUD
--------------------------------------------------------- */

.lp-header {
  padding: 10px;
}

.lp-header > .lp-logo {
  margin-top: 0;
  padding: 0;
}


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

.lp-footer {
  background: #3a3a3a;
  padding: 20px 10px;
}

.lp-footer .sv-jcrmenu-portlet {
  margin: 30px 0 0;
}

.lp-footer a,
.lp-footer p.normal,
.lp-footer .lp-icon,
.lp-footer .sv-jcrmenu-portlet a {
  color: #fff !important;
  word-wrap: break-word;
}


.lp-footer .sv-column-12 {
  border-top: none;
}


/* Webbkarta */
.lp-sitemap {
  display: none;
}


/*
---------------------------------------------------------
TOPPMENY
--------------------------------------------------------- */

.lp-topmenu {
  display: none;
}


/*
---------------------------------------------------------
UNDERMENY 1/3 - Standardinställningar
--------------------------------------------------------- */

/* Lägger menyn off canvas */
.lp-js .lp-menu {
  background: #3a3a3a;
  -webkit-box-shadow: 0 15px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 0 15px 5px rgba(0, 0, 0, 0.4);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  left: -315px;
  min-height: 100%;
  padding-top: 46px;
  position: absolute;
  top: 0;
  -webkit-transition: left 0.4s ease;
  transition: left 0.4s ease;
  width: 300px;
  z-index: 9999;
}


/* Visar alla huvudsidors menyer */
.lp-menu .lp-level-1 > li {
  display: block;
}

/* Visar alltid pilknappen på första nivån */
.lp-menu .lp-level-1 > li > button {
  display: block;
}

/* Direktlänk till mobilmenyn */
.lp-skip-to-menu-mobile {
  display: inline-block;
  float: right;
  text-align: center;
}

.lp-skip-to-menu-mobile-text {
  display: inline-block;
  text-indent: -9999px;
}

.lp-skip-to-menu-mobile:active,
.lp-skip-to-menu-mobile:hover,
.lp-skip-to-menu-mobile:focus {
  background-color: #555;
}

.lp-skip-to-menu-mobile .lp-icon {
  border-radius: 10px;
  color: #fff;
  font-size: 2.4rem;
  padding: 12px;
}


/* Stängknapp off canvas-meny */
.lp-menu .lp-close-button {
  background-color: rgba(255, 255, 255, 0.1);
  display: block;
  height: 46px;
}

.lp-menu .lp-close-button:focus {
  background-color: rgba(255, 255, 255, 0.3);
  display: block;
}

.lp-close-button .lp-icon {
  font-size: 1.8em;

  fill: #fff;
}


/*
---------------------------------------------------------
UNDERMENY 2/3
--------------------------------------------------------- */

/* Tillbakalänk vid egen startpunkt */

.lp-child-root a.lp-back-link {
  background: #333;
  color: #fff;
  display: block;
  padding: 15px 44px 14px 10px;
}

.lp-child-root a.lp-back-link .lp-icon {
  height: 11px;
  margin: -3px 5px 0 0;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  vertical-align: middle;
}

.lp-menu.lp-child-root .lp-level-1 > li > button {
  display: none;
}

/* Vanliga menyn */

.lp-menu a {
  font-size: 14px;
}

.lp-level-1 > li > a {
  background: #3a3a3a;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  color: #fff;
  display: block;
  font-size: 18px;
}

.lp-level-1 > li > a {
  background: #3a3a3a;
  color: #fff;
  display: block;
  font-size: 18px;
}


/*
---------------------------------------------------------
UNDERMENY 3/3 - Knappar
--------------------------------------------------------- */

.lp-menu button {
  background-color: rgba(255, 255, 255, 0.1);
  height: 50px;
  width: 44px;
}

.lp-menu .lp-level-1 > li > button {
  height: 56px;
}

.lp-level-1 > li > button .lp-icon {
  fill: #fff;
}


/*
---------------------------------------------------------
VERTKTYGSMENYM I UNDERMENYN I MOBILEN
--------------------------------------------------------- */

/* Sidverktyg */
.lp-site-tools-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.lp-site-tools-wrapper a {
  background: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  color: #fff !important;
  text-decoration: none !important;
}

.lp-site-tools-wrapper .lp-icon {
  color: #fff !important;
  display: block;
}

.lp-site-tools {
  border: none;
}

.lp-site-tools li {
  display: none;
}

.lp-site-tools li:first-child,
.lp-site-tools li:nth-child(2) {
  display: block;
}


.lp-header-search-btn a {
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  font-size: 12px;
  padding: 5px;

  -webkit-box-pack: center;
  justify-content: center;
}

.lp-header-search-btn a .lp-icon {
  font-size: 2.2em;
  margin: 0 0 9px;
}



/* Toggle wrapper */
.lp-header-toggle-wrapper .sv-searchform-portlet,
.lp-header-toggle-wrapper .sv-html-portlet {
  margin: 0;
  padding: 10px;
  width: auto;
}

.lp-header-toggle-wrapper .sv-searchform-portlet input[type='image'] {
  right: 10px;
  top: 10px;
}

.lp-header-toggle-wrapper .sv-searchform-portlet button {
  height: auto;
  position: initial;
  width: auto;
}


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

.lp-quick-links {
  margin: 0 0 10px;
}

.lp-quick-links li {
  display: block;
  min-height: initial;
  padding: 0 0 10px;
  width: 100%;
}

.lp-quick-links a {
  -webkit-box-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  padding: 12px 15px;
  text-align: left;
}

.lp-quick-links a br {
  display: none;
}

.lp-quick-links .lp-icon {
  font-size: 3.5rem;
  margin: 0 1.5rem 0 0;
}


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

a.lp-page-top {
  background: #3a3a3a;
  color: #fff;
  display: block;
  margin: 0 0 1px;
  padding: 20px 10px;
  text-align: center;
  text-decoration: none;
}

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

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


/*
---------------------------------------------------------
RELATERAD INFORMATION (Secondary content)
--------------------------------------------------------- */

.lp-contact,
.lp-links {
  margin: 0 0 20px;
  padding: 10px 10px 20px;
}

.sv-related-portlet h2.subheading {
  margin: 0 -10px 10px;
  padding: 0 10px 10px;
}


/*
---------------------------------------------------------
LÄMNA SYNPUNKTER
--------------------------------------------------------- */

.lp-point-of-view {
  margin: 0 0 20px;
  position: static;
}

.lp-point-of-view img {
  border-radius: 5px 5px 0 0;
}

.lp-point-of-view .sv-text-portlet {
  position: static;
}

.lp-point-of-view .sv-text-portlet-content a {
  border-radius: 0 0 5px 5px;
  padding: 10px 20px;
}


/*
---------------------------------------------------------
SIDVERKTYG
---------------------------------------------------------*/

.lp-pagetools {
  display: none;
}


/*
---------------------------------------------------------
LÄNK I KANTEN AV SIDAN
---------------------------------------------------------*/

.lp-link-at-the-edge {
  background: #3a3a3a;
  padding: 15px 0 0;
  position: static;
  -webkit-transform: none;
  transform: none;
  -webkit-transform-origin: 50% 50% 0;
  transform-origin: 50% 50% 0;
  width: 100%;
}

.lp-link-at-the-edge a {
  background: #005877;
  border-radius: 10px;
  margin: 0 5px 15px;
}

.lp-link-at-the-edge a:hover,
.lp-link-at-the-edge a:focus {
  background: #0376a1;
}


/*
---------------------------------------------------------
BILDPUFF
---------------------------------------------------------*/

.lp-img-box {
  margin: 0 0 20px;
}

.lp-img-box .sv-text-portlet {
  padding: 15px 10px;
}


/*
---------------------------------------------------------
NYHETSLISTNING
---------------------------------------------------------*/

.lp-news-list {
  margin: 0 0 20px;
  padding: 10px;
}

.lp-news-list li {
  margin: 10px 0 0;
  padding: 10px 0 0;
}

.lp-news-list li:first-child {
  margin: 0;
  padding: 0;
}

.lp-news-list .normal {
  border-left: none;
  display: block;
  font-size: 1.4rem;
  margin: 0;
  padding: 0;
}


/*
---------------------------------------------------------
EVENEMANGSLISTNING
---------------------------------------------------------*/

.lp-events-list {
  margin: 0 0 20px;
  padding: 10px;
}

.lp-events-list li {
  margin: 10px 0 0;
  padding: 10px 0 0;
}

.lp-events-list li:first-child {
  margin: 0;
  padding: 0;
}

.lp-events-list .subsubheading {
  display: block;
}


/*
---------------------------------------------------------
BILDSPEL / SLIDESHOW PÅ STARTSIDAN
---------------------------------------------------------*/

.lp-slide__content .normal {
  font-size: 26px !important;
  line-height: 38px !important;
  padding: 20px 10px !important;
  position: static !important;
}

.lp-slideshow__navigation-wrap {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px;
  position: absolute !important;
  top: 0;
  width: 100% !important;
}

.lp-slideshow__navigation {
  position: static !important;
  text-align: center !important;
}

.lp-slideshow__navigation button.slick-prev {
  border-right: none !important;
  float: left !important;
}

.lp-slideshow__navigation button.slick-next {
  float: right !important;
}


/*
---------------------------------------------------------
MEST EFTERFRÅGADE PÅ STARTSIDAN (POPULÄRA LÄNKAR)
---------------------------------------------------------*/

.lp-start-popular-links {
  min-height: initial;
}

.lp-start-popular-links .sv-vertical {
  padding: 10px;
}

.lp-start-popular-links .subheading {
  margin: 0 0 5px !important;
}


/*
---------------------------------------------------------
NYHETER PÅ STARTSIDAN
---------------------------------------------------------*/

.lp-start-news {
  margin: 0 0 20px;
}

.lp-start-news ul {
  display: block;
  margin: 0 10px 20px;
}

.lp-start-news li {
  margin: 0 0 10px;
  max-width: initial;
  width: 100%;
}

.lp-start-news-content {
  padding: 10px;
}

/* Länknapp till nyhetsarkivet */

.lp-start-news .sv-text-portlet {
  margin: 0 10px 20px;
  padding: 0 0 10px;
}

/* Nyheter och evenemang */
.lp-news-and-events {
  margin: 0 1rem 2rem;
}

.lp-news-and-events > .sv-layout > .sv-layout:first-child {
  border: none;
  padding-right: 0;
}

.lp-news-and-events > .sv-layout > .sv-layout:last-child {
  padding-left: 0;
}

/*
---------------------------------------------------------
TABS
---------------------------------------------------------*/
body .pagecontent .lp-tabs__tab {
  font-size: 1.6rem;
  margin-top: 5rem;
}

.pagecontent .lp-tabs__tablist {
  margin-bottom: 1.5rem;
}

/*
---------------------------------------------------------
EVENEMANG PÅ STARTSIDAN
---------------------------------------------------------*/

.lp-start-events {
  margin: 0 10px 20px;
}

.lp-start-events ul {
  display: block;
  margin: 0;
}

.lp-start-events li {
  margin: 0 0 10px !important;
  max-width: initial;
  width: 100%;
}


/*
---------------------------------------------------------
LÄNKKNAPPAR
---------------------------------------------------------*/

.lp-link-button > div {
  margin: 0 10px 10px;
  padding: 15px 10px;
}



/*
---------------------------------------------------------
BO I HERRLJUNGA
---------------------------------------------------------*/

/*
---------------------------------------------------------
LISTNING AV PUFFGRID
---------------------------------------------------------*/

.lp-puffgrid-item:nth-child(1),
.lp-puffgrid-item:nth-child(2),
.lp-puffgrid-item:nth-child(3),
.lp-puffgrid-item:nth-child(4),
.lp-puffgrid-item:nth-child(5),
.lp-puffgrid-item:nth-child(6) {
  grid-column-end: 4;
  grid-column-start: 1;
}

.lp-puffgrid-item:nth-child(1) {
  grid-row-end: 1;
  grid-row-start: 1;
}

.lp-puffgrid-item:nth-child(2) {
  grid-row-end: 2;
  grid-row-start: 2;
}

.lp-puffgrid-item:nth-child(3) {
  grid-row-end: 3;
  grid-row-start: 3;
}

.lp-puffgrid-item:nth-child(4) {
  grid-row-end: 4;
  grid-row-start: 4;
}

.lp-puffgrid-item:nth-child(5) {
  grid-row-end: 5;
  grid-row-start: 5;
}

.lp-puffgrid-item:nth-child(6) {
  grid-row-end: 6;
  grid-row-start: 6;
}

/* BO I HERRLJUNGA PUFFAR*/
.lp-info-box-beige,
.lp-info-box-green,
.lp-info-box-blue {
  padding: 1.8rem;
}

/*INGÅNGSLÄNKAR*/

body .lp-entry-links__item {
  flex-direction: row;
  margin-bottom: 0;
  position: relative;
  width: 100%;
}

body .lp-entry-links__link {
  border-radius: 0;
  padding: 1.5rem;
}

body .lp-entry-links__item::after {
  border-bottom: 1px solid #d8d9cb;
  content: '';
  display: block;
  left: 4rem;
  position: absolute;
  width: 82%;
  z-index: 1;
}

body .lp-entry-links__item:last-child::after {
  border-bottom: 0;
}

body .lp-entry-links__list {
  margin: 3rem -1.5rem 3rem;
}
/*Döljer beskrivningen i ingångslänkarna

body p.lp-entry-links__description {
   display: none;
}
*/



/* SIDMALL */
body .lp-bih-centered-content-wrapper {
  justify-content: flex-start;
}

/*
---------------------------------------------------------
PUFFAR
---------------------------------------------------------*/
.sv-layout .lp-app-blurbs-list__item-content {
  padding-left: 0;
}

.lp-app-blurbs-list {
  margin: 0 1rem 2rem;

  grid-template-columns: 1fr;
}

/*
---------------------------------------------------------
NEKANDE KAKOR - KNAPP
---------------------------------------------------------*/

.lp-denied-cookie-button {
  height: 65px;
  width: 65px;
}