/*CSS FILE START*/
@import url('https://fonts.googleapis.com/css?family=Fira+Sans');

body {
    font-family: 'Fira Sans', sans-serif;
}

.navbar-brand {
    padding: 0;
}

.navbar-brand > img {
    max-height: 50px;
}

.navbar-default {
    background-color: #ED1C24;
}

.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #FFFFFF;
    font-weight: bold;
}

#navCartBadge {
    background: #54565b;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #FFFFFF;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #ED1C24;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #c61017;
    color: #FFFFFF;
}

.navbar-header a, .navbar-header a:hover {
    color: #FFFFFF;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #FFFFFF !important;
    background-color: #ED1C24;
}

#productsLink > .dropdown-menu, .user-menu {
    background-color: #ED1C24 !important;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    background: #ED1C24;
}

.navbar-default .navbar-nav > li > a:hover {
    background-color: #c61017;
    color: #FFFFFF;
}

.no-results {
    color: #fff;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .user-menu > li > a:hover, .user-menu > li > a:focus {
    background-color: #c61017 !important;
    color: #FFFFFF !important;
    text-decoration: none !important;
}

.storefront .btn {
    border-radius: 100em;
    -webkit-border-radius: 100em;
    -moz-border-radius: 100em;
    -o-border-radius: 100em;
}

.storefront a {
    text-decoration: none;
}

.btn-link, a {
    color: #3E3A3A;
    text-decoration: none;
}

.btn-link:hover, a:hover, .btn-link:focus, a:focus, .btn-link:active, a:active {
    color: #242121;
    text-decoration: none;
}

.btn-primary {
    color: #FFFFFF;
    background-color: #ED1C24;
    border-color: #c61017;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #ED1C24;
    border-color: #ED1C24;
}

.pagination > li > a {
    color: #ED1C24;
}

.btn-primary:focus, .btn-primary:active {
    color: #FFFFFF !important;
    background-color: #ED1C24 !important;
    border-color: #c61017 !important;
}

.btn-primary:disabled {
    color: #FFFFFF;
    background-color: #ED1C24;
    border-color: #c61017;
}

.btn-primary:hover {
    color: #FFFFFF;
    background-color: #c61017;
    border-color: #ED1C24;
}

.btn-danger {
    color: @DangerButtonTextColor;
    background-color: @DangerButtonColor;
    border-color: @DangerButtonHoverColor;
}

.btn-danger:disabled {
    color: @DangerButtonTextColor;
    background-color: @DangerButtonColor;
    border-color: @DangerButtonHoverColor;
}

.btn-danger:hover {
    color: @DangerButtonTextColor;
    background-color: @DangerButtonHoverColor;
    border-color: @DangerButtonColor;
}


.btn-warning {
    color: #FFFFFF;
    background-color: #6F6C6A;
    border-color: #555351;
}

.btn-warning:disabled {
    color: #FFFFFF;
    background-color: #6F6C6A;
    border-color: #555351;
}

.btn-warning:hover {
    color: #FFFFFF;
    background-color: #555351;
    border-color: #6F6C6A;
}


input.input-primary {
    color: #FFFFFF;
    background-color: #ED1C24;
    border-color: #c61017;
}

input.input-primary:focus {
    border-color: #ED1C24;
}

.form-control:focus {
    border-color: #ED1C24;
}

.modal-header {
    background-color: #ED1C24;
    color: #FFFFFF;
}

.panel-primary > .panel-heading {
    border-color: #ED1C24;
    background-color: #ED1C24;
}

.panel-primary {
    border-color: #ED1C24;
}

.modal-title {
    color: #FFFFFF;
}

.svg-button {
    fill: #ED1C24;
    stroke: #c61017;
}
.svg-button:hover {
    fill: #c61017;
    stroke: #ED1C24;
}
.svg-button-text {
    stroke: #FFFFFF;
}

.horizontal-line {
    background-color: #ED1C24;
}

.storefront .item-tag {
    background-color: #ED1C24;
}
