/* Additional activities stuff */
.activity-tab-container{

}
.activity-tabs{
	display: flex;
	align-items: middle;
	position: relative;
	width: 100%;
}	


.activity-tabs .activity-tab-controller{
	position:  relative;
	margin-right: 1em;
	width: 25%;
	cursor:  pointer;
	border: 2px solid transparent;
}
.activity-tabs .activity-tab-controller:hover,.activity-tabs .activity-tab-controller.active{
/*	border-color: #009073;
	box-shadow: 0 0 4px 0 #009073;*/
}
.activity-tabs .activity-tab-controller .at-inner{
	position: relative;
	width:  100%;
}
.activity-tabs .activity-tab-controller .activity-tab-label{

}
.activity-tabs .activity-tab-controller .activity-tab-label .atl-tbl, .activity-tabs .activity-tab-controller .activity-tab-label .atl-tc{
	position: relative;
	height:  100%;
	width:  100%;
}
.activity-tabs .activity-tab-controller .activity-tab-label .atl-tbl{
	display:  table;	
	text-align:  center;
}
.activity-tabs .activity-tab-controller .activity-tab-label .atl-tc{
	display:  table-cell;	
	vertical-align: middle;
}
.activity-tabs .activity-tab-controller .activity-tab-label .atl-tci{
	padding: 0.5em;
	line-height: 1.2;
	font-weight: 700;
}
.activity-tabs .activity-tab-controller .activity-tab-image{
	position:  absolute;
	top: 0;
	left: 0;
	width:  100%;
	height:  100%;
	z-index: 2;	
	background-size: cover;
	background-repeat: no-repeat;
	background-position:  center;
}

.activity-tab{
	display:  none;
}
.activity-tab{
	font-size:  0.85rem;
}
.activity-tab.introduction{
	text-align: center;
	padding: 1rem;
	margin: 1rem 0;
	border: 2px solid #009073;
	font-size: 1.2rem;
	font-weight: 700;
	color: #009073;
}

.activity-tab h1,.activity-tab h2,.activity-tab h3,.activity-tab h4,.activity-tab h5,.activity-tab h6{
	font-family: inherit;
	font-weight:  600;
	color: inherit;
}

.activity-tab h1{
	font-size: 1.5rem;
}

.activity-tab h2{
	font-size: 1.35rem;
}

.activity-tab h3,.activity-tab h4{
	font-size: 1.2rem;
}

.activity-tab h5,.activity-tab h6{
	font-size: 1rem;
}

.activity-tab.active{
	display: block;
	padding:  1rem 0;
}
.launch-activity{
	padding-top: 1rem;
	margin-top: 1rem;
	border-top: 2px solid #FDC317;
}
.la-themes{
	position: relative;
	display:  none;
	align-items: center;
	flex-wrap: nowrap;
}
.la-themes.active{
	display: flex;
	padding-top: 0;
	padding-bottom: 1rem;
}
.la-themes .activity-theme{
	position: relative;
	width: 200px;
	border: 2px solid transparent;
	margin-right:  1rem;
}

.la-themes .activity-theme:hover{
	border-color: #FDC317;
}
.la-themes .activity-theme a:hover{
	text-decoration:  none;
}

.la-themes .activity-theme .at-inner{
	position: relative;
	width:  100%;
	padding-bottom: 70%;

}
.la-themes .activity-theme .at-inner .at-dest{
	position:  relative;
	width:  100%;
	height:  100%;
	display: block;
}
.la-themes .activity-theme .at-inner .at-center{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
}
.la-themes .activity-theme .at-inner .at-tbl{
	position: relative;
	width:  100%;
	height:  100%;
	display:  table;
	text-align: center;
}
.la-themes .activity-theme .at-inner .at-tc{
	position: relative;
	width:  100%;
	height:  100%;
	display:  table-cell;
	vertical-align: middle;
	padding: 0.5em;
	line-height: 1.2;
	color:  white;
	font-weight: 700;
	text-shadow: 0px 0px 4px rgba(0,0,0,0.85);	
}
.la-themes .activity-theme .at-inner .at-image-container{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 2;
}
.la-themes .activity-theme .at-inner .at-image-container .at-image{
	position: relative;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.la-theme-controller{
	cursor: pointer;
}

.login-forgot-password{
	margin-top: 0.5rem;
	font-size: 0.85rem;
	text-align: center;
}