@import url('base.css');

h4 { color: #FF8900; font-size: 20px; margin-bottom: 30px; padding-bottom: 15px; text-transform: uppercase; }

.banner { background: url("../images/training.jpg") no-repeat top center / cover; clear: both; padding: 25px 0px; width: 100%; }
.banner h1 { color: #fff; font-size: 52px; margin-top: 18%; text-transform: uppercase; }
.banner h3 {
	color:white;
	text-transform: initial;
}

.nav-fill li { background-color: #424242; }
.nav-fill li + li { background-color: #616161; }
.nav-fill li + li + li { background-color: #757575; }
.nav-fill li + li + li + li { background-color: #9E9E9E; }
.nav-pills .nav-link { border-radius: 0px; color: #ffffff; font: 300 19px 'Roboto'; padding: 1rem 1rem; }
.nav-pills .nav-link:hover, .nav-pills .current-menu-item .nav-link { background-color: #FF8900; }
.nav-pills .nav-link.active { background-color: #FF8900; }

.training { clear: both; padding: 40px 0px; width: 100%; }
.training h3 { border-bottom: 1px solid #FF8900; color: #000000; font-size: 28px; font-weight: 300; line-height: 0.1em; margin: 10px 0 30px; text-transform: initial; }
.training h3 span { background-color:#fff; padding: 0px 15px 0px 0px; }
.training p { color: #616161; font-size: 16px; }

.course { clear: both; margin: 20px 0px; width: 100%; }
.course .box { background-color: #EEEEEE; padding: 0px 15px; transition-duration: 0.5s }
.course .box:nth-child(even) { background-color: #E0E0E0; }
.course .box:hover .col:first-child img { opacity: 0.6; transition-duration: 0.5s; transform: scale(1.07); }
.course .col:first-child { background-color: #ffffff; padding: 0px; overflow: hidden; }
.course .col:last-child { padding: 15px 25px; }
.course h4 { font-size: 19px; margin: 0px; }
.course p { font-size: 13px; }
.course a { color: #FF8900; font-size: 14px; font-weight: 500; text-transform: uppercase; }
.course a:hover { color: #616161; }

.view { color: #FF8900; font-size: 18px; font-weight: 500; text-transform: uppercase; }
.view:hover { color: #616161; }

.member { background: url("../images/mem_bg_01.jpg") no-repeat top right / cover; clear: both; padding: 5% 0px 3%; text-align: center; width: 100%; }
.member h3 { color: #757575; margin: 1.5rem 0px 1rem; }
.member .btn-join { margin:auto; background: transparent; border: 2px solid #FF8900; border-radius: 0px; color: #FF8900; font-size: 16px; font-weight: 400; text-transform: uppercase; max-width: 187px; width: 100%; }
.member .btn-join:hover { background: #FF8900; color: #fff; }

.cpd li { color: #ffffff; font: 300 20px 'Roboto'; padding: 1rem 1rem; line-height:34px; }
.cpd li a {
	color:white;
}

.course-detail { background: url("../images/codl_bg.jpg") no-repeat top center / cover; clear: both; padding: 100px 0px; width: 100%; }
.course-detail h2 { border-bottom: 1px solid #FF8900; padding-bottom: 15px; text-transform: initial; margin-bottom:50px; }
.course-detail h4 { margin: 0px; }
.course-detail h5 { color: #FF8900; margin-bottom:20px; }
.course-detail table { width: 100%; }
.course-detail table tr td { color: #616161; }

.sidebar { border-left: 1px solid #FF8900; }

.back { border: 1px solid #FF8900; color: #FF8900; display: inline-block; font-size: 13px; font-weight: 500; padding: 5px 10px; text-transform: uppercase; }
.back:hover { background-color: #FF8900; color: #ffffff; }

.qcf { background-color: #E6E6E6; clear: both; padding: 40px 0px; width: 100%; }
.qcf p { color: #616161; font-size: 16px; }
.qcf h3 { border-bottom: 1px solid #FF8900; color: #000000; font-size: 32px; font-weight: 300; line-height: 0.1em; margin: 10px 0 30px; text-transform: initial; }
.qcf h3 span { background-color: #E6E6E6; padding: 0px 15px 0px 0px; }
.qcf .table-striped { background-color: rgba(238, 238, 238, 0.7);}
.qcf .table-striped tr td { border: none; color: #FF8900; font-size: 18px; text-transform: uppercase; }
.qcf .table-striped tr:nth-child(odd) { background-color: rgba(255, 255, 255, 0.7); }

.nav-bits {
	background: linear-gradient(90deg, #424242 50%, #616161 50%);
}
.nav-bits .nav-fill li {
	padding-top: 40px;
    padding-bottom: 40px;
	text-align:left;
}
.nav-bits .nav-fill li.pushme {
	padding-left:80px;
}

.btn-back {
	margin-top:100px;
}

.course-detail p, .course-detail li {
	color:#424242;
}
.course-detail p:first-child {
	font-size:20px;
	line-height:27px;
	color:#616161;
}

.sidebar h4 {
	margin-bottom:0;
	padding-bottom:0;
}
.sidebar figure {
	margin:30px 0;
}

.course-detail .col-md-8 {
	padding-right: 70px;
}
.course-detail .sidebar {
	padding-left:70px;
}


.enquirebooking {
	margin-top:100px;
}

/*-------------------
    Media Query
---------------------------*/

@media only screen and (max-width: 767px) {
	.banner { min-height: inherit; }
	.banner h1 { font-size: 24px; }
	.nav-pills .nav-link { font-size: 12px; padding: 1rem .5rem; }
	.training h3 { font-size: 22px; }
	.course .box { padding: 0px 0px; }
	.course h4 { font-size: 16px; }
	.course .col:first-child { padding: 0px 15px; }
	.view { font-size: 16px; }
	.sidebar { border: none; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.banner { min-height: 225px; }
	.banner h1 { font-size: 32px; }
	.training h3 { font-size: 22px; }
	.course h4 { font-size: 16px; padding-bottom: 7px; }
	.course p { margin-bottom: 7px; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.banner h1 { margin-top: 28%; }
}


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

    .course-detail { padding-top:30px; }
	.nav.nav-pills.nav-fill.cpd {
		overflow-x:initial;
		flex-wrap: wrap;
    	flex-direction: column;
	}
	.single-course .nav.nav-pills.nav-fill li {
		padding: 20px!important;
		font-size:16px;
	}
	.course-detail .col-md-8 { padding-right:15px; }
	.course-detail .sidebar { padding-left:15px; text-align: center; margin-top:50px; }
	.course-detail p.larger { margin-top:30px; }
	.course-detail .col:first-child p.larger { margin-top:0; }


	.ginput_container_consent label { display:inline; }

}