/* Table of Content

==================================================

    #Custom Style Class

    #Widget

/* #Custom Style Class

================================================== */



.archive-content-filter{

	padding-left: 15px;

}

.archive-content-filter label{

	margin-right: 15px;

}

.archive-content-filter select{

	color: #c9c6c7;

	font-size: 14px;

	font-family: Raleway-Medium;

    padding: 8px 50px 8px 15px;

    border: 1px dashed #e5e5e5;

    border-radius: 25px;

    -moz-border-radius: 25px;

    -webkit-border-radius: 25px;

    -khtml-border-radius: 25px;

}

.archive-content-filter .filter-icons{

    margin: 0;

    float: right;

    padding: 10px 0;

	width: auto;

}

.archive-content-filter .post-numbers {

    font-family: 'SignPainter-HouseScript';

    font-size: 20px;

	color: #bebebe;

	line-height: 30px;

}



/* #Widget

================================================== */

.popular_class .class-item {

    text-align: center;

    background-color: #fafafa;

    padding-bottom: 15px;

    margin-bottom: 30px;

}

.popular_class h3.title{

	font-size: 20px;

    font-family: Raleway-Bold;

}

.popular_class h3.title,

.entry-header h3.title{

    text-transform: uppercase;

    font-weight: 800;

}

.popular_class .description {

    padding: 0 20px;

}

.popular_class .description p{

	font-size: 14px;

	font-family: Raleway-Regular;

	color: #7d7d7d;

	line-height: 21px;

}

/* Style for search class widget */



.search_class{

	margin-top: 40px;

}

.class_info,

.search_class {

    margin-bottom: 40px;

}

.search_class form{

	padding-top: 3px;

}

.search_class .selection {

    margin-bottom: 55px;

}

.search_class .selection label{

	width: 100%;

}

.search_class .selection select{

    width: 100%;

	color: #c9c6c7;

	font-family: Raleway-Medium;

	font-size: 14px;

	border: 1px solid #ddd;

    padding: 10px 15px;

    margin: 3px 0;

    border-radius: 5px;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;

}

.search_class .day_filter .sub-title {

    padding-bottom: 10px;

    margin-top: 30px;

	font-size: 16px;

	font-family: Raleway-Medium;

	color: #000;

}

.search_class .day_filter .col{

    padding-right: 0;

}

.search_class .day_filter .tasks-list-item {

    margin-bottom: 12px;

	width: 130px;

}

.search_class .day_filter .tasks-list-cb {

	display: none;

}

.search_class .day_filter .tasks-list-mark {

	position: relative;

	display: inline-block;

	vertical-align: top;

	margin-right: 12px;

	width: 20px;

	height: 20px;

	border: 1px dotted #c4cbd2;

	border-radius: 10px;

	top: 1px;

}

.search_class .day_filter .tasks-list-mark:before {

	content: '';

	display: none;

	position: absolute;

	top: 50%;

	left: 50%;

	margin: -4px 0 0 -5px;

	height: 6px;

	width: 11px;

	border-style: solid;

	border-width: 0 0 3px 3px;

	-webkit-transform: rotate(-45deg);

	-moz-transform: rotate(-45deg);

	-ms-transform: rotate(-45deg);

	-o-transform: rotate(-45deg);

	transform: rotate(-45deg);

}

.search_class .day_filter .tasks-list-desc{

	color: #7d7d7d;

	font-family: Raleway-Medium;

	font-size: 16px;

	font-weight: 100;

}

.search_class .day_filter .tasks-list-cb:checked ~ .tasks-list-desc{

	color: #92a520;

}

.search_class .day_filter .tasks-list-cb:checked ~ .tasks-list-mark:before {

	display: block;

	color: #92a520;

}



.search_class .button{

    margin: 30px 0;

    text-transform: uppercase;

    font-weight: 400;

    color: white;

	font-size: 14px;

	font-family: Raleway-SemiBold;

    padding: 10px 15px;

    border-radius: 5px;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;

}

