.page-template-template-class .wrap-shadow{
    margin: 50px auto 0px;
    box-shadow: 0px 0px 0px 4px rgba(0, 0, 0, 0.1);
    padding: 50px 50px 60px;
}

.page-template-template-class .wrap-shadow{
    background: #FFF none repeat scroll 0% 0%;
}
.page-template-template-class .page-header{
    padding: 40px 0px 10px;
    border-bottom: medium none;
    margin: 0px auto;
}
.page-template-template-class .wrap-shadow h1{
    font-family: "Arvo";
    font-size: 40px;
    margin-bottom: 20px;
    margin-top: 8px;
}
.class-container{
	border: 1px solid #ccc;
	border-radius: 10px;
	overflow: hidden;
	margin: 20px 0;
}
.class-content{
	padding: 15px 15px 25px 15px;
}
/*.class-title, .class-brief, .class-highlights, .class-video{
	padding: 10px;
}*/
.class-title{
	background: #da0f23;
	color: #fff;
	padding: 10px;
}
.class-title h4{
	font-family: "Arvo";
	font-weight: 300;
}
.class-brief{
	font-style: italic;
	padding: 10px 0;
}
.class-highlights{}
.class-highlights h5{
	font-size: 16px;
	font-weight: 700;
}
.class-highlights ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.class-highlights ul li{
	border-bottom: 1px dotted #ccc;
	padding: 5px 0;
}
.class-highlights ul li:last-child{
	border-bottom: none;
	padding: 5px 0;
}

.class-video {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.class-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.class-links{
	overflow: auto;
}
.class-links a{
	color: #da0f23;
	padding: 20px 0;
	display: block;
}
.class-links a:hover{
	color: #da0f23;
	text-decoration-style: dotted;
}