@import url('//fonts.googleapis.com/css?family=Roboto:400,700');

div #crumbs ul li a:before {
    content: "";
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 18px solid #fff !important;
    position: absolute;
    left: 0;
    top: 0;
}

.dropdown-menu > li > a:hover, .dropdown > a.dropdown-toggle:focus, li.active:not(div#category_menu_list_wrapper li.active) {
    background: #435949 !important;
    color: white !important;
}

body .navbar .nav > li > a:hover {
    color: #FFF;
}


#crumbs ul li a:hover {
    background: #435949 !important;
    color: #fff;
}

#crumbs ul li a:hover:after {
    border-left-color: #435949 !important;
    color: #fff;
}

#crumbs ul li a.active {
    background: #435949 !important;
    color: #fff;
}

#crumbs ul li a.active:after {
    border-left-color: #435949 !important;
    color: #fff;
}

.breadcrumb-fline a.active, .breadcrumb-fline a:hover {
    background: #435949 !important;
    color: #fff;
}

.breadcrumb-fline a.active:after, .breadcrumb-fline a:hover:after {
    background: #435949 !important;
    color: #fff;
}

div.product_info_wrapper h3 {
    padding-right: 0px !important;
}

div#wrap, div#products_wrapper div.product_article_mobile article {
    background: transparent !important;
}

div#products_wrapper img.article-sm-image {
    display: none;
}

html body div#wrap {
    margin-top: 0px;
}

.modal-content {
    color: black;
}

@font-face {
    font-family: 'Roboto', sans-serif;
}

html body {
    height: auto;
    font-family: 'Roboto', sans-serif;
}

body header.navbar {
    background: #435949;
}

@media (min-width: 768px) {
    .logo_image {
        height: 165px !important;
        margin-top: 20px;
    }

    body header.navbar {
        position: relative;
    }

    body header.navbar {
        height: 240px;
    }

    .navbar-header {
        float: left;
        padding: 15px;
        text-align: center;
        width: 100%;
    }

    .navbar-brand {
        float: none;
    }

    .navbar-nav.navbar-right {
        margin-top: -210px;
    }

    body .navbar .nav > li > a {
        font-weight: normal;
    }
}

div#products_wrapper div.product_article article {
    padding: 0px;
    background: rgba(0, 0, 0, 0) !important;
    min-height: 370px;
    max-width: 340px;
    margin-bottom: 10px;
}

body .btn-success {
    background-color: #435949 !important;
    border-color: #435949 !important;
}

div#products_wrapper h3 {
    text-align: center;
}

div#shopping_cart_header span#shopping_cart_product_count_badge {
    background-color: #D8A854 !important;
}

#takeAwayText {
    float: right !important;
    margin-top: 10%;
    font-size: xx-large;
}

div.well, table.table, div.menuDiv span span.itemTitle, div.panel-body, div#login-box form fieldset legend, div#login-box div.form-group label {
    color: black !important;
}

tbody tr td, thead tr th {
    background-color: #f9f9f9;
}

body .product_price span.glyphicon-plus-sign {
    color: #D8A854;
}

body button#clear_shopping_cart {
    background: #D8A854;
    border-color: #D8A854;
    color: #FFF;
}

body ul.nav.nav-tabs li.active {
    background: none !important;
}

body div#shopping_cart_small h4, body div#shopping_cart_full h4 {
    border-bottom: 1px solid #435949;
}

body .btn.btn-success:hover,
body .btn.btn-default:hover {
    background-color: #000000 !important;
    border-color: #000000 !important;
}

div.product_info_wrapper h3 {
    padding-right: 0px !important;
}

body .product_info_wrapper .product_price button.btn {
    display: none !important;
}

div#wrap, div#products_wrapper div.product_article_mobile article {
    background: transparent !important;
}

.default-product-image {
    display: none;
}

html body div#wrap {
    margin-top: 0px;
}

.modal-content {
    color: black;
}

.modal-dialog h4#extraProductsModalLabel {
    font-size: 21px;
}

.modal-footer .btn-default[data-dismiss='modal']:hover {
    color: #FFFFFF;
}

html body {
    height: auto;
}

body div#products_wrapper article div.product_info_wrapper {
    margin: 10px 0 0 0;
}

body div#products_wrapper .product_info_wrapper h3 {
    border: none;
    text-align: left;
    text-transform: none;
    color: #000000;
    font-size: 14px;
    padding-bottom: 2px;
}

body div#products_wrapper .product_info_wrapper .product_price {
    border: none;
    font-size: 14px;
    font-weight: normal;
    padding-top: 0 !important;
    padding-bottom: 5px !important;
}