.search_class .button:hover{

	background-color: #000;

    color: #fff;

}

/* Style for class's templates */

.container_active_class .archive-content-filter{

	margin-top: 30px;

	margin-bottom: 5px;

	padding: 0 15px;

}

.grid-item-class {

    margin-top: 24px;

	display: block !important;

	

}

.grid-item-class .body-item{

	background-color: #fbfbfb;

	display: inline-block;

}

.grid-item-class .entry-wrapper{

	padding: 0 15px;

}

.grid-item-class  .entry-header .title{

	font-size: 25px;

	font-family: Raleway-Bold;

	color: #000;

}

.grid-item-class .entry-header .title .tag{

	font-size: 25px;

}

.grid-item-class .entry-thumbnail{

	padding-left: 0px;

}

.grid-item-class .entry-wrapper .entry-content{

	margin-top: 5px;

	margin-bottom: 15px;

}

.grid-item-class .entry-wrapper .entry-content p{

	font-size: 16px;

	color: #7d7d7d;

	line-height: 24px;

	font-family: Raleway-Regular;

}

.grid-item-class .entry-wrapper ul.entry-meta{

	list-style: none;

	margin-bottom: 20px;

}



.grid-item-class .entry-wrapper ul.entry-meta li span.sp_name a,

.grid-item-class .entry-wrapper ul.entry-meta li span{

	font-size: 16px;

	color: #000;

	font-family: Raleway-Medium;

	line-height: 24px;

}

.grid-item-class .entry-wrapper ul.entry-meta li span.sp_date{

	margin-left: 5px;

}

.join_trainer_class{

	margin-top: 50px;

}

/************************************************************************************/





/********Style for page class detail********/



.single-class .inner_sidebar .class_info{

	 margin-top: 40px;

}

.single-class .inner_sidebar .class_info ul.class-meta li.meta_item{

	border: none;

	margin: 5px 0px 0px;

    width: 100%;

    display: inline-block;

	padding: 0px;

}

.single-class .inner_sidebar .class_info ul.class-meta li.meta_item span{

	font-family: Raleway-SemiBold;

	font-size: 14px;

	display: inline-block;

	float: left;

	width: 50%;

	padding: 10px 15px;

}

.single-class .inner_sidebar .class_info ul.class-meta li.meta_item span.lable{

	color: #fff;

	border-top-left-radius:5px;

	border-bottom-left-radius:5px;

}

.single-class .inner_sidebar .class_info ul.class-meta li.meta_item span.value,

.single-class .inner_sidebar .class_info ul.class-meta li.meta_item span.value a{

	color: #7d7d7d;

	background-color: #f9f9f9;

	border-top-right-radius:5px;

	border-bottom-right-radius:5px;

}

.single-class .inner_sidebar .class_info ul.class-meta li.meta_item span.value a:hover{

	color: #000;

}

.single-class .trainer_info .button,

.single-class .inner_sidebar .class_info .button{

	margin-top: 30px;

	color: #fff;

	font-family: Raleway-SemiBold;

	font-size: 14px;

	border-radius: 5px;

	background-color: #333;

	padding: 9px 20px 9px 30px;

    text-decoration: none;

    display: inline-block;

}

.single-class .trainer_info .button span,

.single-class .inner_sidebar .class_info .button span{

	margin-left: 10px;

}



.single-class .trainer_info .button:hover,

.single-class .inner_sidebar .class_info .button:hover{

	color: #fff;

	background-color: #92a621;

}

.single-class .trainer_info .button:hover .arrow-right,

.single-class .inner_sidebar .class_info .button:hover .arrow-right{

	color: #333;

}

/*content*/

.single_heading{

    font-weight: 800;

    text-transform: uppercase;

    font-size: 22px;

	line-height: 24.2px;

	font-family: Raleway-Bold;

	color: #333;

}

