<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
Theme Name: Rasta.se
Theme URI: 
Author: 2Creative
Author URI: http://www.2creative.se
Description: Tema till Rasta.se
*/
/************************************************************************************

RESET
*************************************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0px;
  padding: 0px;
  border: 0;
  outline: 0;
  font-size: 100.01%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1;
  margin: 0px;
  padding: 0px;
  font-family: Arial, Helvetica, sans-serif; 
}

h1, h2, h3, p {
  margin: 0px;
  padding: 0px;
  line-height: 1; }

textarea {
  overflow: auto; }

input {
  border: 0px solid white;
  margin: 0;
  padding: 0; }

ol, ul {
  list-style: none;
  margin: 0px;
  padding: 0px; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none; }

/* remember to define focus styles! */
:focus {
  outline: 0; }

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none; }

del {
  text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/************************************************************************************
RESET END
*************************************************************************************/
/************************************************************************************
CSS BASICS
*************************************************************************************/
body, #wrapper {
  font-family: 'Roboto', sans-serif;
  color: #222;
  float: left;
  width: 100%; }

.mitten {
  width: 90%;
  margin: auto; }

a {
  text-decoration: none;
  color: #222; }

#logotyp {
  width: 100px;
  height: auto;
  position: relative;
  margin-top: 17px;
  margin-bottom: 17px;
  float: left;
 -webkit-transition: 0.2s;
 -moz-transition: 0.2s;
 -ms-transition: 0.2s;
 -o-transition: 0.2s;
 transition: 0.2s;} 

.left {
  float: left; }

.right {
  float: right; }

.full {
  width: 100%; }

.half {
  width: 50%; border-radius:10px; }

.third {
  width: 33.333%; }

p {
  line-height: 1.4; }

img {
  max-width: 100%;
  position: relative;
  height: auto; 
display:block;}

.white {
  background: #fff; }

.light {
  background: #f8f6f6; }

.grey {
  background: #f1efef; }

.red {
  background: #df383c;
  color: #fff; }

/************************************************************************************
MENY
*************************************************************************************/
#menu &gt; div &gt; ul &gt; li &gt; a {
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase; 
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -ms-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
}
.sub-menu{
  
}


#menu &gt; div &gt; ul &gt; li {
  float: left;
  margin-left: 40px;
  position: relative; 
padding-bottom:20px;}

#menu &gt; div &gt; ul {
  float: right;
 top:30px;
 position: relative;
margin-right:100px;
-webkit-transition: 0.1s;
-moz-transition: 0.1s;
-ms-transition: 0.1s;
-o-transition: 0.1s;
transition: 0.1s; }

#menu a:hover, .current_page_item &gt; a, .current_page_ancestor &gt; a, .current-menu-ancestor &gt; a {
  color: #df383c; }

#menu .sub-menu a {
  font-size: 14px;
  text-transform: uppercase;
  float: left;
  white-space: nowrap;
  margin-bottom: 15px;
  width: 100%;
  
  padding: 0px; }

/* #menu .sub-menu, #menu-subsite .sub-menu{
  visibility: hidden;
  background:#F7E6D0;
  padding: 0px 25px 0px 15px;
  position: absolute;
  left: -12px;
  z-index: 10;
  opacity: 0;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease; } */

header #menu .sub-menu:before, #menu-subsite .sub-menu:before {
  content:'';
  width:15px;
  height:15px;
  transform: rotate(45deg);
  background:#F7E6D0;
  position:absolute;
  top:-7.5px;
  margin:auto;
  left:0px;
  right:0px;
}


header #menu .sub-menu, #menu-subsite .sub-menu{ visibility: hidden; top: 40px; opacity: 0; position: absolute; background: #fff; -webkit-box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.1); -webkit-border-radius: 5px; border-radius: 5px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ z-index: 10000; padding: 20px; padding-top: 10px; padding-bottom: 10px; margin: 0px; z-index: 1000; margin-top: 15px; left: 50%; transform: translateX(-50%); min-width: 220px; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; padding-top:20px;padding-bottom:20px;background:#F7E6D0;}
 header #menu li.menu-item-has-children:hover .sub-menu, #menu-subsite li.menu-item-has-children:hover .sub-menu { visibility: visible; opacity: 1.0; top: 20px; }
 
 #menu-subsite .sub-menu, #menu-subsite .sub-menu:before{background:#df4e51;}
 
 header #menu .sub-menu li a,  #menu-subsite .sub-menu li a{font-size:17px;font-weight:400;text-transform:capitalize;}
 header #menu .sub-menu li:last-of-type a,  #menu-subsite .sub-menu li a:last-of-type a{margin-bottom:0px;padding-bottom:0px;}



/* #menu li:hover .sub-menu, #menu-subsite li:hover .sub-menu{
  opacity: 1;
  padding-bottom: 10px;
  padding-top: 45px;
  visibility: visible;
  display: block; }
  
  #menu-subsite li:hover .sub-menu{
	  padding-top: 20px;
  } */
  
  #menu-subsite .menu &gt; li{
	  position: relative;
    padding-bottom:20px;
  }
  


/************************************************************************************
STARTSIDAN
*************************************************************************************/
.home #top-bild{
  overflow:hidden;
  height:50vh;
}
.home #top-bild img{
object-fit:cover;
    position: absolute;
height: 100%;
width: 100%;

}


#top-bild{
  height: 50vh;

  background-position: center center;
  background-size: cover;
  position: relative;
  margin-bottom: 5px;

 }

#top-bild .bildtext {
  position: absolute;
  width: 50%;
  bottom: 60px;
  left: 80px; 
  max-width:900px;}

