/*
	lobby.css
	
*/


/* lesson index */
.card-inner{
	animation-delay:inherit;
	overflow: hidden; 	
}
.card-inner a{
	animation-delay:inherit;
	display:block; 
	padding-top:36%;
	display:flex;
	position: relative; 
	background:center center / cover no-repeat;
}
.card-inner a::before{
	animation-delay:inherit;
	content:'';
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%;
	background:rgba(0, 128, 201, 0);
	transition: 1s; 
}
.animated .card-inner a::before{
	background:rgba(0, 128, 201, 0.6);
	background:rgba(27, 62, 144, 0.4);
}
.section-card{
	margin-bottom: 45px; 	
}
.card-title{
	animation-delay:inherit;
	position:absolute;
	bottom: 35px; 
	/*height: 30%;  */
	left: 0; 
	padding-left: 15px;
	padding-right: 15px;
}
.main-content .card-heading{
	animation: headingAppear 0.5s ease-in-out 0.5s 1 normal forwards;
	animation-delay:inherit;
	position:relative; 
	color:#fff;
	font-size: 22px;
	opacity:0;
	visibility:hidden;
}
.main-content .animated .card-heading{
	visibility:visible;
}
.card-title::after{
	position:absolute; 
	left: 15px; 
	bottom: -15px; 
	content: '';
	height: 6px; 
	background:#fff;
	width: 50px; 
}
.card-inner a:hover::before{
	background:rgba(0, 128, 201, 0.8);
	background:rgba(27, 62, 144, 0.8);
}
.card-inner a:hover .card-heading{
	transform: translateY(-5px);	
}
.timeline {
    position: absolute;
    bottom: -15px;
    height: 6px;
    width: 100%;
    background: #ddd;
}
.card-elapsed {
    position: absolute;
	top: 0; 
    left: 0;    
    height: 6px;
    background: var(--navy-blue);
}
.card-duration{
	position: absolute;
    right: 0;
	bottom: -6px;
    height: 6px;    
	font-size: 12px; 
}

.complete .card-inner{
	opacity: 0.7; 
}

.profile-block {
    position: relative;
    /* padding-left: 45px; */
}
.profile-block .initials{
    position: absolute;
    top: 0;
    left: 0;
}
.profile-details {
    position: relative;
    padding-left: 45px;
}
/* User Guide */
.progress-bar{
	background-color: var(--light-teal);
}

/* .service-panel .btn{ */
    /*min-width: 195px;*/
/* } */

.section-home-main .eco-panel{
    padding: 32px 32px 64px;
}


/*
	*************
	Media queries 
*/

@media (max-width: 992px) {	

}

@media (min-width: 992px) {
	
	.template-10 .main-content .card-heading{
		font-size: 20px;
	}
	.card-inner a{		
		padding-top:76%;		
	}
	
	/* .sidebar{ */
		/*  background:url('/system/template/img/sidebar-background-02.jpg') left top / cover no-repeat;			 */
	/* } */

	.large-cards .card-inner a{		
		padding-top:120%;		
	}
	
	
    .service-panel .btn{
        position: absolute;
        bottom: 16px;
        right: 32px;
    }
}

@media (min-width: 1200px) {
	
	
	.template-10 .main-content .card-heading{
		font-size: 18px;
	}
	.card-outer{
		flex: 0 0 33.3333%;
		max-width: 33.3333%;
	}
	
}

@media (min-width: 1400px) {	
		
	.template-10 .main-content .card-heading{
		font-size: 20px;
	}

}

@media (min-width: 1800px) {	

	.template-10 .main-content .card-heading{
		font-size: 22px;
	}
}