/*
Theme Name: Jordan Essentials 2024
Description: 
Author: Jason Vaughn / Vaughn Tech Inc.
Author URI: http://www.vaughntech.com
Version: 1.0

/* 
 
======== VARIABLES ========

$serif_font="abril-display","Times New Roman",serif;

$sans_serif_font="Inter",Arial,sans-serif;

$XXXsans_serif_font="fultoncat",Arial,sans-serif;




XX"Inter",Arial,sans-serif="Poppins",Arial,sans-serif;
 
$char=#333;
$ltchar=#999;
 
$yellow=#f4e090;
$medyellow=#e6cb5e; // hovers
$dkyellow=#967f25;
$ltyellow=#fdf6d8;

$pink=#f17874;
$dkpink=#d3524e; //hover
$ltpink=#ffa5a2;
$veryltpink=#fdf4f4;

$green=#a0ad72; 
$veryltgreen=#f4fdf4;
$dkgreen=#6a763f;

//#3F96B4=#497637;
$blue=#86cdcd;
$dkblue=#398390; //hover
$dkdkblue=#2f6464; //dk blue button hover
$ltblue=#96dddd; // occasional subhead, host table head
$ltBlue2=#95e2e2; // blue box exclusive
$veryltblue=#F0f4fd;
$meddkblue=#62b7b7;

$placeholderColor=#AAA;

// 2022 colors


$pink=#D1555A;
$dkpink=#FFA489; //hover


$dkblue=#009491; // ACTAULLY TEAL. some hovers

//#96dddd=#B6DCD3; // occasional subhead
$ltBlue2=#e8f3f1; // blue box exclusive

$green=#72A951; // social button hover
$dkgreen=#497637; // promis div graphics
$ltgreen=#b6d55d; // host table hilight

$yellow=#E7D780;

$ltpink=#FFA489;

$char=#333; // gen text, footer bkg, desc h5, catalog wrap p, pagination, search h3 h5, skincar button, splitcol h4, email signup header and h3, fpc a, etc.
$ltchar=#999; // button hover


$orange=#ED7800;


// AUGUST 2022 COLORS


$blue=#3F96B4; // (green:#497637)navbar, top right nav links

$button_green=#497637;
$button_green_hover=#6eab55;

$je_green=#497637;
$je_lt_green=#72A951;
$je_blue=#3F96B4;
$je_yellow=#F6CF3E;
$je_red=#D1555A;
$je_orange=#ED7800;
$je_navy=#002d5d;

// 2024 colors


$je2024_button_green=#478436;
$je2024_button_green_hover=#72A951;
$je2024_mid_green=#78be4e;
$je2024_dk_green=#497637;
$je2024_dk_green_bkg=#478436;
$je2024_bright_green=#72b64f;
$je2024_bright_blue=#30a1bc;
$je2024_pastel_green=#d7eace;

$je2024_gray_green=#a6b8a0;


//70b44d


$background_lt_blue=#f0f8fa;
$background_lt_green=#e6f1e0;

$background_green=#e5eede;

$background_blue=#cedeea;
$background_green=#e5eede;
$background_pink=#f7e0da;

*/

/* constant contact form - floated crap is messing it up */

/* font includes */


/*

@font-face {
	font-family: 'fultoncat';
	src: url('fonts/fultoncat-extralight.woff2') format('woff2'),
	url('fonts/fultoncat-extralight.woff') format('woff');
	font-weight: 200;
	font-style: normal;
	font-display: fallback;
}

@font-face {
	font-family: 'fultoncat';
	src: url('fonts/fultoncat-light.woff2') format('woff2'),
	url('fonts/fultoncat-light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-display: fallback;
}

@font-face {
	font-family: 'fultoncat';
	src: url('fonts/fultoncat-regular.woff2') format('woff2'),
	url('fonts/fultoncat-regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: fallback;
}


@font-face {
	font-family: 'fultoncat';
	src: url('fonts/fultoncat-medium.woff2') format('woff2'),
	url('fonts/fultoncat-medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: fallback;
}




@font-face {
	font-family: 'fultoncat';
	src: url('fonts/fultoncat-medium.woff2') format('woff2'),
	url('fonts/fultoncat-medium.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: fallback;
}

@font-face {
	font-family: 'fultoncat';
	src: url('fonts/fultoncat-black.woff2') format('woff2'),
	url('fonts/fultoncat-black.woff') format('woff');
	font-weight: 800;
	font-style: normal;
	font-display: fallback;
}
*/



/* end font includes */


.font-tests {

}

.ft1 {
	font-family: "helv",serif
}

.ft2 {
	font-family: "Poppins",Arial,serif;
	letter-spacing:.0165em;
}

.ft3 {
	font-family: "Arial",serif;
	letter-spacing:.033em;
}

.ft4 {
	font-family: "Yantramanav",serif;
	letter-spacing:.033em;
	color:red;
}

.ft5 {
	font-family: "Roboto",serif;
	letter-spacing:.033em;
	color:red;
}

.ft6 {
	font-family: "Open Sans",serif;
	letter-spacing:.033em;
	color:orange;
	/* dropped J */
}

.ft7 {
	font-family: "Raleway",serif;
	letter-spacing:.033em;
	/* crossed W, numbers are ugly */
	color:red;
}

.ft8 {
	font-family: "Almarai",serif;
	letter-spacing:.05em;
	/* the numbers are thinner, but this is the closest by far. */
}


/* CORE WP STYLES */

.entry-content img {
	margin: 0 0 1.5em 0;
}
.alignleft, img.alignleft {
	margin-right: 1.5em;
	display: inline;
	float: left;
}
.alignright, img.alignright {
	margin-left: 1.5em;
	display: inline;
	float: right;
}
.aligncenter, img.aligncenter {
	margin-right: auto;
	margin-left: auto;
	display: block;
	clear: both;
}
.alignnone, img.alignnone {
	/* not sure about this one */
}
.wp-caption {
	margin-bottom: 1.5em;
	text-align: center;
	padding-top: 5px;
}
.wp-caption img {
	border: 0 none;
	padding: 0;
	margin: 0;
}
.wp-caption p.wp-caption-text {
	line-height: 1.5;
	font-size: 10px;
	margin: 0;
}
.wp-smiley {
	margin: 0 !important;
	max-height: 1em;
}
blockquote.left {
	margin-right: 20px;
	text-align: right;
	margin-left: 0;
	width: 33%;
	float: left;
}
blockquote.right {
	margin-left: 20px;
	text-align: left;
	margin-right: 0;
	width: 33%;
	float: right;
}


/* END WORDPRESS CORE STYLES */

.adaptable_top_marg {
	margin-top:120px;
}

.welcome {
	margin-left:auto;
	margin-right:auto;
	padding:0 20px;
	text-align:center;
}

.welcome h1 {
	font:bold 3em "abril-display","Times New Roman",serif;
	font-style: italic;
	color:#497637;
	margin:0;
	text-align:center;
}

.welcome h1 span {
	font:300 .85em "Inter",Arial,sans-serif;
	color:#333;

}

.welcome h1 b {
	white-space:nowrap;
}

.blue_butt,
.pink_butt,
.dk_blue_butt,
.rep_search_result_butt,
.show_hid_foundations_button,
.buynow_button_set a,
.search404 input[type=submit],
.skincare_button {
	/*border-radius:30px;*/
}

.host_split {
	display:flex;
	
	justify-content:space-between;
	align-items:stretch;
	align-content:flex-start;
	
	flex-flow:row nowrap;
}

.host_split>div h4:first-of-type {
	margin-top:0;
}

.host_split>div:first-child img {
	width:100%;
	height:auto;
	max-width:450px;
}

.host_split>div {
	flex:0 0 50%;
	padding:20px;

}


.host_cta_wrap {
	text-align:center;
}

.host_cta_wrap img {
	width:100%;
	height:auto;
	max-width:1125px;
}

.host_right_img img{
	margin-left: 1.5em;
	margin-bottom:1.5em;
	display: inline;
	float: right;

	width:100%;
	height:auto;
	max-width:250px;
}




.ctct-inline-form {
	clear:both;
}

html,body {
	margin:0;
	padding:0;
}

body {
	width:100%;
	height:100%;

	font:normal 16px "Inter",Arial,sans-serif;
	color:#333;
	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
}

* {
	box-sizing: border-box;
}

img {
	outline:none;
}

.img_fit {
	width:100%;
	height:auto;
}

a {
	outline:none;
	color:#009491;
	transition: color .25s;
}

a:hover {
	outline:none;
	color:#009491;
}

p b {

}



.font-500 {
	font-weight:500;
}

.bluebold b,
b.bluebold {
	color:#3F96B4;
}

.readmore {
	white-space: nowrap;
}

.line {
	border-bottom:3px dotted #3F96B4;
}

.content_width {
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
	padding-left:20px;
	padding-right:20px; 
}

.content_width_med {
	max-width:1600px;
	margin-left:auto;
	margin-right:auto;
	padding-left:20px;
	padding-right:20px; 
}

.content_width_wide {
	max-width:1920px;
	margin-left:auto;
	margin-right:auto;
	padding-left:20px;
	padding-right:20px;
}

.content_width_narrow {
	max-width:900px;
	margin-left:auto;
	margin-right:auto;
	padding-left:20px;
	padding-right:20px; 
}

.gen_top_marg {
	margin-top:60px;
}

.big_top_marg {
	margin-top:120px;
}

.centered {
	text-align:center;
}

.gen_pad {
	padding-left:20px;
	padding-right:20px;
}


/* 2022 content*/



.content h1 {
	font:bold 3.25em "abril-display","Times New Roman",serif;
	font-style: italic;
	letter-spacing:.02em; 
	text-align:center;
	color:#497637;
}


.content h2 {
	font:bold 2.5em "abril-display","Times New Roman",serif;
	font-style: italic;
	color:#497637;
	margin:0;
	text-align:center;
}

h2.mixed_fonts span {
	font:300 .85em "Inter",Arial,sans-serif !important;
	color:#333;
	display:inline !important;
}

.content h2 a {
	text-decoration: none;
	color:#497637;
}

.content h2 a:hover {
	color:#3F96B4;
}


.content h2 a:hover {
	color:#3F96B4;
}

.mid_abril {
	font:bold 2.5em "abril-display","Times New Roman",serif;
}


.content h4+h2 {
	margin-top:.25em;
}

.content h2 span {
	/* subhead */
	font:300 .65em "Inter",Arial,sans-serif;
	color:#333;
	display:block;
}

.content h3 {

}

.content h6 {
	/* subhead */
	font:300 1.3em "Inter",Arial,sans-serif;
	color:#333;
	margin:0;
}


.content h4 {
	font:300 1.45em "Inter",Arial,sans-serif;
	color:#333;
	margin:0;
	text-align:center;
}

.content p {
	font:300 1.2em "Inter",Arial,sans-serif;
	line-height:1.5em;
	letter-spacing:-.05em;
}

p.abril_sub {
	font:bold 1.5em "abril-display","Times New Roman",serif;
	font-style: italic;
	color:black;
	margin:.5em 0 0 0;
}

p.abril_sub_large {
	font:normal 1.75em "abril-display","Times New Roman",serif;
	font-style: italic;
	color:black;
	margin:.5em auto 0 auto;
	letter-spacing:.05em;
	line-height:1.25em;
	max-width:900px;
}


ul.leaf_list {
	font-size:1.25em;
	line-height: 1.5em;

	/*list-style-image: url('/wp-content/uploads/bullet.jpg');*/

	list-style: none;


}

