@charset "UTF-8";
/* CSS Document */

/* Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
 	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Begin Typography & Colors */
body{
	font-family:"futura-pt", Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#333333;
	padding:0;
	margin:0;
	background:#fff;
}

#wrapper{
	position:relative;
}

/* Header */

#header{
	clear:both;
}

#header a.logo{
	width:270px;
	height:50px;
	margin:30px auto;
	display:block;
	background:url(../images/logo.svg) no-repeat;
}

/* Layout */

.content{
	width:940px;
	margin:0 auto;
}

/* Your Skin Score */

#yourskinscore{
	padding:40px 0 0 0;
	min-height:571px;
	text-align:center;
	background:url(../images/yourskinscore.jpg) no-repeat top center;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#yourskinscore h1{
	font-family:"futura-pt", Arial, Helvetica, sans-serif;
	font-size:36px;
	color:#555;
	font-weight:400;
	font-style:normal;
	padding:0 0 10px 0;
}

#yourskinscore h2{
	font-family:"futura-pt", Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#555;
	font-weight:400;
	font-style:normal;
	padding:0 0 40px 0;
}

#yourskinscore h3{
	font-family:"futura-pt", Arial, Helvetica, sans-serif;
	font-size:36px;
	color:#555;
	font-weight:700;
	font-style:normal;
	padding:0 0 25px 0;
}

#yourskinscore h1 span,
#yourskinscore h2 span{
	font-weight:700;
}

#yourskinscore .yourskiniq{
	width:820px;
	padding:20px;
	margin:0 auto;
	text-align:center;
	border:solid 7px #f8f8f8;
	background:#fff;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#yourskinscore .yourskiniq p{
	font-size:24px;
	color:#555;
	line-height:36px;
	padding:0;
	margin:0;
}

#yourskinscore .yourskiniq a.button{
	font-family:"futura-pt", Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#fff;
	font-weight:700;
	font-style:normal;
	letter-spacing:0.1em;
	padding:5px;
	margin:25px 0 0 0;
	width:100%;
	display:inline-block;
	text-transform:uppercase;
	text-align:center;
	background:#6bc9b9;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* Because Your Skin Type */

#becauseyourskintype{
	width:960px;
	margin:0 auto;
	padding:60px 20px 20px 20px;
	text-align:center;
}

#becauseyourskintype h3{
	font-family:"futura-pt", Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#555;
	font-weight:400;
	font-style:normal;
	padding:0 0 10px 0;
}

#becauseyourskintype h4{
	font-family:"futura-pt", Arial, Helvetica, sans-serif;
	font-size:36px;
	color:#555;
	font-weight:700;
	font-style:normal;
	padding:0 0 40px 0;
}

#becauseyourskintype h5{
	font-family:"ACaslonProSemiboldItalic", Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#555;
	letter-spacing:0.1em;
	font-weight:normal;
	font-style:normal;
	padding:0 0 10px 0;
}

#becauseyourskintype h6{
	font-family:"futura-pt", Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#555;
	font-weight:700;
	font-style:normal;
	letter-spacing:0.1em;
	padding:0 0 20px 0;
	text-transform:uppercase;
}

#becauseyourskintype h3 span,
#becauseyourskintype p span,
#becauseyourskintype ul li strong{
	font-weight:700;
}

#becauseyourskintype p{
	font-size:24px;
	color:#555;
	line-height:36px;
	padding:0 0 10px 0;
	margin:0;
}

#becauseyourskintype ul{
	list-style:none;
	padding:0;
	margin:0;
}

#becauseyourskintype ul li{
	font-size:18px;
	color:#555;
	line-height:27px;
	padding:0;
	margin:0;
	list-style:none;
	list-style-image:url(../images/bullet.png);
	list-style-position:inside;
	text-align:center;
}

#becauseyourskintype a.getmykitnow{
	font-family:"futura-pt", Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#fff;
	font-weight:700;
	font-style:normal;
	letter-spacing:0.1em;
	padding:5px;
	margin:0 0 10px 0;
	width:300px;
	display:inline-block;
	text-transform:uppercase;
	text-align:center;
	background:#520843;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* Do it Yourself */

#doityourself{
	width:950px;
	margin:0 auto;
	padding:0 0 100px 0;
}

#doityourself h5{
	font-family:"ACaslonProSemiboldItalic", Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#555;
	letter-spacing:0.1em;
	font-weight:normal;
	font-style:normal;
	padding:0 0 40px 0;
	text-align:center;
}

