﻿/*#main {
    margin-top: 75px;
}*/

div#mfPreviewBar { display: none; }

body { -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -webkit-text-size-adjust: none; text-size-adjust: none; padding: 60px 0 105px; }
html { position: relative; min-height: 100%; }
/*#main { overflow: auto; padding-bottom: 150px; }
.footer { position: relative; margin-top: -150px; height: 150px; clear: both; padding-top: 20px; }*/
footer { position: absolute; bottom: 0; width: 100%; }
footer .navbar { margin-bottom: 0px; border: 0px; }

/* Navigation */
/* hinder collapse */
.container-fluid .logo a.navbar-brand { margin-left: 0px; padding-top: 18px; }
/*.logo img { padding: 17px 15px; }*/
.navbar-collapse.collapse { display: block !important; }
.navbar-nav > li, .navbar-nav { float: left !important; margin-top: 0px; margin-bottom: 0px; }
.navbar-right { float: right !important; }
/*.main-nav li.active::after { content: " "; width: 10px; height: 10px; display: block; background-image: url("/images/arrow.png"); position: absolute; bottom: 0; margin: 0 auto; left: 0; right: 0; }*/
nav.navbar.navbar-default.navbar-fixed-top { margin-bottom: 0px; border: 0; font-family: "DINWeb-Medium"; }
.navbar-default.navbar-fixed-top .navbar-nav > li > a { padding-top: 21px; height: 60px; text-transform: uppercase; font-size: 17px; font-family: 'DINWeb-Bold'; }
.navbar-default.navbar-fixed-top .navbar-nav.hidden-xs > li > a { padding: 13px 15px; }
.navbar-default.navbar-fixed-top .navbar-nav.hidden-xs > li > a i { vertical-align: text-top; }
.navbar-default.navbar-fixed-top .navbar-nav.visible-xs > li > a { padding: 5px 20px; }
.nav > li > a:hover, .nav > li > a:focus { background-color: transparent; }

header { display: inline-block; }
header .container .social-btns { margin-right: 0; }

/* Footer */
.mobile-footer ul { padding: 0; color: white; list-style-type: none; font-weight: bold; font-size: 100%; }
.mobile-footer ul a { color: white; }
/*footer > div { background-color: #F6A51E; }*/

ul.list-inline.social-btns i { padding: 20px; vertical-align: middle; }

@media (max-width: 767px) {
    .navbar-default.navbar-fixed-top .navbar-nav > li > a { padding-right: 5px; padding-left: 5px; font-size: 11px; }
}

