/**

 * Main Template CSS Stylesheet

 * 

 * BOOTSTRAP v3.4.0

 *

 */

.clearBoth {

   clear: both;

}

.forward {

    float: right;

}

.back {

    float: left;

}



/* This is used to re-size images */

img {

    max-width: 100%;

    height: auto;

    border: 0;

}



.qmix > br {

    display: none;

}



.normalprice, .productSpecialPriceSale {

    text-decoration: line-through;

}



#back-to-top {

    position: fixed;

    bottom: 5rem;

    right: 1rem;

    z-index: 1;

    text-align: center;

    cursor: pointer;

    transition: opacity 0.2s ease-out;

    opacity: 0;

}



#back-to-top.show {

    opacity: 1;

    z-index: 1;

}



/* Added by Carlos */

.payments {text-align:center;}



#tagline {Display:none;}



#navCatTabs a {text-decoration:none;}



#ezpagesBarHeader {width:50%;float:right;margin-top:10px;}

#navMainWrapper {width:99%;}



.rounded-bottom {

    border-top-right-radius: .25rem !important;

    border-top-left-radius: .25rem !important;

}



.nav-link {text-decoration:none;}

h2 {font-size: 1.25rem;}



/* set height of scrollable area in mobile menu */

div#navbarSupportedContent {

    max-height:2.5vh;

	font-size:12px;

    /*overflow-y:auto;*/

}



#navbar-spacer.mt-5.pt-4 {

	padding-top:0px !important;

}



.zca-banner {

    text-align: center;

}



.ot-title {

    text-align: right;

}

.ot-text,

.totalCell {

    text-align: right;

}



.centeredContent {

    text-align: center;

    padding: 1rem;

}



table.tabTable td {

    padding: 0.5rem;

}

#indexProductList-cat-wrap {

    margin-bottom: 1rem;

}

#productsListing-bottomRow {

    margin-top: 1rem;

}



.sideBoxContent select {

    margin-bottom: 1rem;

}

#navCatTabs a,

#navCatTabs a:hover {

	border:none;}

	

#categoriesTabs {border-top: 0px solid #604F50;border-bottom: 0px solid #604F50;}

/*{border: 2px solid black;}

    border: 0.125rem solid #007faf;*/





/* Added as Custom*/

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

.homepic {margin-top:-10px;}
.form-inline {margin-top:10px;}







/* These CSS media queries control how many columns of cards display on the login, checkout_shipping, checkout_payment & checkout_confirmation pages */

/* Small devices (landscape phones, 576px and up) */

@media (min-width: 576px) { 

.card-columns {

  -webkit-column-count: 1;

  -moz-column-count: 1;

  column-count: 1;}

	.form-inline .input-group {width:90%;}

}


/*
@media (max-width: 576px) { 

div#navbarSupportedContent {

    max-height:90vh;

	font-size:12px;

    /*overflow-y:auto;*/

/*	}}



@media (max-width: 576px) { 

div#ezpagesBarHeader {

    display:none;

    /*overflow-y:auto;*/

/*	}}*/

@media only screen and (orientation:portrait) {
/*bof responsive*/
div#ezpagesBarHeader {display:none;}
div#navbarSupportedContent {max-height:90vh;font-size:12px;/*overflow-y:auto;*/}
nav.navbar.navbar-expand-lg.navbar-light.bg-light {display:none;}
#taglineWrapper {padding-top:10px;}
nav.navbar {background-color: #333333;width: 100%;}
.mx-3  {margin-left: 0rem !important;}
#navBreadCrumb ol {margin-top: -30px;




}




/*  Medium devices (tablets, 768px and up) */

@media (min-width: 768px) {

.card-columns {

  -webkit-column-count: 1;

  -moz-column-count: 1;

  column-count: 1;

}

}



/* Large devices (desktops, 992px and up) */

@media (min-width: 992px) {

.card-columns {

  -webkit-column-count: 2;

  -moz-column-count: 2;

  column-count: 2;

}

}



/* Extra large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) { 

.card-columns {

  -webkit-column-count: 2;

  -moz-column-count:2;

  column-count: 2;

}

}