body{
    font-family: 'Carrois Gothic', sans-serif;
    font-size: 14px;
    background-color: #ffffff;
}

.top-nav-header
{
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #1a202c;
    color: #FFFFFF;
    font-size: 13px;
}

.top-nav-header a{
    color: #FFFFFF;
}
.top-nav-header a:hover{
    color: #FFFFFF;
}

.logo-wrap
{
    display:flex;
    width: 100%;
}

.logo-wrap img
{
    margin-right: 15px;
}

.logo-wrap h1
{
    align-self: center;
    font-size: 25px;
    font-weight: bold;
}

#lblCartCount {
    font-size: 12px;
    background: #d81e4e;
    color: #fff;
    padding: 0 5px;
    vertical-align: top;
    margin-left: -10px;
}

.badge {
    padding-left: 9px;
    padding-right: 9px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
}

.label-warning[href],
.badge-warning[href] {
    background-color: #c67605;
}

.basket-area a
{
    color: #1a202c;
}
.basket-area a:hover
{
    text-decoration: none;
}


.bg-grey
{
    background-color: #e9ecef;
}

.outlet-name
{
    font-size: 16px;
    color: #000000;
}

.filter-bg
{
    background-color: #00a264;
    /*background-image: url(/img/textured-paper-blue.jpg);
    background-repeat: repeat;*/
}


.filter_area
{
    font-size: 16px;
    color: #000000;
}

.slider-selection {
    background: #faa21b !important;
}

.slider-handle {
    background: #faa21b !important;
}


.filter-box
{
    background-color: #FFFFFF;
    border-radius: 10px;
    padding: 10px;
}

.slider.slider-horizontal {
    width: 100% !important;
}


#beers-display h2
{
    color: #1a202c;
    font-weight:bold;
    font-size: 16px;
}


.card-deck .card {
    flex-basis: 100%;
}

@media (min-width: 576px) {
    .card-deck .card {
        flex-basis: calc(50% - 30px);
    }
}

@media (min-width: 768px) {
    .card-deck .card {
        flex-basis: calc(33.33% - 30px);
    }
}

@media (min-width: 992px) {
    .card-deck .card {
        flex-basis: calc(20% - 30px);
        max-width:calc(20% - 30px);
    }

    .filter-box
    {
        max-height: 60px;
    }



}

.card-img-top
{
    margin: 0px auto;
}

.beer-card
{
    max-height:160px;
    max-width: 160px;
    margin-top:5px;


}

.beer-modal-content h1
{
    color: #000000;
    font-weight:bold;
    font-size: 22px;
}


.modal-beer-image
{
    width: 95%;
}

.siba-red
{
    color: #d81e4e;
}

.btn-siba
{
    background-color:#d81e4e;
    color: #FFFFFF;
}


.btn-siba-grey
{
    background-color: #e9ecef;
    color: #333333;
}