#top-bild h1 {
  font-size: 50px;
  color: #fff;
  text-transform: uppercase;
  line-height: 1.2;
  letter-spacing: 1.8px;
  display: inline;
  background: rgba(0, 0, 0, 0.7);
  box-shadow: 12px 0 0 rgba(0, 0, 0, 0.7), -15px 0 0 rgba(0, 0, 0, 0.7);
  box-decoration-break: clone; }
  
  .bx-wrapper, .bx-viewport, .bx-viewport ul, .bx-viewport li{
	  height: 100% !important;
  }
  
  .bxslider li{
	  background-position: center center;
  background-size: cover;
  }
  
 .bx-wrapper .bx-viewport{
	 border: 0px;
	 box-shadow: none;
	 left: 0px;
 }
 
 .bx-wrapper .bx-controls-direction a{
	 width: auto;
	 height: auto;
 }
 
 .bx-wrapper .bx-prev{
	 left: 0px;
 }
 
 .bx-wrapper .bx-next{
right: 0px;
 }
 
  .bx-wrapper .bx-prev,  .bx-wrapper .bx-next{
	  opacity: 0.75;
  }
  
    .bx-wrapper .bx-prev:hover,  .bx-wrapper .bx-next:hover{
	  opacity: 1;
  }
  
  
 
   .bx-wrapper .bx-prev:before{
	  content: "\e001";
	font-family: Flaticon;
	  font-size: 20px;
	   color: #fff;
	   background: #df383c;
	   padding: 15px 15px 15px 10px;

  }
  
    .bx-wrapper .bx-next:before{
	  content: "\e000";
	font-family: Flaticon;
	  font-size: 20px;
	  color: #fff;
	  background: #df383c;
	  padding: 15px 10px 15px 15px;

  }
  
 .bx-wrapper .bx-controls-direction a{
	  text-indent: 0px; 
  }
  
  .bx-wrapper .bx-prev{
	  background: none;
  }
  
  .bx-wrapper .bx-next{
	  background: none;
  }
  
  .bx-wrapper .bx-controls-direction a{
	  z-index: 50;
  }



.bildspel-bild-lank{
	position:absolute;
	display:block;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
}


.pushrutor{
  margin-top:30px;
  margin-bottom:30px;
}

.push {
  height: 100%;
  position: relative; 
border-radius:10px;}

.las-mer, #map-buttons .button {
  position: absolute;
  right: 10px;
  bottom: 10px;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 15px 25px;
  padding-right: 20px;
  background: #fff;
  color: #df383c;
  text-transform: uppercase;
  letter-spacing: 2.2px;
  font-weight: 700;
  font-size: 12px; }

.las-mer:after {
  content: '\f429';
  font-family: 'genericons';
  font-size: 18px;
  vertical-align: -22%;
  font-weight: 400; }

#push-left {
  background: #df383c;
  color: #fff; }

#push-left .push-text {
  margin-top: 40px;
  margin-left: 40px;
  margin-right: 120px; }

.push p {
  font-weight: 300;
  font-size: 22px; }

.push h2, .module h2 {
 
  font-weight: 700;
  font-size: 36px;
  margin-top: 15px;
  margin-bottom: 15px;
  line-height: 1.1; }
  
  .push h3 {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 30px;
  margin-top: 15px;
  margin-bottom: 15px;
  line-height: 1.1 }

#push-middle, #push-right {
  background-size: cover;
  background-position: center center; }

#push-middle .push-text {
  background: rgba(0, 0, 0, 0);
  position: absolute;
  bottom: 0px;
  padding-left: 5%;
  padding-right: 5%;
  padding-top:40px;
  color: #fff;
  width: 90%;
  height: calc(100% - 40px); }
.start .push-text{
  margin:0px!important;
  padding:80px;
  border-radius:5px;
}
 
 
 /************************************************************************************
404
*************************************************************************************/
 
#post-404 #top-img{
  height: 400px;
  background-image: url(images/brorest_nykoping.jpg);
  background-position: center center;
  background-size: cover;
  position: relative;
  margin-bottom: 5px;
  float: left; }
  
/************************************************************************************
KARTA
*************************************************************************************/
#map-wrapper {
  border-radius:10px;
  height: 80vh;
  overflow: hidden;
  position: relative;
  }

.acf-map {
  width: 100%;
  height: 100%;
 }
  
 .anl-mapwrap .acf-map{
	 margin-top: 0px;
 }

.info-window {
  padding: 10px; }

.info-window h4 {
  color: #df383c;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 5px;
  margin-top: 5px; }

.info-window .address {
  font-size: 12px;
  font-style: italic;
  color: #888;
  margin-bottom: 10px; }

.info-window .info-text {
  max-width: 400px;
  padding-bottom: 30px; }

.gm-style-iw &gt; div, .gm-style-iw &gt; div &gt; div {
  overflow: visible !important;
 }

.info-window .las-mer {
  font-size: 13px;
  padding: 0px;
  padding-bottom: 20px;
  position: relative;
  float: right; }

.info-window .las-mer:hover {
  color: #222; }

.info-window .las-mer:after {
  margin-left: 5px; }

#map-buttons {
  position: absolute;
  z-index: 99;
  color: #fff;
  left: 20px;
  top: 20px; }
  
 #click-info{
	 position: absolute;
  z-index: 99;
  left: 350px;
  top: 20px; 
 }

#map-buttons .button {
  font-size: 12px;
  background: #df383c;
  cursor: pointer;
  margin-bottom: 5px; 
color:#fff;
position: relative;
text-align:center;
right:inherit;
bottom:inherit;
margin-top:20px;
}
.gmnoprint{display:none!important;}

#findClosest {
  display: none; }

.avstand {
  display: none;
  width: 100%;
  float: left;
  margin-bottom: 5px; }

.direction {
  color: #df383c;
  font-weight: 600;
  margin-top: 6px;
  float: left; }

.info-window .las-mer {
  right: -5px;
  bottom: -5px; }
  
 #map-wrapper #map-buttons{
	 padding: 30px;
	 background: rgba(255, 255, 255, 0.9);
	 width: 250px;
   border-radius:10px;
 }
 
 
  #map-wrapper .desktop-map{
	  color: #454545;	  
  }
 
    #map-wrapper .desktop-map h2{
 margin-top: 0px; 
	text-transform: uppercase;
font-weight: 700;
font-size: 25px;
margin-bottom: 10px;
}

#map-wrapper .desktop-map p{
	font-size: 14px;
	margin-bottom: 15px;
	line-height: 1.3;
}

.desktop-map .genericon-close-alt{
	position: absolute;
	top:15px;
	right: 15px;
	cursor: pointer;
	margin-top: 0px;
	color: #df383c;
}

#map-wrapper #desktop-map-2{
	display: none;
}

/************************************************************************************
PAGE
*************************************************************************************/
.halvsida .entry-content {
  display: flex; }

#content {
  float: left;
  width: 100%; 
z-index:10;
position: relative;
display:flex;
flex-flow:column;
}

#top-bild, #top-img{
  margin-top:70px;
 
}

#top-img {
  height: 50vh;
  overflow: hidden;
  background-size: cover;
  background-position: center center; }

#top-img img {
  float: left;
  width: 100%; }

.page-text {
  width: 80%;
  margin: auto;
  padding: 10% 0px;
  padding-top:0px;
  
}
.right .page-text{
  padding-top:10%;
}

.full &gt; .page-text {
  width: 90%;
  margin: auto;
  padding: 5% 0px; }

.full &gt; .page-text &gt; p {
  max-width: 700px; }
  
 .page-text strong, .page-text b{
	 font-weight: 500;
 }