/* Mobile */
@media (max-width: 767px) {
    body .row.shop-products-view-row {
        display: flex;
        flex-direction: column-reverse;
    }

    .go-to-checkout.button-below-shopping-cart {
        display: inline;
        padding-right: inherit;
        padding-left: inherit;
    }

    body .row.shop-products-view-row div#products_wrapper {
        padding-top: 0;
    }

    body .row.shop-products-view-row .shop-shopping-cart-small-col-frame {
        margin-top: -20px;
        display: flex;
        margin-bottom: 14px;
    }

    body .row.shop-products-view-row .shop-shopping-cart-small-col-frame .next-step-link {
        margin-right: 4px;
    }

    body .row.shop-products-view-row .shop-shopping-cart-small-col-frame .clear-shopping-cart {
        margin-left: 4px;
    }

    body .button-below-shopping-cart.next-step-link,
    body .button-below-shopping-cart.go-to-checkout {
        visibility: hidden;
    }

    body .row.shop-products-view-row .shop-shopping-cart-small-col-frame > .btn {
        flex: 1;
        visibility: visible;
    }

    body div#shopping_cart_full {
        margin-top: 115px;
    }

    body #products_wrapper div.col-xs-12.col-lg-3 {
        padding-left: 0;
        padding-right: 0;
    }

    body #breadcrumbs_row {
        margin-top: 29px;
    }

    body .navbar-brand img.logo_image {
        height: 41px !important;
    }

    body div#shopping_cart_header {
        margin-right: 0;
    }

    body div#shopping_cart_header a {
        color: #000000;
    }

    body .navbar-toggle {
        border: none;
    }

    body .navbar-inverse,
    .navbar-inverse .navbar-toggle:focus,
    .navbar-inverse .navbar-toggle:hover {
        background: #c8c8c8;
    }

    body .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #000000;
        width: 26px;
    }

    body .navbar .nav > li > a,
    body .navbar .nav > li > a:hover {
        color: #000000;
    }

    body .navbar-inverse .navbar-nav > .open > a,
    body .navbar-inverse .navbar-nav > .open > a:hover,
    body .navbar-inverse .navbar-nav > .open > a:focus {
        background-color: #c8c8c8;
    }

    /*body #crumbs ul li a.dynamic_top_menu {
        padding-left: 24px;
    }

    body #crumbs ul li:first-child a.dynamic_top_menu {
        padding-left: 14px;
    }*/

    div div div#products_wrapper div.product_article article .product_info_wrapper {
        max-width: 100%;
    }

    body button#clear_shopping_cart {
        display: none;
    }
}

/* Desktop */
@media (min-width: 768px) {
    body .next-step-link {
        width: 100%;
        margin-bottom: 6px;
    }

    body .clear-shopping-cart {
        width: 100%;
        margin-bottom: 6px;
    }
}

div div#products_wrapper div.product_article {
    width: 100%;
    margin-bottom: 0;
}

div div#products_wrapper div.product_article article {
    padding: 0px;
    background: rgba(0, 0, 0, 0) !important;
    min-height: 0;
    margin-bottom: 10px;
    max-width: 100%;
    width: 100%;
    border-bottom: 1px solid #e6e6e6;
}

div div div#products_wrapper div.product_article article .product_info_wrapper {
    max-width: 340px;
}

div#products_wrapper h3 {
    text-align: center;
}

#takeAwayText {
    float: right !important;
    margin-top: 10%;
    font-size: xx-large;
}

div.well, table.table, div.menuDiv span span.itemTitle, div.panel-body, div#login-box form fieldset legend, div#login-box div.form-group label {
    color: black !important;
}

tbody tr td, thead tr th {
    background-color: #f9f9f9;
}

body .product_price span.glyphicon-plus-sign {
    color: #FFF;
    background: #476738;
    border-radius: 13px;
    width: 24px;
    font-family: "Times New Roman";
}

body .product_info_wrapper .glyphicon-plus-sign::before {
    content: "\002B";
    position: absolute;
    top: -3px;
    left: 4px;
}

body .product_price span.glyphicon-plus-sign:hover {
    color: #FFFFFF;
    background: #000000;
}

body .product_info_wrapper .glyphicon-plus-sign {
    font-size: 28px !important;
    margin-top: -12px !important;
    font-weight: bold;
    text-align: center;
    width: 24px;
    height: 24px;
}

body ul.nav.nav-tabs li.active,
body ul.nav.nav-tabs li.active a {
    background: none !important;
    border-bottom: 1px solid #f7f6f0;
}

body .nav-tabs > li > a,
body .btn {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

body .nav-tabs,
body ul.nav-tabs {
    border-color: #969592;
    border-bottom: 1px solid #ddd;
}

body a {
    color: #c8c8c8;
}

body a:hover, body a:focus {
    color: #000;
}

body .form-control {
    border-color: #969592;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

body .form-control:focus {
    border-color: #969592;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

body #login_tab button.btn.btn-success,
body #login_tab label,
body #shopping_cart_small h4 {
    text-transform: lowercase;
}

body #login_tab button.btn.btn-success:first-letter,
body #login_tab label:first-letter,
body #shopping_cart_small h4:first-letter {
    text-transform: uppercase;
}

body div#shopping_cart_small .proceed {
    display: none;
}

body div div#products_wrapper div.product_article article .product_info_wrapper {
    max-width: inherit;
}

body div#products_wrapper .product_info_wrapper h3 {
    display: inline;
    font-size: 21px;
}

body div#products_wrapper .product_info_wrapper .product_price {
    font-size: 21px;
    text-align: right;
    float: right;
}

body div#products_wrapper .product_info_wrapper .product_price span {
    float: none!important;
    margin-left: 10px;
    position: relative;
    top: 3px;
}

body div#products_wrapper div.product_article article {
    border-color: black;
    padding-bottom: 7px;
}

body .product_info_wrapper .glyphicon-plus-sign::before {
    top: -2px;
}

@media screen and (max-width: 767px) {
    body div#products_wrapper div.product_article article {
        padding-bottom: 0;
    }

    /*body #crumbs ul li:first-child a.dynamic_top_menu {
        padding-left: 24px;
    }

    body #crumbs {
        margin-bottom: 50px;
    }

    body #crumbs ul li a {
        height: auto;
        margin-bottom: 0!important;
    }*/

    body div#products_wrapper .product_info_wrapper h3 {
        display: inline;
        font-size: 14px;
    }

    body div#products_wrapper .product_info_wrapper .product_price {
        font-size: 14px;
        text-align: right;
        float: right;
    }
}

.visible-larger {
    display: none !important;
}

@media (min-width: 1200px) and (max-width: 1400px) {
    .visible-larger {
        display: block !important;
    }
}

body .form-group input[type="radio"], input[type="checkbox"] {
    margin-top: 1px;
    margin-left: -20px;
    line-height: normal;
}