/* CSS Document */

body
{
	margin:0px;
	padding:0px;
    font-family: 'Encode Sans Condensed', sans-serif;
}

.banner
{
	width:100%;
	padding:0px;
	margin:0px;
	border:px #E11619 solid;
	position: relative;
	background-image: url("../images/byu-pathway-online-store-banner.jpg");
	background-size:cover;
	height:600px;
	z-index:1;
}

.banner-topnav
{
	z-index: 10;
	position: relative;
	margin-top:-70px;
}

.cart-row
{
	text-align: right;
	padding:20px 0px 20px 0px;
	font-weight: 500;
	font-size:20px;
	color:#454540;
}

.cart-row a
{
	text-decoration: none;
	color:#454540;
}

.cart-row a:hover
{
	color:#ffc328;
}

.content-area
{
	padding:0px;
}

.content-inner
{
	max-width:1400px;
	margin:0 auto;
}

.featured-products
{width:100%;
padding:30px 0px 50px 5px;
text-align: center;
margin:0 auto;}

.featured-box2
{width:218px;
background-color:#f2f2f2;
margin:10px;
display:inline-block;}

.featured-box {
  width: 200px;
  background-color: #f2f2f2;
  margin: 10px;
  display: inline-block;
  vertical-align: top;
  text-align: center;
}


.featured-box-pic {
  width: 200px;
  height: 200px;
  background-color: #fff;
  border: 2px #f2f2f2 solid;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin: 0 auto;
}

.featured-box-pic img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  width: auto;
  display: block;
}



.featured-box-pic2
{
text-align:center;
background-color:#FFF;	
border:2px #f2f2f2 solid;
height:200px;	
}

.featured-box-pic2 img
{max-width:200px;
max-height:200px !important;
vertical-align:middle;
position: relative;
/*top: 50%;
transform: translateY(-50%);*/
}

.featured-box-title
{text-align:center;
text-transform:uppercase;
color:#454640;
vertical-align:middle;
padding:6px;
font-weight:500;
display:table-cell;
height:60px;}

.featured-box-price
{text-align:center;
color:#58b21f;}

.featured-box-btn
{text-align:center;}

.featured-box-btn img
{width:100%;
height:auto;}

.featured-box-btn-bak a
{border:2px #ffffff solid;
text-decoration:none;
display:block;
color:#454540;
margin:10px 20px 10px 20px;
font-weight: 500;	
text-transform:uppercase;
padding:10px 20px 10px 20px;
background-color:#ffc328;}

.footer
{
	text-align: center;
	color:#444540;
	padding:50px 0px 50px 0px;
	background: #f2f2f2;
}

.header
{
	padding:0px;
	width:100%;
	border:0px #EF1115 solid;
}

.header-left
{
	float:left;
	width:330px;
	border:0px #426C09 solid;
	text-align: center;
	position: relative;
	z-index:20;
}

.header-right
{
	width:600px;
	float:right;
	border:0px #072390 solid;
	padding-right:30px;
}

.search-field
{
	width:300px;
	padding:7px;
	border:0px;
	background:#f7f7f7;
}

.search-row
{
	text-align: center;
	background:#f7f7f7;
	border-radius: 20px;
	width:400px;
	padding:0px;
	float:right;
}

.topnav
{
	background: #414143;
	text-align:right;
	font-weight: 600;
	position: relative;
}

.topnav a
{
	color:#ffffff;
	line-height: 40px;
	padding:0px 30px 0px 30px;
	text-decoration: none;
	display:inline-block;
}

.topnav a:hover
{
	background: #ffc328;
       color:#51534A;
}

/* =============== CODE FOR NEW DROP-DOWN MENU ================== */

/* Desktop dropdown for PRODUCTS */
.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 180px;
  box-shadow: 0px 8px 16px rgba(0,0,0,0.2);
  z-index: 99;
  text-align: left;
}

.dropdown-content a {
  color: #414143;
  padding: 8px 16px;
  text-decoration: none;
  display: block;
  font-weight: 500;
}

.dropdown-content a:hover {
  background-color: #ffc328;
  color: #51534A;
}

.dropdown:hover .dropdown-content {
  display: block;
}

/* Ensure dropdown stays inline with topnav */
.topnav .dropdown {
  display: inline-block;
}