/* Week 25 */

/* Slide 4: Bounce Back */
.bounce-back-item {
	margin: 0 auto;
	}
	.bounce-back-item-number {
		margin: 0 auto 15px;
		width: 100px;
		height: 100px;
		color: #44b5e5;
		font-size: 60px;
		font-weight: bold;
		font-weight: 900;
		line-height: 86px;
		text-align: center;
		border: 7px solid #44b5e5;
		
		-webkit-border-radius:  100%;
		-moz-border-radius:     100%;
		border-radius:          100%;
		}
	.bounce-back-item h5 {
		padding-right: 25px;
		padding-left: 25px;
		text-align: center;
		}

	
	
/* Slide 6 */
.white-block {
	display: table;
	height: 265px;
	}
	.white-block-inner {
		padding: 0 10px;
		display: table-cell;
		text-decoration: none !important;
		vertical-align: middle;
		border: 4px solid #44b5e5;
		background-color: #fff !important;
		
		-webkit-border-radius:  15px;
		-moz-border-radius:     15px;
		border-radius:          15px;
		-webkit-transition: background-color 0.10s ease-in-out;
		-moz-transition:    background-color 0.10s ease-in-out;
		-ms-transition:     background-color 0.10s ease-in-out;
		-o-transition:      background-color 0.10s ease-in-out;
		transition:         background-color 0.10s ease-in-out;
		}
		.white-block-inner h3 {
			text-decoration: none !important;
			
			-webkit-transition: color 0.10s ease-in-out;
			-moz-transition:    color 0.10s ease-in-out;
			-ms-transition:     color 0.10s ease-in-out;
			-o-transition:      color 0.10s ease-in-out;
			transition:         color 0.10s ease-in-out;
			}
		.white-block-inner h4 {
			text-decoration: none !important;
			
			-webkit-transition: color 0.10s ease-in-out;
			-moz-transition:    color 0.10s ease-in-out;
			-ms-transition:     color 0.10s ease-in-out;
			-o-transition:      color 0.10s ease-in-out;
			transition:         color 0.10s ease-in-out;
			}
		.white-block-inner h5 {
			color: #000a71 !important;
			text-decoration: none !important;
			
			-webkit-transition: color 0.10s ease-in-out;
			-moz-transition:    color 0.10s ease-in-out;
			-ms-transition:     color 0.10s ease-in-out;
			-o-transition:      color 0.10s ease-in-out;
			transition:         color 0.10s ease-in-out;
			}
		
		.white-block-inner:hover {
			background: url('cdc-assets/images/corner_card.png') no-repeat top -2px right -2px #fff !important;
			border: 4px solid #50E3C2 !important;
			}
			.white-block-inner:hover h3 {
				text-decoration: none !important;
				}
			.white-block-inner:hover h4 {
				text-decoration: none !important;
				}
			.white-block-inner:hover h5 {
				text-decoration: none !important;
				}
		
		/* First Thing to Go Slide */
		.white-block.first-thing-to-go {
			display: block;
			height: auto;
			cursor: pointer;
			}
			.white-block.first-thing-to-go .white-block-inner {
				padding-top: 15px !important;
				display: block;
				height: 200px;
				vertical-align: top;
				}
				.white-block.first-thing-to-go .white-block-inner img {
					margin: 0 auto;
					display: block;
					width: auto;
					height: 75px;
					}
				.white-block.first-thing-to-go.active .white-block-inner {
					border-color: #50e3c2;
					background: url('../images/corner_card.png') no-repeat top -2px right -2px #fff !important;
					}
					.white-block.first-thing-to-go.active .white-block-inner h5 {
						color: #000a71 !important;
						}
					
		/* Action Plan Items */
		.white-block.action-plan {}
			.white-block.action-plan .white-block-inner {
				height: 350px;
				}
			
			.white-block.action-plan .user-profile {
				position: relative;
				margin: 0 auto;
				display: block;
				width: 120px;
				height: 120px;
				overflow: hidden;
				border: 4px solid #44b5e5;
				background-color: #fff;
				-webkit-border-radius:  100%;
				-moz-border-radius:     100%;
				border-radius:          100%;
				}
				.white-block.action-plan .user-profile .user-profile-inner {
					position: absolute;
					top: 0;
					left: 0;
					display: block;
					width: 100%;
					height: 100%;
					background-position: center center;
					background-size: cover;
					}
				.white-block.action-plan h5 {
					font-size: 1.10em !important;
					line-height: 1.20em !important;
					}

/* Slide 7 */
.rotate-row {
	margin: 0 auto;
	width: 100%;
	max-width: 100%;
	}
	.rotate-row-inner {
		margin-right: -30px;
		margin-left: -30px;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		/* min-height: 435px; */
		}
	.rotate-col {
		padding-right: 30px;
		padding-bottom: 10px;
		padding-left: 30px;
		-ms-flex: 0 0 50.0%;
		-webkit-box-flex: 0;
		flex: 0 0 50.0%;
		width: 0 0 50.0%;
		max-width: 50.0%;
		}

