/* Training style

   developer:   yhechler
   requires:    /common/framework/css/framework.en.css
                /common/framework/css/gui.en.css
   ========================================================================== */

/* ==========================================================================
   setup
   ========================================================================== */

#training .tile-container {
	background-color: #ececec;
	box-sizing: border-box;
	display: grid;
	grid-gap: 0;
	grid-template-columns: repeat(2, 1fr);
	margin-top: 2rem;
	padding: 1px;
}
#training .tile {
	background-color: #ececec;
	border: 1px solid #fff;
	font-size: 16px;
	margin: -1px;
	padding: 1.5625rem;
}
#training main .tile h2 {
	color: #5fab9c;
	font-size: 1.5rem;
	margin: 0;
	padding: 0;
}
#training main .tile p:nth-child(2n).small {
	padding-top: .5rem;
}
#training main .tile p {
	padding: 0;
}
p.instructor {
    margin-top: 0.4rem;
}
#training-wrap .courses-row h2 {
	font-size: 1.5625rem;
	line-height: 1.2;
	padding-bottom: 0.3125rem;
	padding-top: 1.875rem;
}
/* ==========================================================================
   responsive breakpoint styles
   ========================================================================== */

/* styles for large screens (1200px)
   ========================================================================== */

@media all and (max-width: 1200px) {}
/* styles for medium screens (900px)
   ========================================================================== */

@media all and (max-width: 900px) {
	#training-wrap .courses-row h2 {
		font-size: 1.5rem;
	}
}
/* styles for small screens (600px)
   ========================================================================== */

@media all and (max-width: 600px) {
	#training .tile-container {
		grid-template-columns: 1fr;
	}
	#training-wrap .courses-row h2 {
		font-size: 1.375rem;
	}
}
/* styles for minimum supported screen width (320px)
   ========================================================================== */

@media all and (max-width: 320px) {}
/* printer styles
   ========================================================================== */

@media print {}