#doityourself h6{
	font-family:"futura-pt", Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#555;
	line-height:36px;
	letter-spacing:0.1em;
	font-weight:700;
	font-style:normal;
	padding:0 0 25px 0;
	margin:-7px 0 0 0;
	text-transform:uppercase;
}

#doityourself h6 a{
	color:#555;
	text-decoration:none;
}

#doityourself p{
	font-size:18px;
	color:#555555;
	line-height:27px;
	padding:0 0 25px 0;
	margin:0;
}

#doityourself .doityourselfc{
	clear:both;
}

#doityourself .doityourselfc .leftcolumn{
	float:left;
	width:460px;
}

#doityourself .doityourselfc .rightcolumn{
	float:left;
	width:460px;
	margin:0 0 0 25px;
}

#doityourself .doityourselfc a.link{
	font-family:"futura-pt", Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#555;
	font-weight:700;
	font-style:normal;
	text-decoration:underline;
}

/* Fancybox */

.fancybox-close-small{
	color:#555 !important;
	top:-20px !important;
	right:-20px !important;
	width:41px !important;
	height:41px !important;
	padding:5px !important;
	border:solid 1px #555 !important;
	opacity:1 !important;
	background:#fff !important;
	-webkit-border-radius: 50% !important;
	border-radius:50% important;
}

/* We Recommend */

#werecommend{
	clear:both;
	padding:65px 20px 60px 20px;
	border-top:solid 1px #e4e1da;
	background:#f8f8f8;
	text-align:center;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#werecommend h4{
	font-family:"futura-pt", Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#555;
	font-weight:400;
	font-style:normal;
	padding:0 0 10px 0;
}

#werecommend h5{
	font-family:"futura-pt", Arial, Helvetica, sans-serif;
	font-size:36px;
	color:#555;
	font-weight:700;
	font-style:normal;
	padding:0 0 25px 0;
}

#werecommend h6{
	font-family:"futura-pt", Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#555;
	letter-spacing:0.1em;
	font-weight:700;
	font-style:normal;
	padding:40px 0 20px 0;
	text-transform:uppercase;
}

#werecommend h4 span{
	font-weight:700;
}

#werecommend ul{
	list-style:none;
	padding:0;
	margin:0;
}

#werecommend ul li{
	font-size:18px;
	color:#555;
	line-height:27px;
	padding:0;
	margin:0;
	list-style:none;
	list-style-image:url(../images/bullet.png);
	list-style-position:inside;
	text-align:center;
}

#werecommend a.learnmore{
	font-family:"futura-pt", Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#fff;
	font-weight:700;
	font-style:normal;
	letter-spacing:0.1em;
	padding:10px;
	margin:0 0 40px 0;
	width:300px;
	display:inline-block;
	text-transform:uppercase;
	text-align:center;
	background:#520843;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#werecommend p{
	font-size:24px; 
	color:#555;
	margin:15px 0;
}

#werecommend p.disclaimer{
	font-size:16px;
	color:#aaa59b;
	font-style:italic;
}

/* About Us and Why Wildcrafted Products */

.aboutus{
	width:990px;
	padding:90px 0 0 0;
	margin:0 auto;
	clear:both;
}

.whywildcrafted{
	width:990px;
	padding:20px 0 0 0;
	margin:0 auto;
	clear:both;
}

.aboutus .leftcolumn{
	float:left;
	width:480px;
}

.whywildcrafted .leftcolumn{
	float:left;
	width:465px;
}

.aboutus .rightcolumn{
	float:left;
	width:450px;
	margin:0 0 0 55px;
}

.whywildcrafted .rightcolumn{
	float:right;
	width:450px;
	margin:0 20px 0 0;
}

.aboutus h6,
.whywildcrafted h6{
	font-family:"ACaslonProSemibold", Arial, Helvetica, sans-serif;
	font-size:36px;
	color:#555;
	line-height:60px;
	letter-spacing:0.1em;
	text-transform:uppercase;
}

.aboutus h6{
	padding:0 45px 30px 0;
	text-align:right;
}

.whywildcrafted h6{
	padding:0 0 30px 45px;
}

.aboutus p,
.whywildcrafted p{
	font-size:18px;
	color:#555;
	line-height:27px;
	padding:0 0 35px 0;
	margin:0;
}

.whywildcrafted p{
	text-align:right;
}

.aboutus p:last-child,
.whywildcrafted p:last-child{
	padding-bottom:0;
}

.aboutus a,
.whywildcrafted a{
	color:#555;
	font-weight:700;
	text-decoration:underline;
}

/* Common */

*:focus{outline:0;}

