/*
Theme Name: Hair Essentials
*/

html, body {
	position: relative;
	}
body {
	background: #fff;
	margin: 0;
	padding: 151px 0 0;
	text-align: center;
	}
body, input, textarea, select, option, th, td {
	color: #3e3e3e;
	font: 14px/20px Arial, Verdana, Tahoma, sans-serif;
	}

input, button, select, textarea {
	margin: 0;
	outline: 0;
	}
a {
	color: #0169ab;
	}
	a:hover {
		text-decoration: none;
		}
	a:visited {
		color: #6138a4;
		}
a.button {
	background: #fd8700;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		box-shadow: inset 0 -26px 0px -13px rgba(0,0,0,.1);
	color: #fff;
	display: inline-block;
	font-weight: bold;
	padding: 5px 15px;
	text-decoration: none;
	}

.notext {
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	text-indent: -999px;
	}
.width {
	margin: 0 auto;
	padding: 0 15px;
	position: relative;
	text-align: left;
	max-width: 960px;
	}
.clear, .clearer:after, .width:after {
	content: ' ';
	clear: both;
	display: block;
	height: 0;
	}

#page {
	overflow: hidden;
	width: 100%;
	}

#top {
	background: #808082;
	border-bottom: 3px solid #b3b3b3;
	padding: 3px 0;
	position: fixed;
		left: 0;
		right: 0;
		top: 0;
	z-index: 999;
	}
	body.admin-bar #top {
		top: 32px;
		}
	#top ul, #top ul li {
		display: block;
		float: left;
		list-style: none;
		margin: 0;
		padding: 0;
		}
	#top ul  {
		float: right;
		}
	#top ul li {
		color: #fff;
		font-size: 12px;
		line-height: 18px;
		margin-right: 30px;
		}
		#top ul li:last-child {
			margin-right: 0;
			}
	#top ul li a {
		color: #ccc;
		display: block;
		text-decoration: none;
		text-transform: uppercase;
		}
		#top ul li.active a {
			color: #fff;
			}
		#top ul li a:hover, #top ul li a:focus {
			color: #fff;
			}

#header {
	background: #fff;
	position: fixed;
		left: 0;
		right: 0;
		top: 27px;
	z-index: 999;
	}
	body.admin-bar #header {
		top: 59px;
		}
	#header-width {
		padding-bottom: 20px;
		padding-top: 20px;
		position: relative;
		}
		#header-width:before {
			background: #eee;
			content: ' ';
			display: block;
			height: 2px;
			position: absolute;
				bottom: -2px;
				left: 15px;
				right: 15px;
			}
	#header h1 {
		margin: 0;
		}
	#header h1 a {
		background: url('img/hair-essentials.png');
		display: block;
		float: left;
		height: 62px;
		width: 327px;
		}

#menu {
	float: right;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 19px;
	margin: 28px 0 0;
	text-transform: uppercase;
	}
	#menu ul, #menu ul li {
		display: block;
		float: left;
		list-style: none;
		margin: 0;
		padding: 0;
		}
	#menu ul li {
		color: #fff;
		margin-right: 30px;
		}
		#menu ul li:last-child {
			margin-right: 0;
			}
	#menu ul li a {
		color: #404041;
		display: block;
		text-decoration: none;
		}
		#menu ul li a:hover, #menu ul li a:focus {
			text-decoration: underline;
			}
#menu-mobile {
	background: url('img/menu-mobile.png') no-repeat 0 9px;
	cursor: pointer;
	display: none;
	padding: 5px 0 5px 27px;
	}

#path {
	color: #999;
	margin: 0 0 20px;
	}
	#path a {
		color: #666;
		}
#features {
	padding: 8px 0 6px;
	}
	#features ul, #features ul li {
		display: block;
		float: left;
		list-style: none;
		margin: 0;
		padding: 0;
		}
		#features ul li {
			margin: 0 24px 0 1px;
			}
		#features ul li a {
			box-sizing: border-box;
			color: #3e3e3e;
			display: block;
			font-size: 22px;
			padding: 13px;
			position: relative;
			height: 50px;
			text-align: center;
			text-decoration: none;
			width: 445px;
			}
			#features ul li a:before, #features ul li a:after {
				border: 1px solid #e3e3e3;
				content: ' ';
				display: block;
				position: absolute;
					bottom: 0;
					top: 0;
				width: 5px;
				}
				#features ul li a:before {
					border-right: 0;
					left: 0;
					}
				#features ul li a:after {
					border-left: 0;
					right: 0;
					}
			#features ul li b {
				color: #ffa500;
				}