.trainer-wrapper{

	margin-top: 20px;

	background-color: #fafafa;

	display: inline-block;

	margin-bottom: 50px;

}

/* .trainer-wrapper .trainer_thumbnail{

	padding-top: 20px;

} */

.trainer-wrapper .trainer_info{

	padding-top: 35px;

}

.body-class-detail .content-top-header{

	width: 100%;

	display: inline-block;

	margin-top: 30px;

}

.body-class-detail .content-top-header .single_heading{

	width: 50%;

	float: left;

}

.body-class-detail .content-top-header .level{

	margin-top: 10px;

	width: 50%;

	float: left;

    text-align: right;

	color: #bebebe;

	font-size: 20px;

	font-family: SignPainter-HouseScript;

}

.body-class-detail .content-top-header .level span{

	margin-left: 5px;

}

.single-class .intro-image-detail{

	margin-top: 18px;

	position: relative;

}

.single-class .intro-image-detail,

.single-class .intro-image-detail:hover,

.single-class .intro-image-detail img,

.single-class .intro-image-detail img:hover,

.single-class .intro-image-detail:hover img{

	border-radius: 5px;

}

.single-class .intro-image-detail:before, .single-class .intro-image-detail:after {

	border-radius: 5px;

    content: "";

    width: 95%;

    height: 92%;

    position: absolute;

    left: 2.5%;

    top: 4%;

    -webkit-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

    z-index: 1;

}

.single-class .intro-image-detail:before {

    width: 0;

    border-top: 1px dashed #fff;

    border-bottom: 1px dashed #fff;

}

.single-class .intro-image-detail:after {

    height: 0;

    border-left: 1px dashed #fff;

    border-right: 1px dashed #fff;

}

.single-class .intro-image-detail:hover:after {

    height: 92%;

}

.single-class .intro-image-detail:hover:before {

    width: 95%;

}



.title .tag{

	font-family: 'SignPainter-HouseScript';

    text-transform: capitalize;

    font-weight: 500;

	margin-bottom: -5px;

	font-size: 22px;

}



.single-class .trainer_info .title .tag{

	font-size: 22px;

}



.single-class .trainer_info .title span{

	display: block;

}

.single-class .trainer_info .title .name{

	margin: 10px 0 20px;

}

.single-class .trainer_info .title .name a{

	font-family: Raleway-Bold;

	font-size: 25px;

	color: #333;

}





@media only screen and (min-width: 1200px){

	.grid-item-class.one-column .entry-wrapper .entry-header{

		margin-top: 10%;

	}

}

@media (min-width: 992px) and (max-width: 1200px){

	.day_filter .col{

		width: 100%;

	}

}

@media only screen and (min-width: 768px){



	.grid-item-class.one-column .entry-thumbnail{

		width: 43.3%;

		margin-right: 6%;

		float: left;

	}

	.grid-item-class.one-column .entry-wrapper{

		width: 50.7%;

		float: left;

		padding: 0 4% 0 0;

	}

	

	.grid-item-class.one-column .entry-meta li{

		display: block;

		float: none;

		padding: 10px 0;

		float: left;

		margin-right: 25px;

	}

}

@media screen and (max-width: 990px){

	.archive-content-filter{

		display: none !important;

	}

}

@media only screen and (max-width: 767px) {

	.grid-item-class:first-child{

		margin-top: 0;

	}

	.search_class .day_filter .tasks-list-item {

		width: 50%;

		float: left;

	}

	.body-class-detail {

		margin-left: 0px;

	}

}



@media only screen and (max-width: 420px) {

	.popular_class .description,

	.grid-item-class .entry-wrapper {

		text-align: justify;

	}

}

@media only screen and (max-width: 310px) {

	.search_class .day_filter .tasks-list-item {

		width: 100%;

		float: left;

	}

	.day_filter .col{

		width: 100%;

	}

}