/*THIS WRAPPER CSS IS FOR THE HEADER OF BOTH PUBLIX-R and PUBLIX-DR*/


/*HEADER*/

.hni_px--header {
	background-color: #fff;
	padding: 1.5625rem 0;
	display: flex;
}

.hni_healthnotes--logo, .hni_publix--logo {
	display: flex;
	align-items: center;
	flex: 1;
}

.hni_healthnotes--logo {
	justify-content: flex-end ;
}

.hni_healthnotes--logo > img {
	max-width: 150px;
	//padding: 0 1.5625rem 1.5625rem 0;
	margin-right: 24px;
	
	
}

.hni_publix--logo > img {
	max-width: 150px;
	//padding: 0 1.5625rem 1.5625rem 0;
	//margin-left: 15px;
	
}


.hni_publix--action-bar {
	
	background-color: #eeeeee;
	padding: 15px 0px;
}

.hni_publix--bar-contain {
	max-width: 1280px !important;
	display: flex;
	align-items: center;
	margin: 0 auto;
	padding: 0 12px;
}

/*HEADER SEARCH*/

.hni_px--search {
	height: 40px;
	flex: 1;
}

input.hni_header-searchbox {
	width: 90%;
	height: 2.5rem;
	padding: 6px 12px;
	border: 1px solid #808080;
	border-radius: 2px;
	box-sizing: border-box;
	color: #333;
	font-size: 1rem;
	display:inline-block;
}

.hni_header-searchbox::placeholder { 
  color: #333;
}
#hni_search-icon-contain {
  background: #fff;
  width: 50px;
  height: 37px; 
  position: relative;
  right: 23px;
  top: -39px;
  float: right;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  display: inline-block;
  cursor: pointer;
}
.hni_search-box {
  width: 50px; 
  position: relative; 
  top: 35px;
  //left: 15px;
  margin: 0 auto; 
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
}
.hni_search-circle {
  width:10px; 
  height: 10px; 
  border: 3px solid #808080; 
  border-radius: 10px; 
  float: left;
}
.hni_cabe {
  width: 8px;
  display: block; 
  border: 2px solid #808080;
  color: #fff; 
  font-weight: bold; 
  text-shadow: 2px 0 #808080; 
  position: absolute; 
  top: 6px; 
  left: 13px; 
  font-size: 16px; 
  border-radius: 10px;
}
/* NAVIGATION LINKS*/


.hni_publix--navigation {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	width: 40%;
	height: 50px;
	padding-left: 15px;
	box-sizing: border-box;
}

.hni_publix--navigation > a {
	text-decoration: underline;
	color: #666;
	font-size: 11px;
	width: 100%;
}

.hni_publix--navigation > a:first-child {
	border-right: none;
	text-align: left;
	//padding-right: 15px;
}

.hni_publix--navigation > a:last-child {
	//padding-left: 15px;
}

.hni_px--navigation a:after {
	clear:both;
	display:block;
	
}

/*FOOTER*/

a.hni_Button.hni_NavTarget_2474001::after {
	content: none;
}

.hni_footer {
	background: transparent !important;
}

.hnie_CopyrightDisclaimerText  {
	display: none !important;
}

.hni_px--footer {
	background-color: #eeeeee;
	text-align: center;
	font-family: sans-serif;
	padding: 24px;
}

.hni_px--footer a {
	color: #0073A6;
	margin-right: 12px;
}

.hni_px--footer a:last-child {
	margin-right: 0;
}

.hni_LandingPage-Disclaimer {
	font-family: sans-serif;
	color: #808080;
	padding: 12px 0;
}

/*MEDIA QUERIES*/

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.hni_healthnotes--logo > img {
		height: 34px;
		width: 219px;
		max-width: none;
	}
	.hni_publix--logo > img {
		height: 78px;
		width: 271px;
		max-width: none;
	}
	.hni_publix--action-bar {
		padding: 15px 0px;
	}
	.hni_px--search {
		display: inline-block;
		width: -webkit-calc(100% - 500px);
		width: -moz-calc(100% - 500px);
		width: calc(100% - 500px);
		//padding-top: 1.875rem;
	}
	.hni_px--navigation {
		margin: 0 0 24px;
		max-width: 1366px !important;
	}
	.hni_publix--navigation > a {
		font-size: 16px
	}
	.hni_publix--navigation > a:first-child {
		border-right: 1px solid #666;
		padding-right: 15px;
		text-align: right;
	}

	.hni_publix--navigation > a:last-child {
		padding-left: 15px;
	}
	
	#hni_search-icon-contain {
		top: -39px;
		height: 37px;
	}
    
}

@media only screen and (min-width: 1025px) {
	.hni_healthnotes--logo > img {
		height: 34px;
		width: 219px;
		max-width: none;
	}
	.hni_publix--logo > img {
		height: 78px;
		width: 271px;
		max-width: none;
	}
	.hni_publix--action-bar {
		padding: 15px 0;
	}
	.hni_px--search {
		display: inline-block;
		vertical-align: middle;
		width: -webkit-calc(100% - 500px);
		width: -moz-calc(100% - 500px);
		width: calc(100% - 500px);
		//padding-top: 1.875rem;
	}
	#hni_search-icon-contain {
		top: -39px;
		height: 37px;
	}
	
	input.hni_Header-SearchBox {
		width: 40%;
		font-size: 1em;
	}
	.hni_publix--navigation > a {
		font-size: 16px
	}
	.hni_publix--navigation > a:first-child {
		border-right: 1px solid #666;
		padding-right: 15px;
		text-align: right;
	}

	.hni_publix--navigation > a:last-child {
		padding-left: 15px;
	}
	
}