.page-text h1, .standard h1 {
  line-height: 1.2;
  font-size: 55px;
  margin-bottom: 18px;
  margin-top: 10px;
  text-transform: uppercase; }

.opening-hours-wrap em{display:none;}
.opening-hours-wrap table + em{display:block;}

.page-text h2, .standard h2, .opening-hours-wrap em {
  line-height: 1.2;
  font-size: 36px;
  margin-bottom: 12px;
  margin-top: 30px;
  font-weight: 500;
font-style: normal;
text-align:left!important; }

.page-text h3, .standard h3 {
  line-height: 1.2;
  font-size: 22px;
  margin-bottom: 8px;
  margin-top: 30px;
  font-weight: 500; }

.page-text p, .standard p {
  font-size: 18px;
  line-height: 1.6;
  font-weight: 400;
  margin-bottom: 25px;
  max-width: 820px; }

.page-text a, .standard a {
  color: #df383c; }
  
.page-text ul{
	margin-bottom: 40px;
}  
  
.page-text ul li{
	margin-bottom: 10px;
}

.page-text a:hover, .standard a:hover {
  text-decoration: underline; }
  
 .page-text .image{
	 margin-right: 10px;
 }

/************************************************************************************
ANLAGGNINGAR
*************************************************************************************/

#vadvar{
padding: 20px 30px;
padding-right: 20px;
background:  #df383c;
color:#fff;
text-transform: uppercase;
letter-spacing: 2.2px;
font-weight: 700;
font-size: 14px;
margin-top: 10px;
display: inline-block;	
}

#vadvar span{
	font-size: 22px;
	margin-top: -5px;
	margin-left: 10px;
}

#vadvar:hover{
	background:  #c31b1f;
	text-decoration: none;
}

#anl-map {
  height: 850px;
  width: 100%;
  position: relative;
  float: left; }
  
 .anl-mapwrap{
	 width: 45%;
 }

#anl-map .acf-map {
  margin-top: 0px; }

#filter {
  padding-top: 80px;
  padding-bottom: 80px; }

#filter-list {
  width: 90%;
  margin: auto;
  text-align: center;
  font-size: 8px;
  margin-top: 80px; }

#filter-list li {
  padding: 15px 18px;
  background: #fff;
  cursor: pointer;
  display: inline-block;
  margin-top:3px;
  border: 0px;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1.3px; }

#filter-list li:hover {
  background: #edecec; }

#filter-list .grey {
  background: #edecec; }

#filter .vagkrogar {
  margin-top: 55px;
  font-size: 0px; }

#filter .mitten {
  width: 91.5%; }

.vagkrog {
  width: 23%;
  padding: 1%;
  display: inline-block; }

.vagkrog img {
  float: left;
border-top-left-radius:10px;
  border-top-right-radius:10px }

.vagkrog h3 {
  text-align: center;
  background: #df383c;
  color: #fff;
  width: 92%;
  padding: 4%;
  float: left;
  text-transform: uppercase;
  font-size: 13.5px;
  letter-spacing: 1.3px;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px; }

.vagkrog:hover h3 {
  background: #c31b1f; }
  
.anlaggningar{
	width: 55%;
	float: left;
	margin-left: 10%;
		padding-right: 6%;
}

.vagkrogar-list{
	width: 21%;
	float: left;
	padding: 6%;
	padding-bottom: 40px;
	padding-top: 0px;
	padding-right: 0px;
	border-left: 1px solid #df383c;
	margin-top: 0px;
}

.vagkrogar-list li{
	margin-bottom: 12px;
	padding-bottom: 12px;
}

.vagkrogar-list h3{
	text-transform: uppercase;
font-size: 13px;
letter-spacing: 1px;
}

.vagkrogar-list a:hover{
	color: #df383c;
}

.anl-wrap{
	width: 55%;
}

#filter-desc{
	width: 90%;
	max-width: 500px;
	margin: auto;
	text-align: center;
	font-weight: 300;
	
}

#filter-desc h3{
	line-height: 1.2;
font-size: 32px;
margin-bottom: 12px;
font-weight: 600;
text-transform: uppercase;
}

/************************************************************************************
HOTELL
*************************************************************************************/
.hotell h2 {
  text-align: center;
  text-transform: uppercase;
  font-size: 40px;
  letter-spacing: 1.3px;
  font-weight: 200; }

#filter.hotell .vagkrogar {
  margin-top: 50px; }

#boka h2 {
  margin-bottom: 30px; }

#boka li {
  font-weight: 400;
  margin-bottom: 15px; }

#boka li a{
	font-weight: 500;
  width: 250px;
  display: inline-block; }
  
  #boka li a{
	  color: #fff;
  }
  
  .hotell-table{
	  color: #000;
	  font-weight: 400;
font-size: 14px;
letter-spacing: 1.1px;
  }
  
  .hotell-table tbody tr{
	  background: #fcfcfc;
  }
  
.hotell-table tbody tr:nth-child(2n+1) {
    background: #f8f6f6;
}

.hotell-table td{
	padding: 20px;
}


/************************************************************************************
RABATTER
*************************************************************************************/
#kort {
  width: 100%;
  float: left;
  margin-top: 30px; }

.kort {
  float: left;
  height: 150px;
  width: 20%;
  margin-right: 5%; }

.kort h4 {
  font-weight: 400;
  font-size: 12px;
  line-height: 1.2;
  margin-top: 5px; }

.kort p {
  font-size: 12px;
  margin-top: 10px; }

/************************************************************************************
OM OSS
*************************************************************************************/
.page-id-19 .multi .right img, .page-id-700 .multi .right img{
  width: auto;
  max-height: 50px;
  margin-right: 15px;
  margin-top:20px; }

/************************************************************************************
NYHETER
*************************************************************************************/
#nyheter {
  width: 60%;
  padding: 50px 5%; 
padding-right:0px;}

.nyheter {
  display: flex; }

#nyheter-sidebar {
  padding: 60px 3% 50px 5%;
  width: 15%; 
border-radius:10px;}

#nyheter-sidebar h2 {
  font-size: 30px;
  margin-bottom: 30px;
  font-weight: 500; }

#nyheter-lista li a {
  color: #fff;
  font-weight: 300;
  font-size: 14px; }

#nyheter-lista li {
  margin-bottom: 16px;
  padding-bottom: 16px;
  line-height: 1.2;
  border-bottom: 1px solid #f76266; }

#nyheter h1 {
  font-size: 55px;
  margin-bottom: 50px; }

.nyhet-post {
  position: relative;
  padding-bottom: 70px;
  margin-bottom: 50px;
  border-bottom: 1px solid #df383c;
 }