.leaf_list li {
	margin: 0;
	padding-left:1.5em;
	list-style: none;
	background-image: url("/wp-content/uploads/bullet.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 1.15em;
}

.leaf_list li {
	position:relative;
	font:300 1em "Inter",Arial,sans-serif;
	margin-bottom:.5em;
}




/* end 2022  content*/






.gen_content h1 {
	font-size:2.5em;
	font-weight:600;
	color:#333;
	transition: font-size .25s;
}

.gen_content h2 {
	font:normal 2.5em "abril-display","Times New Roman",serif;
	font-style: italic;
	color:#497637;
	margin:0;
}







/* ####  H3 WITH A LINE THROUGH ###### */
.gen_content h3 {
	font-size:2em;
	font-weight:600;
	color:#3F96B4;
	margin:60px 0;
}

.gen_content h3 {
	overflow: hidden;
	text-align: left;
	padding-left:30px;
}

.gen_content h3:before,
.gen_content h3:after {
	background-color: #3F96B4;
	content: "";
	display: inline-block;
	height: 2px;
	position: relative;
	vertical-align: middle;
	width: 50%;
}

.gen_content h3:after {
	width:100%;
}

.gen_content h3:before {
	right: 0.5em;
	margin-left: -50%;
}

.gen_content h3:after {
	left: 0.5em;
	margin-right: -100%;
}

.gen_content h4 {
	font-size:1.5em;
	font-weight:600;
}


.gen_content h5 {
	margin:0;
	font-size:1.125em;
	font-weight:600;
	margin:0;
	color:#3F96B4;
}




/* ####  END H3 WITH A LINE THROUGH ###### */

.gen_content p {
	font-size:1em;
	line-height: 1.5em;
}

.gen_content ul {
	font-size:1em;
	line-height: 1.5em;
	/*list-style-type:"\2713";*/

	list-style: none;
}

.gen_content ul li {
	position:relative;
}

.gen_content ul li::before {
	/*content: "\2022";  circle */
	/* content: "\2605"; star*/
	content: "\2731";
	color: #D1555A;
	font-weight: bold;
	display: inline-block;
	font-size:1.25em;

	position:absolute;
	left:-1em;
}

.gen_content li {
	margin-bottom:.5em;
}

ul.yuck_list li::before{
	content: "X";
	color: #72A951;
}

.img_fullwidth_medium {
	width:100%;
	max-width:500px;
	height:auto;
}

.img_fullwidth_large {
	width:100%;
	max-width:700px;
	height:auto;
}


.header_wrap {
	position:relative;
	background-color:white;
}

.header {
	transition:padding .25s;
	position:relative;
}

.header_no_rep {
	padding-top:30px;
	padding-bottom:30px;
}

.header>div {
	display:flex;
	flex-flow:row nowrap;
	justify-content:space-between;
	align-items:center;
}

.header>div>div {
	
}

.header_logo_div {
	flex:1 100%;
	max-width:fit-content;
	text-align:center;
}


/* for the POST july 2021 PNG/jpg logo */
.header_logo_div img {
	width:100%;
	max-width:210px;
	height:auto;
	transition:max-width .25s, opacity .25s;
}

.header_logo_div img:hover {
	opacity:.75;
}

.header_pad,
.very_top_nav {
	/* match w very_top_nav */
	flex:0 0 178px;
}

.very_top_nav_center {
	flex:0 0 220px;
	text-align:center;
}

.very_top_nav ul li a {
	font:500 1em "Inter",Arial,sans-serif;
	color:#497637;
}

.very_top_nav ul li a:hover {
	color:#6eab55;
}

.very_top_nav ul li:last-child a {
	color:#ED7800;
	border-bottom:2px dotted #ED7800;
	
}

.very_top_nav ul li:last-child a:hover {
	color:#999;
	border-bottom:1px solid #999;
}

.header ul{
	list-style:none;
	margin:0;
	padding:0;
}

.header li {
	display:block;
	margin:4px 0;
}

.header ul a {
	text-decoration: none;
	font-weight:600;
	color:#3F96B4;
	transition: color .25s;

}

.header ul a:hover {
	color:#009491;
}


.top_nav {

	background-color: white;
	text-align:center;
	padding-top:15px;
	padding-bottom:15px;
	width:100%;
	font:300 1.5em "Inter",Arial,sans-serif;

	transition: font-size .25s, padding .25s;
}





.top_nav>ul{
	list-style:none;
	margin:0;
	padding:0 20px;
	display:flex;
	flex-flow:row nowrap;
	
	align-items:center;
	justify-content:space-evenly;
	width:100%;
	max-width:1500px;
	margin:0 auto;
}

.top_nav>ul:last-child {
	/* this is the 'very top nav' for mobile only */
	display:none;
}

.top_nav>ul>li {
	flex-grow:1;
	flex-shrink:1;
	display:inline-block;
	padding:0 10px;
	position:relative;
	
}
/*
.top_nav>ul:first-child>li:first-child {
	xshop link
	font-size:1.75em;
	line-height:0;
	top:-2px;
}
*/

.top_nav>ul>li>a,
.top_nav>ul>li>ul>li>a {
	text-decoration: none;
	color:#497637;
	transition: color .25s;
}


.top_nav>ul>li:first-child>a {
	text-transform: none;
	white-space: nowrap;
}

.top_nav>ul>li>a {
	display:block;
	/*padding:15px 0;*/
}

.top_nav>ul>li>a:hover {
	color:#6eab55;
}


/* SUB NAV */

.top_nav>ul>li>ul {
	position:absolute;
	top:100%;
	z-index:20;
	position:absolute;
	left:50%;
	-ms-transform: translateX(-50%);
	transform: translateX(-50%); 
	
	list-style:none;
	margin:0 0 0 0;
	padding:15px 0;
	width:100%;

	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;

	background-color:#3F96B4;

	display:none;
	opacity:0;
}

.top_nav>ul>li:hover ul {
	display:block;

	-webkit-animation: sub_fade_in .25s 1 forwards;
	animation: sub_fade_in .25s 1 forwards;
}

@-webkit-keyframes sub_fade_in {
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}


.top_nav>ul>li>ul a {
	display:block;
	background-color:#3F96B4;
	padding:5px 5px;
	transition: background-color .25s;
}

.top_nav>ul>li>ul a:hover {
	background-color:#009491;
}


/****************************************/


.bug_wrap {
	position:relative;
	z-index:1;
	height:70px;
}

.bug {
	display:flex;
	justify-content:flex-end;
	align-items:center;
	align-content:flex-start;
	flex-flow:row nowrap;

	position:absolute;
	top:50%;
	right:20px;
	
	-ms-transform: translateY(-50%);
	transform: translateY(-50%); 

}

.bug_name {
	font:bold 1.25em "abril-display","Times New Roman",serif;
	font-weight:600;
	white-space:nowrap;
	padding-right:10px;
	color:#30a1bc;
	/* padding to conensate for that crap serif font */
	padding-top:8px;
}

.bug_photo {
	flex:0 0 110px;
	height:110px;
	background-size:cover;
	background-position:center center;

	/*border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;*/
	border-radius:200px;
	position:relative;
	transition:opacity .25s;
	border:3px solid white;
	xbox-shadow: 0px 3px 20px -5px rgba(0,0,0,.35);

	position: relative;
}
.bug_photo a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}


.bug_icon {
	height:auto;
	transition: opacity .25s;
	padding-right:10px;
	flex:0 0 45px;
}

.bug_icon img {
		display:block;
	width:100%;
	height:auto;
	max-width:45px;
}

.bug_icon img:hover {
	opacity:.65;
}





.rep_bug_wrap {
	position:relative;
	z-index:1;
}


.rep_bug {
	width:160px;
	xfloat:right;
	outline:1px solid red;
	background-color:white;
}

.rep_bug_row {
	width:100%;
	display:flex;
	align-items:center;
}

.rep_bug_row>div {
	
}

.rep_header_links,
.rep_blank_cell {
	flex:0 0 45px;
	margin-right:5px;
}

.rep_header_links img {
	display:block;
	width:45px;
	height:auto;
	transition: opacity .25s;
}

.rep_header_links img:hover {
	opacity:.65;
}

.rep_header_photo {
	flex:0 0 100px;
	height:100px;
	background-size:cover;
	background-position:center center;

	/*border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;*/
	border-radius:200px;
	position:relative;
	transition:opacity .25s;
}

.rep_header_photo a {
	position:absolute;
	top:0;
	left:0;

	width:100%;
	height:100%;
}

.rep_header_photo:hover {
	opacity:.75;
}

.rep_header_name {
	flex:0 0 155px;
	text-align:center;
	font-size:.75em;
	
	font-weight:600;

	margin:8px 0;
}

/****************************************/

.mobile_rep {
	display:none;

	padding-top:15px;
	padding-bottom:15px;
}

.mobile_rep>div {
	display:flex;
	justify-content:flex-end;
	align-content:flex-start;
	align-items:center;
	flex-flow:row nowrap;
}

.mobile_rep_header_photo {
	width:110px;
	height:110px;
	background-size:cover;
	background-position:center center;
	border-radius:8px;
}

.mobile_name_and_links {
	display:flex;
	justify-content:space-between;
	align-content:flex-start;
	align-items:center;
	flex-flow:row nowrap;
	flex-direction:column;

	padding-right:30px;
}

.mobile_rep_header_name {
	font-size:1.25em;
	color:#3F96B4;
	margin-bottom:10px;
}





.hero_wrap {
	/* to control the pad on the child */
	position:relative;
	width:100%;
	max-width:1920px;
	margin:0 auto;
	/*border:1px solid red;*/
}

.hero_home {
	
	background-size:cover;
	background-repeat: no-repeat;
	/*background-position:center -100px;*/
	background-position:center 85.71%;


	/*	
		bkg img needs to be -100px offset from the top.
		the bkg img is 800px high, but only 700px
		is exposed at a time.

		The offset needs to be a function of the width
		since the whole thing scales. Max width = 1920px.

		Therefore:
		1-(offsetDesiredPx/visibleHeightPx)

		(100px/700) = .1428
		1-.1428 = .8571 or 85.71%

		-JV
		*/

	width:100%;
	max-width:1920px;
	margin:0 auto;

	/* 
	don't use a scaling image. The bottom padding is formulated thusly:
	
	(desired_MAX_height_px / max_width_px)*100
	
	Therefore:
	(700/1920)*100 = 36.45

	-JV
	*/

	padding-bottom:36.45%;
}

/* ####### SUB PAGE HERO ######### */

.hero_page_wrap {
	position:relative;
}

.hero_page {
	width:100%;
	max-width:1920px;
	margin:0 auto;
	padding-bottom:15%;
	background-size: cover;
	background-position: center center;
	position:relative;
}

.hero_page_title_wrap {
	width:100%;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
	
	padding:10px 20px 0 20px;

	text-align:center;

	position:relative;
	top:-30px;
	background-color:white;
	border-radius:5px;
}

.hero_page_title_wrap h1{
	font-family: Oswald,"Montserrat",Arial;
	font-size:3em;
	font-weight:500;
	color:#D1555A;
	margin:0;
	text-transform:uppercase;
	transition: font-size .25s;
}

.hero_page_title_wrap h2 {
	font-size:1.25em;
	font-weight:500;
	color:#666;
	margin:5px auto 0 auto;
	width:70%;
	padding-bottom:25px;
} 


.page_title_no_hero {
	margin-top:30px;
	padding-bottom:10px;
}

.page_title_no_hero h1{
	font:bold 3.25em "abril-display","Times New Roman",serif;
	color:#497637;
	margin:0;

	transition: font-size .25s;
}

.page_title_no_hero h2 {
	color:#666;
	margin:0 0 0 0;
	text-transform: uppercase;
	font:300 1.25em  "Inter",Arial,sans-serif;
} 


/* ####### END SUB PAGE HERO ######### */


.promise_div {
	text-align:center;
	padding:0 20px;
}

.promise_div h2 {
	font:italic 600  2.15em "abril-display","Times New Roman",serif;
	color:#497637;
}

.promise_div>div {
	/* max-width:890px; */
	margin:0 auto;
	display:inline-flex;
	justify-content:center;
	align-content:center;
	align-items:center;
	flex-flow:row wrap;
	padding:0;
	
	
}


.promise_div>div>div {
	flex:1 1 100%;
	max-width:110px;
	background-color:#497637;
	padding:0;
	margin:0 8px;
}

.promise_div>div img {
	width:100%;
	height:auto;
	max-width:110px;
	display:block;
	margin:10px 10px;
	padding:0;
	transition:max-width .25s, margin .25s;
	border-radius:300px;
	/*
	background-color:#3F96B4;
	
	*/
}

/*

.promise_div>div img:nth-child(1) {
	background-color:#0099b7;
}
.promise_div>div img:nth-child(2) {
	background-color:#e23f4e;
}
.promise_div>div img:nth-child(3) {
	background-color:#64ae51;
}
.promise_div>div img:nth-child(4) {
	background-color:#fcd04c;
}
.promise_div>div img:nth-child(5) {
	background-color:#fd7100;
}
.promise_div>div img:nth-child(6) {
	background-color:#2f7939;
}
.promise_div>div img:nth-child(7) {
	background-color:#112c51;
}
.promise_div>div img:nth-child(7) {
	background-color:#112c51;
}
*/


/*
.promise_div>div img {
	flex:1 1 100%;
	height:auto;
	max-width:110px;
	display:inline-block;
	margin:0 8px;
	transition:max-width .25s, margin .25s;
}

*/

/* ####### BEGIN PRODUCT CAROUSEL ############## */

#Featured_Products {
	border-left:none;
	border-right:none;
	padding:40px 0;
	width:95%;
	margin-left:auto;
	margin-right:auto;
}


.featured_products_carousel_outer_wrap {
	/* wraps carousel and makes spaces for the L&R buttons to be over */
	position:relative;
	display:flex;
	flex-flow:row nowrap;
	justify-content:space-between;
	align-items:flex-start;

	max-width:1920px;
	margin-left:auto;
	margin-right:auto;
}

.featured_products_carousel_outer_wrap div {
	/*outline:1px solid #CCC;*/
}

.featured_products_carousel_outer_wrap .button_space {
	/* these are just spacing containers that dont actually contain anything.

	This is so that I can position flickity's buttons OUTSIDE of the carousel. 

	REASON: whne you're at the start or end product, but keep clicking the arrow button, it will click through to the product link. 
	
	So we will put the buttons outisde the product carousel

	*/

	flex:0 0 60px;
	/*background-color:rgba(255,255,255,.85);
	background-color:red !important;*/
}


.featured_products_carousel_inner_wrap {
	flex:1 1 100%;
	text-align:center;
}


