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

/* Landing Page Banner Titles */

.stone {
	background: #ecf0f1;
	padding: 3rem;
	margin-left: -2rem;
	margin-right: -2rem;
}

.paper {
	background: #ffffff;
	padding: 3rem;
	margin-left: -2rem;
	margin-right: -2rem;
}

.wind {
	padding: 3rem;
	margin-left: -2rem;
	margin-right: -2rem;
}

.sun {
	background: #FDE693;
	padding: 3rem;
	margin-left: -2rem;
	margin-right: -2rem;
}

.stone>.page-title, .paper>.page-title, .wind>.page-title, .sun>.page-title {
	margin-left: -3rem;
}

.lede {
	margin-top: -5rem;
}

h1, .h1 {
	font-size: 4rem;
	font-weight: 525;
	line-height: 4.1rem;
}

h2, .h2 {
	font-size: 3.6rem;
	font-weight: 500;
	line-height: 3.7rem;
}

h3, .h3 {
	font-size: 3.6rem;
	font-weight: 600;
	line-height: 3.9rem;
}

h4, .h4 {
	font-size: 2rem;
	font-weight: 500;
	line-height: 2.1rem;
	color: #784e96;
	margin-top: 1.5rem;
}

td>h4, td>.h4 {
	margin-top: 0rem;
}

h5, .h5 {
	font-size: 2rem;
	font-weight: 400;
	line-height: 2.1rem;
	margin-top: 1rem;
	margin-bottom: 1rem;
	background: none;
}

.page-title {
	padding-top: 0.8rem;
	margin-left: -2rem;
}

@media (max-width: 768px) {
	.page-title {
		margin-left: 0rem;
	}
	
}

.xsbannertitle {
	position: absolute; 
	top: 40%; 
	left: 35%; 
	transform: translate(0, -40%)
}

.bannertitle {
	font-weight: 400;
	position: absolute;
	top: 50%;
	left: 50%; 
	transform: translate(-50%, -50%);
}

.landing {
	font-weight: 600;
	color: #fff;
}

.landbody {
	position: absolute; 
	top: 0rem; 
	padding-top: 1rem; 
	padding-bottom: 1rem;
	padding-left: 3rem;
	padding-right: 3rem;
	text-align: left;
}

.landbtn {
	position: absolute; 
	bottom: 1rem; 
	left: 50%; 
	transform: translate(-50%);
}

.landhomebtn {
	position: absolute; 
	top: 0; 
	left: 50%; 
	transform: translate(-50%); 
	width: 50%; 
	height: 95%; 
	border-radius: 50%;
}

.expbody {
	position: absolute; 
	top: 0rem; 
	padding-top: 1rem; 
	padding-bottom: 1rem;
	padding-left: 3rem;
	padding-right: 3rem;
	text-align: left; 
	margin-left: 10%; 
	margin-right: 10%;
}

.exphomebtn-top {
	position: absolute; 
	top: 0; 
	right: 20%; 
	width: 60%; 
	height: 85%; 
	border-radius: 0 0 50% 50% / 0 0 100% 100%;
}

.exphomebtn-btm {
	position: absolute; 
	bottom: 0;  
	width: 20%; 
	height: 24%; 
	border-radius: 50% 50% 0 0 / 100% 100% 0 0;
}

.recBtn {
	color: #ffffff;
	cursor: pointer;
	padding: 1rem;
	font-weight: 600;
	line-height: 1.75;
	border: 2px white solid;
	border-radius: 25px;
	position: absolute;
	right: 1rem;
	top: 25%;
}

.manBackBtn, .manBackBtn:hover, .manBackBtn:visited, .manBackBtn:active {
	color: #ffffff;
	cursor: pointer;
	padding: 1rem;
	font-weight: 600;
	line-height: 1.75;
	border-radius: 25px 0px 0px 25px;
	margin-right: 0rem;
	margin-top: 3rem;	
}

.manContentBtn, .manContentBtn:hover, .manContentBtn:visited, .manContentBtn:active {
	color: #ffffff;
	cursor: pointer;
	padding: 1rem;
	font-weight: 600;
	line-height: 1.75;
	border-radius: 0px 25px 25px 0px;
	right: 2rem;
	margin-top: 3rem;
}

.webPillNav {
	width: 100%;
    height: 5rem;
}

.webPillNav>li>a:hover, .webPillNav>li.active>a:hover, .webPillNav>li.active>a,  .webPillNav>li.active>a:focus .webPillNav>li>a:focus {
	margin-top: 0; 
	padding: 0;
	text-decoration: none;
	background-color: #E76824;
	color: #ffffff;
}

.webPillNav>li {
	list-style: none;
	height: 5rem;
	margin-bottom: 1rem;
}

.webPillNav>li>a  {
	color: #ffffff;	
	background-color: #15477C;
	font-size: 3rem;
    font-weight: 400;
	text-align: left;
	height: 5rem;
}

.recPillNav {
	width: 102%;
    height: 8rem;
    margin-left: -15px;
}

.recPillNav>li>a:hover, .recPillNav>li.active>a:hover, .recPillNav>li.active>a,  .recPillNav>li.active>a:focus .recPillNav>li>a:focus {
	text-decoration: none;
	background-color: #00B4DF;
	color: #ffffff;
}

.recPillNav>li {
	list-style: none;
	height: 8rem;
	margin-bottom: 1rem;
}

.recPillNav>li>a {
	color: #ffffff;	
	background-color: #005c97;
	font-size: 2rem;
    font-weight: 500;
	text-align: left;
	height: 8rem;
	line-height: 2.1rem;
}

