/*----- Base Styles ------*/

/* Fonts */

@font-face {
    font-family: 'TrajanPro-Regular';
    src: url('../fonts/TrajanPro-Regular.eot#') format('eot'),
        url('../fonts/TrajanPro-Regular.woff') format('woff'),
        url('../fonts/TrajanPro-Regular.ttf') format('truetype'),
        url('../fonts/TrajanPro-Regular.svg#TrajanPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NexaBold';
    src: url('../fonts/NexaBold.eot#') format('eot'),
        url('../fonts/NexaBold.woff') format('woff'),
        url('../fonts/NexaBold.ttf') format('truetype'),
        url('../fonts/NexaBold.svg#NexaBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Engravers';
    src: url('../fonts/EngraversGothicBT-Regular.eot#') format('eot'),
        url('../fonts/EngraversGothicBT-Regular.woff') format('woff'),
        url('../fonts/EngraversGothicBT-Regular.ttf') format('truetype'),
        url('../fonts/EngraversGothicBT-Regular.svg#EngraversGothicBT-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'STIXGeneral';
    src: url('../fonts/STIXGeneral-Bold.eot#') format('eot'),
        url('../fonts/STIXGeneral-Bold.woff') format('woff'),
        url('../fonts/STIXGeneral-Bold.ttf') format('truetype'),
        url('../fonts/STIXGeneral-Bold.svg#STIXGeneral-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Steelfish';
    src: url('../fonts/steelfish.eot#') format('eot'),
        url('../fonts/steelfish.woff') format('woff'),
        url('../fonts/steelfish.ttf') format('truetype'),
        url('../fonts/steelfish.svg#steelfish') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FuturaPT-Light';
    src: url('../fonts/FuturaPT-Light.eot#') format('eot'),
        url('../fonts/FuturaPT-Light.woff') format('woff'),
        url('../fonts/FuturaPT-Light.ttf') format('truetype'),
        url('../fonts/FuturaPT-Light.svg#FuturaPT-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Futura-Book';
    src: url('../fonts/Futura-Book.eot#') format('eot'),
        url('../fonts/Futura-Book.woff') format('woff'),
        url('../fonts/Futura-Book.ttf') format('truetype'),
        url('../fonts/Futura-Book.svg#Futura-Book') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FuturaPT-Demi';
    src: url('../fonts/FuturaPT-Demi.eot#') format('eot'),
        url('../fonts/FuturaPT-Demi.woff') format('woff'),
        url('../fonts/FuturaPT-Demi.ttf') format('truetype'),
        url('../fonts/FuturaPT-Demi.svg#FuturaPT-Demi') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BodoniFLF-Bold';
    src: url('../fonts/BodoniFLF-Bold.eot#') format('eot'),
        url('../fonts/BodoniFLF-Bold.woff') format('woff'),
        url('../fonts/BodoniFLF-Bold.ttf') format('truetype'),
        url('../fonts/BodoniFLF-Bold.svg#BodoniFLF-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham-Thin';
    src: url('../fonts/Gotham-Thin.eot#') format('eot'),
        url('../fonts/Gotham-Thin.woff') format('woff'),
        url('../fonts/Gotham-Thin.ttf') format('truetype'),
        url('../fonts/Gotham-Thin.svg#Gotham-Thin') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	background-color: #ffffff !important;
	margin: 0;
	padding: 0;
	overflow-x: hidden !important;
}

html {
	overflow-x: hidden !important;
}

a, img, area {
	outline: none;
	border: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

img {
	display: block !important;
	line-height: 0 !important;
	vertical-align: text-bottom !important;
}

p > strong {
	color: #e6ba41 !important;
}

strong {
	color: #e6ba41 !important;
}


h1, h2, h3, h4, h5, h6 {
	font-family: 'FuturaPT-Light' !important;
	text-transform: uppercase !important;
	color: #e6ba41 !important;
}

@media (max-width:1024px) {
h1, h2, h3, h4, h5, h6 {
	font-size: 19px !important;
}
	
.page-head > div > h1 {
	margin-top: 25px;
}

}

/* Header (Show/Hide) */

@media (max-width:1024px) {
#nh-header-desktop {
	display: none !important;
	visibility: hidden !important;
	z-index: 0;
}

#jas-header > div.header__mid.pl__30.pr__30 {
	display: none !important;
	visibility: hidden !important;
	z-index: 0;
	position: relative;
}
	
}

@media (min-width:1025px) {
#nh-header-mobile {
	display: none !important;
	visibility: hidden !important;
}
	
}


/* Footer (Show/Hide) */

@media (max-width:1024px) {
#nh-footer-desktop {
	display: none !important;
	visibility: hidden !important;
}
	
}

@media (min-width:1025px) {
#nh-footer-mobile {
	display: none !important;
	visibility: hidden !important;
}
	
}



/* Home (Show/Hide) */

@media (max-width:1024px) {
#nh-home-desktop {
	display: none !important;
	visibility: hidden !important;
}
	
}

@media (min-width:1025px) {
#nh-home-mobile {
	display: none !important;
	visibility: hidden !important;
	
}
	
	
}