.nyhet-post h2 {
  font-size: 28px;
  margin-bottom: 10px;
  font-weight: 500; }

.nyhet-post h4 {
  font-weight: 500;
  font-size: 12px;
  margin-bottom: 25px; }

.nyhet-post .las-mer {
  color: #fff;
  background: #df383c;
  padding: 10px 10px 10px 14px;
  font-size: 11px; }

.nyhet-post .las-mer:after {
  font-size: 14px;
  margin-left: 10px; }
  
  
 /************************************************************************************
NYHETER - SINGLE
*************************************************************************************/ 

.single #nyheter h1{
	margin-bottom: 20px;
}

.single .nyhet-post h4{
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 50px;
	color: #ababab;
}

.single .nyhet-post{
	border-bottom: 0px;
}

.single .nyhet-post p{
	font-size: 18px;
line-height: 1.6;
font-weight: 400;
margin-bottom: 25px;
max-width: 820px;
}

.single #content{
  margin-top:100px;
}
#content ul {margin-bottom:20px;margn-top:10px;margin-left:15px;}
#content .nyhet-post ul li{
  margin-bottom:10px;
  font-family: 'Roboto', sans-serif;
  color: #222;
  font-size:18px;
  list-style-type: disc;
}
 /************************************************************************************
PRESS
*************************************************************************************/ 

#pressbilder{
	width: 90%;
	padding-bottom: 50px;
	display: block;
}

.press-wrapper{
	padding-bottom: 50px;
	width: 100%;
	float: left;
}

#pressbilder .press{
	width: 29%;
	padding: 2%;
}

#pressbilder .fourth{
	clear: both;
}

#pressbilder .press img{
	max-width: 100%;
	height: auto;
}

#pressbilder h4{
	margin-top: 10px;
	margin-bottom: 8px;
}

#pressbilder p{
	line-height: 1.3;
	font-size: 14px;
	margin-bottom: 0px;
}

/************************************************************************************
FOOTER
*************************************************************************************/
#footer {
  padding-top: 50px;
  padding-bottom: 50px;
  }
  
 #footer .mitten{
	 position: relative;
 }

#logotyp-footer {
  width: 100px;
  height: auto;
  position: relative;
  float: left; }

#footer p {
  float: left;
  clear: both;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.7px;
  font-size: 13.4px;
  margin-top: 24px;
  margin-left: 5px; }
  
  #footer .email{
	  float: left;
	  clear: both;
	    font-weight: 600;
  margin-left: 5px;
  letter-spacing: 1.4px;
  font-size: 12px;
  margin-top: 7px;
  }

#footer a {
  color: #df383c; }

#footer a:hover {
  text-decoration: underline; }
  
 #group-footer{
	 /* width: 100px;
	 height: auto;
position: absolute;
top: 20px;
right: 0px; */
float:right;
width:100px;

 }
  #produced{display:block;float:right;font-size:10px;clear:right;margin-top:20px;}
 .fb:before{
   content: '\f203';
   font-family: 'genericons';
 } 
 .insta:before {
   content: '\f215';
    font-family: 'genericons';
 }
 .social-wrap{
   float:left;
   clear:left;
   margin-top:30px;
   margin-left:5px;
 }
 .social-wrap a{
   font-size:20px;
 }
 
 /************************************************************************************
 ALLERGENER
 *************************************************************************************/
 .page-template-tmpl-allergener .page-text{
padding-bottom:60px;
   text-align:center;
 }
 .page-template-tmpl-allergener .page-text p{
   margin:auto;
 }
 .page-template-tmpl-allergener .entry-content{
   display:block;
 }
 .page-template-tmpl-allergener .grid {
   grid-template-columns: repeat(2, 1fr);
   grid-auto-flow: inherit;
   width:100%;
   max-width:1500px;
   
 }
 .page-template-tmpl-allergener .module{

   box-shadow: 1px 1px 30px rgba(0,0,0,0.2);
   position: relative;
   min-height:inherit;
   height:auto;
   align-self: flex-start;
 }
 
 .page-template-tmpl-allergener .module.flex-start{
  align-self: flex-start;
 }
 .stroke{
   width:100%;
   display:block;
  background: rgba(0,0,0,0.2);
  height:1px;
  margin-top:15px;
  margin-bottom:15px;
 }
 .ingredients{

   width:100%;
   display:none;
padding-top:20px;
background:#f7f7f7;
border-radius:5px;
padding:20px;
box-sizing:border-box;
margin-top:20px;
 }
 .ingredients b{
  margin-bottom:10px;
  display:block; 
 }
 
 .ingredients p{
   font-size:13px;
   
 }
 .module .open-ingredients{
   color:#df383c!important;
   margin-top:20px;
   display:block;
 }
 .module .open-ingredients i{
   color:#df383c!important;
   top:0px!important;
   font-size:12px!important;
 }
 .dish-icons{
   width:30px;
   height:30px;
   overflow:hidden;
   margin-bottom:20px;
   display:inline-block;
   margin-right:10px;
   cursor:pointer;
 }
 .all-icons{
   background:#f7f7f7;
   margin:auto;
   max-width:800px;
   border-radius:20px; 
   padding:20px;
   padding-bottom:30px;
   margin-bottom:60px;
  
 }
 .all-icons h3{
   text-align:center;
   margin-bottom:30px;
   margin-top:20px;
   
 }
 .all-icons ul{
   display:flex;
   flex-flow: wrap;
   margin:0px!important;
   justify-content: center;
   gap:20px;
   
 }
 .all-icons li{
   display:inline-block;
 }
 .all-icons li img{
   width:80px;

 }
/************************************************************************************
COOKIEBOT
*************************************************************************************/ 
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll{
	background-color:#df383c!important;
	border-color:#df383c!important;
	color:#fff!important;
	
}
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection, #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton{
	border-color:#df383c!important;
	color:#df383c!important;
}
#CybotCookiebotDialogTabContent .CybotCookiebotDialogBodyLevelButtonSlider{
	background-color:#df383c!important;
}
#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails a{
	color:#df383c!important;
}

#wrapper + iframe, #wrapper + iframe + iframe{position:relative!important;}
/************************************************************************************
MOBIL
*************************************************************************************/  
  
  #mobil-lank{
	  display: none;
  }
  
  #mobil-menu{
	  display: none;
  }

/************************************************************************************
FLAGGOR
*************************************************************************************/  