#body {
	min-height: 400px;
	padding: 10px 0 50px;
	}
	#main {
		float: left;
		width: 720px;
		}
	#sidebar {
		float: right;
		position: relative;
		width: 220px;
		}
.widget {
	border: 1px solid #e5e5e5;
	margin-top: 15px;
	padding: 15px;
	}
	h4.widget-title {
		background: #f1f1f1 url('img/title-bg.png') repeat-x;
		border-bottom: 1px solid #e5e5e5;
		font-size: 15px;
		line-height: 19px;
		margin: -15px -15px 15px;
		padding: 7px 15px;
		}
	.widget ul, .widget ul li {
		display: block;
		list-style: none;
		margin: 0;
		padding: 0;
		}
		.widget ul li ul li {
			padding-left: 20px;
			}
	.widget > ul > li.cat-item {
		background: url('img/category.png') no-repeat 0 2px;
		padding-left: 24px;
		}
	.widget select {
		box-sizing: border-box;
		max-width: 100%;
		}
	

#sidebar-search {
	padding-right: 38px;
	position: relative;
	}
	#sidebar-search input.sidebar-search-text {
		background: url('img/sidebar-search-text.jpg');
		box-sizing: border-box;
		border: 0;
		color: #014d5f;
		font-size: 14px;
		height: 31px;
		line-height: 23px;
		padding: 4px 5px;
		width: 100%;
		}
	#sidebar-search input.sidebar-search-button {
		background: url('img/search-button.png');
		border: 0;
		cursor: pointer;
		height: 31px;
		position: absolute;
			right: 0;
			top: 0;
		width: 31px;
		}
		#sidebar-search input.sidebar-search-button:hover {
			background-position: 0 -31px;
			}			

h2.page-title, h3.page-subtitle {
	background: #f1f1f1 url('img/title-bg.png') repeat-x;
	border: 1px solid #e5e5e5;
	font-size: 15px;
	line-height: 19px;
	margin: 0 0 20px;
	padding: 7px 15px;
	}
	h3.page-subtitle {
		margin: 20px 0 2px;
		}

.post {
	border: 1px solid #e5e5e5;
	height: 190px;
	margin-top: 15px;
	padding: 15px 20px 15px 240px;
	position: relative;
	}
	.post-image {
		margin: 0;
		position: absolute;
			left: 0;
			top: 0;
		}
		.post-image a {
			background: #92c467;
			border: 1px solid #6b9149;
			display: block;
			height: 218px;
			font-size: 0;
			line-height: 0;
			width: 218px;
			}
	.post h2 {
		font-size: 22px;
		line-height: 26px;
		margin: 0;
		max-height: 52px;
		overflow: hidden;
		}
		.post h2  a {
			text-decoration: none;
			}
			.post h2  span a {
				color: inherit;
				}
	.post-meta {
		color: rgba(0,0,0,.5);
		margin: 2px 0 15px;
		}
	.post-meta + p {
		max-height: 60px;
		overflow: hidden;
		}

#post {
	border: 1px solid #e5e5e5;
	padding: 15px;
	}
	#post-image {
		border: 1px solid #6b9149;
		font-size: 0;
		line-height: 0;
		margin: -16px -16px 0;
		}
		#post-image img {
			height: auto;
			width: 100%;
			}
	#post-video {
		border: 1px solid #6b9149;
		font-size: 0;
		height: 0;
		line-height: 0;
		margin: -16px -16px 0;
		padding-bottom: 58.75%;
		position: relative;
		}
		#post-video iframe {
			height: 100%;
			position: absolute;
				bottom: 0;
				left: 0;
				top: 0;
				right: 0;
			width: 100%;
			}
	h2#post-title {
		background: #f4f4f4;
		color: #000;
		font-size: 28px;
		line-height: 32px;
		margin: 0 -15px 0;
		padding: 15px 15px 15px;
		}
		#post-image + h2#post-title {
			margin-top: 0;
			}
	#post-approved {
		background: #f4f4f4 url('img/approved.png') no-repeat 15px 2px;
		border-bottom: 1px solid #e5e5e5;
		color: rgba(0,0,0,.5);
		line-height: 18px;
		margin: -10px -15px 20px;
		padding: 0 15px 15px 36px;
		}
	#post-social {
		margin-top: 30px;
		}

	.content .alignleft {
		float: left;
		margin: 0 20px 10px 0;
		}
		.content .alignright {
			float: right;
			margin: 0 0 10px 20px;
			}
		.content .aligncenter {
			display: block;
			margin: 20px auto;
			}
	.content img {
		height: auto;
		max-width: 100%;
		}
	.content iframe, .content embed, .content object {
		max-width: 100%;
		}
	.content ul, .content ul li {
		display: block;
		list-style: none;
		margin: 0;
		padding: 0;
		}
		.content ul {
			margin: 15px 0 15px 20px;
			}
		.content ul li {
			background: url('img/bullet.png') no-repeat 0 2px;
			margin: 10px 0;
			padding-left: 22px;
			}
			#medical-info ul li {
				margin: 0;
				}
	.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
		color: #000;
		margin: 20px 0 15px;
		}
		.content h2 {
			background: #f1f1f1;
			border-left: 3px solid #8c8c8c;
			padding: 15px;
			margin: 20px -15px 15px -16px;
			}

