.ui-focus,
.ui-btn:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

/*
.ui-btn-active { 
background-color: darkgray !important;  
}
*/

.ui-content {
    max-width: 600px; 
    margin: 0 auto !important;   
}

.footer .col-xs-3 {
    flex-basis: 20%;
    max-width: 20%;
}

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 320px) {
.col-xs-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 480px) {
    .col-xs-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

#header-back-button {
    background-color: transparent;
    border: medium none;
    box-shadow: none;
    height: 20px;
    width: 10px;
}

.str-header-nav {
    background: #ffda44; 
    border: #ffda44; 
    text-shadow: none;
}

.str-header-nav .refresh-button {
    height: 18px; 
    background-color: transparent !important; 
    border: none !important;
    box-shadow: none !important;
}

.swiper-container {
    width: 100%;
    height: 200px;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-slide .featured-img{
    max-width: 100%;
    height: 300px;
    object-fit: cover;
}

.swiper-slide img{
    max-width: 100%;
    height: auto;
}

.slider-image { 
   position: relative; 
   width: 100%; /* for IE 6 */
}

.slider-image h1 { 
   position: absolute; 
   top: 58px; 
   left: 0; 
   width: 100%; 
   text-align: right;
}


h1 span { 
   color: white; 
   font: bold 30px; 
   letter-spacing: -1px;  
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.7);
   padding: 1.5px 3px; 
   text-shadow: none;
}

h1 span.spacer {
   padding:0 5px;
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.7);
}


/*.active-button {
    background: lightgray !important; /* Old browsers */
}
*/

.ui-badge-container {
    position: relative;
}

.icon-badge {
    display: block;
    color: #fff;
    padding: 1px 7px;
    position: absolute;
    right: -2px;
    top: -2px;
    z-index: 999;
    border: none;
    font-size: 13px;
}

#map-page, #map-canvas { 
    width: 100%; 
    height: 100%; 
    padding: 0; 
}

ul.product-list-view li img {
    position:absolute;
    top:0;
    bottom:0;
    margin:auto;
}

.nd2-card {
    max-width: 100%;
}

.cart_change_quantity_box .ui-input-text::after, .ui-input-search::after {
    height: 0;
}

.metaprod_detail img {
    max-width: 100%;   
    height: auto;

    vertical-align: middle;
    display: -moz-inline-box; /* Firefox 2 */
    display: inline-block;
}

.metaprod_detail *{
    white-space: normal !important;
}

/*.metaprod_detail p{
    white-space: normal !important;
}

.ui-listview > li .metaprod_detail *{
    white-space: normal !important;
}
*/