@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;700;900&display=swap');

body {
    font-family: "Barlow", helvetica, sans-serif !important;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.5;
    color: #222222;
    background: #fff;
}
a {
color: #CF112D;
}
a:hover {
color: #a7071f;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Barlow",sans-serif;
}
h1 {
    font-size: 55px;
    font-weight: 800;
}

h2 {
    font-size: 36px;
    font-weight: 800;
}

/* gdpr */
.fw-notification-info {
    background-color: #000;
    color: #fff;
}

/* Login */
button.fw-button-primary.fw-button-outline, *.fw-button.fw-button-primary.fw-button-outline {
    background-color: #fff;
    border-color: #000;
    color: #000;
}

/* Startsidan */
body.page-Start aside#SidePanel {
    display: none !important;
}
.list_info .hero {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
}
.list_info .start-puff {
display: flex;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
margin: 40px 0;
}
.start-rub {
margin: 40px 0;
}
.start-text {
max-width: 600px;
    margin: 0 auto 80px auto;
}

/* header */
.header #top-header-container {
    background-color: #fff;
    border-bottom: 1px solid #fff;
}
.header #top-header-container #Logo a {
    background: #fff;
}
.header #top-header-container .header-item {
    color: #000;
    border-left: 1px solid #ccc;
    font-family: "Barlow", sans-serif;
    line-height: 40px;
    background: #fff;
    font-weight: 400;
}
.header #bottom-header-container .nav-menu ul li span:hover, .header #bottom-header-container .nav-menu ul li span:focus, .header #bottom-header-container .nav-menu ul li a:hover, .header #bottom-header-container .nav-menu ul li a:focus {
    color: #ffffff;
}
.fw-badge-black {
    background-color: #CF112D;
    color: #fff;
}
.header #bottom-header-container .nav-menu .menu {
    font-family: "Barlow",sans-serif;
}

/* Sök */
button.fw-button-outline, *.fw-button.fw-button-outline {
    background-color: #fff;
    border-color: #000;
    color: #fff;
    background: #000;
    height: 35px;
    line-height: 35px;
}

/* Meny */
.header #bottom-header-container {
    background-color: #000;
    border-bottom: 1px solid #dbe0e7;
    box-shadow: 0 1px 1px 1px rgba(31, 38, 47, .03);
    border-top: 4px solid #CF112D;
}
.header #bottom-header-container .nav-menu ul li span, .header #bottom-header-container .nav-menu ul li a {
    display: block;
    color: #fff;
    background: #000;
}
.header #top-header-container .header-item:hover, .header #top-header-container .header-item:focus {
    color: #fff;
    background: #000;
}
.header #bottom-header-container .nav-menu ul.menu li.active>span, .header #bottom-header-container .nav-menu ul.menu li.active>a {
    color: #fff;
}
.header #bottom-header-container .nav-menu ul.menu li.active:after {
    background-color: #CF112D;
}
.fw-badge-primary {
    background-color: #CF112D;
    color: #fff;
}
.header #bottom-header-container .nav-menu ul.menu li.menu-has-sub span.menu-active, .header #bottom-header-container .nav-menu ul.menu li.menu-has-sub span.menu-active:hover {
    background-color: #CF112D;
    color: #fff;
}
.header #bottom-header-container .nav-menu .menu li li span:hover, .header #bottom-header-container .nav-menu .menu li li a:hover {
    background-color: #CF112D;
    color: #fff;
}
.header #bottom-header-container .nav-menu ul.menu li.active .active>a, .header #bottom-header-container .nav-menu ul.menu li.active .active>span {
    color: #fff;
    background-color: #CF112D;
}

/* Cart */
.cart .cart-wrapper .smallcart {
    background-color: #eee;
}
.cart .cart-wrapper .cart-header .headerinfo .priceinfo {
    color: #888;
}
button.fw-button-success, *.fw-button.fw-button-success {
    background-color: #499641 !important;
}
.fw-notification-success {
    background-color: #499641;
    color: #fff;
}

/* Kategorimeny */

.fw-accordion .fw-accordionContent {
    display: block;
    width: 100%;
}
.aside .nav-tree {
    border-top: 1px solid #dbe0e7;
    margin-top: 1em;
    font-family: "Barlow",sans-serif;
}
.aside .nav-tree li a {
    color: #333;
}
.aside .nav-tree li ul {
    background-color: rgb(5 5 5 / 3%);
    border-top: 1px solid rgba(31, 38, 47, .1);
}
.aside .nav-tree li a:hover, .aside .nav-tree li a:focus {
    color: #000;
}
.aside .nav-tree li a.current {
    color: #CF112D;
}

