h1 { font-family: Arial, Helvetica, sans-serif; font-size: 48px; color: #333333; line-height: 48px; font-weight: 300; }
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #333333; line-height: 24px; font-weight: 300; }
h3 { font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #333333; line-height: 24px; font-weight: 300; }
p { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #333333; line-height: 22px; font-weight: 400; }
li { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #333333; line-height: 22px; font-weight: 400;  }body { background: #ffffff; font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #333333; line-height: 22px; font-weight: 400; }
a:link { text-decoration: underline; color: #2c60a3; font-weight: 400; }
a:visited { text-decoration: underline; color: #2c60a3; font-weight: 400; }
a:active { text-decoration: underline; color: #253952; font-weight: 400; }
a:hover { text-decoration: none; color: #253952; font-weight: 400; }
a:focus { text-decoration: none; color: #253952; font-weight: 400; }
.navbar-default li { font-family:Arial, Helvetica, sans-serif; font-size: 16px; text-transform:uppercase; }
.navbar-default .navbar-toggle .glyphicon {color: #dec05c;}
.navbar-default .navbar-toggle .icon-bar {background-color: #dec05c;}.navbar-default .navbar-nav>li a { color:#dec05c; text-decoration:none; font-weight:400; }
.navbar-default .navbar-nav>li a:hover { color:#dec05c; text-decoration:none; font-weight:400; }
.navbar-default .navbar-nav>li.active a:hover { color:#dec05c; text-decoration:none; font-weight:400; }
.navbar-default .dropdown-menu>li a:hover { color:#dec05c; text-decoration:none; font-weight:400; }
.navbar-default .navbar-nav>li a:focus { color:#dec05c; text-decoration:none; font-weight:400; }
.navbar-default .navbar-nav>li.active a:focus { color:#dec05c; text-decoration:none; font-weight:400; }
.navbar-default .dropdown-menu>li a:focus { color:#dec05c; text-decoration:none; font-weight:400; }
.navbar-default .navbar-nav>.active>a { color:#dec05c; text-decoration:none; font-weight:400; }
.navbar-default .dropdown-menu>li.active a { color:#dec05c; text-decoration:none; font-weight:400; }
.navbar { margin-bottom:0px; }
header { margin-bottom:0px; position:relative; }
div#footer { background-color:#1a1a1a }
#page .container { max-width:1140px; }
body.page-id-196 .vecka1 { display:none; }
body.page-id-196 .vecka2 { display:none; }
body.page-id-196 .vecka3 { display:none; }
body.page-id-196 .vecka4 { display:none; }

.navbar-default .navbar-nav>li a:focus { color: #fff !important; border-color:transparent !important;}
.navbar-default .navbar-nav>li.active a:focus { color: #f9b233!important; }

body {    background-size: 100% auto; overflow-x:hidden;}

h1, h2 {font-family: Overpass, sans-serif;  text-transform:uppercase; font-weight: 700;}
h3,h4,h5, p, td, ul li, a  {font-family: Overpass, sans-serif; }
h2 { text-transform:uppercase; font-weight: 700; border-bottom: 2px solid #3aaa35; padding-bottom:15px;}

.takeaway table tr td:nth-child(2) {width: 3%; text-align: right; font-size: 2em!important;}

#header {    position: fixed;    width: 100%;  transition:all 0.3s ease; background:#000;  height:80px; }
#header .container {position:relative;}
#header .logo-left {    float: left;    margin: 15px 0 0;}

.img-logoscroll {width:70%; transition:all 0.3s ease; }

#header .fb_badge {    background: #f9b233 none repeat scroll 0 0;    border-radius: 100%;    float: right;    height: 30px;    position: absolute;    right: 15px;    top: 22px;    width: 30px;}
#header .fb_badge .fa {    font-size: 17px;  color:#000;   line-height: 30px;    padding: 0 10px;}

#header .menu {float:right;  width:auto; margin:18px 55px  0 0;}
#header .menu ul {float:right; }
#header .menu ul li a {  text-transform:uppercase;font-family: Overpass, sans-serif; margin-right:4px; font-size:16px; border:1px solid transparent; padding:8px 15px; transition: all 0.4s ease;}
#header .menu ul li a:active {  color:#f9b233;}
#header .menu ul li a:hover  {  border:1px solid #f9b233; color:#f9b233;}

body:not(.home) #menu-item-58, body:not(.home) #menu-item-59,body:not(.home) #menu-item-60, body:not(.home) #menu-item-61, body:not(.home) #menu-item-62, body:not(.home) #menu-item-63 {display:none!important;}


.page-id-44 #top {display:none;}
#top .container {max-width:none; width:100%;}

@-webkit-keyframes fadeInDown {
  from {    opacity: 0;    -webkit-transform: translate3d(0, -100%, 0);    transform: translate3d(0, -100%, 0);  }
  to {    opacity: 1;    -webkit-transform: none;    transform: none;  }
}

@keyframes fadeInDown { 
  from {    opacity: 0;    -webkit-transform: translate3d(0, -100%, 0);    transform: translate3d(0, -100%, 0);  }
  to {    opacity: 1;    -webkit-transform: none;    transform: none;  }
}



#start {height:110vh;  background: url("/files/start.jpg") no-repeat  center top / cover;  padding:200px 0 0 20px; box-sizing:border-box; }
#start p  {  color:#fff;  }
#start h2 {  color:#fff; font-size:20px; border:none;  }
#content  #start table {width:70%;}
#content #start table td {color:#fff; width:auto;}
#content #start table tr:nth-child(even){ background:rgba(255, 255, 255, 0.1);}

#valkommen {padding: 2% 0 2%; }
#valkommen  h1 { border-bottom: 2px solid #3aaa35; padding-bottom:15px;}

.vc_general.vc_btn3.vc_btn3-size-lg.vc_btn3-shape-square.vc_btn3-style-outline.vc_btn3-icon-left.vc_btn3-color-warning {background-color: #f8b334; color: #000!important; width: 70%; text-align: center; border-color: #f8b334;}

.vc_general.vc_btn3.vc_btn3-size-lg.vc_btn3-shape-square.vc_btn3-style-outline.vc_btn3-icon-left.vc_btn3-color-warning:hover {background-color: #000; color: #f8b334!important;  }

#meny {background: url("/files/meny_pic.jpg") no-repeat  center top / 100% auto;  text-align:center; padding:50px 0 30px; }
#meny a {font-size:60px; line-height:60px; text-transform: uppercase; color:#fff; text-decoration:none; border:2px solid #fff; padding:15px; width:100%; display:inline-block; position:relative; overflow:hidden;}
#meny a::before {transition: all 0.35s ease; } 
#meny a:hover {text-indent:-9999px;}
#meny a:hover::before{background:rgba(0, 0, 0, 0.8); content:"Läs mer"; top:0; line-height:50px; padding:20px; font-size:30px; position:absolute; left:0; right:0; width:100%; height:100%; text-align:center; vertical-align:middle; text-indent:0;}


#meny a {     display: inline-block;    position: relative;    transform: translateZ(0px); transition: all 0.35s ease;     vertical-align: middle;}
#meny a::before {   background:rgba(0, 0, 0, 1); content:"Läs mer";     bottom: 0;    content: "";    left: 0;    position: absolute;    right: 0;
    top: 0;    transform: scaleX(0);    transform-origin: 0 50% 0;    transition-duration: 0.3s;    transition-property: transform;    transition-timing-function: ease-out;    z-index: -1;}

#meny a:hover::before, #meny a:focus::before  {    transform: scaleX(1);}
 #content  table tr:nth-child(even){ background:rgba(255, 255, 255, 0.1);}

#catering { background:#f2f2f2;}
#catering .wpb_single_image {margin:0;}

#catering .side_left {padding-top:60px;}

#galleri {padding:50px 0 0; }

#hitta {background:#f9b233; padding:100px 0 80px 0; }
#hitta h2 {color:#fff; border-bottom:2px solid #fff;}
#hitta p {color:#fff;}

#kontakt  {background:#262626; padding:100px 0 40px 0; text-align:center;  }
#kontakt img {margin-bottom:10px;}
#kontakt h2 {border:none;color:#fff;} 
#kontakt p {color:#fff;}
#kontakt a {color:#fff;}

form.wpcf7-form input {    border: 1px solid #ccc;    color: #222;    float: left;    font-size: 15px;     margin: 10px 10px 0 0;    padding: 10px;    width: 46%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
form.wpcf7-form textarea {    width: 93.2%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 15px;   }
form.wpcf7-form input[type="submit"] {    background: #e30613 none repeat scroll 0 0;    border: medium none;    width: 20%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;   margin: 0;}
form.wpcf7-form input[type="submit"]:hover {opacity:0.9;}

#content .wpb_gallery {float:left !important; margin:0px 0;}
#content .wpb_image_grid .wpb_image_grid_ul {margin:0;}
#content .wpb_image_grid .wpb_image_grid_ul .isotope-item {    display: inline-block;    float: left;    left: auto !important;    list-style: outside none none;    margin: 0 5px 10px;    max-width: 100%;    position: relative !important;    top: auto !important;   }
#content .wpb_image_grid .wpb_image_grid_ul .isotope-item img:hover {opacity:0.9;}

#content  table {border-collapse:collapse; margin-bottom:40px; width:100%;}
#content table td {padding:2px 10px; font-size:16px; line-height: 24px; vertical-align:top; }
#content  table td p {margin:0; }
#content  table td h2{font-size:24px;}
#content  table td h3{font-size:16px;margin:10px 0;}

#content table td:first-child {width:5%;}

#footer {border-top:1px solid #404040;}
#footer .container { padding: 00px 0 15px 0px;  }

#footer p {font-size:14px;  line-height:20px; color:#fff;  font-weight:600;}
#footer h2 {color:#fff; text-transform:uppercase; font-size:16px; line-height:20px;  margin:0 0 0px 0; font-weight:600;}
#footer a {  line-height:20px;  font-weight:600; color:#fff; }

#footer .container .footer-1 {padding-left:0px!important;}

#footer .cms-icons {    text-align:center;  color:#fff;     font-size: 14px;    margin: 20px 0 0;  }
#footer .cms-icons div {    display: inline;      margin-right: 20px;    width: auto;  }
#footer .cms-icons p {font-size:14px; color:#fff;    }
#footer .cms-icons div:first-child {    float: left;    }
#footer .cms-icons div:last-child {    float: right;   }
#footer .fa {color:#fff;}
#footer .fa-mobile {font-size:20px;}


.facebook .fb_badge {display:none;}
.facebook #menu-item-59 {display:none!important;}
.facebook .cms-FB {display:none!important;}
.facebook .face {display:none;}

/* Mobile CSS */

@media (min-width: 1960px) and (max-width:2500px) {

#start {height:100vh;  background: url("/files/start.jpg") no-repeat  center top / cover; }

}

@media (min-width: 992px) and (max-width:1199px) {

.container {width:95%}

#start {    background: rgba(0, 0, 0, 0) url("/files/start.jpg") no-repeat scroll center top / cover ;}
#meny {    background: rgba(0, 0, 0, 0) url("/files/meny_pic.jpg") no-repeat scroll center top / cover ;    padding: 65px 0 25px;    text-align: center;}

#meny a {    font-size: 40px;}

#content .wpb_image_grid .wpb_image_grid_ul .isotope-item {    max-width: 22%;}

}




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


.container {width:95%}

#header .menu ul li a {    font-size: 14px !important;    padding: 8px 6px;}

#start {    background: rgba(0, 0, 0, 0) url("/files/start.jpg") no-repeat scroll center top / cover ;}
#meny {    background: rgba(0, 0, 0, 0) url("/files/meny_pic.jpg") no-repeat scroll center top / cover ;    padding: 65px 0 25px;    text-align: center;}
#meny a {    font-size: 40px;}
#content .wpb_image_grid .wpb_image_grid_ul .isotope-item {    max-width: 22%;}

}



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

body {    background-size: auto auto;}
#page .container {    width: 93%;}

#header .fb_badge {    right: 100px;    top: 28px;    width: 30px;}

#header .menu {width:100%; margin:5px 0; background:#000;  }
#header .menu ul {    float: left;  padding-top:10px;  width: 100%; padding-bottom:10px;  margin:0; }
#header .menu ul li a {    font-size: 16px;    padding: 10px; margin-bottom:3px;  width:100%;}
#header .menu ul li ul {padding:0 20px; float:none;}

#top .container {    height: auto;    max-width: none;     width: 100%!important; overflow:hidden;}
#top .container img {width:100%; height:auto;}
#top #widget_sp_image-2 {width:160%; left:-50%; position:relative;}

.navbar-collapse {    z-index: 99;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {    border: medium none;}
.navbar-default .navbar-toggle {    border-color: #f9b233;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {    background-color: #f9b233; color:#fff;}
.navbar-default .navbar-toggle .icon-bar {    background-color: #f9b233;}

.navbar-default .navbar-toggle:hover .icon-bar {    background-color: #fff;}
.navbar-default .navbar-toggle:focus .icon-bar {    background-color: #fff;}

.navbar-toggle { margin: 22px 0px 10px 0; padding: 12px 10px; border:1px solid #f9b233; position: relative;    right: 5px;}
.navbar-toggle:first-child {    padding: 8px 13px;    position: absolute;    right: 55px;}
.navbar-toggle:first-child .glyphicon {color: #f9b233;}
.navbar-toggle:first-child:hover .glyphicon {color: #fff;}
.navbar-toggle:first-child:focus .glyphicon {color: #fff;}

#start {    background: rgba(0, 0, 0, 0) url("/files/start.jpg") no-repeat scroll center top / cover ;}
#meny {    background: rgba(0, 0, 0, 0) url("/files/meny_pic.jpg") no-repeat scroll center top / cover ;    padding: 65px 0 25px;    text-align: center;}
#meny a {    font-size: 40px;}

#hitta {    background: #f9b233 none repeat scroll 0 0;    padding: 25px 0 0;}
#content .wpb_image_grid .wpb_image_grid_ul .isotope-item {    max-width: 22%;}


}

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

}

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


img.alignright {    float: none;    height: auto;    margin: 0 0 10px 0px;    max-width: 100%;}
#content #start table tr:nth-child(2n) {    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;}

#footer .cms-icons div {    display: inline;    float: left;    margin-right: 20px;    width: 100%;}

}


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


#header .logo-left {    float: left;    padding: 5px 0 0;    width: 40%;}
#header .logo-left img {max-width:100%; height:auto;}

#start {min-height:300px;}
.hem_start {    padding: 90% 0 10%;    text-align: center;}
.hem_start h1 {    font-size: 35px;    line-height: 10px;}
.hem_start h2 {font-size:20px;}


#content .wpb_image_grid .wpb_image_grid_ul .isotope-item {     width: 46%;}
#content .wpb_image_grid .wpb_image_grid_ul .isotope-item img {width:100%;}

}