#medical-info {
	float: right;
	margin: 0 0 10px 20px;
	width: 400px;
	}
	#medical-info thead tr th {
		background: #f1f1f1 url('img/title-bg.png') repeat-x;
		border: 1px solid #e5e5e5;
		font-size: 15px;
		font-weight: bold;
		line-height: 19px;
		padding: 7px 15px;
		}
	#medical-info tbody tr th {
		background: #f4f4f4;
		border: 1px solid #e5e5e5;
		padding: 10px 10px 10px 15px;
		vertical-align: top;
		}
		#medical-info tbody tr th a {
			color: inherit;
			font-weight: bold;
			text-decoration: none;
			}
			#medical-info tbody tr th a:hover {
				color: #0169ab;
				}
	#medical-info tbody tr td {
		background: #f9f9f9;
		border: 1px solid #e5e5e5;
		padding: 10px 10px 10px 15px;
		vertical-align: top;
		}
		#medical-info tbody tr td ul {
			margin: 0;
			}
	#medical-info tbody tr td:first-child:last-child {
		text-align: center;
		}
#expert {
	border: 1px solid #e5e5e5;
	box-sizing: border-box;
	padding: 15px 173px 15px 115px;
	position: relative;
	}
	#expert img {
		float: left;
		margin-left: -100px;
		}
	#expert a {
		background: url('img/ask.png') no-repeat  0 -38px;
		display: inline-block;
		position: absolute;
			right: 15px;
			top: 40px;
		height: 38px;
		width: 146px;
		}
		#expert a:hover {
			background-position: 0 0;
			}

#float-product {
	border: 1px solid #e5e5e5;
	clear: both;
	display: none;
	margin: 30px 0;
	padding: 15px 15px 15px 90px;
	}
	.float-product-image {
		float: left;
		margin-left: -80px;
		}
		.float-product-image img {
			height: auto;
			max-width: 70px;
			}
	.float-product-title {
		font-weight: bold;
		text-transform: capitalize;
		}
	.float-product-more {
		font-size: 10px;
		line-height: 14px;
		}
	.float-product-rating {
		margin: 10px 0 5px;
		}
		.float-product-rating .pr-snippet-wrapper {
			background: transparent;
			border: 0;
			height: 15px;
			padding: 0;
			}
		.float-product-rating .pr-snippet-stars {
			background: transparent;
			border: 0;
			padding: 0;
			}
		.float-product-rating .pr-snippet-read-write, .float-product-rating .pr-clear, .float-product-rating .pr-snippet-social-bar {
			display: none;
			}
			.float-product-rating .pr-snippet-review-count {
				line-height: 16px;
				}
#related-products {
	margin-bottom: 30px;
	padding-top: 10px;
	}
	.related-product {
		border-top: 1px solid #ddd;
		margin-top: 25px;
		padding: 20px 0 0 110px;
		}
		h2 + .related-product {
			border-top: 0;
			margin-top: -10px;
			}
		.related-product p:first-child {
			float: left;
			margin: 0 0 0 -110px;
			text-align: center;
			width: 100px;
			}
			.related-product h3 {
				margin-top: 0;
				}
	.related-product-rating {
		margin: -5px 0 20px;
		}
		.related-product-rating .pr-snippet-wrapper {
			background: transparent;
			border: 0;
			height: 15px;
			padding: 0;
			}
		.related-product-rating .pr-snippet-stars {
			background: transparent;
			border: 0;
			padding: 0;
			}
		.related-product-rating .pr-snippet-read-write, .related-product-rating .pr-clear, .related-product-rating .pr-snippet-social-bar {
			display: none;
			}
			.related-product-rating .pr-snippet-review-count {
				line-height: 16px;
				}