a{
	text-decoration:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

input,textarea,input[type="submit"]{
	-webkit-border-radius:0;
  	-moz-border-radius:0;
	-webkit-appearance:none;
}

h1,h2,h3,h4,h5,h6{
	font-weight:normal;
	padding:0;
	margin:0;
}

.clear{
	clear:both;
}

hr{
	width:100%;
	height:1px;
	margin:40px 0;
	border:0;
	display:block;
	clear:both;
	background:#e4e1da;
}

/* Back to Home & Shop links */

.backtohomeshop{
	clear:both;
	background:#cccccc;
	text-align:center;
	padding:8px 0;
	margin:50px 0 0 0;
}

.backtohomeshop a{
	font-family:"futura-pt", Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#ffffff;
	letter-spacing:0.1em;
	font-weight:700;
	font-style:normal;
	background:#cccccc;
	border:solid 3px #fff;
	padding:4px 65px;
	display:inline-block;
	margin:0 15px 0 0;
	text-transform:uppercase;
}

.backtohomeshop a:hover{
	color:#fff;
	background:#e86d55;
}

.backtohomeshop a:last-child{
	margin:0;
}

/* Footer */

#footer{
	padding:35px 20px 60px 20px;
	background:#f8f8f8;
}

#footer .footerc{
	width:940px;
	margin:0 auto;
	text-align:center;
}

#footer .footerc .container{
	width:220px;
	float:left;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#footer h6{
	font-family:"futura-pt", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#888888;
	line-height:24px;
	letter-spacing:0.1em;
	font-weight:700;
	font-style:normal;
	padding:0 0 5px 0;
	text-transform:uppercase;
}

#footer h6 span{
	font-weight:400;
	letter-spacing:normal;
	text-transform:none;
}

#footer a{
	font-family:"futura-pt", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#888888;
	font-weight:400;
	font-style:normal;
	padding:0 0 5px 0;
	text-decoration:none;
	display:block;
	text-align:center;
}

#footer a.facebook,
#footer a.twitter,
#footer a.instagram,
#footer a.pintrest{
	display:inline-block;
	margin:0 20px 0 0;
}

#footer a.facebook{
	width:9px;
	height:20px;
	background:url(../images/facebook.png) no-repeat;
}

#footer a.twitter{
	width:25px;
	height:19px;
	background:url(../images/twitter.png) no-repeat;
}

#footer a.instagram{
	width:22px;
	height:22px;
	background:url(../images/instagram.png) no-repeat;
}

#footer a.pintrest{
	width:24px;
	height:24px;
	margin:0;
	background:url(../images/pintrest.png) no-repeat;
}

#footer p{
	font-size:14px;
	color:#555555;
	line-height:18px;
	padding:0 0 20px 0;
	margin:0;
	text-align:left;
}


#footer .emailsignup .input{
	font-family:"futura-pt", Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#666666;
	font-weight:400;
	font-style:normal;
	width:100%;
	padding:10px;
	margin:15px auto 0 auto;
	border:solid 1px #c8c3b6;
	background:#fff;
	text-align:center;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#footer .emailsignup .input::-webkit-input-placeholder { color:#666666; opacity:1; }
#footer .emailsignup .input::-moz-placeholder { color:#666666; opacity:1;} /* firefox 19+ */
#footer .emailsignup .input:-ms-input-placeholder { color:#666666; opacity:1; } /* ie */
#footer .emailsignup .input:-moz-placeholder { color:#666666; opacity:1; }

#footer .emailsignup .input:focus::-webkit-input-placeholder {opacity:0; }
#footer .emailsignup .input:focus::-moz-placeholder { opacity:0;} /* firefox 19+ */
#footer .emailsignup .input:focus:-ms-input-placeholder { opacity:0; } /* ie */
#footer .emailsignup .input:focus:-moz-placeholder { opacity:0; }

#footer .emailsignup .signmeup{
	font-family:"futura-pt", Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#fff;
	font-weight:700;
	letter-spacing:0.1em;
	font-style:normal;
	line-height:normal;
	display:block;
	width:100%;
	padding:10px 0;
	margin:10px auto 20px auto;
	border:0;
	background:#6bc9b9;
	cursor:pointer;
	text-transform:uppercase;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.klaviyo_messages .success_message{
	font-size:15px;
	color:#666;
	padding:10px 0;
	display:block;
	clear:both;
	text-align:center;
}

#footer .sep{
	height:30px;
	display:block;
}

#footer #email_signup_footer #email_response_2 p{
	text-align:center;
}