.fpc_slide {
	/* for 4 items, with _LR margins should be 25%: */
	width:20%;
	margin:0 2.5%;

	/* dont stretch the images to pixelation */
	max-width:295px;

	display:inline-block;
	
	vertical-align:top;
	font-size:1em;


	/* flickety seems to cut off a little from the bottom of each slide, thus the big bottom pad */
	/*margin-bottom:25px;*/

}

.fpc_img_div {
	/* assumes a square image w/ padding 100% */
	padding-bottom:100%;
	width:100%;
	background-size: cover;
	background-position: center center;
}

.fpc_label_div {
	margin-top:10px;
	padding:10px 5px 0 5px;
}

.fpc_slide a {
	text-decoration: none;
	color:#333;
	display:block;
}

.fpc_slide a:hover {
	opacity:.75;
}


/* position flickity's buttons outside */
.flickity-prev-next-button.previous {
	left: -55px;
}

.flickity-prev-next-button.next {
	right: -55px;
}

/* icon color */
.flickity-button-icon {
	/* the SVG */
	fill: #3F96B4;
}

/* flip the right arrow svg - modified in the JS, btw */
.next .flickity-button-icon {
	transform: scaleX(-1);
}

/* carousel button styles */
.flickity-button {
	background: #FFF;
	transition: background .25s;
}
.flickity-button:hover {
	background: #eaffff;
}

.flickity-prev-next-button {
	width: 50px;
	height: 100%;
	border-radius: 5px;
}



/* ####### END PRODUCT CAROUSEL ############## */





.cta_blocks {
	display:flex;
	flex-flow:row nowrap;
	justify-content:space-between;
	align-items:stretch;
}


.cta_blocks>div {
	flex: 0 1 23%;
	background-color:white;
	transition: opacity .25s;
	color:#497637;
	font:300 1.25em  "Inter",Arial,sans-serif;
	position:relative;
}

.cta_blocks>div a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;

	transition: background-color .25s;
}

.cta_blocks a:hover {
	background-color: rgba(255,255,255,.25);
}

.cta_img_div {
	width:100%;
	padding-bottom:100%;
	background-size: cover;
	background-position: center center;
}

.cta_label {
	xoutline:2px solid green;
	margin:0;
	padding:18px 5px;
	text-align:center;
}


/*
.cta_blocks>div,
.cta_blocks>a {
	flex: 0 1 23%;
	height:380px;
	position:relative;
	background-color:#EFEFEF;

	display:flex;
	flex-direction:column;
	justify-content:space-between;
	align-items:center;
	transition: opacity .25s;

	background-color:white;
	text-decoration:none;
	color:#497637;
	font:300 1.25em  "Inter",Arial,sans-serif;
}

.cta_blocks>a:hover {
	opacity:.75;
}

.cta_img_div {
	flex:1 1 80%;
	width:100%;
	background-size: cover;
	background-position: center center;
}

.cta_label {
	flex:1 1 10%;
	width:100%;
	margin:0;
	padding:18px 5px;
	text-align:center;
}

*/


.color_wrap_green {
	padding-top:30px;
	padding-bottom:30px;
	background-color:#eff7e9
}

.color_wrap_blue {
	padding:0;
	background-color:#f0f8fa
}

.color_wrap_blue section>div {

}


.color_wrap_blue section>div:first-child {
	border:30px solid  white;
	border-top:none;
	border-bottom:none;
	background-color:white;
}


.color_wrap_offset {
	padding-top:30px;
	padding-bottom:30px;
	position:relative;
	border:2px solid #3F96B4;
	width:95%;
	margin-left:auto;
	margin-right:auto;
}

.color_wrap_offset_inner {
	position:absolute;
	bottom:-10px;
	left:-10px;
	width:100%;
	height:100%;
	z-index:-1;
	background-color:#e6f1e0;
}

.color_wrap_offset_inner_blue {
	position:absolute;
	top:-15px;
	right:-15px;
	width:100%;
	height:100%;
	z-index:-1;
	background-color:#f0f8fa;
}


.small_offset_wrap {
	position:relative;

}

.small_offset_wrap>div {
	position:absolute;
	width:100%;
	height:100%;
	z-index:-1;
}

.small_offset_blue {
	border:1px solid  #3F96B4;
}

.small_offset_blue>div {
	top:-5px;
	right:-5px;
	background-color:#f0f8fa;
}

.small_offset_orange {
	border:1px solid  #ED7800;
}

.small_offset_orange>div {
	bottom:-5px;
	left:-5px;
	background-color:#ED7800;
	opacity:.20;
}

.small_offset_green {
	border:1px solid  #497637;
}

.small_offset_green>div {
	bottom:-5px;
	right:-5px;
	background-color:#497637;
	opacity:.10;
}

.small_offset_yellow {
	border:1px solid  #F6CF3E;
}

.small_offset_yellow>div {
	bottom:-5px;
	left:-5px;
	background-color:#F6CF3E;
	opacity:.50;
}






.split_col {
	display:flex;
	flex-flow:row nowrap;
	justify-content:space-between;
	align-items:stretch;
}

.split_col>div {
	flex:1 1 50%;
}

.split_col>div:first-child {
	padding-right:20px;
}

.split_col>div:last-child {
	padding-left:20px;
}

.split_img {
	width:100%;
	height:auto;
	max-width:580px;
}

.split_col h2 {
	font-size: 2.5em;
	margin:0;
	font-weight:700;
}

.split_col h2 sup {
	font-size:.35em;
}

.split_col h3 {
	font-size: 1.85em;
	margin:0;

	font-weight:700;
}
.split_col h4 {
	font-size: 1.5em;
	margin:35px 0;
	color:#3F96B4;
	font-weight:600;
}


.split_col p {
	font-size: 1em;
	margin: 32px 0 0 0;
}


.split_center_aligned {
	align-items:center;
}


ul.fat_ul {
	list-style: none;
	margin:32px 0 0 0;
	padding:0;
}
ul.fat_ul li {
	font-size:1.5em;
	font-weight:700;
	margin-bottom:.25em;
}

ul.gen_ul {
	margin-top:2em;
	padding:0 0 0 1.25em;
	

}
ul.gen_ul li {
	font-size:1.15em;
	font-weight:500;
	margin-bottom:.5em;
}

ul.twocol {
	display:flex;
	justify-content:space-between;
	align-content:flex-start;
	align-items:flex-start;
	flex-direction:column;
}



.blue_block {
	background-color:#e8f3f1;
	padding: 60px 0;
}

.blue_block a:not(.dk_blue_butt, .blue_butt, .pink_butt) {
	color:black;
	text-decoration: underline;
}



/*##############################################*/
/*################## BUTTONS ###################*/
/*##############################################*/

.blue_butt {
	display:inline-block;
	background-color:#3F96B4;
	color:white;
	text-align:center;
	text-decoration: none;

	font-size:1.125em;
	font-weight: 600;
	padding:15px 20px;
	/*border-radius: 30px;*/
	transition: background-color .25s;
}

.blue_butt:hover {
	background-color: #009491;
	color:white;
}

input[type='button'].pink_butt,
input[type='button'].blue_butt {
	border:none;
	padding:10px 40px;
	cursor:pointer;
	outline:none;
}


.pink_butt {
	display:inline-block;
	background-color:#497637;
	color:white;
	text-align:center;
	text-decoration: none;

	font-size:1.125em;
	font-weight: 600;
	padding:15px 20px;
	/* border-radius: 30px; */
	transition: background-color .25s;
}

.pink_butt:hover {
	background-color: #6eab55;
	color:white;
}

.dk_blue_butt {
	display:inline-block;
	background-color:#009491;
	color:white;
	text-align:center;
	text-decoration: none;

	font-size:1.125em;
	font-weight: 600;
	padding:15px 20px;
	/* border-radius: 30px; */
	transition: background-color .25s;
}

.dk_blue_butt:hover {
	background-color: #2f6464;
	color:white;
}


a.wide_butt {
	width:100%;
	max-width:250px;
}

/*##############################################*/
/*################ END BUTTONS #################*/
/*##############################################*/


p.big_p {
	font-size:1.125em;
	font-weight:500;
	line-height:1.35em;
}

p.very_big_p {
	font-size:1.75em;
	font-weight:500;
	line-height:1.35em;
}

.fancy_box_images {
	
}

.specials_imgs {
	text-align:center;
}

.specials_imgs img {
	width:40%;
	height:auto;
	max-width:600px;
	min-width:300px;
	padding:20px;
	cursor:pointer;

	display:inline-block;
}


/**********  DESCRIPTON GROUPS ********/

.description_group {
	display:flex;
	flex-flow:row wrap;
	justify-content:center;

	align-items:stretch;
	align-content:flex-start;
	align-content:stretch;
}

.description_item {
	flex:1 1 20%;
	max-width:300px;
	min-width:200px;
	padding:10px;

	display:flex;
	justify-content:space-between;
	align-content:flex-start;
	align-items:center;
	flex-flow:column nowrap;
}

.description_item>div {

}

.description_item>div:first-child {
	flex:1 1 30%;
	width:100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
	text-align:center;

}

.description_item>div:last-child {
	flex:1 1 100%;
	padding:15px;
}

.description_item img {
	width:100%;
	max-width:200px;
	height:auto;
	margin:0 auto;
}



.description_item>div {
	
}


.description_item h5 {
	font-size: 1.25em;
	color:#333;
	margin:0 0 .5em 0;
	text-align:center;
}

.description_item h5::first-letter {
	/*
	color:#967f25;
	font-size:1.65em;
	line-height:.75em;
	*/
}

.description_item p {
	font-size: 1em;
	margin:1em 0 0 0 !important;
	line-height:1.25em;
} 

.fine_print {
	font-size:.75em;
	font-style: italic;
}

.multi_column_ul {
	columns:3;
}

.folly1 {
	display:flex;
	flex-flow:row nowrap;
	justify-content:center;
	align-items:center;
	overflow:hidden;
}

.folly1 img {
	width:100%;
	max-width:250px;
	height:auto;
	padding:0;
	margin:0;
	display:block;
}

.folly1 div {
	flex:1 1 20%;
	padding-bottom:20%;
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center center;
	xtransition:background-image 1s;
	position:relative;
	overflow:hidden;
}

/*

great for folly transit type 3
*/
.folly1 div>div {
	position:absolute;
	top:50%;
	left:50%;
	width:100%;
	height:100%;
	transform:translate(-50%, -50%);
	transition:transform 1s;
}

.folly1 div>div.folly_irisOut {
	xborder:2px solid black;
	transform:translate(-50%, -50%) scale(1.5);
	/* make the scale .1 for an iris out effect */
}



/*

great for folly transiot type 2

.folly1 div>div {
	position:absolute;
	top:50%;
	left:50%;
	width:10%;
	height:10%;
	transform:translate(-50%, -50%);
	transition:width 2s, height 2s;

	border:2px solid red;
}

.folly1 div>div.folly_irisIn {
	width:100%;
	height:100%;
}
*/

.floated_right {
	width:100%;
	height:auto;
	max-width:300px;
	float:right;
	margin:0 0 20px 20px;
}


.faq_wrap dl {
	margin:0;
	padding:0;
}

.faq_wrap dt {
	padding:0;
	font:600 1.25em  "Inter",Arial,sans-serif;
	color:#497637;
	margin:2em 0 0 40px;
	position:relative;
}

.faq_wrap dt::before {
	content: "Q:";

	font:bold 2em "abril-display","Times New Roman",serif;
	color:#497637;

	position:absolute;
	top:50%;
	left:-1.25em;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%); 

}

.faq_wrap dd {
	margin:2em 0 0 40px;
	padding:0 0 0 0;
	position:relative;

}


.faq_wrap dt+dd::before {
	content: "A:";

	font:bold 2.75em "abril-display","Times New Roman",serif;
	color:#D1555A;

	position:absolute;
	top:0;
	left:-1.25em;
}
.faq_wrap dt+dd {
	border-bottom:3px dotted #497637;
	padding:0 0 40px 0;
}

.catalogs_wrap {
	display:flex;
	flex-flow:row wrap;
	justify-content:center;
	align-items:stretch;
}

.catalogs_wrap>div {
	flex:0 0 30%;
	padding:10px;
	margin:10px;
	outline:1px solid #CCC;
}

.catalogs_wrap h3 {
	font-size:1.25em;
	color:#3F96B4;
	margin:0 0 1em 0;
	text-align:center;
}

.catalogs_wrap p {
	color:#333;
	margin:.5em 0 0 0;
}


.simple_slideshow {
	position:relative;
	width:100%;
	padding-bottom:100%;
}
.simple_slideshow img {
	display:none;
}

.simple_slideshow>div {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	

	background-size:cover;
	background-position: center center;
	background-repeat: no-repeat;
	display:none;
}

.simple_slideshow>span {
	/* pause bug */
	display:block;
	position:absolute;
	bottom:10px;
	left:10px;
	z-index:3;
	background-color:rgba(0,0,0,.75);
	padding:10px;
	line-height:0;
	border-radius:4px;
	opacity:0;
	transition: opacity .25s;
}

.simple_slideshow>span>span {
	display:inline-block;
	width:6px;
	height:20px;
	background-color:white;
	margin:0 3px;
}