.rotate-routine-items {
	height: 100%;
	}
	
	/* Image */
	img#rotate-image {
		margin: 0 auto;
		display: block;
		width: auto;
		height: 60px;
		}

	.rotate-routine-items-outer-1 {
		position: relative;
		margin-left: 35px;
		height: 100%;
		overflow: hidden;
		}
		.rotate-routine-items-outer-2 {
			padding: 30px;
			display: table;
			width: 100%;
			height: 100%;
			overflow: hidden;
			border: 5px solid #333b8d;
			}
			
			.rotate-corner-outer {
				position: absolute;
				z-index: 1;
				display: block;
				width: 60px;
				height: 60px;
				border: 5px solid #333b8d;
				background-color: #000a71;
				
				-webkit-border-radius: 	50%;
				-moz-border-radius: 	50%;
				border-radius: 			50%;
				}
				.rotate-corner-outer.top {
					top: -30px;
					left: -30px;
					}
				.rotate-corner-outer.right {
					top: -30px;
					right: -30px;
					}
				.rotate-corner-outer.bottom {
					bottom: -30px;
					right: -30px;
					}
				.rotate-corner-outer.left {
					bottom: -30px;
					left: -30px;
					}
			
	.rotate-routine-items-inner-1 {
		position: relative;
		height: 100%;
		overflow: hidden;
		}
		.rotate-routine-items-inner-2 {
			padding: 25px 25px 25px;
			display: table;
			width: 100%;
			height: 100%;
			overflow: hidden;
			border: 5px solid #333b8d;
			}
			
			.rotate-corner-inner {
				position: absolute;
				z-index: 1;
				display: block;
				width: 90px;
				height: 90px;
				border: 5px solid #333b8d;
				background-color: #000a71;
				
				-webkit-border-radius: 	50%;
				-moz-border-radius: 	50%;
				border-radius: 			50%;
				}
				.rotate-corner-inner.top {
					top: -57px;
					left: -57px;
					}
				.rotate-corner-inner.right {
					top: -57px;
					right: -57px;
					}
				.rotate-corner-inner.bottom {
					bottom: -57px;
					right: -57px;
					}
				.rotate-corner-inner.left {
					bottom: -57px;
					left: -57px;
					}
	
	.rotate-routine-items-content {
		padding: 0;
		}
		.rotate-routine-items-content h4 {
			color: #44b5e5 !important;
			text-align: center !important;
			}
		.rotate-routine-items-content h5 {
			text-align: center !important;
			}

/* Week 25: Slide 7 - Media Queries */
/* 1150px */
@media screen and (max-width: 500px){
	.rotate-routine-items-content {
		padding: 5px 0;
		}
}

/* 1120px */
@media screen and (max-width: 1120px){
	.rotate-routine-items-inner-2 {
		padding: 15px 20px 20px;
		}
}

/* 1025px */
@media screen and (max-width: 1025px){
	.rotate-row-inner {
		margin-right: -15px;
		margin-left: -15px;
		}
	.rotate-col {
		padding-right: 15px;
		padding-left: 15px;
		}
}

/* 900px */
@media screen and (max-width: 900px){
	.rotate-routine-items-outer-1 {
		margin-left: 0;
		}
}

/* 850px */
@media screen and (max-width: 850px){
	.rotate-col {
		padding-bottom: 25px;
		-ms-flex: 0 0 100.0%;
		-webkit-box-flex: 0;
		flex: 0 0 100.0%;
		width: 0 0 100.0%;
		max-width: 100.0%;
		}
}



/* Meet User */
.meet-user {}
	.meet-user-inner {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		border: 5px solid #333b8d;
		}
		.meet-user-col {
			padding: 15px;
			-ms-flex: 0 0 66.5%;
			-webkit-box-flex: 0;
			flex: 0 0 66.5%;
			width: 0 0 66.5%;
			max-width: 66.5%;
			border-left: 5px solid #333b8d;
			}
			.meet-user-col.image-and-name {
				-ms-flex: 0 0 33.2%;
				-webkit-box-flex: 0;
				flex: 0 0 33.2%;
				width: 0 0 33.2%;
				max-width: 33.2%;
				border-width: 0;
				}
			.meet-user-col.user-info {}
			
			.meet-user-col-outer {}
				.meet-user-col-inner {}
				
			.meet-user-img {
				position: relative;
				margin: 0 auto;
				display: block;
				width: 170px;
				height: 170px;
				overflow: hidden;
				border: 4px solid #333b8d;
				background-color: transparent;
				-webkit-border-radius:  100%;
				-moz-border-radius:     100%;
				border-radius:          100%;
				}
				.meet-user-img-inner {
					position: absolute;
					top: 0;
					left: 0;
					display: block;
					width: 100%;
					height: 100%;
					background-position: center center;
					background-size: cover;
					}
			
			.meet-user h3 {}
			.meet-user h5 {}
			.meet-user p {}
.meet .btn {
    font-size: 1em !important;
}
.meet .btn-next {
    padding: .25rem 3.5rem !important;
    margin-top: 0.5rem !important;
}
.meet h5 {
    margin-bottom: 0.8em !important;
}
.meet {
        height: 376px;
}