#header .mitten{
	position: relative;
}
.sv .wpml-ls {display:none!important;}
.en.sv .wpml-ls {display:block!important;}
.en.sv header.header--small .wpml-ls{
  display:none!important;
}
#header .lang_sel_list_horizontal, #header .wpml-ls-legacy-list-horizontal{
	position: absolute;
	right: 40px;
	top:25px;
	border: 0px;
	padding: 0px;
	background: none;
}

#header .lang_sel_list_horizontal a, #header .wpml-ls-legacy-list-horizontal a{
	background: transparent !important;
	padding: 5px 2px 5px 10px;
}

#header .lang_sel_list_horizontal ul, #header .wpml-ls-legacy-list-horizontal ul{
	border-top: 0px;
}

#header .lang_sel_list_horizontal .lang_sel_sel img, #header .wpml-ls-legacy-list-horizontal .lang_sel_sel img{
	opacity: 1;
}

#header .lang_sel_list_horizontal .lang_sel_other img, #header .wpml-ls-legacy-list-horizontal .lang_sel_other img{
	opacity: 0.35;
}

#header .lang_sel_list_horizontal a.lang_sel_sel:hover, #header .wpml-ls-legacy-list-horizontal a.lang_sel_sel:hover{
	background-color:transparent;
}

#header .lang_sel_list_horizontal ul a.lang_sel_other:hover, #header .wpml-ls-legacy-list-horizontal ul a.lang_sel_other:hover{
	background-color:transparent;
}

#header .lang_sel_list_horizontal .lang_sel_other img:hover, #header .wpml-ls-legacy-list-horizontal .lang_sel_other img:hover{
	opacity: 1;
}
/************************************************************************************
Updates 2023
*************************************************************************************/ 
body{
  overflow-x:hidden;
}
.get-rasta-app{
  right:0px;
  position:absolute;

  background:#df383c;
  bottom:-131px;
  padding:20px;
  border-bottom-left-radius:10px;
  border-bottom-right-radius:10px;
  color:#fff;
}
.get-rasta-app i{
  margin-left:10px;
}

.get-rasta-app a{color:#fff;}
#header.header--small .get-rasta-app{
  display:none;
}
#header{
  position: fixed;
  z-index:10000;
  background:#fff;-webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -ms-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
}
#header.header--small{
  border-bottom:1px solid #dedede  ;
}
#header.header--small #logotyp{
  height:15px;
  overflow:hidden;
}
/* #header.rasta-child.header--small #logotyp{
  height:inherit;
 width:200px
} */
#header.header--small #menu &gt; div &gt; ul{
 top:15px;
  margin-right:40px;
}
#header.header--small #menu &gt; div &gt; ul a{
  font-size:14px;
}
#header.header--small .hamburger{
  top:15px;
}

/* #content{
  margin-top:70px;
}  */
.mega-menu{
  position:fixed;
  right:0px;
  top:0px;
  width:300px;
  background:#df383c;
  z-index: 1000;
  overflow-y: scroll;
  overflow-x: hidden;
  z-index:100000;
  /* padding:40px; */
height:100%;
  z-index: 100; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; -webkit-box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.4); 


}
.mega-menu li{
  margin-bottom:20px;
}
.mega-menu &gt; div{
  padding:25px;
  padding-top:40px;
}
.mega-menu a{
  color:#fff;
  font-size:20px;
  opacity:1;
  font-weight:400;
}
.mega-menu .sub-menu{
  margin-left:20px;
}
.mega-menu .sub-menu li{
  margin-top:10px;
  margin-bottom:10px;
}
.mega-menu .sub-menu a{
  font-size:17px;
  font-weight:300;
  opacity:0.7;
  line-height:1.2;
}

.hamburger {  z-index: 10000; padding: 0px; right: 0px; top: 30px; position: absolute; right: 0px; float:right;-webkit-transition: 0.2s;
-webkit-transition: 0.1s;
-moz-transition: 0.1s;
-ms-transition: 0.1s;
-o-transition: 0.1s;
transition: 0.1s; }

 .hamburger-box{width:25px;height:14px;}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { background-color: #df383c; }

.hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::after, .hamburger.is-active .hamburger-inner { background-color: white;z-index:10000; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after{height:3px;width:100%;}

.hamburger.is-active{right:-4%;}
.hamburger-inner::before{top:-8px;}
.hamburger-inner::after{bottom:-8px;}
.is-active .hamburger-inner::before{top:-10px;}
.is-active .hamburger-inner::after{bottom:-10px;}
.show { right: 0px; opacity: 1; display: block; }

.hide { right: -800px; }

.overlay-body { display: none; left: 0px; right: 0px; bottom: 0px; top: 0px; z-index: 100; position: fixed; background: rgba(0, 0, 0, 0.5); }

.middle{
  max-width:1700px;
  width:90%;
  margin:auto;
}
.page-builder{
  margin-top:30px;
  margin-bottom:30px;
  position: relative;
  z-index:2;
}

.half .page-builder{
  margin:0px;
  width:100%;
}
#top-img{
  position:relative;
}
.bend:after, #top-img:after, #top-bild:after{
    content: '';
bottom: -10px;
width:120%;
height: 100px;
background: #fff;
    border-radius: 70% 70% 0 0/100% 100% 0 0;
z-index: 1;
position: absolute;
left: -10%;
right:0px;
}
.excerpt-top, .page-template-tmpl-jobs .entry-title + p{
  display:block;
  max-width:550px;
  margin:auto;
  text-align: center;
  line-height:1.3;
  z-index:1;
  position: relative;
  font-size:28px;
  font-weight:400;
  color:#222;
  margin-bottom:80px; 
  margin-top:-20px;
}
.excerpt-top:before{
  background:url(images/symbol.png) no-repeat;
  position: relative;
  background-position: center center;
  content:'';
  display:block;
  height:20px;
  margin-bottom:10px;

}

.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }

.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.grid {
  /* height: 400px; */
  grid-template-columns:1fr;
display:grid;
gap:30px; 
grid-template-rows:max-content;
grid-auto-flow: column;

}
.logotypes{
  padding:10%;
  
}
.grid--logotypes{
  grid-template-columns:1fr 1fr 1fr 1fr;
  grid-auto-flow: inherit;
gap:20px;
grid-auto-rows: 1fr;

 
  
}
.logotypes div{
  padding:20px;
  background:#fff;
  border-radius:5px;
  justify-items: center;
  align-items: center;
  display:flex;
}

.first-module-sidebar{
  padding-top:0px;
}

.modules--2{
  grid-template-columns:1fr 1fr;
  
}
.modules--3{
  grid-template-columns:1fr 1fr 1fr;
  
}
.bg-red .overlay{
  background:#df383c;
}
.bg-sand .overlay{
  background:#F7E6D0;
  
}