.simple_slideshow:hover>span {
	opacity:1;
}

.simple_slideshow>div:first-child {
	
}

.simple_slideshow>div:last-child {
	
}


.testimonial_wrap {
	display:flex;
	flex-flow:row wrap;
	justify-content:space-evenly;
	align-items:stretch;
}

.testimonial_wrap blockquote {
	flex:1 1 30%;
	max-width:fit-content;
	min-width:250px;
	margin:0 10px 20px 10px;

	padding:30px 30px 90px 30px;
	/*outline:1px solid #DDD;*/
	box-sizing: border-box;
	

	font-size:1.125em;
	line-height:1.5em;
	font-style: italic;
	position:relative;
}

.testimonial_wrap blockquote::before {
	content:url(img/Quotation_Marks_Single.svg);
	position:absolute;
	top:0;
	left:-20px;
	font-size:8em;
	font-family:Times;

	line-height:0;
}

.testimonial_wrap blockquote cite {
	display:block;
	text-align:right;
	margin:2em 0 0 0;
	position:absolute;
	bottom:30px;
	right:30px;
	font-style:normal;
	font-weight:bold;
	color:#3F96B4;
}


.max_images img {
	/* stick to actual width or smaller */
	max-width:100%;
	height:auto;
}

.magnesium_content {
	align-items:flex-start;
}

.magnesium_content>div {
	
}

.magnesium_content>div:last-child {
	text-align:center;
	flex:1 1 40%;
}

.magnesium_content>div:last-child img {
	width:100%;
	max-width:400px;
	height:auto;
}


.magnesium_content h2 {
	font-size:1.5em;
}


.magnesium_content h4 {
	margin:0;
	font-size:1.15em;
}

.magnesium_content img {

}



/*##############################################*/

.split_kit {
	
}

.split_kit h2 {
	font-size:2.25em;
	font-weight:700;
	margin:0;
	color:#D1555A;
}

.split_kit h3 {
	font-size:1.25em;
	font-weight:600;
	color:#FFA489;
	margin:.0 0 0 0;
}

.split_kit h4 {
	font-size:1.25em;
	font-weight:600;
	
	margin:.75em 0 0 0;
}

.split_kit p {
	font-size:1em;
	margin:1em 0;
	line-height:1.5em;
}

.split_max_img img {
	width:100%;
	max-width:550px;
	height:auto;
	/* centering for mobile */
	display:block;
	margin:0 auto;
}

.valued_at {
	font-style: italic;
}

.split_kit ul {
	font-weight:500;
}

.split_kit ul li {
	font-size:1em;
	margin-bottom:.5em;
}

.split_kit ul li ul {
	margin:1em 0;
}

.single_kit {
	text-align:center;
}

.single_kit img {
	max-width:650px;
	height:auto;
}

.split_kit_double_img {
	display:flex;
	justify-content:space-between;
	align-content:flex-start;
	align-items:center;
	flex-flow:row nowrap;
}

.split_kit_double_img img {
	flex:1 1 50%;
	margin:5px;
	max-width:550px;
	height:auto;
}






/*
.consultant_testimonial {
	display:flex;
	justify-content:center;
	align-content:flex-start;
	align-items:stretch;
	flex-flow:row wrap;
}

.consultant_testimonial>div {
	flex:1 1 30%;
	max-width:30%;
	outline:1px solid #DDD;
	padding:20px 20px 60px 20px;
	margin:10px;
	position: relative;
}
*/

.consultant_testimonial {
	display:flex;
	flex-flow:row wrap;
	justify-content:center;
	align-items:stretch;
}

.consultant_testimonial>div {
	/* break on min-width */
	flex:1 1 30%;
	max-width:350px;
	min-width:250px;
	margin:0 10px 20px 10px;


	outline:1px solid #DDD;
	padding:20px 20px 60px 20px;
	margin:10px;
	position: relative;
}



.consultant_testimonial>div::before {
	content:url(img/Quotation_Marks_Single_small.svg);
	position:absolute;
	top:-10px;
	left:-15px;
	font-size:8em;
	font-family:Times;

	line-height:0;
}

.consultant_testimonial>div a {
	display:block;
	text-align:right;
	margin:2em 0 0 0;
	position:absolute;
	bottom:20px;
	right:30px;
	font-style:normal;
	font-weight:bold;
	color:#3F96B4;
}


.three_col_w_img {
	display:flex;
	justify-content:space-between;
	align-content:flex-start;
	align-items:flex-start;
	flex-flow:row nowrap;
}

.three_col_w_img>div {
	flex:1 1 33%;
	padding:10px;
}

.three_col_w_img img{
	width:100%;
	height:auto;
	max-width:375px;
	/* for mobile */
	display:block;
	margin:0 auto;
}

.three_col_w_img>div>div:first-child p {
	position: absolute;
	top:10px;
	left:10px;
	color:red;
	font-weight:bold;
}

.three_col_w_img h2 {
	font-size:1.25em;
	text-align:center;
}

p.addr {
	font-size: 1.25em;
	margin:0;
}

p.tel {
	font-size:1.5em;
	font-weight:600;
	margin:1em 0 0 0;
	line-height:.95em;

	color:#D1555A;
}
p.tel span {
	display:block;
	font-size:.65em;
	font-style: italic;
}





.contact_form_div input[type=text],
.contact_form_div select,
.contact_form_div textarea {
	width: 100%;
	max-width:600px;
	font-size:1.125em;
	padding:5px;
	display:block;
	margin-bottom:1em;
	border:none;
	outline:1px solid #AAA;
}



.contact_form_div textarea {
	height:6em;
}

.contact_form_div input[type=text]::placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #AAA;
	opacity: 1; /* Firefox */
}

.contact_form_div input[type=text]:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #AAA;
}

.contact_form_div input[type=text]::-ms-input-placeholder {
	/* Microsoft Edge */
	color: #AAA;
}


.contact_form_div input[type=text]:focus::placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: transparent;
	opacity: 1; /* Firefox */
}

.contact_form_div input[type=text]:focus:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: transparent;
}

.contact_form_div input[type=text]:focus::-ms-input-placeholder {
	/* Microsoft Edge */
	color: transparent;
}

.contact_form_div h3 {
	/* inherits color and line from gen_content */
	font-size:1.25em;
	margin:2em 0;
}


.autocomplete {
	/*the container must be positioned relative:*/
	position: relative;
	display: inline-block;
	width:100%;
	margin-bottom:1em;
}

.autocomplete input[type=text] {
	margin-bottom:0;
}

.autocomplete-items {
	position: absolute;
	border: 1px solid #967f25;
	border-bottom: none;
	z-index: 99;
	/*position the autocomplete items to be the same width as the container:*/
	top: 100%;
	left: -1px;
	right: 0;
	max-width:200px;
}
.autocomplete-items div {
	padding: 10px;
	cursor: pointer;
	background-color:#fdf6d8;
	border-bottom: 1px solid #967f25;
}
.autocomplete-items div:hover {
	/*when hovering an item:*/
	background-color: #e9e9e9;
}
.autocomplete-active {
	/*when navigating through the items using the arrow keys:*/
	background-color: DodgerBlue !important;
	color: #ffffff;
}



.split_col_skinny_right  {
	display:flex;
	flex-flow:row nowrap;
	justify-content:space-between;
	align-items:stretch;
}

.split_col_skinny_right>div {
	
}

.split_col_skinny_right >div:first-child {
	padding-right:20px;
	flex:1 1 60%;
}

.split_col_skinny_right >div:last-child {
	padding-left:20px;
	flex:1 1 40%;
}

.split_col_skinny_right h2 {
	margin:0;
	color:#3F96B4;
}


.split_col_blue_about h5 {
	xcolor:white;
	font-size:1.5em;
	line-height:1.5em;
	margin:1em 0 0 0;
}

.split_col_blue_about p {
	xcolor:white;
	line-height:1.5em;
	margin:1em 0 0 0;
}

.white_bordered_bar {
	border:1px double #3F96B4;
	border-left:none;
	border-right:none;
}


.white_bordered_bar>div {
	max-width:1200px;
	padding:0 20px;
	margin:0 auto;
	text-align:center;
}

.white_bordered_bar h2 {
	font-size:2em;
	color:#D1555A;
}



.blog_excerpts>div {
	display:table;
	margin-bottom:40px;
}

.blog_excerpts>div>div {
	display:table-cell;
	vertical-align:top;
}

.blog_excerpts>div>div:first-child {
	width:190px;
	padding-right:30px;

}

.blog_excerpts>div>div:first-child a {
	display:block;
	width:190px;
	height:190px;
	background-size: cover;
	background-position: center center;
}

.blog_excerpts h2 {
	font-size:1.75em;
	font-weight:600;
	margin:0;
	color:#3F96B4;
}

.blog_excerpts h2 a {
	text-decoration: none;
	color:#3F96B4;
	transition: color .25s;
}

.blog_excerpts h2 a:hover {
	color:#009491;
}

.blog_excerpts p {
	font-size:1em;
	margin:1em 0;
}

.blog_excerpts .readmore {
	color:#3F96B4;
	font-weight:bold;
	text-decoration:none;
	display:inline-block;
	margin-top:.5em;
}

.blog_excerpts .readmore:hover {
	color:#009491;
}


.postPagination {

}

.postPagination span,
.postPagination a {
	display:inline-block;
	margin:0 2px;

	justify-content: center;
	align-items: center;
	border-radius: 100%;
	text-align: center;
	display: inline-flex;
	width:35px;
	height:35px;
	font-weight:bold;
	font-size:1em;
}

.postPagination span {
	background-color:#009491;
	color:#E7D780;
}

.postPagination a {

	text-decoration:none;
	background-color:#E7D780;
	color:#333;
	border-radius:100px;

	transition:background-color 1.25s, color 1.25s;

}

.postPagination a:hover {
	transition:background-color .25s, color .25s;
	background-color:#967f25;
	color:#E7D780;
}


.consultant_bio {
	display:flex;
	justify-content:flex-start;
	align-content:flex-start;
	align-items:stretch;
	flex-flow:row nowrap;
}

.consultant_bio>div {
	
}

.rep_photo_big {
	width:100%;
	padding-bottom:100%;

	background-size:cover;
	background-position:center center;
}

.rep_bio_butt {
	width:100%;
	max-width:365px;
	margin-top:25px;
}

.rep_bio_left_col {
	flex: 0 1 365px;
	
}

.rep_bio_right_col {
	flex: 1 1 100%;
	padding-left:30px;
}

.rep_bio_right_col h2 {
	/* JE CONSULTANT */
	font-size: 1.125em;
	margin:0;
	font-weight:600;
	color:#3F96B4;
}

.rep_bio_right_col h2 sup {
	font-size:.35em;
}

.rep_bio_right_col h3{
	/* name */
	font-size: 2em;
	margin:0;
	font-weight:600;
}

.rep_bio_right_col h4{
	/* location */
	font-size: 1em;
	margin:0;
	font-weight:500;
	color:#8d9194;
}

.rep_bio_right_col p{
	/* bio */
	font-size: 1.125em;
	margin:2em 0 0 0;
	font-weight:400;
	line-height:1.75em;
}

.booklet_iframe {
	border:none;
	width:100%;
	height:375px;
	background:#fdf6d8;
}

.podcast_block h2 {
	color:#72A951;
	text-align:center !important;
	font: bold 2.5em "abril-display","Times New Roman",serif;
	margin:.5em 20px;
	text-shadow: 3px 3px 0px #FFFFFF;
}

.hp_vid_flex {
	display:flex;
	justify-content:space-between;
	align-items:center;
	align-content:flex-start;
	flex-flow:row nowrap;
	margin-top:60px;
}

.hp_vid_flex>div {
	box-sizing:border-box;
	flex:0 0 50%;
	text-align:center;
	padding:0 10px;
}

.hp_vid_flex img {
	width:100%;
	height:auto;
	max-width:500px;
	border-radius:10px;
	transition:opacity .25s;
	border:1px solid #CCC;
	margin:0;
	padding:0;
}

.hp_vid_flex img:hover {
	opacity:.75;
}

.loading-message {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	font-size: 1.25em;
	color: #fff;
	padding:20px;
	background: rgba(0, 0, 0, 0.7);
}


.vid_flex {
	display:flex;
	justify-content:space-between;
	align-items:center;
	align-content:flex-start;
	flex-flow:row nowrap;
	padding:0 20px;
	
	margin:0 auto;
}

.vid_flex>div {
	flex:0 0 50%;
}

.video_outlink_container,
.yt-video-container-outer {
	padding:10px;
}

.video_outlink_container img {
	width:100%;
	height:auto;
	max-width:730px;
	display:block;
}

.vid_iframe {
	border:none;
	width:100%;
	height:475px;
	background:white;
}


.yt-video-container-outer {
	width:100%;
	max-width:730px;
	margin-left:auto;
	margin-right:auto;
}

.yt-video-container {
	position:relative;
	padding-bottom:56.25%;
	height:0;
	overflow:hidden;
	max-width:900px;
}

.yt-video-container iframe,
.yt-video-container object,
.yt-video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}






/* ############### REP SEARCH ############ */



