@import url('https://fonts.googleapis.com/css2?family=Prata&family=Raleway:wght@600&display=swap');
@font-face {font-family: 'Double Quick';src:url('https://emynta.eu/butik/fonts/DoubleQuick.otf') format('opentype');}

body {
    background: #fff;
}

.header {
    background-color: #fff;
    margin-top: 135px;
}

#sok-ctr, #sok-container {
    background-color: #B21411;
}

#drawerMenu.drawer {
    border-right: 1px solid #dfdfdf42;
    background-color: #fff;
    top: 70px;
}

.drawer-heading {
    background-color: #cfcfcf;
    display: none;
}

.drawer-contents {
    background-color: #fff;
}

#drawerMenu .drawer-body h2 {
    padding: 15px 10px;
    background-color: #ececec;
}

.slider {
    height: auto;
}

#start .slider {
    padding: 0;
    height: auto;
    min-height: auto;
}

.mall-start h2 {
    font-size: 24px;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 30px;
}

/* dekal bokrea 20190224 start -------------------------------------------------- */
.slider-item-dekal {
    width: 15%;
    position: absolute;
    top: 10px;
    right: 10px;
}
.slider-item-dekal img {
    border: 0;
}
/* dekal bokrea 20190224 slut --------------------------------------------------- */

/* always mobile menu start ----------------------------------------------------- */
/* Denna sektion tvingar mobil-utseende, men vi begränsar det nu */
.drawer-heading #btn-drawer-close { display: block; }
#drawerMenu .drawer-body h2 { display: block; }
#drawerMenu .drawer-body .nav-cms { display: block; }

#main-menu {
    float: none!important;
    display: inline-block!important;
    padding: 10px 10px;
    margin-right: 10px;
    min-width: 45px;
    text-align: center;
}

/* FIX: Dölj hamburgermenyn på desktop (bredare än 992px) */
@media (min-width: 992px) {
    #main-menu {
        display: none !important;
    }
}

body.always-mobile-menu #sok-ctr {
    display: none;
}

#sok-ctr, #sok-container {
    background-color: #f1f1f1;
}

.navbar {
    background-color: #fafafa!important;
}

.navbar-cols .navbar-col-2 {
    padding: 7px 15px;
}

.navbar-cols .navbar-col-1,
.navbar-cols .navbar-col-2,
.navbar-cols .navbar-col-3 {
    padding: 5px 0;
}

#sok-ctr {
    display: none;
}
/* always mobile menu slut ----------------------------------------------------- */

/* anpassningar header start --------------------------------------------------- */
#main-logo img {
    max-width: 200px;
    max-height: unset;
    margin: 6px 0 0 5px;
}

@media (min-width: 992px) {
    #drawerMenu.drawer {
        top: 100px;
    }
    #main-logo img {
        max-width: unset;
        max-height: 60px;
        margin: 12px 28px 0 5px;
    }
    /* Vi ser till att marginaler etc stämmer på desktop om menyn ändå skulle visas */
    #main-menu {
        margin: 0 10px 0 0;
        width: auto;
        height: auto;
        background: none;
        vertical-align: top!important;
        font-size: 3.5em;
        padding: 12px 25px;
        color: #333;
        min-width: 90px;
    }
    .header {
        margin-top: 100px;
    }
    #target-kop a {
        padding: 0;
        font-size: 34px;
    }
    .badge-notify {
        font-size: 14px;
        top: -5px;
        left: -7px;
    }
}
/* anpassningar header slut --------------------------------------------------- */

/* drawer scroll start --------------------------------------------------------- */
#drawerMenu .drawer-contents::-webkit-scrollbar-button {
    display: none;
    height: 13px;
    border-radius: 0px;
    background-color: #333;
}
#drawerMenu .drawer-contents::-webkit-scrollbar-button:hover {
    background-color: #AAA;
}
#drawerMenu .drawer-contents::-webkit-scrollbar-thumb {
    background-color: #cfcfcf;
}
#drawerMenu .drawer-contents::-webkit-scrollbar-thumb:hover {
    background-color: #cfcfcf;
}
#drawerMenu .drawer-contents::-webkit-scrollbar-track {
    background-color: #fafafa;
}
#drawerMenu .drawer-contents::-webkit-scrollbar-track:hover {
    background-color: #CCC;
}
#drawerMenu .drawer-contents::-webkit-scrollbar {
    width: 5px;
}
/* drawer scroll slut ---------------------------------------------------------- */

/* footer/bottom start --------------------------------------------------------- */
.bottom,
.bottom .container {
    background-color: #cfcfcf;
    min-height: auto;
    color: #333;
}
.bottom .container .container {
    padding-top: 25px;
    padding-bottom: 25px;
}
.bottom .container .row .col {
    min-height: auto;
}
.bottom h2 {
    margin-top: 0;
    font-size: 1.3em;
    font-weight: 600;
}
.footer,
.footer .container {
    background-color: #fff;
}
.footer .container span {
    color: #333;
}
/* footer/bottom slut ---------------------------------------------------------- */

/* widget slider flex start ---------------------------------------------------- */
.slick-track {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}
.slick-initialized .slick-slide {
    max-width: 100%;
}
.slick-slide .thumbnail .caption {
    height: 105px;
}
@media (min-width: 992px) {
    .slick-slide .thumbnail .caption {
        height: 90px;
    }
}
/* widget slider flex slut ----------------------------------------------------- */