body {
	background-size: cover;
	background-position-x: 50%;
}

body, body a, body a:hover {
	margin:0px;
	color:#FFF;
	font-family: AvenirLTPro-Roman;
}

#nav-overlay {
	display:none;
	position:fixed;
	width:100%;
	height:100%;
	background-color:#fff;
	z-index:10;
	text-align:center;
}

#nav-overlay-header {
	background:#5BCDCC;
	height:112px;
}

@media (max-width:550px) {
	#nav-overlay-header {
		height:88px;
	}
}

#nav-overlay-logo {
	padding: 36px;
	height:28px;
}

@media (max-width:550px) {
	#nav-overlay-logo {
		padding: 30px;
	}
}

#nav-overlay-content-block {
	top:10%;
	position:relative;
}

@media (max-width:550px) {
	#nav-overlay-content-block {
		top:5%;
	}
}

#nav-overlay-content-block a {
	font-family: FuturaPTCond-BoldObl;
	font-size: 40px;
	color: #5BCDCC;
	width: 100%;
	display: inline-block;
	padding: 20px 0;
}

@media (max-width:550px) {
	#nav-overlay-content-block a {
		font-size: 30px;
		padding:11px 0;
	}
}

#nav-overlay-content-block a:hover {
	background:#D6FFFC;
}

#nav-overlay-content-block img {
	padding: 0 20px 0 130px;
}

@media (max-width:550px) {
	#nav-overlay-content-block img {
		padding: 0 20px 0 30px;
	}
}

.overlay-link {
	display: inline-block;
	width: 300px;
	text-align: left;
}

@media (max-width:550px) {
	.overlay-link {
		width: 190px;
	}
}

#nav-overlay-social-block {
	top:20%;
	position:relative;
}

@media (max-width:550px) {
	#nav-overlay-social-block {
		top:13%;
	}
}

#nav-overlay-social-block img {
	padding: 0 20px;
}

@media (max-width:550px) {
	#nav-overlay-social-block img {
		padding: 0 10px;
	}
}

#nav-overlay-close {
	cursor: pointer;
	padding: 10px;
	margin: 20px 0 0 90px;
	font-size: 40px;
	left: 0;
	position: absolute;
}

@media (max-width:550px) {
	#nav-overlay-close {
		margin: 15px 0 0 10px;
	}
}

#top-header {
	height:50px;
	text-align:center;
	position: absolute;
	width: 100%;
	z-index:5;
}

@media (min-width:1000px) {
	#top-header:hover {
		background: #FFF;
	}
}

@media (max-width:999px) {
	#top-header {
		background: #FFF;
	}
}

#batiste-hamburger {
	float:left;
	width:20%;
}

#cludo-search-form {
	float:left;
	width:20%;
}

#batiste-hamburger a:hover, #chat button:hover, #cludo-search-form button:hover {
	cursor:pointer;
}

#batiste-hamburger {
	text-align:left;
	padding:0 0 0 10%;
}

#cludo-search-form {
	text-align:right;
	padding:0 10% 0 0;
}

@media (max-width:500px) {
	#batiste-hamburger img, #cludo-search-form button {
		width:50%;
		max-width:33px;
	}
}

#cludo-search-form {
	box-sizing: unset !important;
}

#cludo-search-form button {
	border: unset !important;
	background-color: unset !important;
//	background-image: url(/images/search.svg) !important;
	background-image: none !important;
	overflow:unset !important;
	width:unset !important;
	position:unset !important;
	text-indent: unset !important;
}

#batiste-logo {
	float:left;
	width:40%;
}

#batiste-logo img, #batiste-hamburger img, #cludo-search-form button {
	padding-top:10px !important;
}

@media (max-width:500px) {
	#batiste-logo img {
		width:100%;
		max-width:132px;
	}
}

