/* ===========================
	1. GLOBAL UTILITIES
=========================== */

/* ===== Colors ===== */
.text-gray{color: #707E88 !important;} 

/* ===============================
	2. COMPONENT-SPECIFIC CSS
=============================== */

/* ---------- Navbar ----------*/
.navbar-content-container{
	display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.breadcrumb{display: none !important;}

/* ---------- Home Page ----------*/

/* ===== Banner ===== */
.banner-parent-container{
	background-image: url(https://store-media.mpowerpromo.com/683e1be1bead421e45e50216/pages/683e1be4bead421e45e504de/slideback-first-1748901312737.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
	justify-content: center;
}
.banner-logo{
	max-width: 500px;
	width: 50vw;
}
/* ===== Home Page Product Section ===== */
.home-page-body{
	padding-top: 5%;
  padding-bottom: 5%;
}
.row-container{
	max-width: 100%;
	padding-left: 5%;
	padding-right: 5%;
}
.product-row{justify-content: center;}
.row-item{max-width: 25% !important;}

/* ---------- Product Page ----------*/

.product-view-body{
	  padding-top: 5%;
    padding-left: 5%;
    padding-right: 5%;
}
#mPowerProductView > div > div.row > div.col-md-6.mb-3.pt-2.product-image-col > div > div > div > span > div:nth-child(2) > div > div.vue-lb-content > div.vue-lb-figure > img {
padding-bottom: 25px; 
}
img.vue-lb-modal-image{
	background-color: white !important;
	min-width: 370px !important;
	max-width: 90% !important;
}
.vue-lb-info{display: none;}
.vue-lb-footer{padding-right: 1rem !important;}
.vue-lb-thumbnail{padding: 0 40px !important;}
.product-configure-part-label{ display: none }
.product-configure-part-count:after{ content: ' Color(s)'; } 

/* ---------- Footer ----------*/

.footer-content-container{
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  max-width: 100% !important;
	background-color: #222 !important;
}

/* ===============================
	3. Media CSS
=============================== */

/* ---------- Tablet + Mobile Shared Utilities ---------- */
@media (max-width: 991px) {
  .responsive-display-none { display: none !important; }
  .responsive-padding-1 { padding: 1rem !important; }
  .responsive-min-height { height: 80px !important; }
  .responsive-align-content-center { align-content: center !important; }
  .responsive-justify-space-between { justify-content: space-between !important; }
}
/* ---------- Tablet Only ---------- */
@media (max-width: 991px) and (min-width: 577px){
	.row-item{min-width: 50% !important;}
}
/* ---------- Mobile Only ---------- */
@media (max-width: 576px){
	.row-item{min-width: 80% !important;}
	.banner-parent-container{
		background-attachment: scroll !important;
		min-height: 300px !important;
	}
	#mPowerProductView > div > div.row > div.col-md-6.mb-3.pt-2.product-image-col > div { z-index: 50 !important;}
}