/* Read More Toggle */
.read-more-state {
  display: none;
}

.read-more-addtext {
  opacity: 0;
  max-height: 0;
  transition: .25s ease-out;
}

.read-more-state:checked ~ .read-more-wrap .read-more-addtext {
  opacity: 1;
  font-size: inherit;
  max-height: 999em;
}

.read-more-state ~ .read-more-btn:before {
  content: 'Read more';
}

.read-more-state:checked ~ .read-more-btn:before {
  content: 'Hide more';
}

.read-more-btn{
  cursor: pointer;
  display: inline-block;
  padding: 0 1em;
  line-height: 2.25;
  border: 1px solid;
  border-radius: 20px;
  color: #fff;
  background-color: #00B4DF;
  border-color: #357ebd
}

.read-more-btn:hover {
	color: #fff;
	background-color: #3071a9;
	border-color: #285e8e
}

/* Morpheus Accordion */
.panel-group{
	margin: 2.8rem 0 1.4rem;
}
.panel.panel-default{
	border-color: #e0e3e4;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.panel-default > .panel-heading{
	background: none;
	padding: 0;
}
.panel-default > .panel-heading .accordion-toggle{
	display: block;
	text-decoration: none;
	color: #00B4DF;
	padding: 1.4rem 1.4rem 1.4rem 4rem;
	position: relative;
}
.panel-default > .panel-heading .accordion-toggle:before{
	font-family: 'FontAwesome';
	display: block;
	position: absolute;
	left: 15px;
}
.panel-default > .panel-heading .accordion-toggle:not(.collapsed):before{
	content: '\f106';
}
.panel-default > .panel-heading .accordion-toggle.collapsed:before{
	content: '\f107';
}
.panel-default > .panel-heading .accordion-toggle.collapsed{
	background: #0072ab;
	color: #ffffff;
}
.panel-default > .panel-heading .accordion-toggle.collapsed:hover{
	color: #fdd63a;
}
.panel-group .panel-heading + .panel-collapse .panel-body{
	border-top: none;
}
.panel{
	box-shadow: none;
}
.panel-body{
	padding: 0 20px 20px 40px;
}

/* Yellow Section Background */
.simmer{
    background: #FDE693;
    border-radius: .75rem;
    padding: 1rem;
}

/* Menu Icons */
i.fa.Home-menu-item:before {
    content: "\f015"; /* Home icon */
}

.i.fa.My-Health-menu-item:before {
    content: "\f21e"; /* My Health icon */
}

.i.fa.Wellness-Coaching-menu-item:before {
    content: "\f0fa"; /* Wellness Coaching icon */
}

/* Morpheus-Specific Carousel Control Buttons */
.carousel-control .icon-prev:before {
	font-family: "FontAwesome";
	content: '\f137'
}
.carousel-control .icon-next:before {
	font-family: "FontAwesome";
	content: '\f138'
}

/* Class for Pill Title Links With Dark Backgrounds */
.darkpill {
	width: 100%;
    margin-left: -15px;
    margin-right: -8px;
}

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

.darkpill>li {
	list-style: none;
	padding: 2px;
}

.darkpill>li>a {
	color: #ffffff;	
	border-radius: 3rem;
	background-color: #005c97;
	padding: 10px 10px;
	font-size: 2rem;
    font-weight: 400;
	text-align: center;
}

.darkpill>li+li {
	margin-left: 4px
}

.nutrition>li>a {
	background-color: #FDB913;
}

.nutrition>li>a:hover, .nutrition>li.active>a:hover, .nutrition>li.active>a,  .nutrition>li.active>a:focus .nutrition>li>a:focus {
	background-color: #EA6820;
}

.emotion>li>a {
	background-color: #39B54A;
}

.emotion>li>a:hover, .emotion>li.active>a:hover, .emotion>li.active>a,  .emotion>li.active>a:focus .emotion>li>a:focus {
	background-color: #58CB67;
}

.behavior>li>a {
	background-color: #784E96;
}

.behavior>li>a:hover, .behavior>li.active>a:hover, .behavior>li.active>a,  .behavior>li.active>a:focus .behavior>li>a:focus {
	background-color: #A988BD;
}

.sleep>li>a {
	background-color: #EA3692;
}

.sleep>li>a:hover, .sleep>li.active>a:hover, .sleep>li.active>a,  .sleep>li.active>a:focus .sleep>li>a:focus {
	background-color: #F17CB7;
}

.prevention>li>a {
	background-color: #EA6820;
}

.prevention>li>a:hover, .prevention>li.active>a:hover, .prevention>li.active>a,  .prevention>li.active>a:focus .prevention>li>a:focus {
	background-color: #FDB913;
}

.mindfulness>li>a {
	background-color: #007BC3;
}

.mindfulness>li>a:hover, .mindfulness>li.active>a:hover, .mindfulness>li.active>a,  .mindfulness>li.active>a:focus .mindfulness>li>a:focus {
	background-color: #00B4DF;
}

/* Large Responsive Rounded Div */
.clickdiv {
	background-color: #00B4DF; 
	border-radius: .5rem; 
	margin-top: 1rem; 
	margin-right: 2rem; 
	padding: 1rem;
	color: #ffffff;
	text-align: center;
	font-size: 2rem;
    font-weight: 400;
}

.clickdiv:hover {
	background-color: #3071A9;
}

.biolink {
	color: #363654;
}

.biolink:hover {
	color: #454545;
}

/* Card Class for Testimonials */
.shadow_card {
    height: auto; 
    box-shadow: 4px 8px 8px rgba(0, 0, 0, 0.2); 
    padding: 2rem;
    min-height: 20px;
	margin-bottom: 20px;
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
    border-color: #ddd;
	border-color: rgba(0,0,0,.15);
}

/* Image Class for Testimonials */
.testimonyimage {
    position: relative;
    width:98%;
    height: auto;
}

.testimonyimage img.top {
    position: absolute;
    z-index: 999;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
}

.testimonyimage img.top:hover {
    opacity:0;
}

.testimonyimage bottom {
    background: #000;
    color: #fff;
    height: 100%;
    font-size: 20px;
    font-weight: 800;
    text-align: center;
    vertical-align: middle;
    position: relative;
    z-index: 800;
}

.absolute-top {
	display: contents;
	top: 0;
	z-index: 1;
}