


/*


*/



.ci-apply-online-intermediary label {
	display: block;
	clear: both;
	font-size: 16px;
	font-weight: bold;
}


.ci-apply-online-intermediary select {
	display: block;
	clear: both;
	padding: 10px 10px 10px 10px;
	font-size: 16px;
	width: 100%;
	margin: 10px auto 10px auto;
	text-overflow: ellipsis;
}


.ci-apply-online-intermediary button {
	text-align: right;
	color: #FFFFFF;
	font-weight: bold;
	
	background-color: #C62A39;
	padding: 10px 10px 10px 10px;
	font-size: 24px;
	
	border: 1px solid transparent;
	/* width: 100%; */
	cursor: pointer;
	
	clear: both;
	float: right;
	display: block;
}


.ci-apply-online-intermediary button:hover,
.ci-apply-online-intermediary button:active {
	background-color: #DA505D;
}


.ci-apply-online-intermediary .apila-yesorno label {
	display: inline-block;
}

.ci-apply-online-intermediary .jointApplication-yesorno input,
.ci-apply-online-intermediary .jointApplication-yesorno label {
	padding: 10px 10px 10px 10px;
}

.ci-apply-online-intermediary .jointApplication-yesorno label {
	display: inline-block;
	margin-right: 50px;
}



/*
=====================================================
	Course Search Bar
=====================================================
*/

div.coursesearch {
	background-color: #F7F7F7;
	padding: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	border: 1px #C8C8C8 solid;
	-webkit-box-shadow: 2px 2px 3px 0px rgba(155, 154, 154, 0.75);
	-moz-box-shadow:    2px 2px 3px 0px rgba(155, 154, 154, 0.75);
	box-shadow:         2px 2px 3px 0px rgba(155, 154, 154, 0.75);
}

div.coursesearch form {
	margin: 0 0 0 0;
}

div.coursesearch form input[type=checkbox] {
	display: inline-block;
	width: 5%;
	float: left;
	margin-top: 6px;
}

div.coursesearch form label {
	display: inline-block;
	width: 90%;
	float: right;
	margin-bottom: 5px;
	cursor: pointer;
}

div.coursesearch form br {
	clear: both;
}