/* NH: Hair Care/About (Desktop) */
.nh-columnleft-desktop {
    float: left;
    width: 50%;
}

.nh-columnright-desktop {
    float: left;
    width: 50%;
}

.nh-row-desktop {
	margin-top: -42px;
	position: relative;
}

.nh-row-desktop:after {
    content: "";
    display: table;
    clear: both;
}

/*----- NH:  Two Mobile Header Columns ------*/

.nh-b-column1 {
    float: left;
    width: 82.80%;
}
	
.nh-b-column2 {
    float: left;
    width: 17.20%;
}

@media (max-width:767px) {

.nh-b-column2 {
   	margin-top: 1px;
}
	
}

.nh-b-row:after {
    content: "";
    display: table;
    clear: both;
}


/* Header (Customization) */


#jas-header > div.header__mid.pl__30.pr__30 {
	background-color: #000 !important;
}

#nh-header-desktop {
	z-index: 1;
	position: relative;	
}

#nh-header-mobile {
	z-index: 1;
	position: relative;	
}




/* Menu (Customization) */

.menu-item {
	font-family: 'FuturaPT-Light' !important;
	text-transform: uppercase !important;
}

/* Footer (Customization) */

#jas-footer > div {
	background-color: #000 !important;
}

h3.widget-title {
	color: #e6ba41 !important;
}

#jas-footer > div {
	padding-top: 0px !important;
	padding-left: 5%;
	padding-right: 5%;
}

/* Page Title (Customization) */

#jas-content > div.page-head {
	padding-top: 11% !important;
}

#jas-content > div.page-head.pr.tc::before {
	padding-top: 8% !important;
	background-color: #000 !important;
	background-image: url(../images/header/nh-title-background.jpg) !important;
	background-position: bottom center !important;
	background-repeat: no-repeat !important;
	background-size: 100% auto !important;
}


/* Mobile Menu (Customization) */
#jas-header > div.jas-canvas-menu.jas-push-menu {
	background-color: #000 !important;
}

/* Content Wrapper (Customization) */

#jas-content {
	margin-top: -8% !important;
	z-index: 0;
	position: relative;	
}

@media (max-width:1024px) {

#jas-content {
	margin-top: -16% !important;
	z-index: 0;
	position: relative;	
}
	
}
















/*----- Mailing List Form ------*/

.ml-priv-text {
	font-size: 9px;
	color: #fff;
	top:-40px;
	position: relative;
}

.ml-priv-text-highlight {
	font-size: 9px;
	color: #e6ba41;
	font-weight: bold;
	text-decoration: underline;
}

.naked-bg {
	background-image: url(../images/home/nh-mailing-list-bg.png);
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: top right;
}


.nh-ml-container {
	width: 992px; 
	text-align: left;
	margin: 0 auto;
}

.eap-ml-input {
	background-color: rgba(0, 0, 0, 0.7) !important;
	color: #fff !important;
	font-family: 'FuturaPT-Light' !important;
	text-transform: uppercase !important;
	border: 2px solid #fff !important;
	padding-left: 15px !important;
}

.eap-ml-submit {
	background-color: #fff !important;
	padding: 7px 15px 7px 15px;
	font-family: 'FuturaPT-Light' !important;
	text-transform: uppercase !important;
	color: #000 !important;
	margin-left: -10px !important;
}

@media (max-width:1024px) {

	
.naked-bg {
	background-image: url(../images/home/nh-mailing-list-bg.png);
	background-size: 63% auto;
	background-repeat: no-repeat;
	background-position: top right;
}

.ml-priv-text {
	top:-30px;
}
	
.eap-ml-form {
	position: relative !important;
	width: 100% !important;
	padding: 0px 20px 0px 20px;
	text-align: center !important;
	display: table;
}
	
#naked-hair-1 > label.label-inline.EMAIL-label.yikes-mailchimp-field-required {
	width: 100%;
	padding-right: 0px !important;
}

#naked-hair-1 > label.empty-form-inline-label.submit-button-inline-label {
	width: 100%;
}
	
.nh-ml-container {
	width: 100%; 
}
	
.eap-ml-input {
	width: 100% !important;
	margin: 5px auto !important;
	display: block;
	text-align: center !important;
}

.eap-ml-submit {
	width: 100% !important;
	margin: 5px auto !important; 
	margin-left: 0px !important;
	display: block;
}
	
}

.yikes-easy-mc-success-message {
	background-color: transparent !important;
	color: #fff !important;
	text-align: center !important;
}

.yikes-easy-mc-error-message {
	background-color: transparent !important;
	color: #fff !important;
	text-align: center !important;
}

/* Placeholder */
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff !important;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #fff !important;
}











/*----- Blog Page (Post Page) Customization ------*/

#jas-content > div.jas-container > div > div > div.flex.between-xs.tag-comment {
	display: none !important;
	visibility: hidden !important;
}

#jas-content > div.jas-container > div > div > div.social-share {
	display: none !important;
	visibility: hidden !important;
}

