h1, h2, h3, h4, h5, h6{
    font-family: 'Bebas Neue', sans-serif !important;
}

a, button, .mud-nav-link, .mud-nav-link * {
    font-family: 'Bebas Neue', sans-serif !important;
}

.mud-main-content {
    min-height: 75vh;
}

.text-center{
    text-align:center;
}

.mud-list-item-icon{
    min-width: 40px !important; 
    opacity: .75;
}
.shopping-cart {
    width: 40px;
    margin: 0px 5px;
    cursor: pointer;
    border-radius: 40px;
    height: 40px;
    padding: 8px;
    transition: .2s ease;
}
    .shopping-cart:hover,
    .shopping-cart:focus {
        background-color: #e7e7e7;
    }

.mud-nav-link, .mud-nav-link * {
    letter-spacing: 2px !important;
}

.mud-nav-link .mud-nav-link-text{
    margin: 0 !important;
}

.mud-appbar {
    border-bottom: solid 1px #ccc;
    padding: 20px 0px;
    margin-bottom: 30px;
}
#nav-container {
    border-bottom: solid 1px #ccc;
    padding: 20px 0px;
}
#navigation {
    display: flex;
    margin: 0 auto;
    align-items: center;
}

    #navigation .mud-nav-item {
        width: auto;
    }

    #navigation .mud-nav-item a,
    #navigation .mud-nav-item button {
        font-size: 1.5rem;
        font-weight: 600 !important;
        transition: .2s ease;
        align-items: center;
        text-decoration: none;
        padding: 12px 18px;
        line-height: 36px;
    }

    #navigation .mud-nav-item a:hover,
    #navigation .mud-nav-item a:focus,
    #navigation .mud-nav-item button:hover,
    #navigation .mud-nav-item button:focus {
        color: #0094ff;
        background: transparent;
    }

/*#navigation .mud-nav-item {
    display: inline-block !important;
    width: auto !important;
}

#navigation .mud-nav-item a, 
#navigation .mud-nav-item button {
    font-size: 1.5rem;
    font-weight: 600;
    transition: .2s ease;
}

#navigation .mud-nav-item a:hover,
#navigation .mud-nav-item a:focus,
#navigation .mud-nav-item button:hover,
#navigation .mud-nav-item button:focus 
{
    color: #0094ff;
    background: transparent;
}*/
.o-10 {
    opacity: .1;
}

.o-20 {
    opacity: .2;
}

.o-30 {
    opacity: .3;
}

.o-40 {
    opacity: .4;
}

.o-50 {
    opacity: .5;
}

.o-60 {
    opacity: .6;
}

.o-70 {
    opacity: .7;
}

.o-80 {
    opacity: .8;
}

.o-90 {
    opacity: .9;
}

#feature-pattern {
    position: absolute;
    width: 100%;
    height: 150%;
    top: -33%;
    z-index: -1;
    background-color: #e5e5f7;
    opacity: 0.2;
    background: repeating-linear-gradient( 45deg, #cc28b5, #cc28b5 2px, #e5e5f7 2px, #e5e5f7 10px );
    left:0;
}

.filter-section p,
.filter-section label{
    font-size: .9rem;
}
.filter-section .control-label {
    color: #b75aab;
    text-transform:uppercase;
}

.order-section .mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text {
    margin-top: 0 !important;
}

.order-section .mud-input > input.mud-input-root, .order-section div.mud-input-slot.mud-input-root{
    text-align: center;
}

.searchbox .mud-input.mud-input-underline:after {
    border-bottom: 2px solid #b75aab !important;
}

.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

.hide-scroll::-webkit-scrollbar {
    width: 0 !important;
    background: transparent !important;
}

.hide-scroll::-webkit-scrollbar-thumb {
    background: transparent !important;
}

@media (min-width: 960px) {
    #navigation {
        justify-content: flex-start;
    }
}

@media (max-width: 959px) {
    #navigation {
        justify-content: space-between;
    }

    .shopping-cart-container {
        flex-grow: 1;
        margin-right: 15px
    }

    .shopping-cart {
        margin-left: auto;
    }
    .shopping-cart {
        transform: scale(1.2);
    }
}

@media(max-width: 670px){
    .cart-popover{
        left: 0 !important;
        width: calc(100% - 30px) !important;
        margin: 0 15px !important;
    }
}

.print-only{
    display:none;
}

@media print {
    .print-only {
        display: inherit !important;
    }
    #nav-container,
    #footer,
    button {
        display: none !important;
    }

    h1, h2, h3 {
        font-size: 30px !important;
    }

    .mud-paper {
        box-shadow: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .mud-simple-table table * tr > td, .mud-simple-table table * tr th{
        padding: 8px !important;
    }
}