@media (min-width:1000px) {
	.reversed-nav {
		display:none;
		height:23px;
	}

	.default-nav {
		display:inline-block;
		height:23px !important;
	}

	.foam-pdp .default-nav {
		display:none;
		height:23px;
	}

	.foam-pdp .reversed-nav {
		display:inline-block;
		height:23px !important;
	}

	#top-header:hover .default-nav {
		display:none;
	}

	#top-header:hover .reversed-nav {
		display:inline-block;
	}
}

@media (max-width:999px) {
	.default-nav {
		display:none;
	}

	#top-header .reversed-nav {
		display:inline-block;
		height:23px !important;
	}
	
	.chat-text {
		display:none !important;
	}
}

#you-may-also-like-module {
	width:100%;
	text-align:center;
}

.you-may-also-like-product {
	font-family: FuturaPTCond-ExtraBoldObl;
	font-size:20px;
	width:100%;
	float:left;
	text-align:center;
	padding:25px 0;
}

.you-may-also-like-product img {
	width:15%;
	max-width:67px;
	padding: 20px 20%;
	margin:auto;
}

.owl-carousel .owl-item img {
	background-image: url('/images/shadow.png');
	background-position: -15px 90%;
	background-size: 100%;
	background-repeat: no-repeat;
}

.ymal-bare {
	background: linear-gradient(-135deg, #9CC162, #B4DB7C, #C8E89B);
}

.ymal-blonde {
	background: linear-gradient(-135deg, #FCF16B, #FFBB4E);
}

.ymal-blush {
	background: linear-gradient(-135deg, #F8B2D7, #FFACC2, #FCDFF1);
}

.ymal-brunette {
	background: linear-gradient(-135deg, #DE7343, #FFB736, #FDD885);
}

.ymal-cherry {
	background: linear-gradient(-135deg, #FA758A, #FA778C, #E5BCC9);
}

.ymal-defrizzing {
	background: linear-gradient(-135deg, #693DA3, #8664B9);
}

.ymal-divine-dark {
	background: linear-gradient(-135deg, #CE6C39, #E0812A, #FFC67B);
}

.ymal-touch-of-gloss {
	background: linear-gradient(-135deg, #E7C0B5, #F7D0CA, #F4C9C9, #E2B7B2, #D3A89F);
}

.ymal-wildflower {
	background: linear-gradient(-135deg, #B95678,#A0338B);
}

.ymal-fresh {
	background: linear-gradient(-135deg, #77DAF3, #94E7E8);
} 

.ymal-hydrating {
	background: linear-gradient(-135deg, #00B4C0, #89ECFE);
} 

.ymal-naughty {
	background: linear-gradient(-135deg, #CF203D, #DBA2B7);
}

.ymal-neon {
	background: linear-gradient(-165deg, #280E93, #2B1195, #BB94E8);
}

.ymal-nice {
	background: linear-gradient(-135deg, #F677A7, #FBBDD9);
}

.ymal-original {
	background: linear-gradient(-135deg, #64D7EE, #5CDADE, #9CF6F2);
}

.ymal-rose-gold {
	background: linear-gradient(-135deg, #FC7474, #FFBA92);
}

.ymal-sweetie {
	background: linear-gradient(-135deg, #D9A4E6, #FF98BC);
}

.ymal-tropical {
	background: linear-gradient(-135deg, #FAC44B, #D8EF26);
}

.ymal-volumizing {
	background: linear-gradient(-135deg, #EF4C72, #FF93BE);
}

.ymal-wild {
	background: linear-gradient(-135deg, #FFD0A2, #FFB239, #FFC658, #FFD2AB);
}

.ymal-coconut-milk {
	background: linear-gradient(180deg, #FFFFFF, #CDF5FF, #AEE9F7, #98E1F2);
}

.ymal-almond-oil {
	background: linear-gradient(0deg, #FFE0C4, #FFF1D9, #FFFBF3);
}

.ymal-hibiscus-root {
	background: linear-gradient(180deg, #FFE5FA, #FDA9AD, #FC91B2);
}

.ymal-cactus-water {
	background: linear-gradient(0deg, #92FAE0, #E1FDCE, #E6FFF2);
}

.owl-prev {
	position:absolute !important;
    margin-top: -425px !important;
	left:0 !important;
	font-size:250px !important;
	background-color: inherit !important;
}

.owl-next {
	position:absolute !important;
    margin-top: -425px !important;
	right:0 !important;
	font-size:250px !important;
	background-color: inherit !important;
}

.owl-theme .owl-dots .owl-dot {
	display:none !important;
}

footer {
	line-height:18px;
	margin-top:-10px;
}

.footer-inner {
	margin:auto;
	width:900px;
}

@media (max-width:920px) {
	.footer-inner {
		width:unset;
	}
}

.footer-logos img {
	padding-right:20px;
	height:34px;
}

.footer-logos:after {
	border:1px solid black;
}

.default-footer-nav {
	display:inline-block;
	height:23px !important;
}

.footer-column {
	float:left;
	width: 45%;
	padding-right: 5%;
}

footer a, footer span {
	text-decoration:none;
	display:inline-block;
	padding-top:10px;
}

footer a:hover {
	text-decoration:underline;
}

.footer-content-block {
	float:left;
	width:33%;
//	padding-right:4%;
}

@media (max-width:920px) {
	.footer-content-block {
		width:98%;
		padding:2% 1%;
		max-width:400px;
		float: none;
		margin: auto;
	}
}

@media (max-width:920px) {
	#footer-bottom a {
		text-decoration:underline;
	}
}

.lifestyle-video {
	cursor:pointer;
}

.video-popup {
	width: 100%;
	height: 100%;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(34, 34, 34, 0.95);
	z-index: 9999;
}

.video-popup .close-popup {
	background: url("https://www.armandhammer.com/Brands/AAH/images/close-button.png");
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	float: right;
	margin-top: 20px;
	margin-right: 25px;
	cursor: pointer;
}

.video-popup .popup-video {
	top: 50%;
	left: 50%;
	left: 50%;
	position: relative;
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: #fff;
}

@media (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
	.video-popup .popup-video {
		width: 80%;
	}
}

.video-popup .popup-video h4 {
	color: #fff;
	text-align: left;
	font-size: 17px;
	line-height: 24px;
	margin-bottom: 20px;
}

@media (min-width: 768px) {
	.video-popup .popup-video h4 {
		font-size: 24px;
		line-height: 28px;
	}
}

.video-popup .popup-video .video-player {
	width: 100%;
	height:90vw;
}

@media (min-width: 768px) {
	.video-popup .popup-video .video-player {
		height: 400px;
	}
}

.video-popup .popup-video .video-player iframe {
	border: none;
}

@media (min-width: 1024px) {
	.video-popup .popup-video .container {
		width: 700px;
	}
}

#chat {
	position: relative;
	float: left;
	width: 15%;
	text-align: right;
	margin: 4px 0;
	white-space: nowrap;
	z-index: 9999999;
}

#chat a, #chat-overlay a {
	height: 36px;
	color: #FFF;
	font-family: AvenirLTPro-Roman;
	font-size: 18px;
	border: 0;
	background: none;
	font-weight: bold;
	font-style: italic;
	cursor:pointer;
}

#chat-overlay a {
	font-size:24px;
}

.fa-comment {
	font-size: 24px;
}

#ot-sdk-btn.ot-sdk-show-settings, #ot-sdk-btn.optanon-show-settings {
padding: unset !important;
background: none;
border: none !important;
color: unset !important;
font-family: AvenirLTPro-Roman !important;
font-size: 16px !important;
line-height: 25px;
}

#ot-sdk-btn.ot-sdk-show-settings:hover, #ot-sdk-btn.optanon-show-settings:hover {
text-decoration:underline;
background:none !important;
}

.mikmak-discover {
	cursor:pointer;
}