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

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

html {
  font-size: 62.5%;
}

/* Fix av mobilmeny för iOS */
body > .sv-layout {
  overflow-x: hidden;
  position: relative;
}

/* Fix för ankarlänkar med fixed sidhuvud */

.lp-wrapper *:target:before {
  content: '';
  display: block;
  height: 13rem;
  margin-top: -13rem;
  position: relative;
  width: 0;
  z-index: -10;
}

/* 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 {
  box-sizing: border-box;
  max-width: 95% !important;
}

ul.sv-autocomplete-search-result .sv-autocomplete-result-item {
  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-top: 0;
}

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

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

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

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

#Mittenspalt + .sv-image-portlet {
  margin: 0 0 20px;
}

/*
---------------------------------------------------------
FLÖDE & BOXAR
--------------------------------------------------------- */

.lp-content .lp-flow {
  margin: 0 -10px;
}

.lp-cover__video > div {
  top: 0 !important;
}

.lp-content .lp-event-map-content {
  margin: 0 -10px;
}

.lp-start-boxes {
  margin: 0;
}

.lp-start-boxes .sv-archive-portlet {
  margin: 15px 0 -15px;
}

.lp-start-boxes-box > .sv-text-portlet {
  padding: 20px 15px;
}

.juicer-feed.modern li.feed-item {
  border-radius: 0;
}

h2.subheading.lp-visit-subheading {
  margin: -10px 25px 20px;
}

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

.lp-section-yellow-stripe .lp-crown-headline {
  margin: 0 10px 20px;
}

.lp-crown-headline .lp-icon {
  font-size: 2.75em;
}

.lp-hero--inset .lp-hero {
  margin: 0 !important;
}

.lp-castle-boxes > div {
  margin: 0 15px 20px;
  padding: 20px 15px;
}

.lp-contact {
  margin: 10px 0;
}

.lp-section-calendar {
  margin: 20px 0;
}


/*
---------------------------------------------------------
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 {
  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: 0 5px 5px;
  position: relative;
}

.lp-header-content {
  flex-wrap: wrap;
}

.lp-header .lp-headerlinks a {
  margin: 0;
  padding: 14px 15px 6px;
}

.lp-header-content > div {
  -webkit-box-ordinal-group: 2;
  order: 1;
}

.lp-header-content > .sv-script-portlet {
  width: 100%;

  -webkit-box-ordinal-group: 3;
  order: 2;
}

.lp-logo img {
  margin-left: 7px;
  width: 65px !important;
}

.lp-site-header {
  font-size: 3.8rem;
  margin: -5px 0 0;
}

/* .lp-search-link {
  display: none !important;
} */

/* Scrollat sidhuvud */

.lp-header.lp-scrolled {
  padding: 0 5px;
}


.lp-header.lp-scrolled .lp-header-content {
  flex-wrap: nowrap;
}

.lp-header.lp-scrolled .lp-header-content > div {
  -webkit-box-ordinal-group: 2 !important;
  order: 1 !important;
}



.lp-header.lp-scrolled .lp-logo img {
  margin: 0 15px 0 7px;
  width: 50px !important;
}

.lp-header.lp-scrolled .lp-site-header {
  font-size: 6vw;
  margin: 0;
}

.lp-header.lp-scrolled .lp-headerlinks a {
  margin: 0;
  padding: 14px 15px 6px;
}

.lp-header.lp-scrolled .lp-lang-link {
  display: none;
}

@media only screen and (max-width:380px) {
  .lp-site-header {
    font-size: 9.9vw;
  }
}

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

.lp-footer {
  margin: 0;
}

.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;
}

.lp-jawbreaker {
  right: 30px;
}

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

.lp-topmenu {
  display: none;
}



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

.sv-multilevellink-portlet {
  margin: 10px 10px 0;
}


/*
---------------------------------------------------------
VERTKTYGSMENY
---------------------------------------------------------*/

.lp-site-tools {
  margin: 10px 0 0;
  text-align: left;
}


/*
---------------------------------------------------------
FAQ STARTSIDA
---------------------------------------------------------*/

.lp-start-boxes {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
}

.lp-start-boxes > div {
  margin: 0 0 30px !important;
  padding: 20px 15px 20px;
  width: 100% !important;
}

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

a.lp-page-top {
  display: block;
  font-weight: bold;
  padding: 20px 10px 20px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}

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

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


