#welcome-message {
    background-color: #d5ac2b;
    border-bottom: 2px solid #ffc309;
    color: #f5deb3;
    padding: 2px 5px;
    font-weight: 500;
    font-size: 0.7rem;
    display: flex;
}

#thank-you {
}

#active-cart {
    flex: 1;
    text-align: center
}

#welcome {
    flex: 1;
}

#min-order {
    flex: 1;
    text-align: right;
}

#logo {
    max-width: 400px;
    padding: 10px 3px;
    float: left;
}
#menu-main{
    justify-content: flex-end;
}
#header-mini {
    display: flex;
    flex-direction: row;
}

    #header-mini >* {
        flex: 0 0 70%;
        margin:auto;
    }
    #header-mini > :first-child {
        flex: 0 0 30%;
        margin: 10px;
    }


#menu-catalog {
    clear: left;
}

#savings-caption {
    text-align: right;
}

#system-message {
}

.logon-message {
}

#search-box > div {
    margin-right: 0;
    margin-left: auto;
}

#maincontent {
    margin:0 20px;
}

#page-caption {
    display: block;
}

#page-title {
    color: #ffc309;
    font-weight: 500;
    font-size: 17px;
}

    #page-title h1 {
        color: #50596c;
        font-weight: 500;
        font-size: 2em;
    }

    .content-header > * {
        display: flex;
        flex: 0 0 50%;
    }

#page-header {
    margin-bottom: 1.0rem;
}

.popover.popover-right .popover-container, .popover.popover-left .popover-container {
    top: 100px;
}

#toast-container {
    display: inline-block;
    position: fixed;
    top: 1em;
    right: 1em;
    z-index:99;
}

section#delivery-methods {
    flex: 0 0 50%;
}
section#cart-items-list {
    flex: 0 0 50%;
}
section#cart-items-list ul li {
    list-style-position:outside;
    margin-left:1em;
}
div#shipping-options {
    display:flex;
    flex-direction:row;
}
#zsiqbtn {
    z-index:inherit;
}


.menu-footer > .navbar-section a {
    display: block;
    color: #50596c;
}

.menu-footer .btn {
    text-align: unset;
}

.menu-footer > .navbar-section > div {
    color: white;
    font-weight: 500;
}

.menu-footer > .navbar-section {
    margin: 0 auto;
    display: block;
    flex: 0 0 auto;
}

.menu-footer {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    padding: 1.0rem 0;
}

#footer {
    margin-top: 2.0rem;
    padding-bottom: 2rem;
    background-color: #252019;
}

/*** Catalog Groups ***/
.categories-index {
}

.categories {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
}

.category.card {
    flex: 0 0 auto;
    margin: 1.4rem;
}

    .category.card h2 {
        font-size: 1.3rem
    }

.groups {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
}

    .groups > .H {
        flex: 0 0 160px;
        margin: 15px;
    }

.group.G h2 a {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    color: unset;
}

.group.G.card {
    width: 100%
}

.group.H.card {
}

    .group.H.card .group img {
        display: none;
    }

    .group.H.card .groups {
        display: block;
    }

.group.card .card-image {
    margin: 0 auto;
}

.group.H .group.H h3 a, .group.H h2 a {
    color:#1c67b1;
    padding-bottom: 2px;
}
.page-products .group.H .group.H h3 a {
    text-decoration: underline;
}
.page-products .groups > .H {
    margin: 0 0.3rem;
    flex: inherit;
}
.page-products .groups {   
    margin-bottom: .3rem;
}
.group.H .group.H h3 a:hover, .group.H h2 a:hover {
    color:#127ae1;
    text-decoration: underline;
}
.group.H .group.H h3 {
    margin-bottom: 0;
    font-size: 0.65rem;
    font-weight: inherit;
    list-style: none;
}

.group.H .group.H {
    display: list-item;
    list-style: none;
    margin-left: 1rem;
    margin: 3px;
}

.group.H h3 a {
    color: dodgerblue;
}

.group h3, .group.H h2 {
    font-size: 0.8rem;
    font-weight: 400;
}

.group.card .card-body {
    padding: 0;
}

.category.card .card-body {
    padding: 0;
}

h2.category-name {
    margin-bottom: 5px;
}

.products {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
}

.product.card {
    margin: 0.5rem;
}

    .product.card .card-body {
        padding: 0;
    }

.product h4 {
    font-size: 0.6rem;
}

