/*
  Theme Name: ALV - Effect
  Description: Wordpresstema utvecklat av Effect Reklambyrå
  Version: 196400000.4.3
  Author: Erik Wallberg
  Author URI: http://www.effectreklam.se
  Tags: Blank, HTML5, CSS3

  License: MIT
  License URI: http://opensource.org/licenses/mit-license.php
*/
.searchBox{}

/* Ew temp */
.headerTemp{width:100%;}
.topMenyBook img{position:absolute;}


/*------------------------------------*\
    MAIN
\*------------------------------------*/
/** TEMPORÄRT UNDER RÖMBOS MÖTE 20 MARS - 18 */
.addthis-smartlayers{display:none;}
.season-hide{display:none;}
.appModule{display:none !important;}

/* Corona-varning i headern */
.coronaHeader{background:/*rgba(255,130,2, 0.85)*/ rgba(84, 111, 123, 0.85); color:white; padding:7px; width:100%; font-size:16px; text-align:center; transition:all ease 500ms; display:block;}
.coronaHeader:hover{background-color:#789eb4; color:white;}
.coronaHeader span{margin-left:10px;}
.coronaHeader i{}

.CoronaMobile{display:none;}

/*#comersCartContainer{display:none;}*/
/*#comersCartContainer .amount, #comersCartContainer .cs9CartCancelBooking{display:none;}
#comersCartContainer a{visibility:hidden;}
#comersCartContainer a:after{content: "This";}*/
#comersCartContainer{/*margin-left:-20px;*/}
#comersCartContainer .minicartnav{padding:0px; font-size:14px;}
#comersCartContainer .ui-icon{margin-top:-20px; background: url(https://iframealv.comers.se/pages/js/jquery/css/smoothness/images/ui-icons_222222_256x240.png) no-repeat 
!important;}
.comersCartContainerCenter{position:relative;}
.comersCartContainerCenter #comersCartContainer{position:absolute; right:0px; margin-top:135px; z-index:10;}