.searchtype_button {
	background-color:#E7D780;
	padding:10px;
	/*font-size: 1.25em;*/
	font-size: 1em;
	font-weight: 600;
	margin-top:20px;
	border-radius: 8px;
	/*cursor: pointer;*/
	transition:background-color .25s;
}

.searchtype_button:hover {
	/*background-color:#e6cb5e;*/
}

.searchtype_hidden_div {
	width:95%;
	margin:0 auto;
	padding:20px;
	border:1px solid #CCC;
	border-top:none;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	/*display:none;*/

}

.searchtype_fields label {
	display:block;
	margin:20px 0 5px 0;
	font-size: 1em;
	font-weight:600;
	color:#666;
}

.searchtype_fields input[type=text],
.searchtype_fields select {
	font-size: 1.25em;
	padding:5px;
	border:1px solid #CCC;
	outline:none;
	width:100%;
	max-width:400px;
}

.searchtype_fields input[type=button] {
	font-size: 1em;
	font-weight: 400;
	padding:8px;
	border:1px solid #497637;
	outline:none;
	margin-top:20px;
	cursor:pointer;
	background-color: #497637;
	border-radius:0;
	color:white;
	transition: background-color .25s;

	border:none;
}

.searchtype_fields input[type=button]:hover {
	background-color: #72A951;
}


.generic_overlay {
	display:none;
	position:fixed;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,.75);
	top:0;
	left:0;
	z-index:99999;
}

.search_wait {
	position: absolute;
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);

	text-align:center;
	color:white;
	font-size:.75em;
}

.search_wait svg,
.search_wait img {
	width:75%;
	height:75%;
	opacity:.75;
}

.search_wait img {
	-webkit-animation: waitspin 2s infinite linear;
	animation: waitspin 2s infinite linear;
}


@-webkit-keyframes waitspin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}


#rep_search_results {
	background-color:#FCFCFC;
	margin-top:40px;
	padding:20px;
	display:none;
}

.rep_search_row {
	border-bottom:1px solid #3F96B4;
	padding-bottom:15px;
	margin-bottom:15px;
}


#rep_search_results h2 {
	font-family: "Inter",Arial,sans-serif;
	font-size:1.5em;
	font-weight:500;
	color:#D1555A;
	margin:0;
	text-transform:uppercase;
	transition: font-size .25s;
}

#rep_search_results h3 {
	font-size:1em;
	font-weight:500;
	color:#333;
	margin:0;
	transition: font-size .25s;
}

#rep_search_results h5 {
	font-size:1.25em;
	font-weight:500;
	color:#333;
	margin:0 0 0 0;
	transition: font-size .25s;
	border-bottom:1px solid #333;
}

.rep_result_returned_terms {
	margin:5px 0 16px 0;
}

.rep_result_returned_terms span {
	font-style:italic;
	color:#999;
}


.rep_result_button_wrap {
	margin-top:20px;
}

.rep_search_result_butt {
	display:inline-block;
	background-color:#497637;
	color:white;
	text-align:center;
	text-decoration: none;

	font-size:1em;
	font-weight: 400 !important;
	padding:8px 20px;
	/* border-radius: 30px; */
	transition: background-color .25s;
	margin-right:10px;
}

.rep_search_result_butt:hover {
	background-color:#009491;
	color:white;
}

.continue_shopping_repsearch_button {
	background-color:#D1555A;
	font-weight:bold;
}

.continue_shopping_repsearch_button:hover {
	background-color:#FFA489;
}

.emlink {
	cursor:pointer;
}

#search_consultant_warn {
	margin-top:1em;
	font-size: 1em;
	font-weight: 500;
	color:#DD0000;
	display:none;
}


/* ############### END REP SEARCH ############ */

.color_pink {
	color:#D1555A;
}

.very_large {
	/* only on feeding america number */
	font-size:6em;
	font-weight:700;
}

p.no_top_marg {
	margin-top:0;
}

#modal_form_messages {
	font-size:1.125em;
	color:#497637;
	background-color:white;
	border:1px solid #CCC;
	padding:20px;
	display:none;

	position:fixed;
	top:50%;
	left:50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%); 
	
	z-index:99999999;
	box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.15);

	width:90%;
	max-width:500px;
}

#modal_form_messages h4 {
	font-size:1.5em;
	margin:0;
}

#modal_form_messages .modal_message {
	margin:1em 0;
}

.top_thanks {
	margin-top:40px;
	border:1px solid #72A951;
	border-left:none;
	border-right:none;
	padding:15px 0;
	text-align:center;
	display:none;
}

.top_thanks h2 {
	margin:0;
	padding:0;
}

.top_thanks p {
	margin:0;
	padding:0;
	font-size:1.25em;
}



.skincare_header h3 {
	color:#3F96B4;
	font-size:1.75em;
	transition:color .25s;
	cursor:pointer;
}

.skincare_header h3 span {
	display:inline-block;
	transform: rotate(90deg);
	transition: transform .5s;
}

.skincare_header h3:hover {
	color:#009491;
}

.skincare_header h3 strong {
	display:inline-block;
	width:1.25em;
}




.skincare_blocks_wrap {
	display:flex;
	justify-content:center;
	align-content:center;
	align-items:stretch;
	flex-flow:row wrap;

	width:100%;
}

.skincare_blocks_wrap>div {

	
	/* accomodate for height of pricebar */
	padding:25px 25px 10px 25px;
	margin:10px;
	border-radius:5px;
	position:relative;
	color:white;

	display:flex;
	justify-content:space-between;
	align-content:stretch;
	align-items:center;
	flex-flow:column nowrap;
}


.skincare_blocks_wrap.four_wide_blocks>div {
	flex:0 1 23%;
	max-width:400px;
}

.skincare_blocks_wrap.three_wide_blocks>div {
	flex:0 1 30%;
	max-width:400px;
}

.skincare_blocks_wrap.two_wide_blocks>div {
	flex:0 1 45%;
	max-width:600px;
}


.skincare_blocks_wrap>div>* {

	/*border:1px solid yellow;*/

}

.skincare_solo_item {
	display:flex;
	justify-content:space-between;
	align-content:flex-start;
	align-items:stretch;
	flex-flow:row nowrap;
}

.skincare_solo_item>div {
	
}

.skincare_solo_item>div:first-child {
	flex:1 0 25%;
	text-align:center;
}

.skincare_solo_item>div:last-child {
	flex:1 1 75%;
	padding-left:20px;
}

.skincare_solo_item img {
	width:100%;
	max-width:225px;
	height:auto;
}


.skincare_blocks_wrap h3,
.skincare_solo_item h3
{
	font-size:1.35em;
	margin:0;
}

.skincare_blocks_wrap  h5 {
	font-size:1.25em;
	margin:0;
}

.skincare_blocks_wrap p,
.skincare_solo_item p {
	line-height:1.5em;
}




.skincare_blocks_wrap>div:nth-child(6n-5) {
	/*1*/
	background-color:#72A951;
}

.skincare_blocks_wrap>div:nth-child(6n-4) {
	/*2*/
	background-color:#009491;
}

.skincare_blocks_wrap>div:nth-child(6n-3) {
	/*3*/
	background-color:#D1555A;
}

.skincare_blocks_wrap>div:nth-child(6n-2) {
	/*4*/
	background-color:#999;
}

.skincare_blocks_wrap>div:nth-child(6n-1) {
	/*5*/
	background-color:#ED7800;
	/*color:#967f25;*/
}

.skincare_blocks_wrap>div:nth-child(6n) {
	/*6*/
	background-color:#497637;
}


/*
.skincare_blocks_wrap>div:nth-child(4n-1) {
	background-color:#ED7800;
	xcolor:#967f25;
}

.skincare_blocks_wrap>div:nth-child(4n-2) {
	background-color:#62b7b7;
}

.skincare_blocks_wrap>div:nth-child(4n-3) {
	background-color:#72A951;
}

.skincare_blocks_wrap>div:nth-child(4n) {
	background-color:#D1555A;
}
*/


.skincare_priceline_simple {
	font-size:.875em;
	font-style:italic;
	padding:15px 0 10px 0;
	border-top:1px solid rgba(255,255,255,.75);
	width:100%;
}

/*
ul.skincare_priceline {
	display:flex;
	justify-content:space-between;
	align-content:flex-start;
	align-items:center;
	flex-flow:row nowrap;

	padding:15px 0 10px 0;
	margin:0;

	list-style:none;
	border-top:1px solid #CCC;
	width:100%;
}

.skincare_priceline>li {
	font-size:.875em;
	font-style:italic;
}


.skincare_priceline>li:first-child {
	padding-right:5px;
	flex:1 1 100%;
}

.skincare_priceline>li:last-child {
	padding-left:5px;
	text-align:right;
	width: fit-content;
}
*/

.hidden_skincare {
	display:none;

	
	margin:0 auto 20px auto;

	xmax-width:1200px;

	padding-left:20px;
	padding-right:20px; 
	padding-bottom:20px;

	border-bottom:5px dotted #E7D780;
}

.skincare_big_img img {
	width:100%;
	max-width:450px;
	height:auto;
}

.skincare_button {
	background-color:white;
	color:#333;
	display:inline-block;
	margin:0 12px 0 0;
	padding:5px 10px;
	/*border-radius: 30px;*/
	text-decoration:none;
	font-size:1em;
	font-weight:600;
	font-style:normal;

	
	transition: transform .25s;
	

	border-width:2px;
	border-style:solid;
}

.skincare_button:hover {
	color:#999;
	transform: scale(1.05);
}


.skincare_blocks_wrap>div .skincare_button{
	/*1*/
	border-color:rgba(0,0,0,.5);
	mix-blend-mode: screen;
	color:#333;
}



/*
.skincare_blocks_wrap>div:nth-child(4n) .skincare_button{
	border-color:#FFA489;
	color:#FFA489;
}

.skincare_blocks_wrap>div:nth-child(4n-1) .skincare_button{
	border-color:#967f25;
	color:#967f25;
}

.skincare_blocks_wrap>div:nth-child(4n-2) .skincare_button{
	border-color:#009491;
	color:#009491;
}

.skincare_blocks_wrap>div:nth-child(4n-3) .skincare_button{
	border-color:#497637;
	color:#497637;
}
*/


.skincare_splitcol {
	align-items:center;
	border:5px dotted #CCC;
	border-left:none;
	border-right:none;
	padding:40px 20px;
}

.skincare_splitcol h4 {
	color:#333;
}




/******************************************************/


.skincare_blocks_wrap_with_images {
	display:flex;
	justify-content:center;
	align-content:center;
	align-items:stretch;
	flex-flow:row wrap;

	width:100%;
}


.sk_block_with_img {
	flex:0 1 50%;

	display:flex;
	justify-content:space-between;
	align-content:flex-start;
	align-items:stretch;
	flex-flow:row nowrap;

	margin-top:30px;
	border-bottom:1px solid #CCC;
}

.sk_block_with_img>div:first-child img {
	width:100%;
	max-width:200px;
	height:auto;
}

.sk_block_with_img>div:first-child {
	/* IMG DIV */
	flex:0 1 40%;
	text-align:center;
	padding:5px;
}

.sk_block_with_img>div:last-child {
	/* TXT DIV */
	flex:0 1 60%;
	max-width:600px;

	/* accomodate for height of pricebar */
	padding:10px 10px 25px 10px;
	margin:10px;
	border-radius:5px;
	position:relative;
	
	display:flex;
	justify-content:space-between;
	align-content:stretch;
	align-items:center;
	flex-flow:column nowrap;
}

.skincare_blocks_wrap_with_images h5 {
	font-size:1.25em;
	margin:0;
}

.skincare_blocks_wrap_with_images p {
	font-size:.875em;
	line-height:1.25em;
}


/*************************************************/

.skincare_blocks_wrap_with_images .skincare_button{
	background-color:#3F96B4;
	color:white;
	border:none;
}

.skincare_blocks_wrap_with_images.image_on_top .sk_block_with_img {
	flex-direction:column;
	flex:0 1 30%;
	padding:0;
	margin:0 ;
}
.skincare_blocks_wrap_with_images.image_on_top .sk_block_with_img>div {
	padding:10px;
	margin:0;
}

h2.makeup_sub {
	font-size:2em;
	color:#3F96B4;
}


.skincare_micro_blocks {
	display:flex;
	justify-content:center;
	align-content:flex-start;
	align-items:stretch;
	flex-flow:row wrap;
}

.sk_block_simple {
	flex:0 1 15%;
	text-align:center;
	min-width:160px;
	margin-top:20px;
	border-bottom:1px solid #CCC;

	display:flex;
	justify-content:space-between;
	align-content:stretch;
	align-items:stretch;
	flex-flow:column nowrap;
}

.sk_block_simple img {
	width:100%;
	max-width:150px;
	height:auto;
}

.sk_block_simple>div {
	
}

.sk_block_simple p {
	margin:0;
	font-size:.875em;
	font-weight:500;
}

.sk_block_simple .skincare_button {
	margin:5px 0 0 0;
	background-color:#3F96B4;
	color:white;
	border:none;
}

.hidden_foundation {
	display:none;
}