.module.bg-sand-module{
  background-color:#F7E6D0;
}
.module.bg-red-module{
  background-color:#df383c;
}

.module.bg-white-module{
  background-color:white;
}

.bg-black .overlay{background:#000;}
.module.bg-sand h2,.module.bg-sand p, .module.bg-sand .thin-heading, .module.bg-sand .las-mer{
  color:#222;
}


.module{
  
  height: 100%;
    position: relative; 
  border-radius:10px;
  overflow:hidden;
  display:flex;
  background-size:cover;
  background-position: center center;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
  min-height:260px;
 
}
.module.bg-contain{
  background-size:contain;
  background-repeat: no-repeat;
}

.modules + .modules{
  margin-top:30px;
}
.module h2, .module p{
  color:#fff;
  
}



.module .las-mer{
  z-index:2;
}
.module:hover{
  z-index:2;
  -ms-transform: scale(1.02); 
  -moz-transform: scale(1.02);
  -webkit-transform: scale(1.02);
  -o-transform: scale(1.02);
  transform: scale(1.02);
   /* -webkit-box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.4);  */
}

.module__content{
  padding:30px;
  padding-top:60px;
  padding-bottom:80px;
  position:relative;
  margin:auto;
  z-index:2;
}
.page-template-tmpl-jobs .entry-content{
  margin-top:120px;
 
}
.page-template-tmpl-jobs .searchandfilter ul li{
  display:inline-block;
}
.page-template-tmpl-jobs .entry-content h1, .page-template-tmpl-jobs .entry-content h1 + p{
  text-align:center;
}
.page-template-tmpl-jobs input:not(.search-filter-reset){
  display:none;

}

.search-filter-reset{
 background:none;
 font-size:14px; 
 font-weight:bold;
 margin-right:20px;
 cursor:pointer;
 color:black;
}
.search-filter-results{

  margin-bottom:40px;
}
.page-template-tmpl-jobs form.searchandfilter{
  background:#f7f7f7;
  border-radius: 10px;
  padding:20px;
  box-sizing: border-box;
  padding-top:15px;
  padding-bottom:15px;
  margin-bottom:40px;
  display:none;
}
.page-template-tmpl-jobs form.searchandfilter li label{
  padding-left:0px;
  font-size:14px;
  cursor:pointer;

}
.page-template-tmpl-jobs form.searchandfilter li label:hover, .sf-option-active{
  color:#df383c;
}

.page-template-tmpl-jobs form.searchandfilter li li{

margin-right:30px;
} 
.filter{
  font-weight:500;
  font-size:18px;
  margin-bottom:40px;
  display:block;
}
.filter i{
  margin-right:5px;
}

.page-template-tmpl-jobs .las-mer:hover{
  text-decoration: none;
}

.page-template-tmpl-jobs .module{
  background:#F7E6D0;
}

.page-template-tmpl-jobs .module__content *, .page-template-tmpl-allergener .module__content *{
  color:#000;
}

.page-template-tmpl-jobs .module__content, .page-template-tmpl-allergener .module__content{
  padding:30px;
  margin:inherit;
  width:100%;
}
.page-template-tmpl-jobs .module__content h2, .page-template-tmpl-allergener .module__content h2{
  width:100%;
  display:block;
  font-size:27px;
  font-weight:500;
  margin-top:0px;
  
}
.page-template-tmpl-jobs .module__content h2 + span, .page-template-tmpl-allergener .module__content h2 + span{
  font-size:19px;
  font-weight:500;
  display:block;
  margin-bottom:20px;

}
.page-template-tmpl-jobs .module__content i, .page-template-tmpl-allergener .module__content i{
  font-size:14px;
 top:-2px;
  position: relative;
  margin-right:5px;
}
 .flex-wrap{
  display:flex;

}
 .flex-wrap p{
  font-size:12px;
  margin-bottom:10px;
}
 .flex-wrap p:last-of-type{
margin-left:auto;
}
.single .flex-wrap{
  border-bottom:none;
  padding:0px;
}
.last-day{
 top:15px;right:10px;
  font-size:11px;

  font-weight:400;
  width:100%;
  display:block;
  border-bottom:1px solid rgba(0,0,0,0.2);
  padding-bottom:20px;
}
.single .flex-wrap p:last-of-type{
  margin-left:20px;
}
.single.single-jobs h4{
  color:#df383c;
  font-weight:500;
  font-size:16px;
}
.page-template-tmpl-jobs .module__content .excerpt{
margin-bottom:50px;
  margin-top:20px;
  font-size:13px;
}

.page-template-tmpl-jobs .entry-title + p{
  margin:auto;
  font-size:25px;
  margin-bottom:80px;
}

.page-template-tmpl-jobs .module .las-mer{
  background:#000;
  color:#fff;
  font-weight:normal;
}

.page-template-tmpl-jobs .grid{
grid-template-columns: repeat(4, 1fr);
grid-auto-flow: inherit;
}
.single-jobs #nyheter{
  padding:0px;
  margin:auto;
  margin-top:50px;
  width:100%;
  max-width:750px;
}
.single.single-jobs p{
  max-width:inherit;
}
.overlay{
  opacity:0.7;
  position: absolute;
  top:0px;
  bottom:0px;
  left:0px;
  right:0px;
  z-index:1;
}



.thin-heading{
 font-weight:300;
  color:#fff;
  font-size:23px;
  margin-top:15px;
}
.thin-heading + h2{
  margin-top:0px;
}
.center-text{
  align-items:center;
}
header .wpml-ls-legacy-list-horizontal {position: absolute;right: -15px;top: -25px;}


.wpml-ls-legacy-list-horizontal a {
  display: block;
  text-decoration: none;
  padding: 5px 10px 6px;
  line-height: 1;
  font-size:12px;
  text-transform: uppercase;
}

header .wpml-ls-legacy-list-horizontal:after{content: '/';
min-width:50px;
position: absolute;
top: 4px;
z-index: -1;
margin: auto;
color:#222  ;
left: 6px;
right: 0px;
margin: auto;
text-align: center;}

header .wpml-ls-first-item.wpml-ls-last-item:after{content:'';}