.footer .navbar-default .navbar-nav > li > a { text-transform: none; font-weight: bold; font-size: 100%; }
.footer .navbar { margin: 0; }
ul.social-btns li { padding-right: 0; padding-left: 0; }
/*ul.social-btns li a { height: 60px; }*/
/*ul.social-btns > li > a { font-size: 10px !important; }*/
ul.social-btns > li > a { padding: 0px 10px; font-size: 10px !important; line-height: 60px; }
.social-btns a img { width: 40px; }
ul.social-btns { margin-bottom: 0; background-color: #E69B1E; }
.mobile-social { position: fixed; right: 0px; z-index: 10; padding: 0; background-color: #F6A51E; }
.mobile-social div { display: block; }
/*.mobile-social-toggle:focus + .mobile-social { display: initial; }*/

.lgbg { padding: 0px; background-color: #f2f2f1; }
.maincontent { margin-top: -22px; padding-bottom: 70px; background-color: #f2f2f1; }

img { outline: none; border: none; }

@media (max-width: 767px) {
    .navbar { min-height: 0; }
    .navbar-default.navbar-fixed-top .navbar-nav > li > a { padding: 15px 5px; height: 45px; }
    .navbar-default.navbar-fixed-top .navbar-nav.visible-xs > li > a { padding: 0px 11px; }
    .navbar-nav > li > .mobile-social a { padding: 0px; }
    /*ul.social-btns li a { min-height: 60px; max-height: 60px; padding: 20px 15px; }*/
    /*.navbar { min-height: 60px; }*/
    body { padding-top: 45px; }
    .lgbg { padding: 0 15px; }
    .container-fluid .logo a.navbar-brand { padding: 16px 5px; height: 45px; }
    .container-fluid .logo a.navbar-brand img { width: 45px; }

    .maincontent { padding-bottom: 260px; }
    ul.social-btns > li > a { padding: 0px; width: 45px; line-height: 45px; }

    .social-btns a img { margin: 0 3px 0 2px; }
    .social-btns a.mobile-social-toggle img { width: 18px; }
}


/* rätt padding på lgbg */
@media (min-width: 767px) {
    /*#main { padding-bottom: 50px; /* this needs to be bigger than footer height*/
}

/*@media (min-width: 992px) {
    .lgbg { padding: 0 90px; }
}*/


img.topimage { width: 100%; }

/*.share-icon { display: inline-block; line-height: 30px; background-color: red; width: 30px; height: 30px; text-align: center; }*/

div.footernav { background-color: #F6A51E; }
div.copyright { background-color: #E69B1E; color: white; }
div.copyright .navbar-text { margin: 0px; height: 45px; line-height: 45px; }

/*.food-bottom-menu.affix { position: fixed !important; bottom: 0; -webkit-animation: affixFadeIn 0.44s; -moz-animation: affixFadeIn 0.44s ease-in; -o-animation: affixFadeIn 0.44s ease-in; animation: affixFadeIn 0.44s ease-in; }

@-moz-keyframes affixFadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}

@-ms-keyframes affixFadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes affixFadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}

@-webkit-keyframes affixFadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}*/






#affixpusher { height: 50px; }

@media (max-width: 767px) {
    #affixpusher { height: 34px; }
    div.copyright { padding-bottom: 45px; }
}

h2 { text-align: center; }
p span.introduction { display: inline-block; text-align: center; font-size: 18px; }

footer .navbar-left { margin-left: -15px; }

header ul.nav.navbar-nav.navbar-right.social-btns { margin-right: 0px; }
ul.nav.navbar-nav.navbar-right.social-btns { margin-right: -15px; }

.container-fluid-maxwidth { max-width: 1280px; }



/*.btn:hover { background-color: #E69B1E; }*/


.footernav .links a { padding: 0 13px; font-family: "DINWeb"; line-height: 60px; }

@media (max-width: 767px) {
    .footernav .links a { line-height: 25px; }
}

@media (min-width: 768px) {
    .footernav .links li:first-child { margin-left: 0px; }
}

.footernav ul.links.visible-xs li a { padding: 0px 10px; }
.footernav ul.links.visible-xs { padding: 15px; list-style: none; }


.footernav ul { margin-bottom: 0px; margin-left: 0; padding-bottom: 0px; }

.footernav .links li { margin-left: -4px; padding: 0; }

.menu ul.nav.navbar-left { margin-left: 0px; }

/*@media (max-width: 350px) {
    .nav.navbar-nav.navbar-right.social-btns { display: none !important; }
}*/


.container-fluid.cookiebanner { background-color: #707070; color: white; }
.container-fluid.cookiebanner p { margin: 20px 0; }
.container-fluid.cookiebanner a { margin: 24px; text-transform: uppercase; }

.social-btns .btn-default:hover { background-color: #E0961D; }

.badge { padding: 5px 9px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; background-color: #86BCBE; font-weight: normal; }


/*.maincontent { min-height: 100vh; }*/



@media (max-width: 1460px) and (min-width: 768px) {
    .maincontent .container-fluid.container-fluid-maxwidth { margin-right: 90px; margin-left: 90px; }
}


.togglePlayer { cursor: pointer; }
.togglePlayer img.playbutton { position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }


.btn { text-transform: uppercase; }
footer .footernav .btn { text-transform: none; }

@media (max-width: 490px),  (min-width: 768px) and (max-width: 990px) {
    div.social-btns { position: absolute; top: 0; right: 0; }
    div.menu {clear: left; }
}

li.alternative-menu-display {
    background-color: white;
}

    li.alternative-menu-display > a:hover {
        background-color: #f4f4f4 !important;
    }

    li.alternative-menu-display > a > span {
        color: black;
        border-bottom: solid #F6A51E 3px;
    }

.owl-stage-outer, .owl-stage-outer div {
    z-index: -1;
}

.owl-dots {
    margin-top: -26px !important;
    z-index: 1;
}

.carousel-bg {
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 0;
    padding-top: 40%;
}

.owl-item .item div {
    background-position: center;
    background-size: cover;
}

.carousel-link {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}