.productview.STND .product.card {
    flex: 0 0 45%;
    flex-direction: row;

}
.productview.STND .product.card .input-group{
    display:block;
    width:90px;
    text-align:center;

}
.productview.STND .product.card .product-name{
    display:block;

}
.productview.STND .product.card .card-image{
    margin:.3rem;
    min-width:100px;
}

.product-code {
    white-space: nowrap;
}

.product-orderqty-rules {
    background-color:silver;
}

productview.IMGS .product-code, productview.IMGS .card-image {
    margin: 0 auto;
}

.menu-customerservice {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
}

    .menu-customerservice .card {
        flex: 0 0 25%;
        padding: 1rem;
        margin: 0 auto;
    }

.btn.btn-tools {
    position: absolute;
    margin: 5px;
    opacity: 0.4;
    float: left;
    z-index:400;
}

    .btn.btn-tools:hover {
        position: absolute;
        margin: 5px;
        opacity: 1;
    }

.home-slide {
    position: relative;
    max-width: 1300px;
    max-height: 500px;
    margin: 0 auto;
}
.home-slide >img {
    max-height: 500px;
    margin: 0 auto;
}
.hero-wrap {height: 480px;}
.hero-bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;}
.hero-fg{width:311px;position:relative;margin: 0 auto;padding-top: 2em;}

.text-overlay {
    position: absolute;
}

body {
    min-width: 360px;
}

.body-container {
    max-width: 1920px;
}

/*** Catalog Products ***/
.product-name {
}

.product {
}

.prices {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
}

.price {
    flex: 1;
    margin: 0.5rem;
}




/*** CSS Editor ***/
#editor { 
    position: relative;
    margin-bottom:10px;
    height:800px;
    border: 1px solid #252019
}
#editor-container > textarea {
    display:none;
}



/*** Style Overrides ***/
.tab-body {
    display: none;
}
.tab-body.active {
    display: block;
}

.btn.btn-link:hover {
    color: #0F4E8C;
}

#menu-catalog.navbar .btn.btn-link {
    color: #192537;
    background-color: #e4eaf0;
}

#menu-catalog.navbar li {
    margin-bottom: .20rem;
    margin-right: .20rem;
}

.navbar-section li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.navbar-section ul {
    margin: 0;
    padding: 0;
}

.navbar-section ul {
    display: flex;
    flex-flow: row wrap;
}

.card {
    border: none;
}

    .card .card-image {
        padding-top: 0;
    }

#menu-catalog-toggle {
    display: none;
    margin-bottom: 0.2rem
}
#menu-main-toggle {
    display: none;
    margin-bottom: 0.2rem
}

#menu-main .navbar-section {
    flex: unset;
    margin: 0 0 auto;
}

    #menu-main .navbar-section a {
        color: #082b4c;
        font-weight: 500;

    }

carousel .carousel-initialized {
    display: block;
}

carousel {
    display: none;
}

/* Editor only styles */
#tinymce carousel {
    background-color: lightgray;
    padding: 5px;
    border: 1px solid #192537;
    display: block;
}

@media (max-width: 767px) {
#menu-main {
    justify-content: center;
    
}
}

/* Responsive */
@media only screen and (max-width: 767px) {
    /* phones */
    #welcome-message {
        display: none;
    }

    #logo {
        padding: 10px 3px;
        float: unset;
    }

    #menu-catalog {
        display: block;
    }

    #menu-catalog-toggle {
        display: block;
    }
    #menu-main-toggle {
        display: block;
    }

    #menu-main > .navbar-section:not(:first-child) {
        display: none;
    }

        #menu-catalog-items.responsive, #menu-main > .navbar-section.responsive {
            display: block;
            width: 100%;
        }


    .navbar-section ul {
        display: flex;
        flex-flow: column wrap;
        width: 100%;
    }

    #menu-catalog.navbar .btn.btn-link {
        display: block;
        text-align: left;
    }

    #menu-catalog.navbar li {
        margin-bottom: .10rem;
        margin-right: 0;
    }

    div#shipping-options {
        flex-direction: column-reverse;
    }

    #header-mini {
        flex-direction: column;
    }
    
#maincontent {
    margin:0 5px;
}
}

@media only screen and (min-width: 768px) {
    /* tablets and desktop */
    .hero-fg{margin-left: 25%;margin-top: 2em;}
}

@media only screen and (min-width: 1024px) {
    /* large view */
}
/* END Responsive */