header .wpml-ls-current-language a span{color:#df383c;}

header .wpml-ls-legacy-list-horizontal .wpml-ls-item{position: relative;}

.page-text p.excerpt{font-size:28px;}

.timeline{padding-top:10%;overflow:hidden;}

.ag-timeline_item { margin: 0 0 50px; text-align: right; position: relative; border-radius: 5px; }

.ag-timeline { display: inline-block; width: 100%; max-width: 100%; margin: 0 auto; position: relative; }

.ag-timeline_line { width: 3px; background-color:#F7E6D0;  position: absolute; top: 2px; left: 30.5%; bottom: 0; overflow: hidden; -webkit-transform: translateX(-50%); transform: translateX(-50%);top:0px!important; }

.ag-timeline_line-progress { width: 100%; background-color:#df383c; }

.ag-timeline-card_box { padding: 0 0 20px 50%; }

.ag-timeline_item .ag-timeline-card_box { padding: 0 70% 20px 0; }

.ag-timeline-card_point-box { display: inline-block; margin: 0 14px 0 -28px;padding:30px;padding-top:0px;padding-left:25px;padding-right:25px; width:50px;height:20px;}

.ag-timeline_item .ag-timeline-card_point-box { margin: -10px -53px 0 14px; background-image: url("images/ms-icon-310x310.png");background-size:cover;background-position: 0 -25px;}

.ag-timeline-card_point { height: 50px; padding-top:10px;line-height: 50px; width: 50px; color:#fff;text-align: center; font-size: 14px;  opacity:0.7; }

.js-ag-active .ag-timeline-card_point {  opacity:1;}

.ag-timeline_item:nth-child(1) .ag-timeline-card_item { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); left: 20px; }

.ag-timeline_item:nth-child(1) .ag-timeline-card_point { color: #fff;  }

.ag-timeline_line-progress { min-height: 200px; }

.ag-timeline_item:nth-child(odd) .ag-timeline-card_item, .ag-timeline_item:nth-child(odd) .ag-timeline-card_item .ag-timeline-card_arrow {   }

.ag-timeline-card_item { display: inline-block; width: 59.5%; margin: -77px 0 -50px; background-color: var(--turqouise-15); opacity: 0; -webkit-transition: -webkit-transform .5s, opacity .5s; -webkit-transition: opacity .5s, -webkit-transform .5s; transition: opacity .5s, -webkit-transform .5s; transition: transform .5s, opacity .5s; transition: transform .5s, opacity .5s, -webkit-transform .5s; position: relative; }

.ag-timeline_item .ag-timeline-card_item { -webkit-transform: translateX(-200%); transform: translateX(-200%); }

.ag-timeline_item .ag-timeline-card_item { -webkit-transform: translateX(200%); transform: translateX(200%); }

.js-ag-active.ag-timeline_item .ag-timeline-card_item, .js-ag-active.ag-timeline_item .ag-timeline-card_item { opacity: 1; left: 20px; -webkit-transform: translateX(0); transform: translateX(0); }

.ag-timeline-card_arrow { height: 18px; width: 18px; margin-top: 20px; background-color: var(--turqouise-15); z-index: -1; position: absolute; top: 0; right: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.ag-timeline_item .ag-timeline-card_arrow { margin-left: calc(-18px / 2); margin-right: calc(-18px / 2); }

.ag-timeline_item .ag-timeline-card_arrow { margin-left: -10px; right: auto; left: 0; }

.ag-timeline-card_img { width: 100%; }

.ag-timeline-card_info { padding: 20px 30px; text-align: left;border-radius: 5px;background-color:#F7E6D0;}

 .ag-timeline-card_item .ag-timeline-card_arrow {background-color:#F7E6D0;top:50%;}
.ag-timeline-card_title { display: none; margin: 10px 0 0; font-weight: bold; font-size: 28px; color: #FF0; }

.ag-timeline-card_desc p { line-height: 1.45; font-size: 15px; color: #222; font-weight: 300;  }
.ag-timeline-card_desc h3{margin-bottom:5px;font-size:22px;}

.ag-timeline-card_inner{border-radius:5px;overflow:hidden;}

.campaign{
  padding-top:100px;
  padding-bottom:100px;
  position: relative;

}
.page-template-kampanj .left{
  margin-bottom:50px;
}
.page-template-kampanj .page-builder{
  margin-top:40px;
}
.campaign:before{
  content:'';
  background:url('images/road.jpg');
  background-size:cover;
  background-position: center bottom;
  position: absolute;
  width:100%;
  height:100%;
  top:0px;
  z-index:0;
  opacity:0.2;
}
.campaign .grid{
  grid-template-columns:1fr 1fr 1fr;
  grid-template-rows: inherit;
  grid-auto-flow: inherit;
  gap:50px;
  z-index:100;
  position: relative;
  
}
.campaign h2{
  text-align:center;
  font-size:55px;
  margin-bottom:100px;
  z-index:1;
  position: relative;
}
.campaign__item h3{
  font-size:29px;
  margin-bottom:10px;
}
/*# sourceMappingURL=style.css.map */
.half-wrap{
  margin-bottom:30px;
}
#menu-subsite{
  border-bottom-left-radius:5px;
}
#header.header--small #menu-subsite{
  bottom:-54px;
  -webkit-box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.1); 
}
#header.header--small #menu-subsite h3{
  font-size:17px;
}
#container #ikoner{left:0px;right:inherit;position: relative;width:auto;float:left;margin-top:0px;background:#F7E6D0;padding:10px;padding-left:20px;padding-right:20px;border-bottom-right-radius:5px;top:0px;}
#container #ikoner li{display:inline-block;height:65px;width:65px;border-bottom:0px;  filter: invert(100%);
  -webkit-filter: invert(100%);background-position: center center;}
  
  .sidebar{
    width:40%;
    margin-right:0px;
    margin-left:auto;

    
  }
  .sidebar .modules{
   grid:none;
  }
  .sidebar .module__content{
    padding:50px;
  }
  .breadcrumbs{
    float:left;
    margin-top:32px;
    margin-left:50px;
    
  }
  .header--small .breadcrumbs{
    margin-top:20px;
  }
  
  .breadcrumbs a{
    color:#df383c;
  }
  .opening-hours-wrap div div{
    display:block!important;
  }
  #regularHours, .opening-hours-wrap table{
    border-collapse:collapse!important;
    font-size:inherit!important;
  }
  
  .opening-hours, #regularHours{
width:100%;
    margin-bottom:30px;

  }
    
    .opening-hours *, #regularHours *{
      width:100%;
     display:inline-block;
    
    }
.opening-hours tr, #regularHours tr, .opening-hours-wrap tr{
   background:none;
   
   /* border-bottom:3px solid #fff; */
 }
 .opening-hours tr:nth-child(odd), #regularHours tr:nth-child(odd), .opening-hours-wrap tr:nth-child(odd){
background-color:rgba(255,255,255, 0.4);
 }
 
.opening-hours tr:last-of-type, #regularHours tr:last-of-type, .opening-hours-wrap tr:last-of-type{
   border-bottom:none;
 }