.show_hid_foundations_button {
	display:inline-block;
	color:white;
	cursor:pointer;
	font-weight:600;
	padding:5px 15px;
	background-color:#D1555A;
	
	/* border-radius: 30px; */
	transition: color .25s, background-color .25s;
	font-size:.875em;
}

.show_hid_foundations_button:hover {
	background-color:#FFA489;
	color:white;
}

/******************************************/


.frag_purple { background-color:#9853a3;}
.frag_border_purple { border-color:#9853a3;}
.frag_txt_purple { color:#9853a3;}

.frag_blue1 { background-color:#8ed1c8;}
.frag_border_blue1 { border-color:#8ed1c8;}
.frag_txt_blue1 { color:#8ed1c8;}

.frag_orange { background-color:#de8527;}
.frag_border_orange { border-color:#de8527;}
.frag_txt_orange { color:#de8527;}

.frag_blue2 { background-color:#6ca89e;}
.frag_border_blue2 { border-color:#6ca89e;}
.frag_txt_blue2 { color:#6ca89e;}

.frag_brown { background-color:#bc9268;}
.frag_border_brown { border-color:#bc9268;}
.frag_txt_brown { color:#bc9268;}

.frag_yel { background-color:#ebd462;}
.frag_border_yel { border-color:#ebd462;}
.frag_txt_yel { color:#ebd462;}

.frag_pink { background-color:#f27f7c;}
.frag_border_pink { border-color:#f27f7c;}
.frag_txt_pink { color:#f27f7c;}


.fragrance_boxes {
	display:flex;
	justify-content:center;
	align-content:flex-start;
	align-items:stretch;
	flex-flow:row wrap;
}

.fragrancebox {
	flex:0 0 20%;
	min-width:225px;
	border-width:3px;
	border-style:solid;
	border-radius: 10px;
	padding:15px 15px 0 15px;
	margin:10px;

	display:flex;
	justify-content:space-between;
	align-content:flex-start;
	align-items:center;
	flex-flow:column nowrap;
}

.fragrancebox img {
	max-width:100%;
	height:auto;
	border-radius:10px;
}

.fragrancebox h3 {
	margin:0 0 .51em 0;
	text-align:center;
	font-weight:800;
}

.fragrancebox p {
	margin:0;
}

.subheader_set {
	margin-top:30px;
	margin-bottom:30px;
}

.subheader_set h2 {
	font-size:1.75em;
	margin:0;
}
.subheader_set p {
	font-size:1.125em;
	margin:0;
}




.scent_micro_blocks {
	display:flex;
	justify-content:center;
	align-content:flex-start;
	align-items:stretch;
	flex-flow:row wrap;
}

.sk_scent_simple {
	flex:0 1 22%;
	text-align:center;
	min-width:200px;
	margin:20px 1% 0 1%;


	display:flex;
	justify-content:space-between;
	align-content:stretch;
	align-items:stretch;
	flex-flow:column nowrap;

	padding:10px;

	border-width:3px;
	border-style:solid;
	border-radius: 5px;
}

.sk_scent_simple img {
	width:100%;
	max-width:150px;
	height:auto;
}

.sk_scent_simple>div {
	
}

.sk_scent_simple p {
	margin:0;
	font-size:.875em;
	font-weight:500;
}

.sk_scent_simple .skincare_button {
	margin:5px 0 0 0;
	background-color:#3F96B4;
	color:white;
	border:none;
}


.buynow_button_set {
	display:inline-flex;
	justify-content:space-between;
	align-content:flex-start;
	align-items:center;
	flex-flow:column nowrap;
	font-size:.875em;
	font-weight:600;
	margin-right:5px;
}

.buynow_button_set>div {
	flex:1 1 100%;
	outline:1px solid blue;
}

.buynow_button_set a {
	display:inline-block;
	background-color:#D1555A;
	color:white;
	text-align:center;
	text-decoration: none;

	font-size:1em;
	font-weight: 500;
	padding:5px 20px;
	/*border-radius: 30px;*/
	transition: background-color .25s;
	margin-top:5px;
}

.buynow_button_set a:hover {
	background-color: #FFA489;
	color:white;
}

.search404 input[type=text] {
	width:100%;
	max-width:400px;
	padding:5px;
	border:none;
	outline:2px solid #3F96B4;
	border-radius:10px;
	margin-bottom:1em;
}

.search404 input[type=submit] {
	display:inline-block;
	background-color:#3F96B4;
	color:white;
	text-align:center;
	text-decoration: none;

	font-size:1.125em;
	font-weight: 600;
	padding:5px 30px;
	/*border-radius: 30px;*/
	transition: background-color .25s;
	border:none;
}

.search404 input[type=submit]:hover {
	background-color: #009491;
	color:white;
}



.nl_error_message {
	font-weight:bold;
	font-size:1em;
	color:red;
	display:none;
}

#signup_form_footer .nl_error_message {
	font-weight:normal;
	padding-bottom:3px;
}

.email_signup_box {
	position:fixed;
	bottom:0;
	right:20px;
	background-color:white;
	padding:10px;
	max-width:470px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); 
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	z-index:2;

	display:none;
}

.email_pre_signup {
	position:relative;
}

.cancel_x {
	background-color:white;
	position:absolute;
	top:-5px;
	right:-5px;
	padding:5px 8px;
	border:1px solid black;
	cursor:pointer;
	transition: background-color .25s, color .25s;
	border-radius:5px;
}

.cancel_x:hover {
	background-color:#990000;
	color:white;
}

.email_signup_box>div {
	/* inner div with border */
	border:7px solid #333;
	padding:10px;
}


.email_signup_box p {
	font-size:1em;
	text-align:center;
	margin:.5em 0;
}

.email_signup_header {
	text-align:center;
}

.email_signup_header img {
	width:100%;
	height:auto;
	max-width:150px;
	margin-top:10px;
}

.email_signup_header h3 {
	margin:0;
	color:#333;
	font-size:2.25em;
}


.email_signup_header p {
	margin:5px 0;
	padding:10px 0;
	border:2px solid #3F96B4;
	border-left:none;
	border-right:none;

	color:#009491;

	font-size:1em;
	font-weight:bold;
}

.email_signup_box h4 {
	margin:0;
	color:#3F96B4;
	font-size:1.25em;
	text-align:right;
	font-weight:500;
}

.email_signup_box svg {
	width:100%;
	height:auto;
	max-width:150px;
}

#signup_form input[type=text],
#signup_form input[type=email] {
	width:100%;
	font-size:1.125em;
	padding:3px;
	margin-top:5px;

	border-left:2px solid #666;
	border-top:2px solid #666;

	border-right:2px solid #bbb;
	border-bottom:2px solid #bbb;
}


.signup_butt_split {
	display:flex;
	
	justify-content:space-between;
	align-items:center;
	align-content:flex-start;
	
	flex-flow:row nowrap;
	margin-top:10px;
}

.signup_butt_split>div {
	flex:1 1 70%;
}

.signup_butt_split>div:last-child {
	text-align:right;
	flex:1 1 30%;
}


#signup_form input[type=submit],
#signup_form input[type=button] {
	border:0;
	outline:0;
	color:white;
	/*font-size:1.125em;*/
	font-size:1.05em;
	padding:5px;
	margin-top:10px;
	cursor:pointer;
	transition: background-color .25s;
	padding:5px 15px;
	width:95%;
}


#signup_form input[type=submit] {
	background-color:#497637;
}

#signup_form input[type=submit]:hover {
	background-color: #72A951;
}

#signup_form input[type=button] {
	background-color:#497637;
}

#signup_form input[type=button]:hover {
	background-color: #72A951;
}

@media all and (max-width:500px) {
	.signup_butt_split {
		flex-direction:column;
		width:100%;
	}
	.signup_butt_split>div {
		flex:1 1 100%;
		width:100%;
		text-align:center !important;
	}

	#signup_form input[type=submit],
	#signup_form input[type=button] {
		width:auto;
	}
}





.email_post_signup {
	display:none;
}

.signup_tiny {
	font-size:.75em;
	margin-top:10px;
}

.email_wait {
	background-color:rgba(0,0,0,.75);
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:none;
}


.email_wait_loader {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
	position:absolute;
	top:50%;
	left:50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%); 

}
.email_wait_loader div {
	position: absolute;
	border: 4px solid white;
	opacity: 1;
	border-radius: 50%;
	animation: email_wait_loaderanim 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.loader div:nth-child(2) {
	animation-delay: -0.5s;
}
@keyframes email_wait_loaderanim {
	0% {
		top: 36px;
		left: 36px;
		width: 0;
		height: 0;
		opacity: 1;
	}
	100% {
		top: 0px;
		left: 0px;
		width: 72px;
		height: 72px;
		opacity: 0;
	}
}



.host_header {
	text-align:center;
}

.host_header img{
	width:100%;
	height:auto;
	max-width:750px;
}

.host_header h1 {
	font-weight:300;
	text-transform:uppercase;
	letter-spacing:.15em;
	text-align:center;
	font-size:4em;
	color:#8e9b68;
	margin:0;
}

.host_header p {
	font-size:1.25em;
	margin:0;
}

.host_header p:first-of-type {
	margin-top:20px;
}


.hostgrid {
	display:flex;
	
	justify-content:space-between;
	align-items:stretch;
	align-content:flex-start;
	
	flex-flow:row wrap;
}


.hostgrid>div {
	flex:0 0 50%;
	text-align:center;
	
	border:15px solid white;
}

.hostgrid>div:nth-child(1) {
	background-color:#D1555A;
}

.hostgrid>div:nth-child(2) {
	background-color:#3F96B4;
}

.hostgrid>div:nth-child(3) {
	background-color:#e6cb5e;
}

.hostgrid>div:nth-child(4) {
	background-color:#72A951;
}

.hostgrid h2 {
	font-weight:500;
	text-transform:uppercase;
	color:white;
	margin:0;
	padding:15px;
	font-size:2em;
}

.hostgrid>div>div {
	width:100%;
	xpadding-bottom:85%;
	background-color:#CCC;
}

.hostgrid>div img {
	width:100%;
	height:auto;
	max-width:550px;
}

.book_button_wrap {
	text-align:center;
}

.host_special_wrap img {
	width:100%;
	height:auto;
	max-width:600px;
	display:block;
	margin-left:auto;
	margin-right:auto;
}


/* ####  H3 WITH A LINE THROUGH ###### */
.host_special_wrap h3 {
	font:400 1.75em "Inter",Arial,sans-serif;
	color:#72A951;
	margin:60px 0;
	text-transform: uppercase
}

.host_special_wrap h3 {
	overflow: hidden;
	text-align: left;
	padding-left:30px;
}

.host_special_wrap h3:before,
.host_special_wrap h3:after {
	/* background-color: #72A951; */
	content: "";
	display: inline-block;
	height: 2px;
	position: relative;
	vertical-align: middle;
	width: 50%;

	border-top:3px dotted #72A951;
}

.host_special_wrap h3:after {
	width:100%;
}

.host_special_wrap h3:before {
	right: 0.5em;
	margin-left: -50%;
}

.host_special_wrap h3:after {
	left: 0.5em;
	margin-right: -100%;
}


.rewards_table_h4 {
	width:90%;
	max-width:900px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:.5em;
	font-size:1.55em;
}

.host_rewards_table {
	border-collapse:collapse;
	width:90%;
	max-width:900px;
	margin-left:auto;
	margin-right:auto;
}

.host_rewards_table td,
.host_rewards_table th {
	border:1px solid #999;
	padding:10px 5px;
	text-align:center;
	font-size:1.125em;
}

.host_rewards_table th {
	background-color:#96dddd;
}

.host_rewards_table_row_hilight {
	background-color:#b6d55d;
}


.bonus_stuff {
	max-width:900px;
	margin-left:auto;
	margin-right:auto;

	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	align-content:flex-start;
	flex-flow:row nowrap;
	
}

.bonus_stuff>div {
	flex:0 0 50%;
	margin:0;
}

.bonus_stuff>div:first-child {
	border-right:1px solid #333;
	padding-right:20px;
}

.bonus_stuff>div:last-child {
	padding-left:20px;
}

.bonus_stuff h2 {
	font:2em 'Arial Black',sans-serif;
	margin:0;
	font-weight:bold;
	color:#497637;
	text-transform: uppercase;
}

.bonus_stuff p {
	margin:.5em 0 0 0;
	font-size:1.5em;
}


.shop_link_trigger {
	
}


.login_request_overlay {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	/*background-color:rgba(134,205,205,.85);*/
	background-color:rgba(0,0,0,.65);
	display:none;
	z-index:30;
	padding:0;
	margin:0;
}

.login_request_overlay>div {
	position:absolute;
	top:50%;
	left:50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%); 
	padding:20px;
	background-color:white;
	border-radius:5px;
	width:90%;
	max-width:500px;
}

.login_request_cancel {
	position:absolute;
	top:-12px;
	right:-12px;
	background-color:black;
	color:white;
	border:3px solid white;
	border-radius:100px;
	padding:12px 5px;
	font-weight:bold;
	cursor:pointer;
	font-size:16px;
	line-height:0;
}

.login_request_cancel:hover {
	background-color:#660000;
}

.login_request_button {
	xdisplay:inline-block;
	padding:10px 20px;
	
	border-radius:5px;
	font:normal 1.25em Arial,sans-serif;
	transition: opacity .25s;
	cursor:pointer;
	color:white;
	text-align:center;
}

.login_request_button span {
	display:block;
	font-size:.80em;
	opacity:.5;
}

.lrb_yes {
	background-color:#497637;
}

.lrb_yes:hover {
	opacity:.5;
}

.lrb_no {
	background-color:#30a1bc;
	margin-top:10px;
}

.lrb_no:hover {
	opacity:.5;
}








.split_col2 {
	display:flex;
	flex-flow:row nowrap;
	justify-content:space-between;
	align-items:center;

	max-width:1400px;
	margin-left:auto;
	margin-right:auto;
	padding-left:20px;
	padding-right:20px;
}

.split_col2.stretched {
	align-items:stretch;
}

.split_col2.stretched>div{
	position:relative;
	
}

.split_col2>div {
	flex:0 0 50%;
}



.split_col2.img_left>div:last-child {
	padding:20px 0 20px 40px;
}

.split_col2.img_right>div:first-child {
	padding:20px 40px 20px 0;
}

.split_col2.img_left>div:first-child img,
.split_col2.img_right>div:last-child img {
	width:100%;
	height:auto;
	max-width:675px;
	display:block;
}


/* SPLIT COLUMN WITH CONTENT IN CENTER */


.split_col_center_content {
	display:flex;
	justify-content:space-between;
	align-items:stretch;
	align-content:flex-start;
	flex-flow:row nowrap;

	max-width:1400px;
	margin-left:auto;
	margin-right:auto;
	padding-left:20px;
	padding-right:20px;
}


.split_col_center_content>div:first-child ,
.split_col_center_content>div:last-child {
	flex:0 0 20%;
	min-width:150px;
}

.split_col_center_content>div:nth-child(2) {
	padding:0 50px;
	flex:0 0 60%;
}

.split_col_center_content>div:first-child img,
.split_col_center_content>div:last-child img {
	width:100%;
	height:auto;
	max-width:500px;
	display:block;
}

.split_col_center_content>div:first-child video,
.split_col_center_content>div:last-child video {
	width:100%;
	height:auto;
	max-width:500px;
	display:block;
	cursor:pointer;
}






.flex_img_vid {
	display:flex;
	justify-content:space-between;
	align-items:stretch;
	align-content:flex-start;
	flex-flow:row nowrap;
}

.flex_img_vid>div {
	xborder:1px solid red;
}

.flex_img_vid>div:first-child {
	flex:0 0 59.25%;
	border-right:10px solid white;
}

.flex_img_vid>div:last-child {
	flex:1 1 100%;
}

.flex_img_vid img {
	display:block;
}

.flex_img_vid>div video {
	width:100%;
	height:auto;
	max-width:337px;
	display:block;
}


.split_col2 a.learnmore,
.testimonail_split_col a.learnmore,
.content a.learnmore
{
	display:inline-block;
	font:normal 2em "abril-display","Times New Roman",serif;
	font-style: italic;
	color:#497637;
	margin:0 auto;
	text-align:center;
	text-decoration: none;
}

.split_col2 a.learnmore:hover,
.testimonail_split_col a.learnmore:hover,
.content a.learnmore:hover{
	color:#6eab55;
}


.split_col_25_75 {
	display:flex;
	flex-flow:row nowrap;
	justify-content:space-between;
	align-items:center;

	max-width:1400px;
	margin-left:auto;
	margin-right:auto;
	padding-left:20px;
	padding-right:20px;
} 

.split_col_25_75>div:first-child {
	flex:0 0 25%;
	text-align:center;
}

.split_col_25_75>div:last-child {
	padding-left:40px;
}
.split_col_25_75>div:first-child img {
	width:100%;
	height:auto;
	max-width:400px;
}

.split_col_25_75 h2 {
	font-size:2em;
	text-align:left;
}


p.centered_skinny {
	max-width:700px;
	margin-left:auto;
	margin-right:auto;
	font-size:1.25em;
}

p.large_p_skinny {
	font-size:1.75em;
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
}


.three_col_blocks {
	display:flex;
	justify-content:space-between;
	align-content:stretch;
	align-items:flex-start;
	flex-flow:row nowrap;



}


.three_col_blocks >div {
	flex:0 0 33%;
	padding:0 7px;
}



.three_col_blocks img{
	width:100%;
	height:auto;
	max-width:500px;
	/* for mobile */
	display:block;
	margin:0 auto;
}

.three_col_blocks h3 {
	margin:.5em 0 0 0;
	font:300 1.65em "Inter",Arial,sans-serif;
}

.three_col_blocks p {
	font-size:1em;
	line-height:1.125em;
	margin:.25em 0 0 0;
	letter-spacing: .005em;
}

.icon_content_split {
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	align-content:flex-start;
	flex-flow:row nowrap;
	margin-top:2em;
}

.icon_content_split>div:first-child {
	flex:0 0 100px;
}

.icon_content_split>div:last-child {
	padding-left:30px;
}


.icon_content_split img {
	width:100%;
	height:auto;
	max-width:100px;
}

.icon_content_split h3 {
	margin:.5em 0 0 0;
	font:300 1.35em "Inter",Arial,sans-serif;
}

.icon_content_split p {
	font-size:1em;
	line-height:1.125em;
	margin:.75em 0 0 0;
	letter-spacing: .005em;
}


.header_set {
	text-align:center;
}

.header_set h1 {
	font:bold 6em "abril-display","Times New Roman",serif;
	color:#497637;
	margin:.15em 0 0 0;
	text-align:center;
}

.header_set h3 {
	font:normal 2.5em "abril-display","Times New Roman",serif;
	font-style: italic;
	color:black;
	margin:0;
	text-align:center;
}
.header_set h2 {
	font:bold 5em "abril-display","Times New Roman",serif;
	color:#497637;
	margin:.15em 0 0 0;
	text-align:center;
}
.header_set  h2 span {
	font: .80em "Inter",Arial,sans-serif;
	text-transform: uppercase;
	color:black;
}

.header_set h4 {
	font:bold 3.5em "abril-display","Times New Roman",serif;
	color:#497637;
	margin:.15em 0 0 0;
	text-align:center;
}

.header_set h5 {
	font: 300 3.5em "Inter",Arial,sans-serif;
	text-transform: uppercase;
	color:black;
	margin:0;
}


.header_set p {
	font: 300 3.5em "Inter",Arial,sans-serif;
	color:black;
	margin:0;
}

p.header_set_sub1 {
	font: 700 2.25em "Inter",Arial,sans-serif;
	color:black;
	margin:0;
}

p.header_set_sub2 {
	font: 400 2em "Inter",Arial,sans-serif;
	margin:1em 0 0 0;
}

ol.blue_nums {
	text-align:left;
	font:800 1.25em Arial,sans-serif;
	color:#3F96B4;
}

ol.blue_nums li span {
	text-align:left;
	font: 1em "Inter",Arial,sans-serif;
	color:black;
}

.box_with_offset_bkg {
	position:relative;
	display: inline-block;
	border:2px solid #3F96B4;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
}

.box_with_offset_bkg h2 {
	margin:0;
	font:bold 1.75em "abril-display","Times New Roman",serif;
	color:#497637;
}

.box_with_offset_bkg h3 {
	margin:0;
	font:bold 1.75em Arial,sans-serif;
	color:#3F96B4;
}

.box_with_offset_bkg p {
	font-size:1.5em;
	margin:0;
	font-weight:bold;
}

.big_box_with_offset_bkg {
	position:relative;
	border:2px solid #72A951;
	padding:20px;
	width:90%;
	margin-left:auto;
	margin-right:auto;
}


.blue_offset_box {
	position:absolute;
	top:-2%;
	right:-2%;
	width:100%;
	height:100%;
	z-index:-1;
	background-color:#f0f8fa;
}

.green_offset_box {
	position:absolute;
	bottom:-10px;
	left:-10px;
	width:100%;
	height:100%;
	z-index:-1;
	background-color:#e6f1e0;
}

.split_stat {
	display:flex;
	justify-content:space-between;
	align-items:center;
	align-content:center;
	flex-flow:row nowrap;
	max-width:400px;
	margin-left:auto;
	margin-right:auto;
}

.split_stat>div {

}

.split_stat>div:first-child {
	color:#3F96B4; 
	font:bold 8em "abril-display","Times New Roman",serif;
}

.split_stat>div:first-child sup {
	font-size:.5em;
}

.split_stat>div:last-child {
	text-align:right;
	font-size:1.5em;
}
.split_stat>div:last-child i {
	color:#3F96B4;
	font-weight:bold;
}


.mag_droplet_background {
	background-image: url(/wp-content/uploads/droplet.jpg);
	background-size:contain;
	background-position: center center;
	background-repeat: no-repeat;
	position:relative;
}

div.mag_droplet_background div {
	position:absolute;
	top:50%;
	left:50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%); 
	width:100%;
}


.mag_droplet_background h2 {
	display:inline-block;
	max-width:500px;
	font-style:normal;
}

.mag_droplet_background ul{
	text-align:left;
	font-size:1.125em;
	width:100%;
	max-width:360px;
	margin:1em auto;
}

.mag_droplet_background ul li {
	margin-top:.5em;
}


.mag_droplet_background ul li:last-child {
	list-style:none;
}




.mag_three_col_blocks {
	display:flex;
	justify-content:space-between;
	align-content:stretch;
	align-items:flex-start;
	flex-flow:row nowrap;
}


.mag_three_col_blocks >div {
	flex:0 0 33%;
	padding:0 10px;
}

.mag_three_col_blocks img{
	width:100%;
	height:auto;
	max-width:500px;
	/* for mobile */
	display:block;
	margin:0 auto;

	border-radius:500px;
}

.mag_three_col_blocks h3 {
	margin:.5em 0 0 0;
	font:300 1.65em Arial,san;
	font-style: italic;
	color:#497637;
}

.mag_three_col_blocks p {
	font-size:1.25em;
	line-height:1.125em;
	margin:.25em 0 0 0;
	letter-spacing: .005em;
}


.mag_four_col_blocks {
	display:flex;
	justify-content:center;
	align-content:stretch;
	align-items:flex-start;
	flex-flow:row wrap;
}


.mag_four_col_blocks >div {
	flex:0 0 25%;
	padding:20px 15px;
	min-width:250px;
}

.mag_four_col_blocks img{
	width:100%;
	height:auto;
	max-width:500px;
	/* for mobile */
	display:block;
	margin:0 auto;
	transition:opacity .25s;
}

.mag_four_col_blocks a img:hover {
	opacity:.65;
}

.mag_four_col_blocks h3 {
	margin:.5em 0 0 0;
	font:bold 2.5em Arial,sans-serif;
	color:#497637;
	text-transform: uppercase
}

.mag_four_col_blocks p {
	font-size:1.125em;
	line-height:1.125em;
	margin:.25em 0 0 0;
	letter-spacing: .005em;
}

h3.renew {
	color:#6191a5;
}
h3.uplift  {
	color:#ea7805;
}

h3.allergy {
	color:#bb605d;
}
h3.energy {
	color:#bb605d;
}

h3.peace {
	color:#1c2e52;
}
h3.resistance {
	color:#7ca257;
}
h3.sleep {
	color:#6d4fc1;
}

.pic_bullet_set {
	font-size:1.25em;
	margin-top:1em;
}

.pic_bullet_set>div {
	display:flex;
	justify-content:flex-start;
	align-items:center;
	align-content:flex-start;
	flex-flow:row nowrap;
	text-align:left;
}

.pic_bullet_set>div>div:first-child {
	flex:0 0 60px;
}

.pic_bullet_set img {
	width:100%;
	height:auto;
	max-width:50px;
}

.green_wrap {
	background-color:#e6f1e0;
	padding:40px 20px;
}





.testimonail_split_col {
	display:flex;
	flex-flow:row nowrap;
	justify-content:space-between;
	align-items:center;

	max-width:1400px;
	margin-left:auto;
	margin-right:auto;
	padding-left:20px;
	padding-right:20px;
}

.testimonail_split_col>div {
	
}

.testimonail_split_col>div:first-child {
	flex:0 0 35%;
}

.testimonail_split_col>div:first-child img {
	width:100%;
	height:auto;
	max-width:700px;
}

.testimonail_split_col>div:last-child {
	padding-left:40px;
}

.join_testimonials {
	display:flex;
	justify-content:space-between;
	align-items:stretch;
	align-content:flex-start;
	flex-flow:row wrap;

	margin:40px 0;

	font-size:.85em;
}


.join_testimonials>div {
	flex:0 0 30%;
	border:1px solid #497637;
	padding:10px;
	text-align:left;
	margin:1%;
	position:relative;
}

.host_testimonials .join_testimonials>div {
	flex:0 0 45%;
}


.join_testimonials a,
.join_testimonials cite {
	margin-top:2em;
	display:block;
	text-align:right;
}

.join_testimonials_offset_box {
	position:absolute;
	width:100%;
	height:100%;
	z-index:-1;
}

.join_testimonials>div:nth-child(1n+1) .join_testimonials_offset_box {
	bottom:-7px;
	left:-7px;
	background-color:#e6f1e0;
	opacity:.75;
}

.join_testimonials>div:nth-child(2n+1) .join_testimonials_offset_box {
	top:7px;
	left:-7px;
	background-color:#F6CF3E;
	opacity:.25;
}


.join_testimonials>div:nth-child(3n+1) .join_testimonials_offset_box {
	bottom:-7px;
	right:-7px !important;
	left:auto;
	background-color:#ED7800;
	opacity:.15;
}

.join_testimonials>div:nth-child(4n+1) .join_testimonials_offset_box {
	top:-7px;
	right:-7px;
	background-color:#3F96B4;
	opacity:.15;
}

.solo_img {
	width:100%;
	height:auto;
	max-width:800px;
}



img.solo_img_wide{
	display:block;
	width:100%;
	height:auto;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
}



.abril_three_col_blocks {
	display:flex;
	justify-content:space-between;
	align-content:stretch;
	align-items:flex-start;
	flex-flow:row nowrap;
}


.abril_three_col_blocks >div {
	flex:0 0 33%;
	padding:0 10px;
}

.abril_three_col_blocks img{
	width:100%;
	height:auto;
	max-width:500px;
	/* for mobile */
	display:block;
	margin:0 auto;
	border-radius:500px;
	border:3px dotted #CCC;
	padding:4px;
}

.abril_three_col_blocks h3 {
	margin:.5em 0 0 0;
	font:bold 1.75em "abril-display","Times New Roman",serif;
	font-style: italic;
	color:#497637;
}

.abril_three_col_blocks p {
	font-size:1.125em;
	line-height:1.125em;
	margin:.25em 0 0 0;
	text-align:left;
}


.two_col_list_flex {
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	align-content:flex-start;
	flex-flow:row nowrap;
}

.two_col_list {
	flex:0 0 50%;
	width:100%;
}


.two_col_list_item {
	display:flex;
	justify-content:flex-start;
	align-items:flex-start;
	align-content:flex-start;
	flex-flow:row nowrap;
}


.two_col_list_item>div {
	text-align:left;
	margin-top:20px;
}

.two_col_list_item  h4 {
	text-align:left;
	font:bold 1.75em "abril-display","Times New Roman",serif;
	color:#497637;
}

.two_col_list_item p:first-of-type {
	margin-top:0;
}


.two_col_list_item>div:first-child {
	flex:0 0 75px;
}

.two_col_list_item>div:last-child {
	flex:1 1 100%;
	padding:0 20px;
}


.two_col_list_item.rounded_img img {
	display:block;
	border-radius:300px;
	width:100%;
	height:auto;
	max-width:150px;
}

.two_col_list_item.square_img img {
	width:100%;
	height:auto;
	max-width:100px;
}


.pp1 {
	/* curel */
	background-color:#3f96b4;
}
.pp2 {
	/* alum */
	background-color:#eb7924;
}
.pp3 {
	/* sulfate */
	background-color:#f7cd5d;
}
.pp4 {
	/* gluten */
	background-color:#497637;
}
.pp5 {
	/* alcohol */
	background-color:#71a950;
}
.pp6 {
	/* paraben */
	background-color:#cf5459;
}
.pp7 {
	/* mineral oil */
	background-color:#1c3152;
}

.pp8 {
	/* talc */
	/*background-color:#99DDFF;*/
	background-color:#71a850;
}

.two_col_ul {
	columns: 2;
}

.usa_icon_big {
	width:100%;
	height:auto;
	max-width:100px;
}

.slick-carousel-outer {
	margin-bottom:80px;
	margin-left:auto;
	margin-right:auto;
	max-width:1200px;
	
	padding:20px 0;
	background-color:#f9f7f2;
}


.slick-dots {
	bottom:-50px;
}

.slick-dots button {
	
}

.slick-dots button:before {
	background-color: #D1555A;
	content: "" !important;
	border-radius:100px;
	border:1px solid white;

	-webkit-box-shadow: 0px 0px 0px 2px #D1555A; 
	box-shadow: 0px 0px 0px 2px #D1555A;
}


.slick-track {
	display: flex !important;
	/* so we can see the shadow */
	padding:40px 0 45px 0;
	background-color:#f1f0ee;
}

.slick-slide {
	height: inherit !important;
}

.hostreward-item {
	transition:transform .45s;
	cursor: move; /* fallback if grab cursor is unsupported */
	cursor: grab;
	cursor: -moz-grab;
	cursor: -webkit-grab;


	background-color:white;

	-webkit-box-shadow: 0px 0px 13px 3px rgba(0,0,0,0.44); 
	box-shadow: 0px 0px 13px 3px rgba(0,0,0,0.44);
	opacity:.5;
}

.slick-slide {
	margin:0 40px;

}

.slick-current {
	transform:scale(1.25);
	opacity:1;

}

.hostreward-item:active {
	cursor: grabbing;
	cursor: -moz-grabbing;
	cursor: -webkit-grabbing;
}

.hostreward-item p {
	margin:0;
}

.hritem_top {
	background-color:#3F96B4;
	color:white;
	padding:10px 10px;
	position:relative;
	border-bottom:5px solid #a7dbed
}

.hritem_top p{
	font-size:1em;
	margin:0;
	line-height:1em;
}

.hritem_top p:nth-of-type(1) {
	font-size:1.5em;
	font-weight:bold;
}

.icon-special-confetti {
	background-image: url(/wp-content/uploads/party_icon_white.png);
	background-position: left top;
	background-repeat: no-repeat;
	background-size:contain;
	width:100%;
	height:100%;
	position:absolute;
	top:50%;
	left:50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%); 
	
	opacity:.5;	
}

.hritem_bottom {
	padding:5px 10px;
}

.hritem_bottom p {
	font-size:.85em;
}

.host-rewards {
	position:relative;
}




.next_prev {
	position:absolute;
	top:40%;
	left:50%;
	-ms-transform: translate(-50%, -40%);
	transform: translate(-50%, -40%); 
	z-index:9;
	width:38%;
}

.slick-arrow {
	z-index:999;
	color:black;
	color:#D1555A;
	padding:.5em;
	cursor:pointer;
	border-radius:100px;
	font-size:2em;
	line-height:0;

	position:absolute;
	top:0%;

	transition: color .25s;
}


.slick-arrow:hover {
	opacity:.75;
}

.prev {
	left:0;
}

.next {
	right:0;
}

p.sales_bonus {
	font-weight:bold;
	font-size:1.15em;
	color:#3F96B4;
}


.rewards_split {
	display:flex;
	justify-content:space-between;
	align-items:center;
	align-content:flex-start;
	flex-flow:row nowrap;
	padding:0 20px;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
}

.rewards_summary {
	flex:0 0 30%;
	padding-right:30px;
}

.rewards_summary p {
	font-size:1.25em;
	line-height:1.5em;
}

.rewards_summary h2 {
	font-size:1.75em;
}

.rewards_summary img {
	width:100%;
	height:auto;
	max-width:400px;
}

.host_bonus {
	padding:0 20px;
	text-align:center;
}

.host_bonus img{
	width:100%;
	height:auto;
	max-width:800px;
}




.hero_slideshow_wrap {
	/* to control the pad on the child */
	position:relative;
	width:100%;
	max-width:1920px;
	margin:0 auto;
	/*outline:2px solid red;*/
}

.hero_slideshow_wrap .sizeKeeper {
	display:block;
	width:100%;
	max-width:1920px;
	margin:0 auto;

	/* 
	don't use a scaling image. The bottom padding is formulated thusly:
	
	(desired_MAX_height_px / max_width_px)*100
	
	Therefore:
	(700/1920)*100 = 36.45

	-JV
	*/

	padding-bottom:36.5%; /* FOR FULL SCREEN SLIDES */
	/* padding-bottom:35%; */ /* FOR CHOPPED SCREEN SLIDES */

}

.hero_slideshow_wrap>div {
	/* each slide */

	
	background-repeat: no-repeat;
	/*background-position:center -100px;*/

	/*background-size:cover;*/
	/*background-position:center 85.71%; */

	background-size:contain;
	background-position:center center;


	/*	
		bkg img needs to be -100px offset from the top.
		the bkg img is 800px high, but only 700px
		is exposed at a time.

		The offset needs to be a function of the width
		since the whole thing scales. Max width = 1920px.

		Therefore:
		1-(offsetDesiredPx/visibleHeightPx)

		(100px/700) = .1428
		1-.1428 = .8571 or 85.71%

		-JV
		*/

	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	max-width:1920px;
	margin:0 auto;
}


.slide_loader_wrap {
	display:inline-block;
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	z-index:2;
}

.slide_loader {
	border-radius: 50%;
	width: 80px;
	height: 80px;

	margin: 0 auto;
	font-size: 10px;

	display:inline-block;
	text-indent: -9999em;
	border-top: 10px solid rgba(255, 255, 255, 0.2);
	border-right: 10px solid rgba(255, 255, 255, 0.2);
	border-bottom: 10px solid rgba(255, 255, 255, 0.2);
	border-left: 10px solid #ffffff;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load8 .5s infinite linear;
	animation: load8 .5s infinite linear;

	background-color:rgba(180,253,240,.15);
}
@-webkit-keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.hero_slideshow_slide:not(:first-child) {
	display:none;
}

/*
.hero_home img {
	width:100%;
	height:auto;
	max-width:1920px;
}
*/


.sizeKeeperMobile {
	display:block;
	width:100%;
	max-width:700px;
	margin:0 auto;

	/* 
	don't use a scaling image. The bottom padding is formulated thusly:
	
	(desired_MAX_height_px / max_width_px)*100
	
	Therefore:
	(700/1920)*100 = 36.45

	-JV
	*/

	padding-bottom:85.1%;

}

.mobile_hero_slideshow_wrap {
	/* to control the pad on the child */
	position:relative;
	width:100%;
	max-width:700px;
	margin:0 auto;

	display:none;
}

.mobile_hero_slideshow_wrap>div {
	/* each slide */

	background-size:contain;
	background-repeat: no-repeat;
	background-position:center center;
	xbackground-position:center 85.71%;
	/*	
		bkg img needs to be -100px offset from the top.
		the bkg img is 800px high, but only 700px
		is exposed at a time.

		The offset needs to be a function of the width
		since the whole thing scales. Max width = 1920px.

		Therefore:
		1-(offsetDesiredPx/visibleHeightPx)

		(100px/700) = .1428
		1-.1428 = .8571 or 85.71%

		-JV
		*/

	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	max-width:700px;
	margin:0 auto;
}


@media all and (min-width:700px) {
	.shown_mobile_slideshow {
		display:none !important;
	}
}

@media all and (max-width:700px) {
	.hidden_desktop_slideshow {
		display:none !important;
	}

	.shown_mobile_slideshow {
		display:block !important;
	}
}


.hp_nancy_vid_buttons_flex {
	display:flex;
	justify-content:space-between;
	align-items:center;
	align-content:flex-start;
	flex-flow:row wrap;
	white-space: nowrap;

}

.hp_nancy_vid_buttons_flex a {
	text-decoration:none;
	font-size:1.125em;
	color:#497637;
	border:1px solid #72A951;
	border-radius:5px;
	padding:5px 5px;
	flex:0 0 45%;
	background-color:#d7ebcc;
	transition:background-color .25s !important;
}

.hp_nancy_vid_buttons_flex a:hover{
	background-color:#a8ce93;

}

.faked_out_border {
	border:1px solid white;
	position:absolute;
	top:50%;
	left:50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%); 
		
	height:90%;
	width:90%;
}

/*
.white_border {
	border:2px solid white;
	position:absolute;
	top:50%;
	left:50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%); 
		
	height:85%;
	width:95%;
}
*/

.hp_nancy {
	overflow:hidden;
}

.hp_nancy>div:first-child {
	
	position:relative;
	z-index:2;
}

.hp_nancy>div:last-child {
	
	padding:60px 45px !important;
	

}

.white_border {
	border:2px solid white;

	position:absolute;
	top:50%;
	left:50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%); 
		
		width:95%;
		height:95%;
		pointer-events:none;
}


.as_seen_in {
	padding:0 20px;
}


.as_seen_in_flex {
display:flex;
justify-content:center;
align-items:center;
align-content:flex-start;
flex-flow:row wrap;
margin-top:50px;

}

.as_seen_in_flex>div a {
	transition:opacity .25s;
}

.as_seen_in_flex>div a:hover {
	opacity:.4;
}	

.as_seen_in_flex img {
	margin:20px;
}

.as_seen_in_flex img.mid {
	width:100%;
	height:auto;
	max-width:170px;
}


.as_seen_in_flex img.midtall {
	width:100%;
	height:auto;
	max-width:105px;
}

.as_seen_in_flex img.midwide {
	width:100%;
	height:auto;
	max-width:170px;
}

.as_seen_in_flex img.verylong {
	width:100%;
	height:auto;
	max-width:270px;
}

.return_form_wrap {
	margin-top:60px;
}

.return_form_wrap h3 {
	margin:1em 0 !important;
	font-weight:bold;
	font-size:1.5rem !important;
}

.fat_bold {
	font-size:1.125em;
}