#sidebar-product {
	text-align: center;
	}
	.sidebar-product-image img {
		height: auto;
		max-width: 70px;
		}
	.sidebar-product-title {
		font-weight: bold;
		text-transform: capitalize;
		}
	.sidebar-product-more {
		font-size: 10px;
		line-height: 14px;
		}
	.sidebar-product-rating {
		margin: 10px 0 5px;
		}
		.sidebar-product-rating .pr-snippet-wrapper {
			background: transparent;
			border: 0;
			height: 15px;
			margin: 0 auto;
			padding: 0;
			position: relative;
				left: 5px;
			width: 120px;
			}
		.sidebar-product-rating .pr-snippet-stars {
			background: transparent;
			border: 0;
			padding: 0;
			}
		.sidebar-product-rating .pr-snippet-review-count, .sidebar-product-rating .pr-snippet-read-write, .sidebar-product-rating .pr-clear, .sidebar-product-rating .pr-snippet-social-bar {
			display: none;
			}
#product {
	border: 1px solid #e5e5e5;
	padding: 15px 15px 15px 90px;
	}
	.product-image {
		float: left;
		margin-left: -80px;
		}
		.product-image img {
			height: auto;
			max-width: 70px;
			}
	.product-title {
		font-weight: bold;
		text-transform: capitalize;
		}
	.product-more {
		font-size: 10px;
		line-height: 14px;
		}
	.product-rating {
		margin: 10px 0 5px;
		}
		.product-rating .pr-snippet-wrapper {
			background: transparent;
			border: 0;
			height: 15px;
			padding: 0;
			}
		.product-rating .pr-snippet-stars {
			background: transparent;
			border: 0;
			padding: 0;
			}
		.product-rating .pr-snippet-read-write, .product-rating .pr-clear, .product-rating .pr-snippet-social-bar {
			display: none;
			}
			.product-rating .pr-snippet-review-count {
				line-height: 16px;
				}

#related a {
	box-sizing: border-box;
	color: #000;
  	display: block;
  	float: left;
  	height: 150px;
  	position: relative;
  	text-decoration: none;
  	width: 50%;
  	border: 1px solid #e5e5e5;
	}
	#related a:hover, #related a:focus {
		color: #0169ab;
		}
	#related a span.related-bg {
		background: #eee none no-repeat center center;
		background-size: cover;
		position: absolute;
			left: 0;
			bottom: 0;
			top: 0;
		width: 150px;
		}
	#related a span.related-title {
		font-size: 16px;
		font-weight: bold;
		line-height: 20px;
		max-height: 80px;
		overflow: hidden;
		position: absolute;
			left: 170px;
			bottom: 40px;
			right: 40px;
		}

#popup-related {
	background: #fff;
		box-shadow: 0 0 5px rgba(0,0,0,.25);
	display: block;
	height: 120px;
	opacity: 0;
	margin-bottom: -120px;
	position: fixed;
		bottom: 0;
		right: 0;
	text-decoration: none;
	visibility: hidden;
	width: 360px;
	z-index: 9999;
		 -webkit-transition: all 0.25s ease-in-out;
		 -moz-transition: all 0.25s ease-in-out;
		 -o-transition: all 0.25s ease-in-out;
		 -ms-transition: all 0.25s ease-in-out;
		 transition: all 0.25s ease-in-out;
	}
	#popup-related.visible {
		margin-bottom: 0;
		opacity: 1;
		visibility: visible;
		}
		
	#popup-related-bg {
		background: #eee none no-repeat center center;
		background-size: cover;
		position: absolute;
			left: 0;
			bottom: 0;
			top: 0;
		width: 120px;
		}
	#popup-related-title {
		color: #666;
		font-size: 12px;
		line-height: 16px;
		max-height: 80px;
		overflow: hidden;
		position: absolute;
			left: 140px;
			top: 20px;
			right: 20px;
		}
		#popup-related-title b {
			color: #333;
			display: block;
			font-size: 16px;
			line-height: 20px;
			margin-top: 4px;
			}
		a:hover #popup-related-title b, a:focus #popup-related-title b {
			color: #0169ab;
			 }

#float-related {
	background-color: #ffffff;
	border: 1px solid #e5e5e5;
	float: right;
	margin: 20px 0 20px 15px;
	padding: 15px 15px 5px;
	width: 250px;
	}
	#float-related-title {
		background: #f1f1f1 url('img/title-bg.png') repeat-x;
		border-bottom: 1px solid #e5e5e5;
		font-size: 15px;
		font-weight: bold;
		line-height: 19px;
		margin: -15px -15px 5px;
		padding: 7px 15px;
		}
	#float-related a {
		color: #3e3e3e;
		display: block;
		text-decoration: none;
		}
		#float-related a:hover, #float-related a:focus {
			color: #0169ab;
			 }
	.float-related-image {
		background: #eee none no-repeat center center;
		background-size: cover;
		display: block;
		height: 280px;
		margin: -5px -15px 5px;
		width: 280px;
		}
	.float-related-title {
		border-bottom: 1px solid #e5e5e5;
		display: block;
		font-size: 16px;
		font-weight: bold;
		line-height: 20px;
		padding: 10px 0;
		}
		#float-related a:last-child .float-related-title {
			border-bottom: 0;
			}
	#float-related a.float-related-product .float-related-title {
		background: url('img/float-related-product.png') no-repeat 0 12px;
		padding-left: 31px;
		}