/* Produktlistning */
.prodlistView .prodlist-wrapper .product-name, .startView .prodlist-wrapper .product-name {
    font-family: "Barlow", sans-serif;
}
.window-view .productContainer .inner .product-name {
    font-size: 1.2em;
    text-align: center;
}
.window-view .productContainer .inner .buy-inner>.fw-button {
    float: right;
    display: none;
}
.prodlistView .prodlist-wrapper .product-name a, .startView .prodlist-wrapper .product-name a {
    color: #000;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    padding: 0 0 15px 0;
    display: block;
}
.prodlistView .prodlist-wrapper .product-code, .startView .prodlist-wrapper .product-code {
    font-size: 12px;
    color: #bbb;
    text-align: center;
}
button.fw-button-primary, *.fw-button.fw-button-primary {
    background-color: #CF112D;
}

button.fw-button-outline:hover, button.fw-button-outline.fw-button-active, *.fw-button.fw-button-outline:hover, *.fw-button.fw-button-outline.fw-button-active {
    background-color: #CF112D;
}
.window-view .productContainer .inner:after {
    border: 0px solid #ccc;
    border-radius: 0;
    box-shadow: none;
}
.window-view .productContainer:hover .inner:after {
    box-shadow: none;
}
.window-view .productContainer .inner {
    border: 1px solid #fff;
}
.window-view .productContainer:hover .inner {
    border: 1px solid #ccc;
}
.groupview .groupview-wrapper .item .group-link {
    color: #000;
}
.prodlist .price {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
}
.prodlistView .prodlist-wrapper .price-wrapper .price:first-child .value, .startView .prodlist-wrapper .price-wrapper .price:first-child .value {
    font-weight: 500;
}
.price .label {
    padding: 0 5px 0 0;
}


/* Footer */

.banner-section {
    background-color: #CF112D;
    padding: 1.5em 0;
}
footer {
    padding: 2.5em 0 2em;
    background-color: #000;
    color: #fff;
}
footer a {
    color: #fff;
}


/* Produktsida */
.breadcrumbs-section .breadcrumbs a {
    color: #bbb;
}
.breadcrumbs-section .breadcrumbs .breadnolink, .breadcrumbs-section .breadcrumbs span:last-child {
    color: #888;
}
.breadcrumbs-section .breadcrumbs {
    padding: 0.45rem;
    font-size: 12px;
    font-family: "Barlow",sans-serif;
}
button, *.fw-button {
    background-color: #CF112D;
}
button:focus, *.fw-button:hover, *.fw-button:focus {
    color: #fff;
    background-color: rgba(158, 25, 45, 0.725);
    text-decoration: none;
}
.product-wrapper .product .product-info .product-code {
    color: #888;
}
.comboBoxData .header {
    color: #333;
}
.fw-accordion .fw-icon-down-open, .fw-accordion .fw-icon-up-open {
    color: #888;
}
.addToCart .fw-button.minus {
    background: #fff;
    color: #000;
    border: 1px solid #ccc;
    border-right: 0px;
}
.addToCart .fw-button.plus {
    background: #fff;
    color: #000;
    border: 1px solid #ccc;
    border-left: 0px;
}
button.fw-button-success, *.fw-button.fw-button-success {
    background-color: #499641;
    font-size: 15px;
    font-weight: 600;
    padding: 0 70px 0;
}

@media only screen and (max-width: 768px) {

h1 {
    font-size: 36px;
}

h2 {
    font-size: 28px;
}

    .bottom-offcanvas-toggles button.fw-button-xlg {
        background-color: #000;
        color: #fff;
        border-radius: 0;
        font-size: 1.2em;
        padding: 0;
        width: 100%;
    }
    .bottom-offcanvas-toggles button.fw-button-xlg:hover, 
.bottom-offcanvas-toggles button.fw-button-xlg:focus {
        background-color: #CF112D;
        color: #fff;
    }
    .header #bottom-header-container .nav-menu ul li span, 
.header #bottom-header-container .nav-menu ul li a {
            display: block;
    color: #fff;
    background: #000;
    }
    .header #bottom-header-container .nav-menu ul.menu li a:hover, .header #bottom-header-container .nav-menu ul.menu li span:hover {
        background-color: #CF112D;
        color: #fff;
    }
    .header #bottom-header-container .nav-menu ul.menu li.active>span, .header #bottom-header-container .nav-menu ul.menu li.active>a {
        color: #fff;
        background-color: #CF112D;
    }
    .header #bottom-header-container .nav-menu ul.menu li.active .active>a, .header #bottom-header-container .nav-menu ul.menu li.active .active>span {
        color: #fff;
        background-color: #CF112D;
    }
    .header #bottom-header-container .nav-menu ul.menu li i:before {
        color: #fff;
        font-size: 1.2em;
    }
.header #bottom-header-container .nav-menu .menu.accordion li span.current, .header #bottom-header-container .nav-menu .menu.accordion li a.current {
    color: #fff !important;
}
    .offcanvas-wrapper .offcanvas-inner {
        background: #fff;
    }
    .top-search {
    background-color: #CF112D;
    }

/*** Checkout **/

a#MainContent_CompleteOrder_btnComplete {
    display: block;
    width: 100%;
}
    
}