/*
---------------------------------------------------------
VIKTIGT MEDDELANDE
---------------------------------------------------------*/

.sv-archive-portlet.lp-alert li {
  margin: 20px 20px 0;
  width: auto;
}


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

.lp-crumb-tools {
  display: none;
}


/*
---------------------------------------------------------
FACETTER
--------------------------------------------------------- */


.lp-searchwrapper > div {
  display: block;
}

.lp-facets {
  margin: 0 0 30px;
  padding: 0;
  width: 100%;
}

.lp-searchwrapper ol {
  width: 100%;
}


/*
---------------------------------------------------------
COVER
---------------------------------------------------------*/
.lp-cover,
.lp-cover__image,
.lp-cover__video,
.lp-cover__video-link {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

.lp-cover__image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.lp-cover__video,
.lp-cover__video-link {
  z-index: 3;
}

.lp-cover__video-link {
  -webkit-box-align: center;
  align-items: center;
  color: #fff;
  display: -webkit-box;
  display: flex;
  font-size: 4.0rem;

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

.lp-cover__video-link:hover {
  color: #666;
}


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

.lp-start-royal-house {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
}

.lp-start-royal-house > div {
  background-position: 50% 0 !important;
  min-height: 220px;
  width: 100%;
}

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


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

.lp-flow {
  display: block;
  margin: 0;
}

.lp-flowitem {
  height: auto;
}

.lp-flowitem-info {
  max-width: initial;
}

.lp-flowitem-wrapper {
  padding: 0 0 15px;
  width: 100% !important;
}

.lp-flowitem-info-content > div {
  padding: 15px 15px 20px;
}

/*
---------------------------------------------------------
COVER
---------------------------------------------------------*/



.lp-cover-slide-wrapper {
  width: 100%;
}

.lp-cover-slide-content {
  bottom: 0;
  top: initial;
}


/*
---------------------------------------------------------
FLEXSLIDER
---------------------------------------------------------*/

.flex-direction-nav {
  top: 35%;
  top: calc(35% - 45px);
}

.lp-cover-slide-item {
  height: auto;
}

.lp-cover,
.lp-cover__image,
.lp-cover__video,
.lp-cover__video-link {
  height: 50vw;
  position: static;
}

.lp-cover-slide-wrapper {
  position: relative;
  width: auto;
}

.flex-direction-nav {
  display: none;
}

/*
---------------------------------------------------------
META-LIST
---------------------------------------------------------*/

.lp-meta > .lp-container {
  display: block;
  padding: 10px 15px 7px;
}

.lp-meta__title,
.lp-meta__subtitle {
  display: block;
}

.lp-meta__subtitle {
  margin: 2px 0 0 40px;
}


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

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

/*
---------------------------------------------------------
FLOW-ITEMS
--------------------------------------------------------- */
.lp-flowitem-info-content {
  max-height: initial;
}

.lp-infowindow-image {
  overflow: hidden;
}



/*
---------------------------------------------------------
JUICER
---------------------------------------------------------*/

body .juicer-feed {
  margin: 0 0 20px !important;
  max-height: initial !important;
}

.juicer-feed.modern .j-text {
  padding: 20px 15px;
}

/*
---------------------------------------------------------
DEKORATIONSMALL - HÖGERFLÖDANDE BILD
---------------------------------------------------------*/

.sv-decoration-hogerflodande-bild {
  float: none;
  margin: 0 0 30px 0 !important;
  max-width: 100%;
}

.sv-column-8 .pagecontent {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
}


/*
---------------------------------------------------------
SLIDER
---------------------------------------------------------*/

.flexslider {
  margin: 0 auto 15px;
}

.flexslider .storlist h2 {
  font-size: 2.5rem;
}

.flexslider .storlist {
  padding: 20px 15px 40px;
}

.flexslider .flex-control-nav {
  bottom: initial;
  top: 10px;
}

/*
---------------------------------------------------------
KALENDER



---------------------------------------------------------*/

.lp-calendar__result .lp-flow {
  display: none;
}

.lp-news__result .lp-flow {
  display: block;
}


.lp-calendar-item {
  padding: 20px 0;
}

.lp-calendar-item__date {
  font-size: 1.3rem;
  padding: 10px;
}


.lp-calendar-item__day {
  font-size: 3.0rem;
  line-height: 1;
}

.lp-calendar-item__content > h2 {
  font-size: 1.8rem;
}

.lp-calendar-item__content > h3 {
  font-size: 1.8rem;
}

.lp-calendar-item__meta {
  -webkit-box-flex: 0;
  flex: 0 0 auto;
}

/*
---------------------------------------------------------
VÅRA ARKIV
---------------------------------------------------------*/

#lp-our-archives {
  -webkit-box-align: start !important;
  align-items: flex-start !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  margin: 0 !important;
  padding: 0 15px;
}

#lp-our-archives ul {
  margin: 20px 0 0;

  flex-wrap: wrap;
}

