.store-img { background-size: cover; border-top-right-radius: 40px; border-bottom-right-radius: 40px; border: 1px solid #6c6c6c; } .stor-list .item-cards {border: 1px solid #fff; padding: 1px 0px!important;} .pro-categories .left[ng-class="{'active': category_all }"] .category-image{ background-image: url(https://i.postimg.cc/m2DdFx21/all.png); display: inline-block; background-repeat: no-repeat; background-position: center; background-size: cover; vertical-align: middle; margin: auto; height: 50px; width: 50px; } .pro-categories .left[ng-class="{'active': category_all }"] .category-image img{display:none;} .pro-categories .left .category-label { margin-top: 9px; } .module-commercepro[state="commercepro-category-list"] .bar-subheader.list{ min-height: 115px!important; } .store-cat{padding: 8px 0px!important;} .store-cat h2{padding-left: 8px;} .pro-categories{padding-left: 8px;} .product-img{height:150px;} .brd-rad-50{border-radius:50px;padding-left:10px!important;} .brd-rad-50 input{color:#111214!important;} .qr-scanner1 a{color:#fff!important;} ion-view[state="commercepro-store-product-list"] .pro-categories .left[ng-class="{'active': category_all }"] .category-image{ background-image: url(https://i.postimg.cc/J4gVthHT/all-bw.png); display: inline-block; background-repeat: no-repeat; background-position: center; background-size: cover; vertical-align: middle; margin: auto; height: 50px; width: 50px; } ion-view[state="commercepro-store-product-list"] .pro-categories .left .category-label{ margin-top:3px; } .circle-store { position: absolute; height: 200px; width: 100%; border-radius: 0px; border: 0px solid white; left: 0%; margin-left: 0px; top: -50px; background: #cccccc; overflow: hidden; box-shadow: 0 1px 3px rgb(0 0 0 / 30%); } .store-cover { background-size: 100%!important; height: 200px!important; } .store-details { margin-top: 0px; color: #000; padding: 3px!important; z-index: 999; position: absolute; bottom: 0px; background-color: #fff; padding-top: 30px !important; background: linear-gradient( 0deg , #fff 50%, rgba(255, 255, 255, .8) 80%, rgba(0, 212, 255, 0) 100%); } .circle-store { position: initial; height: 200px; width: 100%; border-radius: 0px; border: 0px solid white; left: 0%; margin-left: 0px; top: 0px; background: #ccc; overflow: hidden; box-shadow: 0 1px 3px #000; display: block; } .rectangle-card { display: block; width: 100%; background: white; position: relative; margin-top: 0px; box-shadow: 0 1px 3px rgb(0 0 0 / 30%); margin-bottom: 10px; border-radius: 5px; height: 200px; } ion-view[state="commercepro-store-product-list"] div[ng-click="showItem(cover)"].row{ padding:0px!important; } ion-view[state="commercepro-store-product-list"] .has-subheader { top: 66px !important; } ion-view[state="commercepro-store-product-list"] .store-details p[ng-bind-html="cover.subtitle"]{ margin-top: 0px!important; font-size: 20px; font-weight: bold; margin-bottom: 0px!important; } ion-view[state="commercepro-store-product-list"] i[ng-click="infoModal(cover)"]{ position: absolute; top: 20px; font-size: 30px; left: 50%; transform: translate(-50%, -50%); } /* for offer slider */ .slider-slides{ width: 100%!important; display: flex; } .slider-slides .slider-slide{ width: 375px!important; left: 2px!important; transition-duration: 300ms; transform: translate(0px, 0px) translateZ(0px)!important; } /* for icon verticle spacing */ ion-view[state="commercepro-store-product-list"] .icon-cus { padding: 3px 0px; } /* for cart hide */ .ion-ios-cart[ng-class="right_button.icon"]{ display:none; } ion-view[state="commercepro-store-product-list"] .ion-information-circled:after{ content: "Click Here For Information & Offers"; font-size: 14px; vertical-align: bottom; padding: 2px 10px; line-height: 2; background-color: #24292f; border-radius: 20px; color: #fff; margin-left: 5px; } ion-view[state="commercepro-store-product-list"] .list.m-0[ng-show="getState() == 'RESULTS' || collection.length"] .col-90{ max-width: 100%!important; flex: 0 0 100%!important; } ion-view[state="commercepro-store-product-list"] .list.m-0[ng-show="getState() == 'RESULTS' || collection.length"] .col-10{ display:none; } ion-view[state="commercepro-category-list"] .search-bar .col-80{ max-width: 90%!important; flex: 0 0 90%!important; } ion-view[state="commercepro-category-list"] .search-bar .row .col-10:first-child{ display:none; } /* Store Category Images */ .pro-categories .category-image img { object-fit: cover; }