@import "../../../atlanta/assets/css/style.min.css";

/* Your CSS code goes here
-------------------------------------- */
.coursebox {
    width:290px;
	height:215px;
    max-width: 30%;
    float: right;
    margin: 0 3%;
	text-align:center;
	box-shadow: 6px 6px 8px #00bff3;
	color:#c67788;
	font-size:18px;
	font-weight: bold;
}
.listrow span {font-weight: normal;}
.coursebox img {
	max-width: 85%;
    max-height: 90%;
    vertical-align: middle;
}
.cimgbox{width:100%;height:64%;white-space: nowrap;text-align: center;margin: 1em 0 0;}
.chelper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.coursebox.fadecourse {
    opacity: 0.4;
}
.h3subtitle{line-height: normal;}
.listrow{width:970px;height:205px;box-shadow: 6px 6px 8px #00bff3;color: #c67788;font-size: 18px;font-weight: bold;margin-top: 50px;cursor: pointer;}
.listrow .mainimg{float: right;width:300px;height:168px;margin: 20px 10px;overflow: hidden;}
.listrow .mainimg img{max-width: 300px;max-height: 300px;}
.listrow .details {width: 30%;float: right;}
.listrow h4{color:#aa3664;font-weight: bold;margin-top: 50px;}
.listrow label{color:#343335;}
.listrow .lmark {color: #298500;font-size: 35px;float: left;margin: 15px 70px;}
.listrow .mainimg img {display: table;margin: 0 auto;}
ul.nbsubmenu {background-color: rgba(247, 242, 225, 1);}
ul.sub-menu li{font-size:14px;}
.nbsubmenu li a{font-size:14px;}
.coursebox span {font-size: 14px;}
header.page-title h1 {display: inline-block;}
a.nbnextpost {
    background-color: #00bff3;
    padding: 4px 5px;
    color: #f7f3e2;
    font-size: 16px;
    font-weight: bold;
    border: 1px solid #f7f3e2;
}

@media (max-width: 767px){
	.coursebox {
    width: 90%;
    height: 290px;
    max-width: 90%;
    float: none;
    margin: 0 auto !important;
}
.entry-content ul {
    padding: 0;
}
.listrow .mainimg {width: 100% !important;margin: 0 !important;}
.listrow {width: 90% !important;height: 300px !important;margin: 25px auto;clear: both;position: relative;}
.listrow .details {width: 100% !important;float: none !important;clear: both;text-align: center;}
.listrow h4 {text-align: center !important;width: 90% !important;}
.listrow .lmark {float: none !important;margin: 0px auto !important;width: 48px;position: absolute;left: 10px;width: 25px;bottom: 10px;}
.listrow .mainimg img {width: auto;height: auto !important;max-height: 150px;}
}