/** COMERS **/
.miniCartContainer .miniCartInfo{background-color:#009f67; padding:5px 15px;}
.miniCartContent{font-weight:400; font-size:16px;}
.miniCartContainer .miniCartContent .miniCartBottom .toCheckout{background-color:#009f67;}
#comersIframeContainer{padding:0px 20px;}
.toCheckout .material-icons{padding-right:20px;}

/*------------------------------------*\
    COOKIES
\*------------------------------------*/
#cc--main{z-index:99999999999 !important;}
.cc_div{font-size:14px !important;}
#c-txt{0.8em; !important}
#cm{left:1.25em; max-width:60em !important;}
#c-bns button:first-child, #s-bns button:first-child{background:#afd6ec !important; color: #3d4d54 !important;}
@media only screen and (max-width:650px) {
	#c-bns{flex-direction:row !important;}
	.c-bn{margin:5px !important;}
}

/******/

/* global box-sizing */
*,
*:after,
*:before {
  -moz-box-sizing:border-box;
  box-sizing:border-box; 
  -webkit-font-smoothing:antialiased;
  font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
  font-size:62.5%;
}
body {
  font:300 22px/1.5 'Roboto', sans-serif;
  color:#444;
background-color:#F0E9D3;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
  max-width:100%;
  vertical-align:bottom;
}
.fade{transition: transform .5s ease-in-out;}

a {
  color:#444;
  text-decoration:none;
}
a:hover {
  color:#444;
}
a:focus {
  outline:0;
}
a:hover,
a:active {
  outline:0;
}
input:focus {
  outline:0;
  border:1px solid #04A4CC;
}

table {
  border: 0;
}
table tr {
  border: 0;
}

table tr td {
  padding: 0.15em;
  border: 0;
}
.textLeft{text-align:left;}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

.center{max-width:1140px; margin:auto;}

/* wrapper */
.wrapper {

  max-width:1140px; /*1280*/
  width:100%;
  margin:0 auto;
  position:relative;
background-color:white;
box-shadow:0px 0px 10px rgba(0,0,0,0.5);
/* Fix för att få rätt marginaler i botten, fungerar den överallt? */
display:table;
/* FLYTTAR UPP EFTER FÖRSLAG FRÅN MARCUS */
margin-top:-50px;
z-index:1;
}
.page-template-sub-page-1 .wrapper, .page-template-effect_visajobb .wrapper, .page-template-effect_ledigajobb .wrapper{margin-top:50px;}
.page-template-effect_dagsprogram .wrapper, .single-dagsprogram .wrapper, .single-dagsprogram-web .wrapper{margin-top:0px;}

/* header */
.header {
  
}
/* logo */
.logo {

}
.logo-img {

}
/* nav */
.nav {

}
/* sidebar */
.sidebar {

}
/* footer */
.footer {
  display:inline-block;
background-color:#FFF4C7; margin-top:160px;
}

h1, h2, h3, h4, h5, h6
{color:#AD1D0B;font-family:"alv",Arial, sans-serif;}

/*------------------------------------*\
    GRUNDER
\*------------------------------------*/


.alv{font-family:"alv",Arial, sans-serif;}

.logo{position:relative; margin-top:-7px; margin-left:10px; max-width:100%; width:100%; display:flex; justify-content:center; align-items:center;}
.logo .alvLogo img{max-width:220px; width:100%;}
.logo .nasLogo img{max-width:55px; margin-top:3px; width:100%;}


.totalContainer{}

.width50{float:left; max-width:50%; width:100%; padding:5px;}
.width33{max-width:33%; float:left; padding:5px; width:100%;}
.width100{max-width:100%; padding:0px 1px; position:relative;}

.displayNone{display:none;}

.startPageWidth h2, .startPageWidth h1, .textModule h2, .textModule h1{font-size:50px; margin:0px; line-height:50px;}

.link{text-decoration:underline; color:#444; font-weight:bold;}
.link:hover{color:#d3300f;}
.fa-caret-right{margin-left:9px; padding-top:3px;}

/*------------------------------------*\
    HEADER
\*------------------------------------*/
header{
position: relative;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
margin-top:0px;
max-width:1140px;
width:100%;
z-index:2;
/* Ändrar height för ej ska gå över wrapper. Påverkar annat? 19/12 -18 */
height:135px;
}
.page-template-front-page header, .page-template-effect_character_template header, .page-template-SJ_template header, .page-template-rekrytering_mall header, .page-template-effect_character_overview-php header, .page-template-dagsprogram2020 header, .page-template-alv_priser header, .page-template-effect_parkkarta_2020 header
{position:absolute;}

.page-template-effect_character_template .hero{overflow:visible;}
.page-id-539 .textModule .width100{max-width:100% !important;} 
.page-id-539 .textModule {background-color:#f7fafd !important;}	
/*.upptack-parken .hero .isImageHero{display:none;}*/


.headerContent{
background: #FFF4C7;
padding:15px 30px;
display:flex; justify-content:space-between; align-items:center;
}


/*------------------------------------*\
    INNEHÅLLSMODULER
\*------------------------------------*/

/* Nya 2018 */

.showMobile, .mobileOnly{display:none;}
.showOnlyDesktop{display:block !important;}
.showOnlyMobile{display:none !important;}

.freeCodeModule{background-color:#fffbf0;}
/*.freeCodeModule
{
background-color:#ffe100; 
background-image:url('../../uploads/2018/03/alv_2018_map.jpg');
background-repeat:no-repeat; 
background-position:bottom right;
background-size:contain;
display:inline-block;
padding:45px 0px 45px 45px;
width:100%;
}*/

.startPippi2 p{font-size:22px;}
.startPippi2 img{margin-top:-11.20%; position:absolute;}

.startKarta
{
background-color:#ffe100; 
background-image:url('../../uploads/2018/03/alv_2018_map.jpg');
background-repeat:no-repeat; 
background-position:bottom right;
background-size:50%;
display:inline-block;
padding:45px 0px 45px 45px;
width:100%;
}


.innerCodeModule
{
max-width:600px;
width:60%;
}


/* Textmodul */
.textModule{width:100%; margin:auto; display:block; text-align:left; padding:/*40px*/20px 22px 20px 22px;background-color:#FFFBF0 }
.textModule .width100{max-width:920px; margin:auto; font-size: 22px; /*line-height: 35px;*/}

/* Front page & Öppettider only center */
.home .textModule .width100, .page-id-32455 .textModule .width100, .page-id-33986 .textModule .width100, .page-id-35095 .textModule .width100, .page-id-72514 .textModule .width100{display:flex; flex-direction:column; align-items:center;}
/*.dayProgramOverview .width100{display:block;}*/
.home .owlModule .width100{display:block; }

/* Fullbreddsbild*/
.fullWidthImage, .fullWidthImage img{width:100%;}

/* Tre puffar */
.threeModulePuffs{padding:0px 22px 5px 22px; display:inline-block; background-color:#fffbf0;}
.threePuffs{padding:0px 22px 0px 22px; display:grid;}
.threePuffs a{display:grid;}
.threePuffs figure{position:relative;}
.threePuffs figcaption, .galleryUl figcaption, .rekPuff figcaption
{position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;width: 100%;opacity: 0;transition: .5s ease;
background-color: rgba(0, 0, 0, 0.5);}
.threePuffs figcaption span, .rekPuff figcaption span, .galleryUl figcaption span
{color: white;font-size: 24px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);font-family:'alv', arial;}
.threePuffs figure:hover figcaption, .rekPuff figure:hover figcaption, .galleryUl figure:hover figcaption{ opacity:1;}
.puffHeader{font-family:'alv', arial; font-size:29px; line-height:29px; margin-top:22px; color:#d3300f;}

/* Mellanrubrik*/
.mediumHeader{width:100%; margin-top:55px; margin-bottom:70px;}
.mediumHeader h4{color:#444;; font-size:38px; line-height:auto; text-align:center;}
.mediumHeader a{text-decoration:none;}
.mediumHeader a:hover h4{color:#d3300f;}

/* Kvadrater */
.quadFullWidth{display:flex; width:100%; flex-wrap:wrap;}

.quads{max-width:50%; width:100%; position:relative;}
.quadImage img{max-width:570px; width:100%;}
.flik{max-width: 175px !important; max-height: 175px; position: absolute; width: 27% !important; height: 27%;}

.quadCitatContainer, .quadText{display:flex; justify-content:center; align-items:center;
background-image:url('../../uploads/2018/12/alv_stripes_yellow.png');
background-repeat:repeat-y;
padding:30px;
flex-basis:50%;
}
.quadFlex{}
.quadCitat, .quadText .quadTextHeader{font-family:'alv', arial; font-size:42px; line-height:62px; color:#d3300f;}
.quadSmallCitat{font-size:22px; line-height:26px; display:block; padding-top:13px;}

.quadText{padding:45px;}
.quadText .quadTextText{font-size: 22px; line-height: 35px;}

.quadWhite{background-image:none; background-color:#FFFBF0 !important;}
.quadWhite .quadTextHeader{font-family:'Roboto', 'alv', arial;}

.quadYellow{background:#f0e9d3 !important;}
.quadRed{background:#f8cadc !important;}
.quadBlue{background:#F0E9D3 !important;}
.quadGreen{background:#e3efe0 !important;}

/* INFO FÖR KALENDER*/

.info .quads{max-width:100%;}
.info .quadText{background-image:none; padding:10px;}
.info .quadText .quadTextHeader{font-size:22px !important; line-height:22px; font-family:'Roboto', arial; color:#d3300f;}

/* Galleri */

.galleryUl{list-style:none; display:flex; justify-content:center; align-items:center; flex-wrap:wrap;
padding:0px; margin:0px; width:100%; 
}
.galleryUl li{width:33.33333333%; position:relative; flex-basis:33.333333%;}
.galleryUl img{width:100%;}
.galleryUl a{}
.galleryUl span{}

/* Linje */
.linje{padding:0px 45px;}
.linje hr{
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #333;
    margin: 1em 0;
    padding: 0; 
}


/*------------------------------------*\
   2020 - Webb 2,5 moduler
\*------------------------------------*/

/* Generellt */

.mainContainer{max-width:100vw;}

.boxContent{}
.readMore{font-size:18px; min-width:90px;}
.readMore:hover{text-decoration:underline;}

.readMore .fas{margin-left:15px; font-size:14px;}

/** Symboler **/

.symbolContainer{display:flex; justify-content:center; flex-wrap:wrap; }
.symbolContainer .symbol{border-radius:10px; width:155px;
background-color:#F0E9D3; color:#3D4D54; margin:5px; padding:5px; text-align:center;

}
.symbolContainer .symbol:hover{background-color:#C3B99C; color:#AFD6EC; cursor:pointer;}
.symbolContainer span{width:100%; text-align:center;display: block;padding-bottom: 10px;margin-top: -10px; font-size:17px;color:#55140C}
.symbolContainer svg{ fill: #55140C; height:70px;}
.symbolContainer .symbol:hover > svg{fill: #55140C; }


/* Appyta */

.appModule{background-color:#afd7ed;}
.appContainer{display:flex; position:relative; justify-content:space-between;}
.appContainer h2{color:#3c4b52;}
.appImage{flex-basis:20%;position:relative;}
.appImage img{position:absolute; left:-22px; bottom:-20px;}
.appContent{flex-basis:50%;}
.appLinks{flex-basis:20%;padding:5px; padding-right:20px;}
.appLinks a{margin-bottom:20px; display:block;}

/* Slideshow */

.owlModule{}

.owl-carousel{max-width:1140px;  } 
.owl-dots{display:none;}
.owl-content{background-size:cover; margin:15px; position:relative;}
.owl-carousel .owl-lazy{z-index:1;}

.boxContent{z-index:2; position:absolute; width:94%; font-size:16px; padding:10px;
display:flex; justify-content:space-between; flex-flow:column;
margin:3%; bottom:0px; line-height:1.5; opacity:0.9;
}
.boxContent span{font-weight:bold;
}
.boxContent .readMore{font-size:16px; align-self:self-end;}

    .owl-prev, .owl-next {
        width: 15px;
        height: 100px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        display: block !important;
        border:0px solid black;
    }
    .owl-prev { left: 0px; }
    .owl-next { right: 10px; }
    .owl-prev i, .owl-next i {transform : scale(1.5); color: #fffbf0; border-radius:50%; background-color:#ad1d0b; padding:5px; box-shadow:0px 0px 3px -1px #333}

/* Karaktärer */

.characterOverview{background-color:#f1f1f1; padding-top:40px;}
.characterIntro{display: flex; background-color:white; margin:20px; justify-content:space-between; width:100%; min-height:250px;}
.characterIntro .characterImage{max-width:250px; width:100%; background-size:cover; background-position:center;}
.characterIntro .characterImage img{display:none;}
.characterIntro .cIntroText{padding:20px; display:flex; width:100%; max-width:73%; justify-content:space-between;}
.characterIntro .cIntroLeft{max-width:75%;}
.characterIntro .cIntroRight{width:140px; display: flex;align-items: flex-end;}
.characterIntro strong{color:#d3300f; font-size:34px;}
.characterIntro p{font-weight:300; font-size:20px; line-height:25px;}
.characterIntro a{}
.characterIntro .cLeftContent{font-size:20px; line-height:25px; padding-top:10px; padding-bottom:10px; font-weight:bold;}
/* Karaktärskarta */


.page-template-effect_character_template .hero .isImageHero{}	
.cMapContainer{max-width:100%; margin:auto; background-color:#e6f0d8; position:relative; display:flex; align-items:center; justify-content:center;}
.cMapImage{position:relative;}
.cMapImage img{max-height:85vh;}
.cMapContent{position:absolute; z-index:0; top:0px; max-width:1250px; width:100%; height:100%;}
.mapClick{padding:6px 12px; background-color:#acd4eb; color:#3c4b52; position:absolute; z-index:10;
font-size:1.75vw; width:20%; text-align:center;
}
.mapClick:hover{cursor:pointer; background-color:#3c4b52; color:#acd4eb;}

.rightArrow {
      width: 0;
      height: 0;
      border-bottom: 25px solid #acd4eb;
      border-left: 20px solid transparent;
	  position:absolute; top:-25px; right:0px;
}
.leftArrow {
      width: 0;
      height: 0;
      border-bottom: 25px solid #acd4eb;
      border-right: 20px solid transparent;
	  position:absolute; top:-25px; left:0px;
}

.mapClick:hover .rightArrow{border-bottom: 25px solid #3c4b52;border-left: 20px solid transparent;}
.mapClick:hover .leftArrow{border-bottom: 25px solid #3c4b52;border-right: 20px solid transparent;}

.mapRonja{margin-top:23%; margin-left:22%;}
.mapRasmus{margin-top:37%; margin-left:9%;}
.mapPippi{margin-top:53%; margin-left:3%;}
.mapMadicken{margin-top:51%; margin-left:48%;}
.mapLejon{margin-top:23%; margin-left:71%;}
.mapEmil{margin-top:53%; margin-left:78%;}
.mapKarlsson{margin-top:65%; margin-left:63%;}


.cMapZoom{max-width:1140px; width:90%; margin:auto; position:absolute; top:2px; z-index: 10; background-color:#e3e3e3; margin-top:150px; visibility: hidden;}
.cPopTop{height:50px; background-color:#3c4b52; width:100%; top:0px; color:#acd4eb; display:flex; justify-content:right; align-items:center;}
.cPopClose{padding:10px; padding-right:20px;}
.cPopClose:hover{color:#e63312; cursor:pointer;}
.cPopClose span{margin-right:5px;}
.cPopContent{display:flex;}
.cPopTextArea{display:flex; flex-direction:column; padding:25px; width:70%;}
.cPopTextArea p{font-size:2vw;}
.cPopHeader{font-family: 'alv', arial; color:#d3300f; font-size: 3.2vw;}
.cPopLower{display:flex;}
.cPopImage{display:flex; align-items:flex-end; flex-basis:30%; background-size:cover; background-position:center;}

.cActive{visibility: visible;}

/*------------------------------------*\
	VIDEO
\*------------------------------------*/
/* The only rule that matters */
.ratio-content {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.keep-ratio::before {
    content: "";
    display: block;
    padding-top: 100%;
}
.ratio16_9::before {
    padding-top: 56.25%;
}
.hero-container, .hero-container video/*, .embed-container, .embed-container iframe*/ {
    z-index: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-size: cover !important;
}
.embed-container{ position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.hero{
background: linear-gradient(to bottom,#000,rgba(225,225,225,0) 30%);
overflow: hidden;
position: relative;
}
.isImageHero{position:relative; max-height:1000px;}
.heroText{display:flex; position:absolute; width:100%; height:100%; justify-content:center; align-items:center; padding-top:60px;}
.heroText h2{font-family:'ALV', Roboto, arial; color:#fffdf5; text-shadow:0px 0px 40px rgb(0, 0, 0, 0.4); font-size:80px; font-weight:normal; text-align:center; margin: 20px auto;}
.hero .heroGradient {
  display: block;
  position: absolute;
  background: linear-gradient(to bottom,#000,rgba(225,225,225,0) 30%);
  margin-top: 0px;
  height: 100%;
  width: 100%;
  content: '';
}

.hero .keep-ratio{
min-height: 590px;
max-height: 590px;
max-height: calc(100vh - 176px);
}

/**************/

/* Alla */
/***.moduleDiv{/*padding-bottom:10px; margin-top:10px;  width:100%; display:inline-block;} */

.twoModulePuffs{padding-bottom:10px; width:100%; display:inline-block; margin-top:10px;}
.threeModuleDiv{padding-bottom:10px; width:100%; display:inline-block; margin-top:10px; max-width:725px; margin-left:auto; margin-right:auto;}
.moduleHeader{text-align:center;}

.textImageTemplate{display:inline-block; width:100%;}


.twoPuffMarginal .twoPuffs{padding-left:30px; padding-right:30px;}


/**/

/*************/

/* Fritext puffar */
.threeModuleDiv .free33:first-child {background-image:url('../../uploads/2016/03/frame-3.png'); background-repeat:no-repeat !important;}
.threeModuleDiv .free33 {background-image:url('../../uploads/2016/03/frame-2.png'); background-repeat:no-repeat !important;}
.threeModuleDiv .free33:last-child {background-image:url('../../uploads/2016/03/frame-1.png'); background-repeat:no-repeat !important;}
.free33{width:100%; max-width:222px; height:255px; text-align:center; padding:10px 15px 20px; line-height:1.2; float:left; margin-left:8px; margin-right:8px;}


/* Introduktionsmodul */

.introDiv .width100{width:76%; max-width:730px; float:left; text-align:justify;}
.introDiv .moduleHeader{}

.startIntroduction h1{font-size:45px; margin-bottom:5px; margin-top:5px;}
.introDiv h1{font-size:35px;}

.introDiv .width50{font-style:italic;}

/* Tabellmodul */
table.tablemodule { }
table.tablemodule tr { }
table.tablemodule td {
  padding: 0.5em 1em;
  vertical-align: top;
}
table.tablemodule td p {
  margin: 0;
}

.width100 tr, .width100 td{height:auto !important;}

/* Text och bild */
.textbildLeft{width:76%; max-width:730px; float:left; text-align:justify; padding-right:10px; padding-left:22px;}
.textbildRight{width:24%;float:left;}
.textbildRight img{float:right;}
.bild_och_puff .textbildRight{/*margin-top:4%;*/}

.textTextTemplate .textbildLeft{width:76%; max-width:730px; float:left; text-align:justify; padding-right:10px;}
.textTextTemplate .textTextRight{width:24%;float:left;}

/*------------------------------------*\
    BILJETTER OCH PRISER
\*------------------------------------*/

.seasonContainer{margin-top:60px;}
.priceOverview .filters{}

.priceOverview h2{font-size:36px; margin-bottom:30px;}

.seasonSection{}

.seasonName{font-size:30px; font-weight:bold; margin-right:10px;}
.seasonLength{font-size:16px; font-weight:bold;}

.seasonPrice{display:flex; flex-wrap:wrap; justify-content:space-between;}
.priceSection{border:1px solid #ccc; width:49%; background-color:white; padding:20px; margin-bottom:20px;}
.seasonAge{font-size:30px;}
.seasonDays{margin-top:10px; display:flex; flex-wrap:wrap; justify-content:space-between; }
.seasonDay{}
.seasonDay p{margin:0px;}
.priceSection a{float:right; margin-top:10px;}

/* Gömmer restaurang-bilden på webben, men borde hänga med till appen? */
.seasonSection .post-meta{display:none;}


/*------------------------------------*\
    DAGSPROGRAM
\*------------------------------------*/

.specialProgram{background-color:#e3efe0; min-height:150px;}
.specialProgram .cIntroLeft span{font-size:24px !important; line-height:28px !important;}
.specialProgram .cIntroLeft p{font-size:18px !important; line-height:22px !important;}
.specialProgram .cIntroRight{display:none;}

.scheduleContainer .quadTextHeader{margin-top:0px; margin-bottom:25px; line-height:1.2 !important;}
.scheduleContainer .quadText{min-height:530px;}
.items .item:nth-child(even) {flex-direction: row-reverse; }
.items .item:nth-child(odd) {flex-direction: row;}
#alv-calendar .ui-datepicker-trigger{background-image:url('../../uploads/2018/04/event-date-and-time-symbol.png'); width:64px; height:64px; background-color:transparent; border:0px solid white; transition: all .5s ease-in-out; position: absolute; margin-left: 10%;}
#alv-calendar .ui-widget.ui-widget-content{margin:20px; border:0px solid white;}

#alv-calendar .ui-datepicker-trigger:hover{    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */  filter: grayscale(100%);}
.titleNcalendar{display:flex; align-content:center; align-items:center; FLOAT:LEFT; width:50%;}
.titleNcalendar .title{width:100%; text-align:center; font-size:38px; DISPLAY:NONE;}

#alv-calendar .datepicker{margin:auto;}
#alv-calendar .info .locationTime, #alv-calendar .info .quadTextText{display:none;}
#alv-calendar .info .quadTextText{display:block;}
#alv-calendar .info .quadFlex{max-width:800px; padding-left:50px; padding-right:50px;}
#alv-calendar .info .quadTextText p{margin-bottom:0px;}
#alv-calendar .info{/*background-color:#d4edfc;*/ padding:20px 0px; MAX-WIDTH:50%; FLOAT:LEFT;}
#alv-calendar .info .quadFlex{position:relative;}
/*#alv-calendar .info .quadFlex::before{
  position: absolute;
  font-family: 'Font Awesome 5 Free', 'FontAwesome';
  top: 5px;
  left: -45px;
  content: "\f06a";
font-weight:bold;
color:#d3300f;
font-size:32px;
}*/

/** DAGSPROGRAM 2020 **/
.dayProgramOverview{padding:0px; padding-bottom:100px;}
.characterOverview .filters{background:#ebf6fb; padding:50px 0px; }

.dayProgramOverview .characterIntro, .characterIntro{margin:20px 0px;}

.dagsProgramContainer{}
.dagsProgramContainer .cIntroLeft p{font-weight:300;}
.dagsProgramContainer .cIntroLeft strong{font-size: 20px;line-height: 25px; color:#444;}
.dagsProgramContainer .cIntroLeft span {color: #55140c; font-size: 32px; font-weight:bold; line-height:34px;}

.dagSeason .filter-button{font-size:30px; color:#55140c; font-family:'alv', arial; min-height:140px; display:flex; align-items:flex-end; margin-bottom:20px;}
.dagSeason .filter-button:hover{cursor:pointer; background-color:#C3B99C; color:#444;}
.dagCategories{display:flex; justify-content:space-between; flex-wrap:wrap;}
.dagCategories .filter-button{flex-basis:49%;}
.dagTags{display:flex; justify-content:space-between; flex-wrap:wrap; margin-top:15px;}
.dagSeason .filter-button div{clear:both; display:grid;}
.dagSeason .filter-button div span{font-size:14px;font-family:'roboto' }

.filter-button{padding:10px 15px; background-color:#FFFBF0; font-size:14px; border:0px; }
.dagTags .dagTagAll{background-color:#e3efe0;}
.dagTags .filter-button{flex-basis:32.5%; margin-bottom:15px; display:flex; justify-content:space-between; align-items:center;}
.dagTags .filter-button input{height:20px; width:20px;}
.dagTags .filter-button:hover{background-color:#afd6ec;}
.filter-section .is-checked{background-color:#C3B99C;}
.dagCategories .is-checked{background-color:#C3B99C; color:#55140c;}

/*.page-template-dagsprogram2020 .dagSeason .filter-button:first-child{background-color:#3c4b52; color:#afd6ec;}*/


/** DAGSPROGRAM SINGLE 2020 **/
.single-dagsprogram article{display:flex;}
.single-dagsprogram article div:first-child{align-items:center;}
.single-dagsprogram article div:last-child{padding:20px; width:50%;}
.single-dagsprogram article h1{}


/** DAGSPROGRAM SINGLE 2020 **/
.single-dagsprogram-web article{display:flex;}
.single-dagsprogram-web article div:first-child{align-items:center;}
.single-dagsprogram-web article div:last-child{padding:20px; width:50%;}
.single-dagsprogram-web article h1{font-family:'Roboto', arial;}

/*------------------------------------*\
   REKRYTERING
\*------------------------------------*/

.rekContainer{display:flex; flex-wrap:wrap; text-align:center;}
.rekContainer > a{flex-basis:50%; padding-bottom:2px; display:block;}
.rekContainer > a:nth-child(odd){border-right:0.5px solid white;}
.rekContainer > a:nth-child(even){border-left:0.5px solid white;}
.rekPuff{text-align:center; position:relative; color:#444; overflow:hidden;}
.rekPuff:hover img{transform: scale(1.001);}
.rekPuff img{z-index:0; transition: transform .2s;}
.rekPuff h3{margin:0px;}
.rekPuff p{font-size:20px;}
.rekPuff figure{position:relative;}
.rekPuff .link{color:#444; text-decoration:none; font-family:'Roboto', arial;}
.rekPuff .rekText{padding:20px 30px; display:flex; align-items:center; bottom:0px; /*background-color:rgba(0,0,0,0.5);*/ width:100%; background-color:white; z-index:2;  }
.rekPuff .rekText div{text-align:center; width:100%;}

.vad-ar-astrid-lindgrens-varld .wrapper, .vanliga-fragor-och-svar .wrapper, .historier-fran-vara-medarbetare .wrapper, .vardegrund .wrapper{padding-top:45px;}

.jobsContainer{padding:30px 20px;}
.jobsTable{display:table; width:100%;}
.jobsTable tr{border-bottom:1px solid black;padding:10px 0px;}
.jobsTable tr:last-child{border-bottom:0px solid white;}
.jobsTable td:first-child{padding:15px 10px;}
.jobsTable td{padding-left:10px; padding-right:10px; font-size:18px;}
.jobsTable td:last-child, .jobsTable th:last-child{white-space:nowrap;}
.jobsTable th{padding-left:10px; padding-right:10px; text-align:left;}
.jobsTable a:hover{color:#d3300f; cursor:pointer;}

.jobsDiv{border-bottom:1px solid #ccc; padding:10px 15px; font-size:16px;}
.jobsDiv:hover{background-color:#eee;}
.jobsDiv span{width:100%; display:block;}
.jobsDiv strong{width:100%; display:block; font-size:18px;}

.visaJobb{padding:40px;}
.visaJobb h2{font-family:'Roboto', arial; margin-top:0px;}
.jobApply{background-color:#d3300f; padding:10px 15px; color:white;}
.jobApply:hover{color:#ffe200;}

/*------------------------------------*\
    PARKKARTA
\*------------------------------------*/

#app .category-wrapper:nth-child(4){display:none !important;}
#app .map-list .category-item{padding:6px 8px; line-height:16px;}

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

.footer{
  width:100%;
  min-height:200px;
  background-color: #FFF4C7;
  color: #444;
  margin-top:160px;
padding-top:50px;
color:#55140C;
}
.footer h3{font-family:'alv', arial; color:#55140C; font-size:35px;}
.footer .innerFooter{max-width:1140px; margin:auto; width:100%; background-color:#fff4c7;}
.footer ul{list-style:none; padding:0px;}
.footer ul li{line-height:1.2em;}
.footer ul li:first-child{line-height:1.2;}
.footer ul li:last-child{}
.footer a {
  color: #55140C;
  text-decoration: none;
}
.footer a:hover{color:#d3300f; text-decoration:underline;}

.footer .primary-sidebar {
  display: flex;
}

.footer .widget_text, .footer .widget_text_icl{position:relative;}
.footer .widget_text, .footer .widget_text_icl, .footer .widget_nav_menu{padding-top:0px !important;}
.addthis_inline_share_toolbox_wl21{position:absolute; bottom:37px;}

.footer .primary-sidebar .widget_text, .footer .primary-sidebar .widget_text_icl, .footer .primary-sidebar .widget_nav_menu{
  flex-grow: 1;
  flex-basis: 0;
padding:0px 4.5%;
border-right:0px solid #fff;
}
.footer .primary-sidebar .widget_text, .footer .primary-sidebar .widget_text_icl{border-right:0px solid white;}
.footer ul{margin-top:0px;}

.footer .widget_text h3, .footer .widget_nav_menu h3, .footer .widget_text_icl h3
{
margin-top:0px;
margin-bottom:5px;
font-size:23px;
font-weight:300;
}

.footer .textwidget, .footer .widget_text_icl,
.footer .widget_nav_menu a{
font-size:16px;
}

.footerBook{margin-top:-160px;}
.footerBookMobile{display:none;}

.footer #menu-sidfot{padding-left:0px;}

/*------------------------------------*\
    WPML
\*------------------------------------*/
.wpml-ls-legacy-list-horizontal{padding:0px;}
.wpml-ls-statics-shortcode_actions{background:none; border:0px solid #000;}
.wpml-ls-legacy-list-horizontal .wpml-ls-item{float:left;}
.wpml-ls-legacy-list-horizontal a{padding:0px; padding-left:5px;}

/*------------------------------------*\
    STARTSIDA
\*------------------------------------*/
#responsive-menu-button{display:none;}
.activateMe{display:block !important;}

.startPageWidth{width:100%; margin:0px auto; background-color:white;}

.budskapsPuff{position:absolute; max-width:250px; right:-2%; top:-4%; z-index:2;
  -webkit-transition: all .8s ease-in-out;
          transition:         all .8s ease-in-out;
border-radius: 50%;
}
.budskapsPuff:hover{cursor:pointer; 
  -webkit-transform: rotate(5deg);
          transform: rotate(5deg);
box-shadow: 0px 0px 4px 1px #bbb;
}

/*------------------------------------*\
    TÄVLING
\*------------------------------------*/
.screen-reader-response{padding:5px 20px; background-color:#fffbf0;}

.comp{padding-right:10px; text-align:left;}
.comp form{}
.comp strong{padding-bottom:1px; padding-top:10px; display:inline-block;}
.comp textarea, .comp .wpcf7-text{border:1px solid #999; min-height:40px; padding-left:10px; width:100%;}
.comp strong span{color:red;}

.comp .wpcf7-form-control-wrap .wpcf7-list-item{display:block; position:relative;}
.comp .wpcf7-list-item-label{padding-top:1px; padding-left:10px; /*position:absolute;*/}

.comp .wpcf7-submit{width: 120px; background-color:#afd6ec; color:#3d4d54; border:1px solid black; font-size:18px; padding:7px;}
.comp .wpcf7-submit:hover{background-color:#3d4d54; color:#afd6ec;}


/*------------------------------------*\
    LEKSTUGA
\*------------------------------------*/

/* Intro */
.gallery-container{padding-left:5px;padding-right:5px;}
.gallery-container img, .wdi_photo_img{border-radius:20px !important;
-webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
       -o-transition: all 500ms ease;
      -ms-transition: all 500ms ease;
          transition: all 500ms ease;
border:2px solid black;
}
.page-template-alv_lekstuga article{max-width:85%; float:right;}
.lekstugaTillbaka{float:left;}


.paintingItem{float:left; max-width:23%; max-height:233px; margin-left:1%; margin-right:1%; width:100%; height:100%; display:inline-block;}
.paintingItem a:hover img{opacity:0.5;}
.paintingItem a:hover span{background-color:red; color:white;}
.paintingItem a span{display:inline-block; padding:5px 10px; background-color:white; transform:rotate(-7deg); border:1px solid black; font-family:alv, arial; font-weight:bold; color:#444; margin:auto; }
.paintingItem:nth-child(even) span{transform:rotate(5deg); }

.intoMovie{}
.intoListen{}
.intoRead{}
.intoPuzzle{}

.lekstugaTillbaka{max-width:100px; padding:5px; text-align:center; font-family: 'alv', arial;}
.lekstugaRubrik{padding:5px 10px; background-color:#ffea00; transform:rotate(-2deg); border:1px solid black; font-family:alv, arial; font-weight:bold; color:black; margin:auto; z-index:999; text-align:center; min-width:180px; display:inline-block; bottom:-20px; position:relative;}
.socialLekDiv{position:absolute; top:15px; right:5px; width:50px; z-index:99;}

/* IFRAME / FEATHERLIGHT */
.featherlight-iframe .featherlight-content{width:90%; height:85%;}
.featherlight .featherlight-close-icon{background-color:red !important; color:white !important; font-size:34px !important; width:40px !important; line-height:40px !important;}


/* Film */
.filmGrupp{position:relative;}
.filmGrupp h2{width:auto; position:absolute; padding:5px 15px; background-color:red; color:white;}
.filmGrupp a{margin-bottom:25px;}

.filmItem{min-width:171px; max-width:32%; margin-right:0.5%; margin-left:0.5%; height:auto; border:0px solid red; position:relative; float:left; overflow:hidden;

}
.filmItem span{display:inline-block; position:absolute; bottom:15px; padding:5px 10px; background-color:white; transform:rotate(2deg); border:1px solid black; font-family:alv, arial; font-weight:bold; color:black; margin:auto; z-index:9999;}
.filmItem .playIcon{margin-left:-12.5%; width:25%; left:50%; margin-top:-17%; top:50%;position:absolute; z-index:100;}
.filmItem .videoThumb, .musicThumb{border:2px solid black; border-radius:15px; margin-bottom:40px;
-webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
       -o-transition: all 500ms ease;
      -ms-transition: all 500ms ease;
          transition: all 500ms ease;
}
a:hover .videoThumb, a:hover .musicThumb, .gallery-container img:hover, .wdi_photo_img:hover{/*-moz-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1);*/ transform:rotate(3deg); z-index:99;}
a:hover .filmItem span{background-color:red; color:white;}

/* Lyssna 
.playlistContainer{margin-bottom:20px; position:relative; height:300px;}
.playlistContainer iframe{border:1px solid black; border-radius:15px;} */
.filmItem a:hover span{background-color:red; color:white;}


/* Pyssla */

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

#lang_sel_list{float:right; height:34px;}
#lang_sel_list img.iclflag{height:32px; width:32px;}
#lang_sel_list ul a{background:none;}

.languageIcons{
 position: relative;
  top: 0px;
  right: 0;

float:left;
margin-right:5px;
}



.signlanguageicon {
  position: relative;
  right: 0; float:left;
}
#bokaflik-holder {
  position: absolute;
  left: 80;
  right:80px;
  z-index: 999;
}
#bokaflik {
  position: fixed;
  top: 40%;
  height: 78px;
  width: 111px;
  display: block;
  background: no-repeat url('img/boka_online1.png');
  z-index: 999;

-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
-ms-transition: opacity 1s ease-in-out; 
transition: opacity 1s ease-in-out;

}
#bokaflik:hover {
background: no-repeat url('img/boka_online2.png');
}

/* Lang symboler i mobil */
#responsive-menu-additional-content #lang_sel_list li{display:block; float:left;}


/*------------------------------------*\
   FOOTER SOCIALA MEDIER
\*------------------------------------*/

.langSocial .block-social .icons .icon a{
    display: block;
    margin: 0 4px;
    height: 32px;
    width: 32px;
}

.Footer-icons .icon a{line-height:32px; margin-bottom:5px;}
.Footer-icons .icon a img{margin-right:10px; width:32px;}

.Footer-icons .icon a img{}
.Footer-icons li{margin-bottom:5px;}

.langSocial .block-social .icons .icon a.icon-fb {
    background-image: url(img/icons/alv_fb_symbol.png);

}


.langSocial .block-social .icons .icon a.icon-yt{
    background-image: url(img/icons/alv_youtube_symbol.png);
	background-size:contain;
}


.langSocial .block-social .icons .icon a.icon-inst {
    background-image: url(img/icons/alv_insta_symbol.png);
	background-size:contain;
}


.langSocial .block-social .icons .icon a.icon-twit {
    background-image: url(img/icons/socialmedia-twitter.png);
	background-size:contain;
}

.newsFooter{background-color:#E8DCAA; text-align:center; padding:30px 5px; color:#55140C;}
.newsFooter span{font-size:24px; letter-spacing:1px; font-family:'alv', Roboto, arial;}
.newsFooter p{font-size:16px;}
.newsRecruit{}

.contactFooter{background-color:#FFF4C7; padding:10px 5px 30px 5px; font-size:16px;

}
.contactFooter .center{display:flex; align-items:center; }
.contactFooter img{max-width:140px;}

.newsLetterField{width:100%; margin:auto; max-width:800px; display:table;}
.newsLetterField input{float:left; margin:0px 2%; height:45px; font-size:16px; background-color:#FFFBF0;}
.newsLetterMail{width:65%; padding-left:20px;}
.newsLetterSubmit{width:25%; background-color:#AD1D0B !important; border:0px solid white; color:white; padding:10px 15px; min-width:150px; font-size:15px;}

/*------------------------------------*\
    SÖKFORMULÄR / SOCIALA MEDIE-IKONER / READSPEAK
\*------------------------------------*/

.langSocial{
position:relative;
right:0px;
top:0px;
width:250px;
display:flex;
align-items:center;
justify-content: flex-end;
font-family: 'alv', verdana;
padding-right:25px;
}

.langSocial span{float:left; font-size:24px; color:white; margin-right: 20px;}

.langSocial .block-social {
  padding: 0;
  float: right;
  margin: 0;
  padding: 2px 0;
}

.langSocial .block-social .icons {
  overflow: hidden;
  padding: 0;
  margin: 0;
}

.langSocial .block-social .icons .icon {
  float: left;
  list-style: none;
  background-size: 32px;
  background-repeat: no-repeat;
background-size:contain;
}

.langContainer{
display: flex;
align-items: center;
justify-content: flex-end;
}

/* SÖK GÖMS */
.searchContainer{padding-left:10px; display:none;}
.searchContainer img:hover, .icons a:hover{cursor:pointer;}
.searchContainer img, .langContainer img, .icons a, #lang_sel_list img, .hiddenMob .toggle-overlay {
  -webkit-transition: -webkit-transform .8s ease-in-out;
          transition:         transform .8s ease-in-out;
}
.searchContainer img:hover, .langContainer img:hover, .icons a:hover, #lang_sel_list img:hover, .hiddenMob .toggle-overlay:hover {
  -webkit-transform: rotate(-40deg);
          transform: rotate(-40deg);
}

.searchBox{
width:100%;
float:right;
margin-top:2px;
clear:both;
font-size:19px;
}

.lowerSearch{display:flex; justify-content:flex-end; position:relative; width:100%; float:right;}
.lowerSearch .nasLogo{width:42px;}
.dailySchedule, .dailyHours{font-size:13px; max-width:20px; width:100%; float:left; margin-right:25px; display:flex; justify-content:center; align-items:center;}
.dailySchedule a{justify-content:space-around;}
.dailySchedule img{max-width:42px;}
.search{float:right;}

.dailySchedule:hover, .dailyHours:hover{cursor:pointer; background-color:#eee;}

/* SÖKRUTA */

aside form{width:100%; height:100%;}
aside input{height:100px; max-width:700px; padding:10px; width:100%;}

aside {display:flex; align-items:center; justify-content:center; position: fixed; width: 100%; height: 100%; top: 0;
  left: 0; background: rgba(255,240,130,0.8);  opacity: 0; visibility: hidden; -webkit-transition: all .5s ease;
  transition: all .5s ease; z-index: 2; }

.open { opacity: 1; visibility: visible; }

.close { position: fixed; top: 40px; right: 60px; color: white; z-index: 3; cursor: pointer; font-family: sans-serif;}
.close span,
.close span:before,
.close span:after {border-radius: 4px; height: 5px; width: 35px; background: #e00a1c; position: absolute; display: block; content: '';}
.close span { background: transparent;}.close span:before {-webkit-transform: rotate(45deg); transform: rotate(45deg);}
.close span:after {-webkit-transform: rotate(-45deg); transform: rotate(-45deg);}

.outer-close {position: absolute;right: 0;top: 0;width: 85px;height: 85px;cursor: pointer;}

.ajaxContainer{max-width:900px; width:100%; text-align:center;}
.ajaxContainer .proinput{margin-left:15px;}

/*------------------------------------*\
    GHOSTBUTTON
\*------------------------------------*/

.ghostBtn
{
	color:#AD1D0B;
	border:2px solid #AD1D0B;
	border-radius:20px;
	padding:7px 40px;
	font-size:16px;
	font-weight:bold;
	/*text-transform:uppercase;*/
	transition: background-color 0.2s ease-out,
    color 0.2s ease-out;
	display:inline-block;
	margin-bottom:7px;
}
.ghostSmall{padding:5px 30px; font-size:16px; margin-top:10px;}

.quadGreen .ghostBtn{background-color:#e3efe0;}
.quadBlue .ghostBtn{background-color:#d4edfc;}
.quadRed .ghostBtn{background-color:#f8cadc;}
.quadYellow .ghostBtn{background-color:#ffd833;}

.ghostBtn:hover, .ghostBtn:active
{
  background-color: #AD1D0B;
  color: #FFFBF0;
  transition: background-color 0.2s ease-in;
}
.quadYellow .ghostBtn:hover, .quadYellow .ghostBtn:active{color:#ffd833;}
.quadGreen .ghostBtn:hover, .quadGreen .ghostBtn:active{color:#e3efe0;}
.quadBlue .ghostBtn:hover, .quadBlue .ghostBtn:active{color:#d4edfc;}
.quadRed .ghostBtn:hover, .quadRed .ghostBtn:active{color:#f8cadc;}
.quadWhite .ghostBtn:hover, .quadWhite .ghostBtn:active{color:#fff;}



/*------------------------------------*\
    PAGES
\*------------------------------------*/

.bookFrame{background-color:white; border-radius:15px; border:2px solid black; margin-left:10px;}
.bookFrame h2{text-align:center; color:darkred;}
.bookFrame .bookText{padding-left:10px; padding-right:10px;}
.bookFrame iframe{border:0px solid white;}

.bokDiv{width:100%; max-width:440px;}
.bok100{}

.altBoendeContainer{float:left; width:50%; text-align:left;}
/*------------------------------------*\
    TEATERPROGRAM
\*------------------------------------*/
.teaterProgram{width:100%;}
.teaterShow{width:calc(25% - 10px); background-color:#fff; float:left; margin:5px; min-height:500px; transition: all 0.5s ease; overflow:hidden;}
.teaterShow p, .teaterShow h3{padding:10px; text-align:center; }
.teaterShow h3{margin-bottom:0px; margin-top:5px; }
.teaterShow p{font-size:14px; margin-top:1px;}
.teaterShow img{max-height:360px;}
.teaterShow:hover{background-color:#eee;}

/* Shine */
.teaterShow {
	position: relative;
box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.teaterShow::before {
	position: absolute;
	top: 0;
	left: -100%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.teaterShow:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}



/*------------------------------------*\
    RESPONSIVITET
\*------------------------------------*/
.hiddenMob{display:none;}

.desktopOnly{display:none;}


/******* OLD RESPONSIVE? *******/
.hiddenMob button#responsive-menu-button{right:10px; text-align:center; position:absolute; top:0px; border-background-color:#ffe817; top:53px;}
.responsive-menu-button:hover{background-color:#FFF4C7 !important;}
.responsive-menu-inner, .responsive-menu-inner::before, .responsive-menu-inner::after{height:4px !important;}
button#responsive-menu-button .responsive-menu-box{}

.headerLogo{padding:0px 15px; flex-basis:60%; width:100%;}
.headerLogo a{display:flex; align-items:center;}

/* ALV WEBB 2.0 MENY */
.mobileMenu .toggle-overlay{padding:5px; margin-right:10px; /*visibility:hidden;*/ display:none;}

.hiddenMob button#responsive-menu-button{background-color:transparent; width:42px; height:42px;}
.responsive-menu-open button#responsive-menu-button{transform:translateY(0px) !important;}

.mobileMenu{display:flex; align-items:center; justify-content:center; width:100%; background:#FFF4C7; position:fixed; top:0px; left:0px; z-index:99999; height:50px;}
#responsive-menu-container #responsive-menu > li.responsive-menu-item:first-child > a{border-top:0px solid white !important;}

.responsive-menu-submenu  li .responsive-menu-item-link {background-color:#F0E9D3 !important;}
.responsive-menu-submenu .responsive-menu-subarrow{background-color:#F0E9D3 !important; color:#AD1D0B !important;}
#responsive-menu-container li.responsive-menu-item a{}
#responsive-menu-container #responsive-menu ul a.responsive-menu-item-link{padding-left:5% !important; color:#AD1D0B !important;}
#responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow{border-left:1px solid transparent !important; background-color:transparent !important; right:22px !important; top:12px !important;}

#responsive-menu-container #responsive-menu-additional-content{float:left; padding: 10px 5% !important;}

#responsive-menu-container #responsive-menu ul a.responsive-menu-item-link:hover{background-color:#F0E9D3 !important;}
.responsive-menu-submenu li a{border-bottom:1px solid white !important;}

/* Nivå 3 */
.responsive-menu-submenu-depth-2{border-bottom:1px solid white !important;}
.responsive-menu-submenu-depth-2 a{font-size:19px !important; font-weight:100 !important;}
.responsive-menu-submenu-depth-2 li a{border-bottom:0px solid white !important;}

/* ALV WEBB 2.0 KORTMENY */

.menuTwo{position:fixed; top:50px; background:#FFF4C7; z-index:9; width:100%; display:flex; justify-content:space-between;}
.mobilBook{position:fixed; top:95px; z-index:9;}
.utveckling .menuTwo{background:rgba(175, 214, 236, 0.86) !important;}
.utveckling #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link{color:black !important;}
.menuTwo > .mega-menu-wrap{width:100% !important;}

@media only screen and (max-width:640px) {
	
	.utveckling .symbolModule{padding:0px !important; position:fixed; bottom:0px; z-index:99999;   
		/*Define a height for NavBar*/
		  transition: 0.6s;
		  /*and a transition time for a smooth appearence*/}
	.utveckling .symbolContainer{padding-bottom:0px !important; padding-top: 0px !important; background:rgba(175, 214, 236, 0.86);}
	.utveckling .symbolContainer .symbol{width:21% !important; border-radius:0px; border:0px solid white; padding-top:7px;
	background:rgba(175, 214, 236, 0.0);}
	.utveckling .symbolContainer svg{}
	
	.utveckling #imbox-launcher-container2278 .imbox-frame .zoid-outlet, .utveckling #imbox-launcher-container2278 .imbox-frame iframe{bottom:85px;}
	
/* Slide transitions */
.slideUp {-webkit-transform: translateY(100px);transform: translateY(100px);transition: transform .5s ease-out;}
.slideDown {-webkit-transform: translateY(0);transform: translateY(0);transition: transform .5s ease-out;}
	
}

/* Utveckling */

.comersWidget .comersReference{display:none;}

.comersWidget{top:-140px; position:absolute; width:100%;}
.comersWidget #searchFormContainer, .comersWidget #searchFormContainer2{padding: 20px 40px;background-color: #fffbf0;border-radius: 30px;max-width: 80%;margin: auto;}
.comersWidget #searchFormWidget, .comersWidget #searchFormWrapper, .comersWidget .searchComponentContainer{margin:0px;}
.comersWidget .productTypeColumn{display:none;}
#searchFormContainer{background-color: #fffbf0}
.searchComponentContainer, #searchFormWrapper{margin:auto !important;}

@media only screen and (max-width:768px) {
	.comersWidget{position:relative; top:-50px;}
	.comersWidget #searchFormContainer, .comersWidget #searchFormContainer2{ max-width:90%; padding: 20px 20px; padding-bottom:0px;}
	
}

/* issuu */ 
.issuuembed{height:750px;}


/*------------------------------------*\
    BOKA POPUP
\*------------------------------------*/

.closeBooking{padding:15px; background-color:#3d4b52; width:100%; color:#e9f1f5; z-index:9999; text-align:center; text-transform:uppercase;}
.closeBooking:hover{color:white; background-color:#4f5b61;}
.closeBooking:hover svg .cls-1, .closeBooking:hover div span{fill:#fff; color:white;}
.closeBooking div{display:flex; justify-content:center; align-items:center;}
.closeBooking div span{font-size:16px; font-weight:bold; color:#e9f1f5; line-height:20px;}
.closeBooking div svg{height:25px; margin:0px 8px;}
.closeBooking div svg .cls-1{fill:#e9f1f5;}
.bokaSymbolContainer{display:flex;justify-content: center;flex-wrap: wrap;}
.bokaKnapp{height:25px; fill:#3D4D54; position:absolute; right:15px;}
.bokaKnapp .cls-1{fill:#55140c;}
.bokaKnapp:hover .cls-1{fill:#AD1D0B;}
.bokaSymbolContainer .symbol{text-align: center; display: flex; flex-direction: column; margin:10px;}
.bokaSymbolContainer .symbol span{font-size:14px; max-width:90px; color:#3d4b52; font-weight:normal; line-height:18px; padding-top:5px;}
.bokaSymbolContainer .symbol a{
border-radius: 50%;
width: 80px;
background-color: #3d4b52;
color: #e9f1f5;
margin: 5px;
padding: 10px;
	min-height:80px;
}
.bokaSymbolContainer .symbol a svg{height:50px; fill: #e9f1f5;}
.bokaSymbolContainer .symbol a:hover{background-color: white;}
.bokaSymbolContainer .symbol a:hover > svg{fill: #3d4b52;}

/*------------------------------------*\
    IE Varning
\*------------------------------------*/

.ieWarning{display:none;}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     /* IE10+ CSS styles go here */
	.ieWarning{display:block; background-color:red; color:white; padding:10px; text-align:center; font-weight:bold; z-index:102 !important; height:50px; font-size:16px;}
	.ieWarning a{color:white; text-decoration:underline;}
	.home .header{margin-top:50px;}
}

/*------------------------------------*\
    IMAGES
\*------------------------------------*/
#app .toolbar, #app .map-list, #app .toolbar-select-wrapper{top:135px;}

/*------------------------------------*\
    IMAGES
\*------------------------------------*/

#lang_sel{
  position: relative;
float:right;
  z-index: 1;
}
#lang_sel img {
  vertical-align: middle;
}

.persDiv{float:left; width:50%;}
.persDiv img{
 border: 2px solid black;
    border-radius: 10px;
    margin-bottom: 10px;
    width: 50%;
margin-top:25px;
}

/*------------------------------------*\
  TYPOGRAPHY
\*------------------------------------*/

@font-face {
  font-family:'Font-Name';
  src:url('fonts/font-name.eot');
  src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
    url('fonts/font-name.woff') format('woff'),
    url('fonts/font-name.ttf') format('truetype'),
    url('fonts/font-name.svg#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
}

@font-face {
  font-family:'alv';
  src:url('fonts/alv-pippi_sans-webfont.eot');
  src:url('fonts/alv-pippi_sans-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/alv-pippi_sans-webfont.woff') format('woff'),
    url('fonts/alv-pippi_sans-webfont.ttf') format('truetype'),
    url('fonts/alv-pippi_sans-webfont.svg#alv-pippi_sans-webfont') format('svg');
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Thin.eot');
    src: url('fonts/Roboto-Thin.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-Thin.woff2') format('woff2'),
        url('fonts/Roboto-Thin.woff') format('woff'),
        url('fonts/Roboto-Thin.ttf') format('truetype'),
        url('fonts/Roboto-Thin.svg#Roboto-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Black.eot');
    src: url('fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-Black.woff2') format('woff2'),
        url('fonts/Roboto-Black.woff') format('woff'),
        url('fonts/Roboto-Black.ttf') format('truetype'),
        url('fonts/Roboto-Black.svg#Roboto-Black') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Italic.eot');
    src: url('fonts/Roboto-Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-Italic.woff2') format('woff2'),
        url('fonts/Roboto-Italic.woff') format('woff'),
        url('fonts/Roboto-Italic.ttf') format('truetype'),
        url('fonts/Roboto-Italic.svg#Roboto-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Bold.eot');
    src: url('fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-Bold.woff2') format('woff2'),
        url('fonts/Roboto-Bold.woff') format('woff'),
        url('fonts/Roboto-Bold.ttf') format('truetype'),
        url('fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Light.eot');
    src: url('fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-Light.woff2') format('woff2'),
        url('fonts/Roboto-Light.woff') format('woff'),
        url('fonts/Roboto-Light.ttf') format('truetype'),
        url('fonts/Roboto-Light.svg#Roboto-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Medium.eot');
    src: url('fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-Medium.woff2') format('woff2'),
        url('fonts/Roboto-Medium.woff') format('woff'),
        url('fonts/Roboto-Medium.ttf') format('truetype'),
        url('fonts/Roboto-Medium.svg#Roboto-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'fonts/Roboto';
    src: url('fonts/Roboto-Regular.eot');
    src: url('fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-Regular.woff2') format('woff2'),
        url('fonts/Roboto-Regular.woff') format('woff'),
        url('fonts/Roboto-Regular.ttf') format('truetype'),
        url('fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
/* FONT KONTROLL */
@media only screen and (max-width:650px) {
.quadCitat, .quadText .quadTextHeader{font-size:8vw !important; line-height:1.2;}
.info .quadText .quadTextHeader{font-size:18px !important; line-height:18px;}
.quadSmallCitat{font-size:22px; line-height:26px;}
.mapClick, .cPopTextArea p{font-size:14px;}
.textModule .width100{font-size: 18px; line-height: 30px;}
}
@media only screen and (min-width:651px) {
.quadCitat, .quadText .quadTextHeader{font-size:5vw !important; line-height:1.2;}
.info .quadText .quadTextHeader{font-size:22px !important; line-height:22px;}
.quadSmallCitat{font-size:2.8vw; line-height:1.15;}
}
@media only screen and (min-width:768px) {
.quadSmallCitat{font-size:22px; line-height:26px;}

}
@media only screen and (min-width:1100px) {
.quadCitat, .quadText .quadTextHeader{font-size:42px !important; line-height:62px;}
.info .quadText .quadTextHeader{font-size:18px !important; line-height:22px;}
.mapClick{font-size:18px;}
.cPopTextArea p{font-size:19px;}
.cPopHeader{font-size:42px;}
}

/*** SLUT FONT KONTROL ***/

@media only screen and (max-width:320px) {

}
@media only screen and (max-width:480px) {

.filmItem{max-width:99% !important;}
.gallery-container .col-md-3{width:100%; max-width:100%;}

.startPageWidth h2, .startPageWidth h1, .textModule h2, .textModule h1{font-size:7vw !important; line-height:7.5vw !important; }

/* Startsida */

.budskapsPuff{max-width:100px !important; top:-50px !important; right:1%;}

/*Ta bort allt */
.socialLekDiv{display:none;}
.removeImg img{display:none;}

/* 2020 */

.appImage img{top:60px !important;}

}

@media only screen and (max-width:650px) {

/* Max-width/width 100% */
.quads, .quadImage img, .galleryUl li{max-width:100%; width:100%;}

.persDiv{width:90%;}

/* Dagsprogram */
#ui-datepicker-div{left:0px !important; width:100% !important;}

.headerLogo, .headerLogo img{max-width:170px !important; }

@supports not (-ms-high-contrast: none) {
   /* Non-IE styles here */
.headerLogo, .headerLogo img{width:100%;}
}

/* 2020 */	
	
/* Temp disabled när vi testar nytt mobilutseende ikoner */
.symbolContainer{display:block; overflow-x:auto; white-space:nowrap; padding-bottom:0.6rem; padding-top:0.6rem;}
.symbolContainer .symbol{display:inline-block !important; width:23% !important;}	
.symbolContainer svg{height:35px !important; width:70%;}
.symbolContainer span{font-size:10px !important; font-weight:bolder; margin-top:-7px !important; position:relative; width:auto;}	
::-webkit-scrollbar {
background: transparent; /* make scrollbar transparent */
display: none; /* Safari and Chrome */
}	

	
/* Temp ikoner utseende */
.symbolModule{padding:0px 0px 20px 0px !important; margin-top:2px;}	
.symbolContainer .symbol{padding:5px; border-radius:5px; border:2px solid white; 
	 margin:0px;
display: flex; flex-direction: column; justify-content: center;	
box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;	
	}
.symbolContainer svg{height:55px;}	
.symbolContainer span{line-height:14px; font-size:14px; margin-top:1px;}
/************************/	
	
.seasonName{display:block;}
.dagTags .filter-button	{flex-basis:49%; line-height:16px;}

.jobsTable th, .jobsTable td{font-size:18px;}
.jobsContainer{overflow-x:auto; padding:20px 10px;}	

.quadText .quadTextText{font-size:18px; line-height:30px;}
.quadText{padding:20px 22px 20px 22px;}	
	
}
@media only screen and (max-width:768px) {

/* Mobil */
.footer{margin-top:100px;}
	.footerBook{margin-top:40px; display:none;}
	.footerBookMobile{display:block; margin-top:-120px;}
	
/* 2018 */
	
.headerLogo, .headerLogo img{max-width:235px;}	
.page-template-sub-page-1 .wrapper, .page-template-effect_visajobb .wrapper, .page-template-effect_ledigajobb .wrapper{margin-top:110px;}
.min-bokning .wrapper, .my-reservation-2 .wrapper{margin-top:110px;}
	
#responsive-menu-container{display:tablee !important; height:auto; padding-top:0px !important;
	border-top:99px solid #FFF4C7;
	}

.showMobile{display:block !important; width:100% !important; text-align:center;}
.mobileOnly{display:block;}
.showOnlyDesktop{display:none !important;}
.showOnlyMobile{display:block !important;}	
.jobsTable{display:none;}	
.startPageWidth h2, .startPageWidth h1, .textModule h2, .textModule h1{font-size:8vw; line-height:8vw;}

.startKarta{background-image:none; padding:0px;}
.startKarta h2{padding:45px 45px 0px 45px}
.startKarta img{float:right;}
.startKarta .innerCodeModule{padding:0px 45px 0px 45px;}

.quadImagebyText{min-height:500px; max-width:100%;}
.quadCitatContainer, .quadText{flex-basis:100%;}
.quadInverted{flex-direction:column-reverse;}

/* Hero för mobil */
.hero{/*margin-top:50px;*/ margin-top:100px;}
.wrapper{margin-top:0px;}

/* Hero text */
.heroText{padding-top:30px !important;}	
	
/* Startsida **/

.budskapsPuff{max-width:150px; top:-100px; right:1%;}

/* Footer */
.contactFooter .center{display:block; text-align:center;}
.contactFooter .center img{margin-bottom:20px;}
.footer .primary-sidebar .widget_nav_menu{border-right:0px solid white;}
.newsLetterField input{margin:auto; margin-bottom:10px; float:none;}

/* Dagsprogram */
.items .item:nth-child(even) {flex-direction: row; }
#alv-calendar .cover{height:300px; max-width:100%;}
.scheduleContainer .quadText{min-height:auto;}
#alv-calendar .ui-datepicker-trigger{position:relative; margin-left:0px;}
.titleNcalendar{display:block; text-align:center; padding-top:20px;}
.titleNcalendar h2{margin-top:5px;}

/* WIDTH 100% HÄR */
.threePuffs img, .quadText, .altBoendeContainer{max-width:100%; width:100%;}
.width50{max-width:100%;}
.width33{max-width:100%;}
.rekContainer{display:block;}

/* WIDTH 50% HÄR */
.galleryUl li{width:50%; max-width:50%; flex-basis:50%;}


/* WIDTH 33% HÄR */

/* 33 TRE PUFF */
.threePuffs{margin-bottom:25px;}

/* Rekrytering */
.rekPuff .rekText{position:relative; background-color:rgba(0,0,0,0.0);}
.rekPuff img{width:100%;}
.rekPuff{color:#444;}
.rekPuff .link{color:#e30413;}

/* Kalender */
#alv-calendar .titleNcalendar{width:100%; padding-top:70px;}
#alv-calendar .datepicker{max-width:412px;}
#alv-calendar .info{max-width:100%;}
#alv-calendar .ui-widget.ui-widget-content{margin:0px;}

/********/

.addthis_inline_share_toolbox_wl21{position:relative; padding-top:5px; bottom:0px;}

  .footer .primary-sidebar {
  display: block;
}

.footer .primary-sidebar .widget_text, .footer .primary-sidebar .widget_nav_menu, .widget_text_icl{
  flex-grow: 1;
  display: block;
  float: none;
margin:auto;
text-align:center;
}

  #mega-menu-wrap-header-menu .mega-menu-toggle {
    background: transparent !important;
    color: #444 !important;
  }
  #mega-menu-wrap-header-menu .mega-menu-toggle:after {
    font-family: alv, arial;
    font-size: 18pt;
  }

#bokaflik-holder {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}
#bokaflik {
  position: relative;
  margin-left: 30%;
  top: 0px;
  height: 38px;
  width: 111px;
  display: block;
  background: no-repeat url('img/boka.png');
  z-index: 999;
}
.logo {
  margin-top: 40px;
}


.page-template-alv_lekstuga article{max-width:100%;}
.lekstugaTillbaka{float:none;}

#lang_sel{
  position: relative;
  clear: both;
  top: 0;
  float: right;
}
.iconsearch {
  clear: both;
  position: relative;
}

.header{display:none;}
.hiddenMob{display:block;}
.responsive-menu-button{display:none !important;}
.hiddenMob .responsive-menu-button{display:block !important; height:50px;}
.comersCartContainerCenter{right:0px; position:fixed; margin-top:0px; z-index:10;}
.comersCartContainerCenter #comersCartContainer{margin-top:0px;}

.issuuembed{height:400px;}

/***** 2020 ******/
/*****************/

/* Parkkarta */
	
#app .toolbar, #app .map-list, #app .toolbar-select-wrapper{top:0px !important;}	
	
/***/	
	
/*Btn*/	
.ghostBtn{font-size:14px; padding:5px 35px;}
	
.symbolContainer .symbol{width:135px;}

.cMapZoom{margin-top:30px;}

/* Karaktärskarta */
.mapClick{opacity:0.9; width:45px; height:45px; background-size:contain; background-color:#385338; border-radius:50%;}
.mapClick:hover{background-color:#91BE80; border:2px solid #385338;}
.mapClick span, .mapClick .rightArrow, .mapClick .leftArrow, .cPopImage{display:none;}
.page-template-effect_character_template .hero{overflow:visible;}
.cPopTextArea{width:100%;}
.cPopContent{display:block;}
.cPopHeader{font-size:32px; line-height:32px;}

.mapRonja{margin-top:18%; margin-left:40%; background-image:url('../../uploads/2020/02/ronja_symbol.png');}
.mapRasmus{margin-top:32%; margin-left:22%; background-image:url('../../uploads/2020/02/rasmus_symbol.png');}
.mapPippi{margin-top:50%; margin-left:15%; background-image:url('../../uploads/2020/02/pippi_symbol.png');}
.mapMadicken{margin-top:46%; margin-left:46%; background-image:url('../../uploads/2020/02/madicken_symbol.png');}
.mapLejon{margin-top:20%; margin-left:71%; background-image:url('../../uploads/2020/02/lejon_symbol.png');}
.mapEmil{margin-top:46%; margin-left:79%; background-image:url('../../uploads/2020/02/emil_symbol.png');}
.mapKarlsson{margin-top:60%; margin-left:60%; background-image:url('../../uploads/2020/02/karlsson_symbol.png');}

.single-dagsprogram article{display:block;}	
.single-dagsprogram article div{width:100% !important;}	
.single-dagsprogram article div img{width:100%;}
.single-dagsprogram-web article{display:block; margin-top:100px;}	
.single-dagsprogram-web article div{width:100% !important;}	
.single-dagsprogram-web article div img{width:100%;}

.dagsProgramContainer .cIntroLeft span, .single-dagsprogram-web article h1{font-size:20px; line-height:22px;}
.dagsProgramContainer .cIntroLeft p, .dagsProgramContainer .cIntroLeft strong, .single-dagsprogram-web article strong, .single-dagsprogram-web article p{font-size:16px;}
.characterIntro .cLeftContent, .cIntroLeft strong{font-size:16px; line-height:20px;}	
/*	.specialProgram .cIntroLeft strong{font-size:18px; line-height:18px;}
*/
	
.characterIntro{flex-direction:column;}
.characterIntro .characterImage{max-width:100%;}

/* Gör kod unik för dagsprogram i mobil */
.page-template-dagsprogram2020 .characterIntro .characterImage{max-width:155px;}	
.page-template-dagsprogram2020 .characterIntro{flex-direction:row;}	
	
.seasonPrice{display:block;}
.priceSection{width:100%;margin-bottom:10px;}	
.priceSection a{float:none;}

.dagSeason .filter-button{flex-basis:100%; min-height:95px; margin-bottom:10px;}	

.CoronaMobile{display:block; position:fixed; margin-top:0px; z-index:10;}
	
.rekPuff .rekText{padding-top:20px; padding-bottom:10px; min-height:auto;}	
.rekPuff .link{color:black; font-size:20px;}
	
}




/* HEADER TRANSFORM */
@media only screen and (max-width:980px) {
header{margin-top:0px;}
.headerContent{height:75px; padding:1px;}
.logo{max-width:180px; /*width:20%;*/ /*margin-top:10px;*/}
.nasLogo{margin-left:10px;}
.langSocial{float:right; margin-top:0px; position:relative; padding-right:0px;}
.searchBox{margin-top:20px;}
.langSocial, .languageIcons{-webkit-transform:scale(0.7);-moz-transform:scale(0.7);-ms-transform:scale(0.7);transform:scale(0.7);}


/* 2020 */

.appContainer{flex-wrap:wrap;}
.appImage{flex-basis:40%;}
.appContent{flex-basis:60%;}
.appLinks{flex-basis:100%; display:flex; justify-content:flex-end; margin-top:50px;}
.appLinks a{padding-left:15px;}

.symbolContainer .symbol{}
	
.characterIntro .characterImage img{display:block; visibility:hidden;}
.characterIntro .cIntroText{display:block;}
.characterIntro .cIntroText{max-width:100%;}
.characterIntro .cIntroLeft{max-width:100%;}
.cIntroText{display:block;}

	
.characterOverview .filters{padding:50px 20px;}
	
.seasonContainer{margin:50px 20px;}	
	
/* Parkkarta */
#app .toolbar, #app .map-list, #app .toolbar-select-wrapper{top:130px;}	
	
/* Hero text */
.heroText{text-align:center; padding-top:70px;}	
.heroText h2{font-size:7vw; }
	
}

/********************/
@media only screen and (max-width:1080px) {

.hero .keep-ratio { min-height: auto;}

.appImage img{top:-60px; bottom:auto;}

}
@media only screen and (min-width:1140px) {
	.desktopOnly{display:block;}
	.startPippi2 .quadFullWidth{min-height:781px;}
}
@media only screen and (min-width:1280px) {

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
     only screen and (min-resolution:144dpi) {

}
@media only screen and (max-width:800px) {
.teaterShow{width:calc(33.33% - 10px);}
}
@media only screen and (max-width:760px) {
.teaterShow{width:calc(50% - 10px); text-align:center;}
}
@media only screen and (max-width:500px) {
.teaterShow{width:calc(100% - 10px); text-align:center;}
}
/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
  background:#04A4CC;
  color:#FFF;
  text-shadow:none;
}
::-webkit-selection {
  background:#04A4CC;
  color:#FFF;
  text-shadow:none;
}
::-moz-selection {
  background:#04A4CC;
  color:#FFF;
  text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
  margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
  display:block;
  margin:5px auto 5px auto;
}
.alignright {
  float:right;
  margin:5px 0 20px 20px;
}
.alignleft {
  float:left;
  margin:5px 20px 20px 0;
}
a img.alignright {
  float:right;
  margin:5px 0 20px 20px;
}
a img.alignnone {
  margin:5px 20px 20px 0;
}
a img.alignleft {
  float:left;
  margin:5px 20px 20px 0;
}
a img.aligncenter {
  display:block;
  margin-left:auto;
  margin-right:auto;
}
.wp-caption {
  background:#FFF;
  border:1px solid #F0F0F0;
  max-width:96%;
  padding:5px 3px 10px;
  text-align:center;
}
.wp-caption.alignnone {
  margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
  margin:5px 20px 20px 0;
}
.wp-caption.alignright {
  margin:5px 0 20px 20px;
}
.wp-caption img {
  border:0 none;
  height:auto;
  margin:0;
  max-width:98.5%;
  padding:0;
  width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
  font-size:11px;
  line-height:17px;
  margin:0;
  padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
  * {
    background:transparent !important;
    color:#000 !important;
    box-shadow:none !important;
    text-shadow:none !important;
  }
  a,
  a:visited {
    text-decoration:underline;
  }
  a[href]:after {
    content:" (" attr(href) ")";
  }
  abbr[title]:after {
    content:" (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content:"";
  }
  pre,blockquote {
    border:1px solid #999;
    page-break-inside:avoid;
  }
  thead {
    display:table-header-group;
  }
  tr,img {
    page-break-inside:avoid;
  }
  img {
    max-width:100% !important;
  }
  @page {
    margin:0.5cm;
  }
  p,
  h2,
  h3 {
    orphans:3;
    widows:3;
  }
  h2,
  h3 {
    page-break-after:avoid;
  }
}