/*
	PALETTE 
	#00BC2F - GREEN HILI
	#008F24 - DARK GREEN HILI
	#011627 - D BLUE
	#293132 - SEMI GRAY
*/


/* GLOB */
html,body{
	height: 100%;
}
body{
	background: #F1F1F1;
	padding-top: 100px;
	overflow-y: scroll;
}
a{color: #007A1F;}
a:hover,a:focus{color: #006519;}
a:focus-visible{
	outline: 2px solid #007A1F;
	outline-offset: 2px;
}

.nosel,label,.navbar,iframe,img,.footer{
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.t-center{text-align: center;}
.boximage{
	width: 100%;
	border-radius: 3px;
}
.frontpage-intro{
	display: flex;
	align-items: flex-start;
	gap: 30px;
}
.frontpage-photo{
	flex: 0 0 34%;
	max-width: 360px;
}
.frontpage-photo .boximage{
	border: 1px solid #d3d3d3;
	border-radius: 18px;
	box-shadow: 0 6px 18px rgba(1, 22, 39, 0.12);
}
.frontpage-copy{
	flex: 1 1 auto;
	min-width: 0;
}
.frontpage-copy h3:first-child{
	margin-top: 0;
}
.m-b-30{margin-bottom: 30px;}
.m-t-30{margin-top: 30px;}

.container{
	min-height: calc( 100% - 203px );
}
.error-page{
	padding: 80px 20px;
}
.error-page p{
	font-size: 1.1rem;
}

/* TRAINING */
.training-content h2{
	color: #555;
	font-family: 'Oxygen', sans-serif;
	font-size: 1.5rem;
	margin: 35px 0 15px;
}
.training-content h2:first-child{
	margin-top: 0;
}
.training-list{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px 14px;
	list-style: none;
	margin: 0 0 35px;
	padding: 0;
}
.training-list > li{
	background: #fff;
	border: 1px solid #ddd;
	border-left: 4px solid #00BC2F;
	border-radius: 7px;
	box-shadow: 0 2px 7px rgba(1, 22, 39, 0.07);
	font-family: 'Roboto', sans-serif;
	padding: 12px 14px;
}
.training-list--dated > li{
	align-items: flex-start;
	display: flex;
	gap: 14px;
}
.training-list--dated time{
	background: #e7f8eb;
	border: 1px solid #b9e8c4;
	border-radius: 999px;
	color: #287437;
	flex: 0 0 auto;
	font-size: 0.85rem;
	font-weight: 700;
	line-height: 1.2;
	padding: 4px 8px;
	white-space: nowrap;
}
.training-list--dated ul{
	flex: 1 1 auto;
	list-style: disc;
	margin: 0;
	padding: 1px 0 1px 20px;
}
.training-list--dated ul li + li{
	margin-top: 6px;
}
.training-list--dated ul li::marker{
	color: #007A1F;
}

/* FOOTER */
.footer{
	margin-top: 50px;
	background: #555;
	padding: 30px;
	width: 100%;
	color: #f1f1f1;
}
.footer a{color: #8DE9A1;}
.footer a:hover,.footer a:focus{color: #B7F5C3;}
.footer a:focus-visible{outline-color: #8DE9A1;}
.footer p{margin-bottom: 0px;}

.footer h5{
	font-size: 1.1rem;
}

/* NAV */
.navbar-light .navbar-nav .nav-link{
	font-size: 1.1rem;
	color: #011627;
}
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus{
	color: #007A1F;
	border-bottom: 2px solid #007A1F;
}
.navbar-light .navbar-nav .active>.nav-link{
	color: #007A1F;
	border-bottom: 2px solid #007A1F;
	cursor: default;
}
.bg-light{
	background: #fff !important;
}

.fa-ul li .fa {
	font-size: 75%;
	color: #508045;
}
.fa-ul li{
	padding-left: 15px;
}
.fa-ul li i{
	margin-left: -15px;
}

/* FONTS */
h1,h2{
	font-family: 'Nunito', sans-serif;
	font-weight: 400;
}
h3,h4,h5{
	font-family: 'Oxygen', sans-serif;
}
p{
	font-family: 'Roboto', sans-serif;
}
h1.light,h3.light,h5.light{
	font-weight: 300 !important;
	color: #555;
}
h5.light-2{
	color: #ccc;
}

.hidden-xs{
	display: inline-block;
}
.visible-xs{
	display: none;
}

@media (max-width: 767px){
	.training-list{
		grid-template-columns: 1fr;
	}
	.frontpage-intro{
		align-items: center;
		flex-direction: column;
	}
	.frontpage-photo{
		flex-basis: auto;
		max-width: 320px;
		width: 100%;
	}
	.hidden-xs{
		display: none;
	}
	.visible-xs{
		display: inline-block;
	}
}