div.coursesearch form input[type=submit] {
	background: rgb(38,154,8);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI2OWEwOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDY4MjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(38,154,8,1) 0%, rgba(0,104,36,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(38,154,8,1)), color-stop(100%,rgba(0,104,36,1)));
	background: -webkit-linear-gradient(top,  rgba(38,154,8,1) 0%,rgba(0,104,36,1) 100%);
	background: -o-linear-gradient(top,  rgba(38,154,8,1) 0%,rgba(0,104,36,1) 100%);
	background: -ms-linear-gradient(top,  rgba(38,154,8,1) 0%,rgba(0,104,36,1) 100%);
	background: linear-gradient(to bottom,  rgba(38,154,8,1) 0%,rgba(0,104,36,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#269a08', endColorstr='#006824',GradientType=0 );
	padding: 10px 50px 10px 50px;
	color: #FFFFFF;
	font-size: 20px;
	line-height: 30px;
	font-weight: 600;
	margin-top: 25px;
	border: 0;
	cursor: pointer;
	border-corner-shape: bevel;
	-webkit-border-corner-shape: bevel;
	-moz-border-corner-shape: bevel;
	border-radius: 0 0 100px 0;
	width: 100%;
}

div.jobsearch form input[type=submit]{
	width: 100%;
}



/* UCC 2019 */
div.coursesearch.ucc-2019 {
	/* background-color: #929eb8; */
	background-color: #ECEDF2;
	padding: 0 0 0 0;
	border-radius: 0 0 0 0;
	border: 1px #333333 solid;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	
	font-size: 16px;
}

div.coursesearch.ucc-2019  form {
	margin: 0 0 0 0;
}

div.coursesearch.ucc-2019  form input[type=checkbox] {
	display: inline-block;
	width: 5%;
	float: left;
	margin-top: 6px;
}

div.coursesearch.ucc-2019  form label {
	display: inline-block;
	width: 85%;
	margin-left: 5%;
	float: none;
	margin-bottom: 0;
	cursor: pointer;
}

div.coursesearch.ucc-2019  form br {
	clear: both;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 0;
	display: none;
}


div.coursesearch.ucc-2019 h2,
div.coursesearch.ucc-2019 h3 {
	background-color: #333333;
	color: #FFFFFF;
	padding: 1em 1em 1em 1em;
	margin: 0 0 0 0;
	font-size: 18px;
	line-height: 1em;
}



div.coursesearch.ucc-2019 div.searchsection div.searchoption {
	padding: .5em 1em .5em 1em;
	margin: 0 0 0 0;
	border-top: 3px #FFFFFF solid; 
	/* border-top: 1px #929eb8 solid; */
}


div.coursesearch.ucc-2019 div.searchsection div.searchoption:hover {
	background-color: rgba(255,255,255,0.25);
}

div.coursesearch.ucc-2019 div.searchsection h3 + div.searchoption,
div.coursesearch.ucc-2019 div.searchsection div.searchoption:first-child {
	border-top: 0;

}





div.coursesearch.ucc-2019  form input[type=submit] {
	background: #333333;
	padding: 1em 1em 1em 1em;
	color: #FFFFFF;
	font-size: 20px;
	line-height: 30px;
	font-weight: 600;
	margin-top: 0;
	border: 0;
	cursor: pointer;
	border-radius: 0 0 0 0;
	width: 100%;
	text-align: left;
	text-transform: uppercase;
	border-top: 1px #333333 solid;
}


div.coursesearch.ucc-2019  form input[type=submit]:hover {
	background-color: #00A7AA;
}








/* apprenticeship-201 */

div.coursesearch.apprenticeship-2019 {
	/* background-color: #929eb8; */
	background-color: #ECEDF2;
	padding: 0 0 0 0;
	border-radius: 0 0 0 0;
	border: 1px #333333 solid;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	
	font-size: 16px;
}

div.coursesearch.apprenticeship-2019 form {
	margin: 0 0 0 0;
}

div.coursesearch.apprenticeship-2019 form input[type=checkbox] {
	display: inline-block;
	width: 5%;
	float: left;
	margin-top: 6px;
}

div.coursesearch.apprenticeship-2019 form label {
	display: inline-block;
	width: 85%;
	margin-left: 5%;
	float: none;
	margin-bottom: 0;
	cursor: pointer;
}

div.coursesearch.apprenticeship-2019 form br {
	clear: both;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 0;
	display: none;
}


div.coursesearch.apprenticeship-2019 h2,
div.coursesearch.apprenticeship-2019 h3 {
	background-color: #333333;
	color: #FFFFFF;
	padding: 1em 1em 1em 1em;
	margin: 0 0 0 0;
	font-size: 18px;
	line-height: 1em;
}



div.coursesearch.apprenticeship-2019 div.searchsection div.searchoption {
	padding: .5em 1em .5em 1em;
	margin: 0 0 0 0;
	border-top: 3px #FFFFFF solid; 
	/* border-top: 1px #929eb8 solid; */
}


div.coursesearch.apprenticeship-2019 div.searchsection div.searchoption:hover {
	background-color: rgba(255,255,255,0.25);
}

div.coursesearch.apprenticeship-2019 div.searchsection h3 + div.searchoption,
div.coursesearch.apprenticeship-2019 div.searchsection div.searchoption:first-child {
	border-top: 0;

}





div.coursesearch.apprenticeship-2019 form input[type=submit] {
	background: #333333;
	padding: 1em 1em 1em 1em;
	color: #FFFFFF;
	font-size: 20px;
	line-height: 30px;
	font-weight: 600;
	margin-top: 0;
	border: 0;
	cursor: pointer;
	border-radius: 0 0 0 0;
	width: 100%;
	text-align: left;
	text-transform: uppercase;
	border-top: 1px #333333 solid;
}


div.coursesearch.apprenticeship-2019 form input[type=submit]:hover {
	background-color: #F15E33;
}




/* AOS SEARCH */


div.coursesearchaosonly {
	border: 1px #333333 solid;
	margin-bottom: 20px;
	background-color: #333333;
}

div.coursesearchaosonly div.coursesearchsection {
	border-bottom: 1px #FFFFFF solid;
}

div.coursesearchaosonly div.coursesearchsection div.coursesearchsectiontitle {
	display: block;
	background-color: #333333;
	color: #ffffff;
}

div.coursesearchaosonly div.coursesearchsection div.coursesearchsectiontitle div.pad {
	padding: 10px 10px 10px 10px;
}


div.coursesearchaosonly div.coursesearchsection div.coursesearchsectiontitle h3 {
	line-height: normal;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	color: #ffffff;
}

div.coursesearchaosonly form input[type=submit] {
	
	color: #FFFFFF;
	font-size: 24px;
	line-height: 40px;
	font-weight: 600;
	margin: 0 0 0 0;
	/* padding: 10px 10px 10px 10px; */
	padding: 10px 25px 10px 25px;
	border: 0;
	cursor: pointer;
	max-width: 100%;
	width: 100%;
	text-transform: uppercase;
	text-align: right;
	float: right;
	background-color: #333333; /* #9ec815 ; */
}


div.coursesearchaosonly form input[type=submit]:hover, 
div.coursesearchaosonly form input[type=submit]:active {
	background-color: #333333; /* #212C75; #B8DE3C;*/
}


div.coursesearchaosonly form select {
	width: 100%;
	padding: 10px 10px 10px 10px;
	font-size: 16px;
	line-height: 20px;
	border: 0;
}


div.coursesearchaosonly form input[type=checkbox], div.coursesearchaosonly form input[type=radio] {
	display: none;
}

div.coursesearchaosonly form input[type=checkbox] + label, div.coursesearchaosonly form input[type=radio] + label  {
	padding: 10px;
	border-top: 1px #FFFFFF solid;
	display: block;
	background-color: #E6E6E6;
}

div.coursesearchaosonly form input[type=checkbox] + label:hover, div.coursesearchaosonly form input[type=radio] + label:hover {
	background-color: #FFFFFF;
	cursor: pointer;
}

div.coursesearchaosonly form input[type=checkbox] + label:before, div.coursesearchaosonly form input[type=radio] + label:before {
	font-family: "Font Awesome 5 Free";
	padding-right: 10px;
}

div.coursesearchaosonly form input[type=checkbox] + label:before {
	content: "\f0c8";
}


div.coursesearchaosonly form input[type=radio] + label:before {
	content: "\f111";
}

div.coursesearchaosonly form input[type=checkbox]:checked + label:before {
	content: "\f14a";
}

div.coursesearchaosonly form input[type=radio]:checked + label:before {
	content: "\f192";
}



div.ciTemplate-UCC div.coursesearchaosonly form input[type=submit]:hover, 
div.ciTemplate-UCC div.coursesearchaosonly form input[type=submit]:active {
	background-color: #4ac0c0;
}

div.ciTemplate-CIFE div.coursesearchaosonly form input[type=submit]:hover, 
div.ciTemplate-CIFE div.coursesearchaosonly form input[type=submit]:active {
	background-color: #E6007C;
}

div.ciTemplate-CIBS div.coursesearchaosonly form input[type=submit]:hover, 
div.ciTemplate-CIBS div.coursesearchaosonly form input[type=submit]:active {
	background-color: #1B2B45;
}

div.ciTemplate-APPRENTICESHIPS div.coursesearchaosonly form input[type=submit]:hover, 
div.ciTemplate-APPRENTICESHIPS div.coursesearchaosonly form input[type=submit]:active {
	background-color: #F15E33;
}

div.ciTemplate-ADULT div.coursesearchaosonly form input[type=submit]:hover, 
div.ciTemplate-ADULT div.coursesearchaosonly form input[type=submit]:active {
	background-color: #4B2463;
}





.course-variations-more-courses {
	background-color: #E6E6E6;
}





/* drop-boxes colors */


/* Default - div.ciTemplate-CI */
.course .drop-boxes div.ci-box-2019,
div.ciTemplate-CI .course .drop-boxes div.ci-box-2019 {
	background-color: rgb(47,16,124);
}

/* FE */
/*
div.ciTemplate-CIFE .course .drop-boxes div.ci-box-2019 {
	background-color: rgb(51, 51, 51);
}
*/

div.ciTemplate-CIFE .course .drop-boxes div.ci-box-2019 {
	background-color: #E6007C; /* #333333; */
	color: #FFFFFF;
	
	border-top: 2px #E82E94 solid;
	border-left: 2px #D10072 solid;
	border-right: 2px #D10072 solid;
	border-bottom: 10px #A20058 solid;

	/*
	border-top: 2px #6B6A6A solid;
	border-left: 2px #000000 solid;
	border-right: 2px #000000 solid;
	border-bottom: 10px #000000 solid;
	*/
	border-radius: 10px;
}

div.ciTemplate-CIFE .course .drop-boxes div.ci-box-2019:hover {	
	background-color: #FFFFFF;
	color: #E6007C; /* #333333; */
}

div.ciTemplate-CIFE .course .drop-boxes div.ci-box-2019 div.ci-box-2019-centerlayout div.ci-box-2019-centerlayout-text span.ci-box-2019-centerlayout-txt-top, 
div.ciTemplate-CIFE .course .drop-boxes div.ci-box-2019 div.ci-box-2019-centerlayout div.ci-box-2019-centerlayout-text span.ci-box-2019-centerlayout-txt-middle,
div.ciTemplate-CIFE .course .drop-boxes div.ci-box-2019 div.ci-box-2019-centerlayout div.ci-box-2019-centerlayout-text span.ci-box-2019-centerlayout-txt-bottom {
	color: #FFFFFF;
}

div.ciTemplate-CIFE .course .drop-boxes div.ci-box-2019:hover div.ci-box-2019-centerlayout div.ci-box-2019-centerlayout-text span.ci-box-2019-centerlayout-txt-top, 
div.ciTemplate-CIFE .course .drop-boxes div.ci-box-2019:hover div.ci-box-2019-centerlayout div.ci-box-2019-centerlayout-text span.ci-box-2019-centerlayout-txt-middle,
div.ciTemplate-CIFE .course .drop-boxes div.ci-box-2019:hover div.ci-box-2019-centerlayout div.ci-box-2019-centerlayout-text span.ci-box-2019-centerlayout-txt-bottom {
	color: #E6007C; /* #333333; */
}

div.ciTemplate-CIFE .course .drop-boxes div.ci-box-2019:hover .ci-box-2019-link a,
div.ciTemplate-CIFE .course .drop-boxes div.ci-box-2019:hover .ci-box-2019-link a:hover,
div.ciTemplate-CIFE .course .drop-boxes div.ci-box-2019:hover .ci-box-2019-link a:active {
	background-color: transparent !important;
}



/* UCC */
div.ciTemplate-UCC .course .drop-boxes div.ci-box-2019 {
	background-color: rgb(0, 167, 170);
}


/* CIBS */

/*
div.ciTemplate-CIBS .course .drop-boxes div.ci-box-2019 {
	background-color: rgb(27, 43, 69);
}
*/

div.ciTemplate-CIBS .course .drop-boxes div.ci-box-2019 {
	background-color: #1B2B45; /* #333333; */
	color: #FFFFFF;
	
	border-top: 2px #2B3A52 solid;
	border-left: 2px #0D1B32 solid;
	border-right: 2px #0D1B32 solid;
	border-bottom: 10px #030D1D solid;
	
	border-radius: 10px;
}

div.ciTemplate-CIBS .course .drop-boxes div.ci-box-2019:hover {	
	background-color: #FFFFFF;
	color: #E6007C; /* #333333; */
}

div.ciTemplate-CIBS .course .drop-boxes div.ci-box-2019 div.ci-box-2019-centerlayout div.ci-box-2019-centerlayout-text span.ci-box-2019-centerlayout-txt-top, 
div.ciTemplate-CIBS .course .drop-boxes div.ci-box-2019 div.ci-box-2019-centerlayout div.ci-box-2019-centerlayout-text span.ci-box-2019-centerlayout-txt-middle,
div.ciTemplate-CIBS .course .drop-boxes div.ci-box-2019 div.ci-box-2019-centerlayout div.ci-box-2019-centerlayout-text span.ci-box-2019-centerlayout-txt-bottom {
	color: #FFFFFF;
}

div.ciTemplate-CIBS .course .drop-boxes div.ci-box-2019:hover div.ci-box-2019-centerlayout div.ci-box-2019-centerlayout-text span.ci-box-2019-centerlayout-txt-top, 
div.ciTemplate-CIBS .course .drop-boxes div.ci-box-2019:hover div.ci-box-2019-centerlayout div.ci-box-2019-centerlayout-text span.ci-box-2019-centerlayout-txt-middle,
div.ciTemplate-CIBS .course .drop-boxes div.ci-box-2019:hover div.ci-box-2019-centerlayout div.ci-box-2019-centerlayout-text span.ci-box-2019-centerlayout-txt-bottom {
	color: #1B2B45;
}

div.ciTemplate-CIBS .course .drop-boxes div.ci-box-2019:hover .ci-box-2019-link a,
div.ciTemplate-CIBS .course .drop-boxes div.ci-box-2019:hover .ci-box-2019-link a:hover,
div.ciTemplate-CIBS .course .drop-boxes div.ci-box-2019:hover .ci-box-2019-link a:active {
	background-color: transparent !important;
}



/* APPRENTICESHIPS */
div.ciTemplate-APPRENTICESHIPS .course .drop-boxes div.ci-box-2019 {
	background-color: #1A2B45;
	color: #FFFFFF;
	
	border-top: 2px #425570 solid;
	border-left: 2px #0C1B31 solid;
	border-right: 2px #0C1B31 solid;
	border-bottom: 10px #030D1C solid;
	border-radius: 10px;
}

div.ciTemplate-APPRENTICESHIPS .course .drop-boxes div.ci-box-2019:hover {	
	background-color: #FFFFFF;
	color: #1A2B45;
}

div.ciTemplate-APPRENTICESHIPS .course .drop-boxes div.ci-box-2019 div.ci-box-2019-centerlayout div.ci-box-2019-centerlayout-text span.ci-box-2019-centerlayout-txt-top, 
div.ciTemplate-APPRENTICESHIPS .course .drop-boxes div.ci-box-2019 div.ci-box-2019-centerlayout div.ci-box-2019-centerlayout-text span.ci-box-2019-centerlayout-txt-middle,
div.ciTemplate-APPRENTICESHIPS .course .drop-boxes div.ci-box-2019 div.ci-box-2019-centerlayout div.ci-box-2019-centerlayout-text span.ci-box-2019-centerlayout-txt-bottom {
	color: #FFFFFF;
}

div.ciTemplate-APPRENTICESHIPS .course .drop-boxes div.ci-box-2019:hover div.ci-box-2019-centerlayout div.ci-box-2019-centerlayout-text span.ci-box-2019-centerlayout-txt-top, 
div.ciTemplate-APPRENTICESHIPS .course .drop-boxes div.ci-box-2019:hover div.ci-box-2019-centerlayout div.ci-box-2019-centerlayout-text span.ci-box-2019-centerlayout-txt-middle,
div.ciTemplate-APPRENTICESHIPS .course .drop-boxes div.ci-box-2019:hover div.ci-box-2019-centerlayout div.ci-box-2019-centerlayout-text span.ci-box-2019-centerlayout-txt-bottom {
	color: #1A2B45;
}

div.ciTemplate-APPRENTICESHIPS .course .drop-boxes div.ci-box-2019:hover .ci-box-2019-link a,
div.ciTemplate-APPRENTICESHIPS .course .drop-boxes div.ci-box-2019:hover .ci-box-2019-link a:hover,
div.ciTemplate-APPRENTICESHIPS .course .drop-boxes div.ci-box-2019:hover .ci-box-2019-link a:active {
	background-color: transparent !important;
}


/* ADULT */

/*
div.ciTemplate-ADULT .course .drop-boxes div.ci-box-2019 {
	background-color: rgb(75, 36, 99);
}
*/

div.ciTemplate-ADULT .course .drop-boxes div.ci-box-2019 {
	background-color: #4B2463; /* #333333; */
	color: #FFFFFF;
	
	border-top: 2px #603978 solid;
	border-left: 2px #331149 solid;
	border-right: 2px #331149 solid;
	border-bottom: 10px #1E032F solid;
	
	border-radius: 10px;
}

div.ciTemplate-ADULT .course .drop-boxes div.ci-box-2019:hover {	
	background-color: #FFFFFF;
	color: #4B2463;
}

div.ciTemplate-ADULT .course .drop-boxes div.ci-box-2019 div.ci-box-2019-centerlayout div.ci-box-2019-centerlayout-text span.ci-box-2019-centerlayout-txt-top, 
div.ciTemplate-ADULT .course .drop-boxes div.ci-box-2019 div.ci-box-2019-centerlayout div.ci-box-2019-centerlayout-text span.ci-box-2019-centerlayout-txt-middle,
div.ciTemplate-ADULT .course .drop-boxes div.ci-box-2019 div.ci-box-2019-centerlayout div.ci-box-2019-centerlayout-text span.ci-box-2019-centerlayout-txt-bottom {
	color: #FFFFFF;
}

div.ciTemplate-ADULT .course .drop-boxes div.ci-box-2019:hover div.ci-box-2019-centerlayout div.ci-box-2019-centerlayout-text span.ci-box-2019-centerlayout-txt-top, 
div.ciTemplate-ADULT .course .drop-boxes div.ci-box-2019:hover div.ci-box-2019-centerlayout div.ci-box-2019-centerlayout-text span.ci-box-2019-centerlayout-txt-middle,
div.ciTemplate-ADULT .course .drop-boxes div.ci-box-2019:hover div.ci-box-2019-centerlayout div.ci-box-2019-centerlayout-text span.ci-box-2019-centerlayout-txt-bottom {
	color: #4B2463;
}

div.ciTemplate-ADULT .course .drop-boxes div.ci-box-2019:hover .ci-box-2019-link a,
div.ciTemplate-ADULT .course .drop-boxes div.ci-box-2019:hover .ci-box-2019-link a:hover,
div.ciTemplate-ADULT .course .drop-boxes div.ci-box-2019:hover .ci-box-2019-link a:active {
	background-color: transparent !important;
}





/**/


.ci-awkward-group-list {
	margin-top: 10px;
}

.ci-awkward-group-list-item {
	border: 1px #E6E6E6 solid;
	margin-bottom: 10px;
}

.ci-awkward-group-list-item-title {
	padding: 10px;
	/* border-bottom: 1px #333333 solid; */
	font-weight: bold;
	
	background-color: #1a2b45;
	/*#212C75;*/
}

.ci-awkward-group-list-item-title a,
.ci-awkward-group-list-item-title a:visited {
	/* color: #525da1; */
	color: #FFFFFF;
}

.ci-awkward-group-list-item-title a:hover,
.ci-awkward-group-list-item-title a:active {
	/* color: #457c93; */
	color: #FFFFFF;
	text-decoration: none;
}


.ci-awkward-group-list-item-content {
	display: flex;
	align-items: flex-end;
	column-gap: 20px;
}

.ci-awkward-group-list-item-info {
	width: 77%;
	padding: 10px;
}

.ci-awkward-group-list-item-btn {
	width: 33%;
}

.ci-awkward-group-list-item-btn-pad {
	padding: 10px;
}

.ci-awkward-group-list-item-btn a,
.ci-awkward-group-list-item-btn a:visited {
	display: block;
	width: 100%;
	text-align: center;
	background-color: #333333;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
	padding: 10px 0;
}

.ci-awkward-group-list-item-btn a:hover,
.ci-awkward-group-list-item-btn a:active {
	background-color: #555555;
	color: #FFFFFF;
	text-decoration: none;
}

/* */
.ci-darkcyan .ci-awkward-group-list-item-content:hover .ci-awkward-group-list-item-btn a:hover, 
.ci-darkcyan .ci-awkward-group-list-item-content:hover .ci-awkward-group-list-item-btn a:active {
	background-color: #377abe;
	color: #FFFFFF;
}





.ci-awkward-group-list-info-items {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}

.ci-awkward-group-list-info-item {
	padding: 5px;
	margin-bottom: 5px;
}


.ci-awkward-group-list-item-content:hover {
	color: #FFFFFF;
	background-color: #333333;
}

.ci-awkward-group-list-item-content:hover .ci-awkward-group-list-item-btn a,
.ci-awkward-group-list-item-content:hover .ci-awkward-group-list-item-btn a:visited {
	background-color: #FFFFFF;
	color: #333333;
}

.ci-awkward-group-list-item-content:hover .ci-awkward-group-list-item-btn a:hover,
.ci-awkward-group-list-item-content:hover .ci-awkward-group-list-item-btn a:active {
	background-color: yellow;
	color: #333333;
	text-decoration: none;
}

@media only screen and (max-width: 1080px){
	.ci-awkward-group-list-item-content {
		display: block;
	}
	
	.ci-awkward-group-list-item-info {
		width: 100%;
	}
	
	.ci-awkward-group-list-item-btn {
		width: 100%;
	}
}





/* */

.course-finder-home-search {
	border: 1px solid #000000;
	background-color: #FFFFFF;
}

.course-finder-home-search-title {
	color: #fff;
	font-weight: 600;
	margin: 0 0 0 0;
	border: 0;
	text-transform: uppercase;
	background-color: #333;
	padding: 10px 25px 10px 25px;
}

.course-finder-home-search label {
	display: block;
	color: #fff;
	font-weight: 600;
	margin: 0 0 0 0;
	border: 0;
	text-transform: uppercase;
	background-color: #333;
	padding: 10px 25px 10px 25px;
}

.course-finder-home-search input {
	margin: 0 0 0 0;
	padding: 10px 25px 10px 25px;
	border: 0;
	max-width: 100%;
	width: 100%;
}




.course-finder-home-search select {
	display: block;
	margin: 0 0 0 0;
	border: 0;
	padding: 10px 25px 10px 25px;
	width: 100%;
	font-size: 18px;
	text-overflow: ellipsis;
}

.course-finder-home-search input[type=submit] {
	color: #fff;
	font-size: 24px;
	line-height: 40px;
	font-weight: 600;
	cursor: pointer;
	text-transform: uppercase;
	text-align: right;
	float: right;
	background-color: #333;
}


.course-finder-home-search input[type=submit]:hover, .course-finder-home-search input[type=submit]:active {
	background-color: #000;
}




