/* Essential styles */
.material-icons {vertical-align:middle;}
.ecommerce-container a:link, .ecommerce-container a:visited, .ecommerce-container a:active, .ecommerce-container a:hover {text-decoration:none;}
a.buybutton:link, a.buybutton:visited {background-color:#e8630b;color:#fff;}
a.buybutton:active, a.buybutton:hover {background-color:#282828 !important;color:#fff !important;}
div.buybutton {background-color:#e8630b;color:#fff;}
div.buybutton:hover {background-color:#282828 !important;color:#fff !important;}
.productlistflex {display:flex;}
.productlist {width:75%;margin:0 40px 0 0;}
.productlistside {flex:1;}
/* NEW PRODUCT GRID */
.productgrid {display:grid;grid-template-columns:repeat(auto-fill, minmax(240px, 1fr));grid-gap:1rem;}
.product a {transition:0.4s;}
.productimg {position:relative;z-index:1;overflow:hidden;}
.productimg:before {content:"";padding-bottom:100%;display:block;}
.productimg img {position:absolute;max-width:100%;top:0;bottom:0;right:0;left:0;margin:auto;transition:0.2s;}
.productimg:hover img {transform:scale(0.95);}
.productcontent {text-align:center;padding:30px 0;}
.productcontent h3 {font-family:'Open Sans', sans-serif;font-size:18px;line-height:24px;font-weight:600;margin:0;}
h3 a:link, h3 a:visited {color:#282828;text-decoration:none;}
h3 a:active, h3 a:hover {color:#e8630b;text-decoration:none;}
.productprice {color:#e8630b;font-size:18px;}
.productrollover {
    transition: opacity .5s ease-in-out;
    background: rgba(232,99,11,0.9);
    display: flex;
    align-items: center;
    justify-content: space-around;
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    line-height: normal;
    text-align: center;
}
.productimg:hover .productrollover {opacity:1;}
.productrollover-content {padding:10px;width:90%;box-sizing:border-box;}
.productrollover-actions {font-size:12px;letter-spacing:1px;text-transform:uppercase;color:white;}
.productrollover-actions span {margin:0 10px;}
.productrollover-actions .material-icons {font-size:36px;}
.productrollover-actions a:link, .productrollover-actions a:visited {color:white;}
.productrollover-actions a:active, .productrollover-actions a:hover {color:#282828 !important;}
.productrollover a.buybutton:link, .productrollover a.buybutton:visited {background-color:transparent;}
.productrollover a.buybutton:active, .productrollover a.buybutton:hover {background-color:transparent !important;}
.productquickview {display:flex;}
.quickviewimage {width:490px;text-align:center;padding:20px;box-sizing:border-box;}
.quickviewimage img {max-width:100%;max-height:450px;height:auto;cursor:pointer;}
.quickviewgallery {margin:20px 0 0 0;display:flex;justify-content:center;}
.quickviewgallery img {display:block;width:80px!important;height:auto;margin:0 5px 10px 5px;}
.quickviewcontent {flex:1;padding:25px;}
.quickviewcontent h2 {font-family:'Open Sans', sans-serif;font-size:22px;line-height:30px;font-weight:600;margin:0;}
.quickviewprice {color:#e8630b;font-size:18px;}
.quickviewsummary {font-size:17px;margin:30px 0;}
.quickviewactions {display:flex;}
.quickviewqty {margin:0 20px 0 0;}
.quickviewbuy {flex:1;}
/* No spin on Qty field */
input.qtyvalue::-webkit-outer-spin-button,
input.qtyvalue::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number].qtyvalue {
  -moz-appearance: textfield;
}
/* w3.css fix */
.w3-ul {margin:0;}
.w3-ul li {padding:0;margin:0;}
.w3-ul li:before {display:none;}
.w3-panel h4 {margin:0;}
.w3-modal {z-index:9900;}
/* Addons */
.searchdata {margin:0 0 30px 0;}
.categorytree {font-size:15px;line-height:18px;padding-bottom:16px;}
a.categoryitem {display:block;padding:8px 16px;}
a.categoryitem:link, a.categoryitem:visited {color:#282828;}
    a.categoryitem:active, a.categoryitem:hover { background: #1e88c3; color: white; }
a.categoryitem span.material-icons {font-size:12px;color:#aaa;}
a.categoryitem:hover span.material-icons {color:white;}
.catlevel1 {font-weight:bold;}
.catselected {background:#aaa;}
.catselected a, .catselected span.material-icons {color:white !important;}
.productdetailflex {display:flex;}
.productdetail {width:75%;margin:0 40px 0 0;}

@media screen and (max-width:768px) {
.productlistflex {flex-direction:column-reverse;}
.productlist {width:auto;margin:0 0 40px 0;}
.productlistcart {position:fixed;bottom:0;left:0;width:100%;z-index:9800;}
.minicartdisplay h3, .minicartdisplay div {display:none;}
.minicartdisplay a {display:block;padding:16px;}
.productlistcat {margin:0 0 30px 0;}
.productquickview {display:block;}
.quickviewimage {width:auto;}
.quickviewcontent {flex:initial;}
.productdetailflex {display:block;}
.productdetail {width:auto;margin:0 0 40px 0;}
}
@media screen and (max-width:480px) {
.quickviewactions {display:block;}
.quickviewqty {margin:0 0 16px 0;}
.quickviewbuy {flex:initial;}
.quickviewbuy a.buybutton {display:block;width:auto !important;}
}