#lp-our-archives li {
  margin: 10px 0 !important;
}

#lp-our-archives li a {
  margin: -10px 0;
  padding: 10px 0;
}

.c-pattern-viewer__list {
  overflow: auto !important;
}

.c-pattern-viewer__item {
  max-width: 80%;
  min-width: 270px;
}

/*
---------------------------------------------------------
BILDBANK och FILTRERING

Detta finns i img-vault
.lp-remove-filters {
  border: 2px solid #d19700;
          box-sizing: border-box;
  color: #000;
  display: inline-block;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 150%;
  padding: 7px 30px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
          transition: all 0.3s ease;

---------------------------------------------------------*/

div.lp-message {
  display: block;
}

div.lp-img-vault-filters {
  width: 100%;
}
div.lp-image-vault-content {
  width: 100%;
}

span.lp-filter-name {
  margin: 8px 0 0 0;
}

ul.lp-filter-values {
  display: block;
}


div.lp-message-wrapper > div {
  display: block;
}

/*
---------------------------------------------------------
Kungligheter bilder längst ner,
låser fast Namn och regent-tid på bilden i mobilt läge.
---------------------------------------------------------*/
.c-pattern-viewer__details {
  opacity: 1;
}



/*
---------------------------------------------------------
BILDARKIV
---------------------------------------------------------*/





.lp-img-vault .grid-item {
  width: 45% !important;
}

.lp-fullscreen-image-wrapper {
  padding: 20px !important;
}

.lp-fullscreen-image {
  height: 300px !important;
  width: 100% !important;
}

.lp-image-info {
  box-sizing: border-box;
  left: auto !important;
  max-width: 100% !important;
  padding: 20px !important;
  position: static !important;
  top: auto !important;
  width: 100% !important;
}

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

/*-- Hero --*/

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

.lp-exhibition-hero-overlay {
  width: 100%;
}

.lp-exhibition-hero-content {
  width: 60%;
}

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

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

/*-- Banner --*/

.lp-exhibition-banner {
  margin: 0 0 15px;
}

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

.lp-exhibition-banner__content {
  padding: 2rem;
}

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

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

.exhibit-video {
  width: 100% !important;
}

.lp-openseadragon {
  height: 300px !important;
  width: 400px !important;
}

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

.lp-flow-banners.lp-flow-wide .lp-flowitem-info {
  max-width: initial;
}

.lp-flow-banners.lp-flow-wide .lp-flowitem {
  height: auto;
  max-height: none;
  min-height: none;
}

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

.lp-flow-banners.lp-flow-wide .lp-exhibition-banner__overlay {
  width: 100%;
}

.lp-flow-banners .lp-cover__image {
  height: 100%;
}

/*
---------------------------------------------------------
GOOGLE MAPS - EJ GODKÄND COOKIE
--------------------------------------------------------- */

.lp-google-maps--no-cookie-consent > .sv-layout .subheading,
.lp-google-maps--no-cookie-consent .lp-webapp-kmv__missing-consent-heading {
  font-size: 1.8rem;
}

.lp-google-maps--no-cookie-consent > .sv-layout {
  padding: 2rem 1.5rem;
}

/*
---------------------------------------------------------
KALENDER 
--------------------------------------------------------- */

.lp-calendar-wrapper {
  padding: 0 10px;
}

/*
---------------------------------------------------------
GOOGLE MAPS - EJ GODKÄND COOKIE
--------------------------------------------------------- */

.lp-google-maps--no-cookie-consent .lp-webapp-kmv__missing-consent {
  padding: 2.5rem;
}

.lp-google-maps--no-cookie-consent .lp-webapp-kmv__missing-consent-button.env-button {
  padding: 10px 20px;
}