#comments {
	display: none !important;
	visibility: hidden !important;
}


.entry-date {
	display: none !important;
	visibility: hidden !important;
}


.pr .mt__20 {
	display: none !important;
	visibility: hidden !important;
}


.source-button {
	font-family: 'FuturaPT-Book' !important;
	text-transform: uppercase !important;
	color: #fff !important;
	letter-spacing: 3px !important;
	text-align: center !important;
}


.vc_btn3-color-black {
	background-color: #000 !important;
}






/*----- Mailing List Form (POP-UP) ------*/

.how-email-signup {
	width: 400px;
	margin-top: 545px;
	margin-left: 565px;
	position: relative;
}

.edit-link {
	display: none;
	visibility: hidden;
}

.how-email-terms {
	font-family: 'Arial';
	font-size: 8px;
	float: left;
	position: relative;
	margin-top: 25px;
}

.how-email-terms span {
	font-family: 'Arial';
	font-size: 8px;
	font-weight: bold;
	text-decoration: underline;
	color: #000 !important;
}

#yikes-easy-mc-form-2-EMAIL {
	position: absolute !important;
	z-index: 8 !important;
	top: 0px !important;
}

#yikes-easy-mc-form-2-EMAIL > label {
	width: 290px !important;
	float: left;
	margin: 0;
}

#yikes-easy-mc-form-2-EMAIL > button {
	width: 110px !important;
	float: left;
	margin: 0;
}

#yikes-easy-mc-form-2-EMAIL {
	background-color: transparent !important;
	color: #fff !important;
	font-family: 'FuturaPT-Light' !important;
	text-transform: uppercase !important;
	border: 1px solid #000 !important;
	padding-left: 15px !important;
	width: 290px !important;
}

.how-ml-submit {
	background-color: #000 !important;
	padding: 7px 15px 7px 15px;
	font-family: 'FuturaPT-Light' !important;
	text-transform: uppercase !important;
	color: #fff !important;
	width: 110px !important;
}

.yikes-easy-mc-success-message {
	background-color: #000000 !important;
	width: 285px !important;
	height: 35px !important;
	text-align: left !important;
	position: relative !important;
	margin: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	z-index: 10 !important;
	top: 0px !important;
	display: flex; align-items: center; justify-content: center;
	margin-top: 2px;
	margin-left: 2px;
	color: #fff !important;
	font-family: 'FuturaPT-Light' !important;
	text-transform: uppercase !important;
}

.yikes-easy-mc-error-message {
	background-color: #000000 !important;
	width: 285px !important;
	height: 35px !important;
	text-align: left !important;
	margin: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	position: relative !important;
	display: flex; align-items: center; justify-content: center;
	z-index: 10 !important;
	top: 0px !important;
	margin-top: 2px;
	margin-left: 2px;
	color: #fff !important;
	font-family: 'FuturaPT-Light' !important;
	text-transform: uppercase !important;
}




.how-email-signup-mobile {
	width: 75%;
	margin-top: 0px;
	margin-left: 0px;
	position: relative;
	text-align: center !important;
	display: table !important;
	margin: 0 auto;
}
	
.how-ml-input-mobile {
	background-color: transparent !important;
	font-family: 'FuturaPT-Light' !important;
	text-transform: uppercase !important;
	color: #fff !important;
	border: 1px solid #000 !important;
	padding-left: 15px !important;
	width: 100% !important;
	text-align: center !important;
}

.how-ml-submit-mobile {
	background-color: #000 !important;
	padding: 7px 15px 7px 15px;
	font-family: 'FuturaPT-Light' !important;
	text-transform: uppercase !important;
	color: #fff !important;
	width: 100% !important;
	margin-top: -15px !important; 
}


.how-email-terms-mobile {
	font-family: 'Arial';
	font-size: 8px;
	position: relative;
	margin-top: -15px;
	padding-bottom: 38px;
}

.how-email-terms-mobile span {
	font-family: 'Arial';
	font-size: 8px;
	font-weight: bold;
	text-decoration: underline;
}

@media (max-width:1024px) {

.yikes-easy-mc-success-message {
	background-color: #000000 !important;
	width: 98% !important;
	height: 35px !important;
	text-align: center !important;
	position: relative !important;
	z-index: 10 !important;
	top: 0px !important;
	display: flex; align-items: center; justify-content: center;
	margin-top: 3px;
	font-family: 'FuturaPT-Light' !important;
	text-transform: uppercase !important;
	color: #fff !important;
	
	
	margin: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.yikes-easy-mc-error-message {
	background-color: #000000 !important;
	width: 98% !important;
	height: 35px !important;
	text-align: center !important;
	position: relative !important;
	z-index: 10 !important;
	display: flex; align-items: center; justify-content: center;
	top: 0px !important;
	margin-top: 3px;
	font-family: 'FuturaPT-Light' !important;
	text-transform: uppercase !important;
	color: #fff !important;
	margin: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
	
}





/*----- Media Page ------*/


#infscr-loading {
	display: none !important;
	visibility: hidden !important;
}