.opening-hours td, #regularHours td, .opening-hours-wrap td{
    box-sizing: border-box;
     width:50%;
     list-style-type: none;
     margin:0px;
     padding:15px!important;
     background:none;
     color:inherit!important;
  }
  .opening-hours td:nth-child(even), #regularHours td:nth-child(even), .opening-hours-wrap td:nth-child(even){
    text-align:right!important;
  }
  .opening-hours-wrap h2{
    margin-top:10px;
  }
  .opening-hours-wrap h3{
   opacity:0.8;
  }
  .opening-hours-wrap{
    padding:25px;
    position: relative;
  }
 .opening-hours-wrap.first-module{
    margin-top:-200px;
    background:#F7E6D0;

    border-radius: 5px;
    margin-bottom:30px;
  }
  .exceptional-opening-hours{
    display:none;
  }
  
  .exceptional-opening-hours-desktop{
    position: absolute;
    right: -320px;
    background: #f7f7f7;
    padding: 20px;
  }
  .exceptional-btn{color:#df383c;cursor:pointer;
    position:absolute; top:20px;right:20px;}
  .opening-hours-wrap .exceptional-btn:after{

  content: '\f429';
  font-family: 'genericons';
  vertical-align:-2px;
}
  .exceptional-opening-hours h2{
    font-size:30px;
    margin:0px;
    
  }
  .open-all-hours{
    font-size:12px;
    text-align:left;
  }

  #kontaktuppgifter{
    border-radius: 5px;
    padding:30px!important;
  }
  #kontaktuppgifter .opening-hours-wrap{
    padding:0px;font-size:14px;
  }
  
  #kontaktuppgifter .opening-hours-wrap td{
    padding:5px;
    padding-left:0px;
    padding-right:0px;
  }
  #kontaktuppgifter h2{
    font-size:22px;
  }
  #kontaktuppgifter .opening-hours-wrap h3{
    all:unset;
    font-size:16px;
    margin-top:20px;
    margin-bottom:10px;
    display: block;
    font-weight:500;
  }
  #kontaktuppgifter .opening-hours-wrap .exceptional-btn{
    font-size:13px;
    margin-top:5px;
    position: relative;
    left:0px;
  }
  #kontaktuppgifter .opening-hours-wrap{
    border-bottom:1px solid #ededed;
    padding-bottom:30px;
  }
  #kontaktuppgifter .page-text table{
    all:unset;
    margin-bottom:20px;
    display:block;
  }
  .logo-wrap{
    position:relative;
    width:100%;
    margin:auto;
  }

 #menu li:not(#menu-item-66) a{
    color:#222!important;
  }
  .hide-dialog{
    display:none!important;
  }
  .page-template-kontakt-page #content{
    margin-top:70px;
  }
  .lunch-entry{
    border-bottom:1px solid #ddd;
    padding-bottom:20px;
    margin-bottom:10px!important;
  }
  .lunch-entry p:empty{
    display:none;
  }
  .lunch-entry:last-of-type{
    border-bottom:none;
  }
  .lunch-entry p:last-of-type{
    margin-bottom:0px;
  }
  .vecka{
    padding-bottom:0px!important;
    border-bottom:none!important;
  }
.dagens .right{

}

 .mobile-menu{
 display:block;
  background:rgba(255,255,255,0.07);
 margin-bottom:0px;

 border-bottom:0px;
   order:1;
 padding-left:20px;
 
}
.mobile-menu h3{opacity:0.6;color:#fff;font-weight:400;margin-bottom:20px;}
.mobile-menu{display:none;}
  
  @media only screen and (max-width: 900px) {
  .modules--3, .modules--2{
    grid-template-columns: 1fr;
    grid-auto-flow: inherit;
    
  } 

.get-rasta-app{
  bottom:-57px;
}

}

  @media only screen and (min-width: 900px) {
.mobile-menu{
  display:none!important;
}
}
  @media only screen and (max-width: 900px) {
    
    .hamburger {right:20px;}
    
.mobile-menu{
  display:block!important;
}
.mega-menu{
height:100vh;
display:flex;
box-sizing:border-box;
width:100%;
top:0px;
bottom:0px;
position:fixed;


}
.hamburger.is-active{right:20px;}


.mega-menu &gt; div{
  width:50%;
}
.mega-menu .sub-menu{
  margin-left:0px;
  order:2;

}
.mega-menu a{font-size:17px;}

.hide{right:-120%;}

.page-template-tmpl-allergener .module__content h2{
  font-size:22px;
}
.page-template-tmpl-allergener .grid{
  grid-template-columns:1fr;
}
.all-icons li img{
  width:60px;
}
}

 

  @media only screen and (max-width: 700px) {
#map-wrapper #map-buttons{
  top:15%;
}

 .logo-wrap{
    justify-content: center;
    display:flex;
  }
  #footer .logo-wrap a{
     float:left!important;
     width:100px!important;
     display:block;
     margin:10px;
   }
   #content{
     margin-top:0px;
   }
   .bend:after, #top-img:after, #top-bild:after{
 width: 200%;
 left: -50%;
 bottom: -30px;
 height: 80px;
   }
   .excerpt-top{
     font-size:23px;
     width:80%;
   }
   
  #top-bild, #top-img{
     height: 300px!important;
     min-height:inherit!important;
   }
   .page-text{
   padding-top:0px!important;
 }
 
}
  @media only screen and (max-width: 500px) {
    .module{
      min-height:200px;
    }

.ag-timeline_line{
  left:0px;
}
#container #ikoner li{width:40px;height:40px;}

.opening-hours td{
  font-size:12px;
  padding:10px;
}
.opening-hours-wrap.first-module{
  padding:20px;
  margin-top:inherit;
}
.opening-hours{
  margin-bottom:20px;
}
.breadcrumbs{display:none;}
.page-text h3, .standard h3{margin-top:20px;}
.opening-hours-wrap h2{
  margin-bottom:20px;
  font-size:20px;
}
.opening-hours-wrap h3{margin-bottom:10px;}
.get-rasta-app{
  font-size:11px;
  bottom:-41px;
  border-bottom-right-radius: 0px;
  padding:15px;
}
#container #ikoner{
  padding:5px;
}
.fixed-body{
overflow:hidden!important;
}
.mega-menu {
 z-index:1000;
 overflow-y: scroll;
 overflow-x: hidden;
 -webkit-overflow-scrolling:touch;
}
.mega-menu &gt; div{
  height:100%;
  padding-bottom:170px;
}
.page-template-tmpl-allergener .module__content h2{
  font-size:16px;
}
.page-template-tmpl-allergener .module__content h2 + p{
  font-size:14px;
}
}</pre></body></html>