@charset "UTF-8";

/* LOSE IT TIMELINE */
#mayoDiet #loseItTimeline .title {
	display: inline-block;
	font-size: 18px;
	font-weight: 500;
}

#loseItTimeline .activitiesTimeline .description {
	font-weight: 300;
	line-height: 1.5;
}

#loseItTimeline .postActions {
	float: right;
}

#loseItTimeline .activitiesTimeline .timeline li:before {
	background: url(../../../images/food/loseIt/ic_mayodiet_timeline.svg);
	background-size: cover;
}

#loseItTimeline .activitiesTimeline .timeline li.completed:before {
	background:
		url(../../../images/food/loseIt/ic_mayodiet_timeline_done.svg);
	background-size: cover;
}

#loseItTimeline #infoContainer .card .card-action {
	padding: 14px 20px;
	line-height: 1.5;
	min-height: 50px;
}

#loseItTimeline #infoContainer.fixedPosition .card {
	position: fixed;
	top: 146px;
	width: inherit;
}

#loseItTimeline .card .card-image {
	height: 180px;
}

#loseItTimeline #infoContainer .card-content {
	font-size: 15px;
	font-weight: 300;
	line-height: 20px;
	padding-bottom: 0;
}

#loseItTimeline #infoContainer .card .card-image .image {
	background-size: cover;
	background-position: 50%;
	height: 100%;
	background-image:
		url(../../../images/food/loseIt/photo_lose_it_description.png);
}

#loseItTimeline #emptyState .card .card-image .image {
	background-size: cover;
	background-position: 50%;
	height: 100%;
	background-image: url(../../../images/food/addmeal/add_meal_popup.jpg);
}

#loseItTimeline #emptyState .card .card-image {
	height: 250px;
}

#loseItTimeline .card .card-image .card-title {
	z-index: 1;
	font-weight: 400;
	font-size: 20px;
}

#loseItTimeline .card .show-details,
#loseItTimeline .card .show-user-settings {
	color: #8BC24A;
	transition: color .3s ease;
	text-transform: uppercase;
	cursor: pointer;
}

#loseItTimeline .card .show-details:hover,
#loseItTimeline .card .show-user-settings:hover {
	text-decoration: underline;
}

#loseItTimeline #timeline .image {
	height: 300px;
	background-size: cover;
	cursor: pointer;
	background-position: 50%;
}

/* CHECK MORE ABOUT HABITS */
#checkMoreAboutHabits .habit-headline {
	text-transform: uppercase;
	color: #F2F2F2;
	font-size: 24px;
	font-weight: 500;
	text-align: center;
}

#checkMoreAboutHabits .habit-headline p {
	padding: 29px;
}

#checkMoreAboutHabits .add-habit .card {
	background-color: #90C42C;
}

#checkMoreAboutHabits .break-habit .card {
	background-color: #F94B21;
}

#checkMoreAboutHabits .adopt-habit .card {
	background-color: #397EFF;
}

#checkMoreAboutHabits .habits-list .card {
	min-height: 450px;
}

#checkMoreAboutHabits .card .card-title {
	padding: 20px 20px 0;
	color: rgba(0, 0, 0, 0.87);
	font-size: 22px;
	font-weight: 500;
	line-height: 1.2;
}

#checkMoreAboutHabits .card .card-title p {
	font-size: 18px;
	font-weight: 400;
}

#checkMoreAboutHabits .card .card-content {
	font-size: 15px;
	font-weight: 300;
	line-height: 1.4;
}

#checkMoreAboutHabits .back {
	color: #8BC24A;
	cursor: pointer;
}

#checkMoreAboutHabits .content {
	padding-top: 82px;
}

@media ( max-width : 1024px) {
	#mayoDiet .row #loseItTimeline .col.m4 {
		width: calc(100% - 30px);
		margin-left: 30px;
	}
	#mayoDiet .row #loseItTimeline .col.m8 {
		width: 100%;
	}
}

@media ( max-width : 1366px) {
	#loseItTimeline #timeline .image {
		height: 250px;
	}
}

@media ( min-width : 1300px) {
	#checkMoreAboutHabits .row .col.xl4 {
		width: 33.33333%;
		margin-left: 0;
	}
}