/*Navbar*/
.navbar-parent-container{
	background-color: #2e3d48;
	/*background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) !important;*/
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
}

.navbar-container{
	max-width: 100% !important;
	margin-left: 10% !important;
	margin-right: 10% !important;
	padding-top: 20px !important;
	padding-bottom: 20px !important;
	overflow: visible !important;
}

.navbar{
	flex-wrap: nowrap;
	padding: 0;
}

.navbar-logo-container{
	flex: 1;
}

.navbar-brand{
	display: flex !important;
	margin:0;
	flex: 1;
	justify-content:center;
}

.logo{
	min-width: 168px !important;
	min-height: 36px !important;
	max-width: 168px !important;
}

.navbar-nav-links-container{
	flex: 5;
}

.nav{
	justify-content: center !important;
}

.navbar-nav-utils-container{
	flex: 1;
	justify-content: space-evenly !important;
	align-items: center;
	height: 36px !important;
	min-width: 80px !important;
}

.border.mr-3.p-2.rounded{
	display: none; /*removes the Available Items box from the nav-utils-copntainer when redemption codes are enabled.*/
}

/*Styles for the background image of the banner*/
.banner{
	position: relative;
	height: 60vh;
	background-image: url('https://store-media.mpowerpromo.com/67cb3089b7f7f1d2cd73e7b2/pages/67cb308eb7f7f1d2cd73ecd9/banner-image-1741633150119.jpg');
	background-size: cover;
	background-position: center;
	background-attachment: fixed; /* Key property for parallax */
}

.logo-container{
	display: flex;
	height: 100%;
	justify-content: center;
	align-items: center;
}

.banner-logo{
	width: 55%;
}

/*Rewards Page*/
.row{
	justify-content: center;	
}

.row-item{
	width: 25%;
}

.card-text{
	text-align: center;
}

/*Product*/
/*Sets the z-index of the size quantity field to be lower than the parts dropdown*/
.input-group{
	z-index: 49;
}

/*Class for the product view component*/
.container-productview{
	padding-top: 10vh !important;
	padding-left: 2%;
	padding-right: 2%;
}

/*canvas container is the div for displaying the product image*/
.canvas-container{
	touch-action: manipulation; /* Improves scrolling behavior */
	pointer-events: none; /* Prevents touch events on the image */
}

.product-configure-part-label{
	display: none;
}

.product-configure-part-count:after{
	content: ' Logo Options';
}

/*Decoration type dropdown*/
.justify-content-start.d-flex.text-left.align-items-center.w-100{
	overflow: hidden;
  white-space: normal;
  max-width: 75%;
}

.m-0{
	margin-right: 4px !important;
}

/*Checkout Page*/
.buffer-container{
	padding-top: 12vh;
}

/*Footer*/
.fdb-block.fp-active{
	background-color: black;
	width: 100%;
}

/* Styles for tablets */
@media (min-width: 768px) and (max-width: 1024px) {
	.navbar-logo-container{
	flex: 15;
	}
	.banner {
	height: 50vh;
	}
	.row-item{
		width: 50%;
	}
}

/* Styles for mobile devices */
@media (max-width: 767px) {
	.navbar-logo-container{
	flex: 16;
	}
	.banner {
	height: 45vh;
	}
	.row-item{
		width: 90%;
	}
}