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


/*
---------------------------------------------------------
HEADER
--------------------------------------------------------- */

.lp-header {
  padding: 0 10px;
}

.lp-site-header {
  font-size: 3.5rem;
}

.lp-header .lp-logo img,
.lp-header.lp-scrolled .lp-logo img {
  width: 60px !important;
}


/*
---------------------------------------------------------
FOOTER
--------------------------------------------------------- */

.lp-footer {
  padding: 30px 20px 150px;
}

.lp-footer-headline {
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  margin: 0 auto 20px;
}

.lp-footer-headline .lp-icon {
  margin: 0 0 5px;
}

.lp-footer-headline img {
  margin: 0;
}

.lp-site-footer-header {
  font-size: 3rem;
}

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

.lp-footer ul.lp-socialmenu {
  margin: 0 0 20px;
}

.lp-socialmenu a {
  padding: 5px 20px;
}

.lp-footer .sv-jcrmenu-portlet li + li:before {
  display: none;
}


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

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

/* Staplar tvåspalt */

.lp-content.sv-column-8 .sv-column-4 {
  float: none !important;
  margin: 0;
  width: 100% !important;
}


/*
---------------------------------------------------------
FLÖDE + INSTA STARTSIDA
--------------------------------------------------------- */

.lp-startpage-flow .sv-column-8,
.lp-startpage-flow .sv-column-4 {
  float: none !important;
  width: 100% !important;
}

body .j-stack.galcolumn {
  display: -webkit-box !important;
  display: flex !important;
  margin: 0 !important;
  padding: 0 !important;
}

.j-stack.galcolumn > li {
  box-sizing: border-box;
  margin: 0 15px !important;
  width: 50% !important;
  width: calc(50% - 30px) !important;
}

.j-stack.galcolumn > li:last-child {
  display: none;
}


/*
---------------------------------------------------------
FLÖDE
--------------------------------------------------------- */

.lp-flow--3 .lp-flowitem-wrapper {
  -webkit-box-flex: 1;
  flex: 1 1 50%;
}

.lp-section-yellow {
  padding: 30px 0 0;
}

.lp-places-section {
  padding: 30px 0;
}

.lp-hero--inset .lp-hero {
  margin: 0 auto;
}

.lp-section-yellow-stripe {
  padding: 30px 0 10px;
}


/*
---------------------------------------------------------
BESÖKSMÅL STARTSIDA
--------------------------------------------------------- */

.lp-places-section .lp-flow .lp-flowitem-wrapper:last-child {
  display: block;
}


/*
---------------------------------------------------------
FAQ OCH PUFFAR
--------------------------------------------------------- */

/* Generellt */
.lp-start-boxes {
  -webkit-box-pack: center;
  flex-wrap: wrap;
  justify-content: center;
}

.lp-start-boxes > div {
  width: auto;

  -webkit-box-flex: 0;
  flex: 0 1 46%;
}

.lp-start-boxes > div:first-child {
  width: 100%;

  -webkit-box-flex: 1;
  flex: 1 1 auto;
}


/*
---------------------------------------------------------
UTBUDSMENYN
--------------------------------------------------------- */

.sv-layout a.lp-ticket-link {
  background: #d19700;
  padding: 10px 46px 10px 10px;
}


/*
---------------------------------------------------------
ARKIVLISTNING
---------------------------------------------------------*/

/* Rubrik och meny */

#lp-our-archives {
  display: block;
}


/*
---------------------------------------------------------
KUNGAHUSET
--------------------------------------------------------- */

.lp-start-royal-house > div:last-child {
  padding: 30px 20px 10px;
}

.lp-start-royal-house li:last-child {
  display: none;
}

/*
---------------------------------------------------------
UTSTÄLLNING
---------------------------------------------------------*/

/*-- Hero --*/

.lp-exhibition-hero-content .lp-exhibition-hero-caption-meta {
  font-size: 4.8rem;
}

.lp-exhibition-hero-content .lp-exhibition-hero-caption-title,
.lp-exhibition-hero-content .lp-exhibition-hero-caption-subtitle {
  font-size: 6.2rem;
}

.lp-exhibition-hero-content {
  padding: 3rem;
}

.lp-hero.lp-exhibition-hero {
  min-height: 50vh;
}

/*-- Banner --*/

.lp-exhibition-banner__content,
.lp-exhibition-banner__overlay {
  width: 60%;
}

/*
---------------------------------------------------------
FLÖDE UTSTÄLLNING
--------------------------------------------------------- */

.lp-flow-banners.lp-flow-wide .lp-exhibition-banner__exhibition-primary-name,
.lp-flow-banners.lp-flow-wide .lp-exhibition-banner__exhibition-name {
  font-size: 4.2rem;
}

.lp-flow-banners.lp-flow {
  flex-direction: column;
}

.lp-flow-banners .lp-flowitem-wrapper {
  width: 100%;
}

.lp-flow-banners .lp-flowitem-info {
  max-width: 100%;
}