h1 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #333333; line-height: 20px; font-weight: 600; }
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #333333; line-height: 20px; font-weight: 400; }
h3 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #333333; line-height: 18px; font-weight: 600; }
p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; line-height: 18px; font-weight: 400; }
li { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; line-height: 18px; font-weight: 400;  }body { background: #ffffff; font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #333333; line-height: 18px; font-weight: 400; }
a:link { text-decoration: underline; color: #000000; font-weight: 400; }
a:visited { text-decoration: underline; color: #000000; font-weight: 400; }
a:active { text-decoration: underline; color: #000000; font-weight: 400; }
a:hover { text-decoration: none; color: #000000; font-weight: 400; }
a:focus { text-decoration: none; color: #000000; font-weight: 400; }
.navbar-default li { font-family:Arial, Helvetica, sans-serif; font-size: 12px; text-transform:none; }
.navbar-default .navbar-toggle .glyphicon {color: #004eb5;}
.navbar-default .navbar-toggle .icon-bar {background-color: #004eb5;}.navbar-default .navbar-nav>li a { color:#004eb5; text-decoration:undereline; font-weight:400; }
.navbar-default .navbar-nav>li a:hover { color:#d90000; text-decoration:none; font-weight:400; }
.navbar-default .navbar-nav>li.active a:hover { color:#d90000; text-decoration:none; font-weight:400; }
.navbar-default .dropdown-menu>li a:hover { color:#d90000; text-decoration:none; font-weight:400; }
.navbar-default .navbar-nav>li a:focus { color:#d90000; text-decoration:none; font-weight:400; }
.navbar-default .navbar-nav>li.active a:focus { color:#d90000; text-decoration:none; font-weight:400; }
.navbar-default .dropdown-menu>li a:focus { color:#d90000; text-decoration:none; font-weight:400; }
.navbar-default .navbar-nav>.active>a { color:#d90000; text-decoration:none; font-weight:400; }
.navbar-default .dropdown-menu>li.active a { color:#d90000; text-decoration:none; font-weight:400; }
.navbar { margin-bottom:0px; }
header { margin-bottom:0px; position:relative; }
#page .container { max-width:1170px; }
/* GDPR */
body #CybotCookiebotDialog {top: auto; width: 100%; height: auto; box-shadow: none; box-shadow: 0 -2px 5px #ccc; bottom: 0; padding: 10px 0 0;}
body #CybotCookiebotDialogBody {max-width: 1200px; width: 100%;}
body #CybotCookiebotDialogDetailBody {max-width: 1190px; width: 100%;}
body .CookieDeclarationTableCell {padding: 9px 5px;}
body #CybotCookiebotDialogPoweredbyLink {display: none;}
body #CybotCookiebotDialogBodyContent {float: left; padding: 5px 0 18px 5px;}
body .CookieDeclarationTypeDescription {font-size: 13px !important;}
body #CybotCookiebotDialogBodyButtons {float: right; padding-left: 20px; padding-top: 6px;}
body #CybotCookiebotDialogBodyButtonAccept {background-color: #006633; border: 1px solid #006633; font-weight: bold; border-radius: 20px; line-height: 1 !important; padding: 4px 10px 6px !important; float: right; font-size: 14px;}
body form.wpcf7-form .wpcf7-acceptance input[type="checkbox"] {width: auto !important; margin: 5px 10px 10px 0 !important;}
#page {overflow-x: hidden;}

#content ul {
   list-style: outside;
   margin-left: 2em;
   margin-bottom: 15px;
}

/* body #CybotCookiebotDialog {top: auto; width: 100%; height: auto; box-shadow: none; box-shadow: 0 -2px 5px #ccc; bottom: 0; padding: 10px 0 0;}
body #CybotCookiebotDialogBody {max-width: 1200px; width: 100%;}
body #CybotCookiebotDialogDetailBody {max-width: 1190px; width: 100%;}
body .CookieDeclarationTableCell {padding: 9px 5px;}
body #CybotCookiebotDialogPoweredbyLink {display: none;}
body #CybotCookiebotDialogBodyContent {padding: 12px 0 8px 8px;}
body .CookieDeclarationTypeDescription {font-size: 13px !important;}
form.wpcf7-form input[type="checkbox"] {width: 12px; float: left;}

#page {overflow-x: hidden;}

#content ul {
   list-style: outside;
   margin-left: 2em;
   margin-bottom: 15px;
} */

body h1 {font-size:46px; line-height: 50px; font-family: Niconne, cursive; font-weight:400; color:#333333; }
body h2 {font-size:40px; line-height: 44px; font-family: Niconne, cursive; font-weight:400; color:#333333; }
body h3 {font-size: 30px; line-height: 34px; font-family: Niconne, cursive; font-weight:400; color:#333333; }
body p, body li, body td, body dd, body label {font-size:16px; line-height:22px; font-family: Montserrat, sans-serif; font-weight:400; color:#000; }
body {background: #eee3d3; }

/*header*/
#header .container {position: relative; background: #fff; }
#header .logoholder {position: absolute; left: 30px; top: 0px; z-index:10; }

#header ul#menu-main {float:right; margin-right: 20px; }

#header ul#menu-main li a {font-size:16px; line-height:60px; font-family: Montserrat, sans-serif; font-weight: 500; color:#000; text-decoration: none; text-transform: uppercase; padding: 5px; transition: .75s; }
#header ul#menu-main li a:hover, #header ul#menu-main li.active > a, #header ul#menu-main li.current-page-ancestor > a  {color:#409458; transition: .75s; background:none; }
#header ul#menu-main ul {background:#fff; margin:0; padding:0; }
#header ul#menu-main ul li a {line-height: 22px; }


/*top*/
#top .container {padding-bottom:20px; background:#fff; position: relative; }
body.home #top .container {padding-bottom:0px; }

#top .container .widget_custom_html {position: absolute; z-index: 10; right: 3%; top: 9%; text-align: center; }
#top .container a.cta {font-size:16px; line-height:20px; font-family: Montserrat, sans-serif; font-weight: 500; color:#000; text-decoration: none; text-transform: uppercase; padding: 10px; transition: .75s; background: rgba(255, 255, 255, 0.7); display: inline-block; }
#top .container a.cta:hover {background:#fff; }

#top .widget_metaslider_widget img {outline: 2px solid #fff; outline-offset: -20px; margin:0; }

.metaslider.ms-theme-blend .rslides .caption-wrap {background: none !important; }

.metaslider.ms-theme-blend .rslides .caption-wrap .caption {color:#333333 !important; padding: 15px !important; background: #fff !important; }
.metaslider .caption {font-family: Niconne, cursive !important; font-size: 40px !important; bottom: 40px !important;
    width: 94% !important; }


/*content*/
#content {background:#fff; padding: 0px 20px 20px; }

#servicerow a {display:block; padding: 100px 20px; text-align: center; font-size:40px; line-height:44px; font-family: Niconne, cursive; font-weight:400; text-decoration: none; color:#fff; background: rgba(0, 0, 0, 0.4); transition:0.3s; }
#servicerow a:hover {background: rgba(0, 0, 0, 0.9);  }


#content .sideright .widget_custom_html {padding:15px 15px 0 15px; border: solid 1px #ebebeb; margin-bottom: 20px; }


#content table {display: table; border-collapse: separate; border-spacing: 2px; border-color: grey; }
#content tbody {display: table-row-group; vertical-align: middle; border-color: inherit; }
#content td {padding: 4px 20px 4px 12px; background-color: #eee; }

#bgrow {padding: 40px 0px 20px 0; }
#bgrow .paddingcol .textbox {min-height: 500px; }
.fbbox {text-align: center; }

#bgrow .textbox a.cta {font-size:16px; line-height:20px; font-family: Montserrat, sans-serif; font-weight: 500; color:#000; text-decoration: none; text-transform: uppercase; padding: 10px; transition: .75s; background: rgba(172, 171, 169, 0); display: inline-block; border: 1px solid rgba(172, 171, 169, 0.2); margin: 5px 0px; display: inline-block; }
#bgrow .textbox a.cta:hover {background: rgba(172, 171, 169, 0.2); }


/*footer*/
#footer {padding: 40px 0 25px; background: #333333; }
#footer h3, #footer p, #footer a {color:#fff; }





/* Mobile CSS */
@media all and (max-width: 1200px)  {

#header ul#menu-main li a {font-size: 12px; padding: 5px; }

}



@media all and (max-width: 991px)  {

#header .logoholder {position: inherit; left: 0; top: -1px;  background: #eee3d3; float:none; text-align: center; padding: 0 15px 10px 15px; }
#header .logoholder img {max-width: 100%; height: auto; }
#header ul#menu-main li a {font-size: 14px; padding: 5px; }

#footer .footer-1, #footer .footer-2, #footer .footer-3, #footer .footer-4 {float:left; width: 100%; text-align: center; }


#top .container .widget_custom_html {top: 8%; }
.metaslider .caption {bottom: 23px !important; }


#bgrow .vc_col-sm-6 {float: left; width: 100%; }
#bgrow .paddingcol .textbox {min-height: auto; }
.paddingcol {padding: 5px 36px 0 36px; }
.fbbox {text-align: center; }

}




@media all and (max-width: 767px)  {
body #CybotCookiebotDialogBodyButtons {max-width: 35%;}
body #CybotCookiebotDialogBodyContent {max-width: 60%;}

.vc_row {margin-left: 0px !important; margin-right: 0px !important; }

.navbar-nav {margin: 0; }

.modal-content {position:relative; z-index:9999;}
.navbar-collapse {z-index:99;}
.navbar-collapse.in {overflow-y: unset;}
.navbar-header {background: #eee3d3 !important; margin-top: -1px; }
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: #eee3d3 !important; padding-top:0; box-shadow:none; }

#header .navbar-collapse {padding-left:0; padding-right:0; }
.navbar-toggle {margin-top:0px; margin-bottom:10px; } /*<- change - */
.navbar-toggle.modalinfo {margin-left:15px;}
.navbar-default .navbar-toggle .glyphicon {color:#494949; } /*<- change - */
.navbar-default .navbar-toggle .icon-bar {color:#fdb627; }

#header .icon-bar {background-color:#494949; } /*<- change - */
#header .navbar-toggle:hover .icon-bar {background-color:#fff; }
#header .navbar-toggle:hover {background:#494949; } /*<- change - */
#header .navbar-toggle:focus .icon-bar {background-color:#fff; }
#header .navbar-toggle:focus {background:#494949; } /*<- change - */
#header .navbar-toggle:hover .glyphicon {color:#fff; }
#header .navbar-toggle:focus .glyphicon {color:#fff; }
#header .navbar-toggle:last-child {padding: 13px 10px; }

.navbar-default .navbar-toggle {border-color:#494949; background:#fff; } /*<- change - */
h4.modal-title {color:#000; } /*<- change - */

#header ul#menu-main {float:left; width:100%; margin-right: 0px; background: #eee3d3; }
#header ul#menu-main li a {line-height: 22px; padding: 10px 15px; float:left; width:100%;  }
#header ul#menu-main ul { background: #eee3d3; padding-left: 15px; }

#top .widget_metaslider_widget img {outline-offset: -15px; }

#content {padding: 0px; }

.vc_media_grid .vc_grid.vc_row .vc_grid-item.vc_visible-item {width:50%; float:left; }

}


@media all and (max-width: 640px)  {

#top .widget_metaslider_widget img {outline: 0;  }

.metaslider .caption {font-family: Niconne, cursive !important; font-size: 20px !important;  bottom: 20px !important; width: 94% !important;  }


}


@media all and (max-width: 440px)  {

.metaslider .caption {font-family: Niconne, cursive !important; font-size: 24px !important;  bottom: 15px !important; width: 94% !important;  }


}

@media all and (max-width: 500px)  {

.metaslider .caption {bottom: 15px !important; }

}


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

#top .container .widget_custom_html {top: 11%; right: 4%; }
.metaslider.ms-theme-blend .rslides .caption-wrap .caption {padding: 10px 15px !important; }
.metaslider .caption {width: 92% !important; }

}

/* Lunchsidan: husmanskost och sallad */
.page-id-212 .lunch-rutor { display: flex; gap: 30px; }
.page-id-212 .lunch-ruta { flex: 1 1 0; display: flex; flex-direction: column; box-sizing: border-box; border: 1px solid rgb(235,235,235); padding: 15px; }
.page-id-212 .lunch-ruta h3, .page-id-212 .lunch-ruta p { margin: 0; }
.page-id-212 .lunch-ruta .lunch-pris { margin-top: auto; padding-top: 12px; }
@media (min-width: 768px) {
  .page-id-212 .lunch-ruta, .page-id-212 .sideright .widget:first-child { min-height: 234px; box-sizing: border-box; }
}
@media (min-width: 1000px) {
  .page-id-212 .lunch-ruta, .page-id-212 .sideright .widget:first-child { min-height: 212px; }
}
@media (min-width: 1200px) {
  .page-id-212 .lunch-ruta, .page-id-212 .sideright .widget:first-child { min-height: 190px; }
}
.page-id-212 .sideright { margin-bottom: 20px; }
.page-id-212 .lunch-tekakor { border: 1px solid rgb(235,235,235); padding: 15px; margin: 0 0 20px; }
.page-id-212 .lunch-tekakor h3, .page-id-212 .lunch-tekakor p { margin: 0; }
.page-id-212 .lunch-tekakor .lunch-pris { padding-top: 12px; color: #ff0000; }
@media (max-width: 767px) {
  .page-id-212 .lunch-rutor { flex-direction: column; gap: 20px; }
}