#inline-related {
	background: #e67e22;
	box-sizing: border-box;
	color: #2c3e50;
	display: table;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	margin: 20px 0;
	min-height: 80px;
	padding-right: 80px;
	position: relative;
	text-decoration: none;
	width: 100%;
	}
	#inline-related:hover, #inline-related:focus {
		background: #d35400;
		}
	#inline-related:after {
		background: #d35400 url('img/inline-related.png') no-repeat center center;
		content: ' ';
		display: block;
		position: absolute;
			bottom: 0;
			right: 0;
			top: 0;
		width: 80px;
		}
		#inline-related:hover:after, #inline-related:focus:after {
			background-color: #e67e22;
			}
	#inline-related-content {
		display: table-cell;
		padding: 20px;
		vertical-align: middle;
		}
	#inline-related-content  b {
		color: #fff;
		margin-right: 5px;
		text-decoration: underline;
		text-transform: uppercase;
		}

.pagination {
	font-size: 22px;
	line-height: 26px;
	margin-top: 20px;
	text-align: right;
	}
	.pagination a  {
		text-decoration: none;
		}

#footer {
	background: #4D4D4D;
	color: #e2e3e4;
	margin-top: 40px;
	padding: 30px 0;
	}
	#footer a {
		color: #e2e3e4;
		text-decoration: none;
		}
		#footer a:hover, #footer a:focus {
			color: #fff;
			}
	#footer ul, #footer ul li {
		display: block;
		list-style: none;
		margin: 0;
		padding: 0;
		}
#footer-left {
	float: left;
	margin-bottom: 25px;
	}
	#footer-right {
		float: right;
		margin-bottom: 25px;
		}
	.footer-column {
		float: left;
		margin-left: 20px;
		width: 197px;
		}
		#footer-column-1 {
			margin-left: 0;
			}
		#footer-column-4 {
			float: right;
			width: 300px;
			}
	.footer-column h4 {
		border-bottom: 2px solid #b2b2b2;
		color: #fff;
		display: inline-block;
		font-size: 16px;
		font-weight: normal;
		margin: 20px 0 5px;
		padding-bottom: 6px;
		text-transform: uppercase;
		}
		.footer-column h4:first-child {
			margin-top: 0;
			}
	#footer .footer-column ul li {
		margin-top: 3px;
		}
	#footer-contact {
		margin-bottom: 10px;
		}
		#footer-contact a {
			display: block;
			margin-top: 12px;
			padding-left: 50px;
			}
			#footer-contact a:first-child {
				background: url('img/footer-contact-phone.png') no-repeat 0 5px;
				}
			#footer-contact a:last-child {
				background: url('img/footer-contact-email.png') no-repeat ;
				}
	#footer-social {
		margin-top: 7px;
		}
		#footer-social a {
			display: inline-block;
			margin-right: 10px;
			}
		#footer-social i.fa {
			font-size: 28px;
			width: 28px;
			}
#footer-payment {
	clear: left;
	font-size: 0;
	line-height: 0;
	margin-top: 50px;
	float: left;
	}
	#footer-payment img {
		margin: 10px 10px 0 0;
		}
	#footer-payment > img:first-child {
		border-right: 2px solid #b2b2b2;
		margin-right: 15px;
		padding-right: 15px;
		}
#subfooter {
	border-top: 2px solid #b2b2b2;
	clear: both;
	font-size: 12px;
	line-height: 18px;
	padding-top: 10px;
	}
	#footer-copyright {
		float: left;
		margin-right: 20px;
		}
	#footer-location {
		background: url('img/footer-location.png') no-repeat 0 4px;
		float: left;
		margin-right: 20px;
		padding-left: 28px;
		}
	#footer-menu {
		float: right;
		}
		#footer-menu ul li {
			float: left;
			margin-left: 10px;
			}
			#footer-menu ul li:first-child {
				margin-left: 0;
				}
		#footer-menu ul li a:hover, #footer-menu ul li a:focus {
			text-decoration: underline;
			}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}	
.content p, .content span, .content ul, .content li, .content strong {
    font-size: 16px;
}