li.Behavior>a, .Behavior>li>a, .Behavior>li>a.collapsed {
	background-color: #784E96;
}

li.Behavior>a:hover, li.Behavior.active>a, li.Behavior.active>a:hover, .Behavior>li>a:hover, .Behavior>li.active>a, .Behavior>li.active>a:hover, .Behavior>li>a.collapsed:hover, .Behavior>li>a.accordion-toggle:not(.collapsed) {
	background-color: #A988BD;
	color: #ffffff;
	font-weight: 400;
}

li.Emotion>a, .Emotion>li>a, .Emotion>li>a.collapsed {
	background-color: #39B54A;
}

li.Emotion>a:hover, li.Emotion.active>a, li.Emotion.active>a:hover, .Emotion>li>a:hover, .Emotion>li.active>a, .Emotion>li.active>a:hover, .Emotion>li>a.collapsed:hover, .Emotion>li>a.accordion-toggle:not(.collapsed) {
	background-color: #58CB67;
	color: #ffffff;
	font-weight: 400;
}

li.Exercise>a, .Exercise>li>a, .Exercise>li>a.collapsed {
	Background-color: #085d97;
}

.Exercise>li>a:hover, .Exercise>li.active>a, .Exercise>li.active>a:hover, .Exercise>li>a.collapsed:hover, .Exercise>li>a.accordion-toggle:not(.collapsed) {
	background-color: #00B4DF;
	color: #ffffff;
	font-weight: 400;
}

li.Mindfulness>a, .Mindfulness>li>a, .Mindfulness>li>a.collapsed {
	Background-color: #007BC3;
}

li.Mindfulness>a:hover, li.Mindfulness.active>a, li.Mindfulness.active>a:hover, .Mindfulness>li>a:hover, .Mindfulness>li.active>a, .Mindfulness>li.active>a:hover, .Mindfulness>li>a.collapsed:hover, .Mindfulness>li>a.accordion-toggle:not(.collapsed) {
	background-color: #00B4DF;
	color: #ffffff;
	font-weight: 400;
}

li.Nutrition>a, .Nutrition>li>a, .Nutrition>li>a.collapsed {
	Background-color: #FDB913;
}

li.Nutrition>a:hover, li.Nutrition.active>a, li.Nutrition.active>a:hover, .Nutrition>li>a:hover, .Nutrition>li.active>a, .Nutrition>li.active>a:hover, .Nutrition>li>a.collapsed:hover, .Nutrition>li>a.accordion-toggle:not(.collapsed) {
	background-color: #EA6820;
	color: #ffffff;
	font-weight: 400;
}

li.Prevention>a, .Prevention>li>a, .Prevention>li>a.collapsed {
	Background-color: #EA6820;
}

li.Prevention>a:hover, li.Prevention.active>a, li.Prevention.active>a:hover, .Prevention>li>a:hover, .Prevention>li.active>a, .Prevention>li.active>a:hover, .Prevention>li>a.collapsed:hover, .Prevention>li>a.accordion-toggle:not(.collapsed) {
	background-color: #FDB913;
	color: #ffffff;
	font-weight: 400;
}

li.Sleep>a, .Sleep>li>a, .Sleep>li>a.collapsed {
	Background-color: #EA3692;
}

li.Sleep>a:hover, li.Sleep.active>a, li.Sleep.active>a:hover, .Sleep>li>a:hover, .Sleep>li.active>a, .Sleep>li.active>a:hover, .Sleep>li>a.collapsed:hover, .Sleep>li>a.accordion-toggle:not(.collapsed) {
	background-color: #F17CB7;
	color: #ffffff;
	font-weight: 400;
}

.PillarHead {
	font-size: 7rem; 
	font-weight: 700; 
	color: #fff; 
	padding-top: 2rem;
	padding-left: 2rem;
}

.SmFont {
	font-size: 1.5rem;
	line-height: 1.6rem;
}

.MedFont {
	font-size: 2rem;
	line-height: 2.1rem;
}

.BigFont {
	font-size: 3rem; 
	line-height: 3.1rem;
}

.BehBtn {
	Background-color: #784E96;
}

.BehBtn:hover {
	background-color: #A988BD;
}

.ExBtn {
	Background-color: #085d97;
}

.ExBtn:hover {
	background-color: #00B4DF;
}

.EmBtn {
	background-color: #39B54A;
}

.EmBtn:hover {
	background-color: #58CB67;
}

.MindBtn {
	Background-color: #007BC3;
}

.MindBtn:hover {
	background-color: #00B4DF;
}

.NuBtn {
	Background-color: #FDB913;
}

.NuBtn:hover {
	background-color: #EA6820;
}

.PrevBtn {
	Background-color: #EA6820;
}

.PrevBtn:hover {
	background-color: #FDB913;
}

.SleepBtn {
	Background-color: #EA3692;
}

.SleepBtn:hover {
	background-color: #F17CB7;
}

.btn-learn {
	color: #fff;
	background-color: #14477e;
	border-radius: 30px;
	font-size: 1.5rem;
	padding: 1rem 2rem 1rem 2rem
}

.btn-learn:hover {
	color: #fff;
	background-color: #00B4DF;
}

.tile_count .tile_stats_count:before {
	border-left:2px solid #fdb913;
}

.biolink {
	color: #14477e;
}

.biolink:hover {
	color: #454545;
}

.tile_stats_count {
	color: #14477e;
}