Changes

Adult Courses

Adult Courses

/* Header */

#course_selector_header															{ margin-top: 5px; }

#course_selector_header > a:hover 												{ text-decoration: none; color: #fff; }

#course_selector_header div.stepTitle 											{ color: #333!important;text-decoration: none; background-color: white; padding: 0 10px; border-radius: 5px; margin-right: 5px; margin-top: 5px; box-shadow: 0 1px 2px rgba(0,0,0,0.15); height: 50px; border: 1px solid #ccc; float: left; padding: 2px 10px 2px 10px; }

#course_selector_header div.stepTitle:not(.currentStep):hover 					{ color: #fff; background-color: #333!important; }

#course_selector_header div.currentStep											{ color: white!important; background-color: #333!important; }

#course_selector_header div.stepTitle:not(.currentStep):not(.disabled)			{border:1px solid #dcdcdc!important;}

#course_selector_header div.stepTitle:not(.currentStep):not(.disabled):hover   {color: white!important;background-color: #cee8e3;border:1px solid #cee8e3;}

#course_selector_header div.stepTitle.disabled:hover   							{color: #333!important;background-color: #eee!important;}



/* Body / Current Step */

#course_selector_body 															{ padding: 0px; padding-top:10px; }

#course_selector_current_step_body > a:hover 									{ text-decoration: none; }





.commerceProductsOrderBox a div.item	{

	color: white !important; 

	background-color:/*#4c4d4f*/ #ED0972!important; 

	border-radius: 5px !important;

	font-size: 15pt!important;

	font-family:bpreplaybolditalics,arial!important;

	font-weight: normal!important;

	line-height:100%!important;}



#course_selector_body div.commerceProductsOrderBox > a:hover					{ color: #fff; text-decoration: none; }

#course_selector_body div.item:first-child										{ border-top: 2px solid black!important;}

#course_selector_body div.item		 											{ color: #333!important; text-decoration: none; background-color: rgba(0, 0, 0, 0)!important; padding: 25px 10px; border-radius:0; /*border-radius: 5px;*/ margin-right: 5px; box-shadow: none; /*box-shadow: 0 1px 2px rgba(0,0,0,0.15);*/ margin: 0px; /*padding-left:0;*/ border:0; border-top: 2px solid black!important; }



#course_selector_body div.item:last-child										{ border-bottom: 2px solid black!important;  }

#course_selector_body div.item:not(.noCourses):not(.noHighlight):hover 			{ cursor: pointer;  color: #333!important;/* color: #fff;*/ background-color: /*#4c4d4f*/ rgba(233, 246, 243, 1)!important ; }

#course_selector_body div.item:not(.noCourses):not(.noHighlight):hover .coursesCount			{ color:red; }

#course_selector_body div.item:not(.noCourses):not(.noHighlight):hover a		{ color: /*#fff #ff3399*/ #e21837; text-decoration: underline; }

#course_selector_body div.item.noCourses										{ background-color: rgba(0, 0, 0, 0.08)!important; }

#course_selector_body div.item div.itemBody.hasPicture							{ margin-left: 2%;box-sizing: border-box; }

#course_selector_body div.item div.itemBody div.coursesCount					{ float: right; color: #e21837!important;font-size: 15px!important;}

#course_selector_body div.item.noCourses div.coursesCount						{ color: #e21837!important; }



#course_selector_body div.item div.itemPicture

{

	float: left;

	background-position-x: 50%;

	background-size: [? \Components\Settings\ConfigurationItems::getValue('\Components\AF\Courses\CollectiveCourses', 'course_selector_image_width') ?]px auto;

	background-repeat: no-repeat;

	border-radius: 75px;

	max-width: 150px;

	box-sizing: border-box;

	width: [? \Components\Settings\ConfigurationItems::getValue('\Components\AF\Courses\CollectiveCourses', 'course_selector_image_width') ?]px;

	height: [? \Components\Settings\ConfigurationItems::getValue('\Components\AF\Courses\CollectiveCourses', 'course_selector_image_height') ?]px;

}



/* Selection / Previous Step */

#previous_step_description														{ padding: 0px; padding-top: 10px; border:0; border-top: 2px solid black!important; }

#course_selector_current_step_body 												{ margin-top: 20px; padding: 0px; }



/* Schedules Step */

ul.coursesList																	{ padding-left: 0px; display: none; list-style-type: none; }

ul.coursesList li 																{ margin: 0px; }

ul.coursesList li > a:hover 													{ text-decoration: none; }

ul.coursesList div.placesLeft													{ float: right; color: #ff0099; }

ul.coursesList div.item:not(.noCourses):not(.noHighlight):hover div.placesLeft 	{ color: #fff; }

#course_selector_body ul.coursesList div.item									{ border: 1px solid #dfdfdf; box-shadow: none; }

#schedules_list	div.item														{ cursor: pointer; }



/* Overrides */



#course_selector h1																{font-size:35px;font-family:'Source Sans Pro', sans-serif!important;font-style: italic;margin:20px 0;text-transform:none;/* font-size: 15pt; font-family:bpreplaybolditalics,arial; font-weight: normal; line-height:100%;*/ }

#course_description_table														{  box-shadow:0 0 0 0!important;}

#course_selector h2																{	font-family: "loveloblack"; font-size: 28px;line-height:32px; margin-bottom:10px;font-style: normal;}

#course_selector_current_step_body {font-size: 20px!important;}

#required_material_container > div {margin: 20px 0 0 0!important;padding: 25px!important;}

.marginTop10 {    margin-top: 30px!important;}



/* Break points screen */

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

	#course_selector_current_step_body {font-size: 15px!important;}

	#course_selector h2 {font-size: 19px!important;line-height: 24px!important;}

}

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

	.#course_selector_body div.item div.itemPicture{

		width: 75px;

	}

}

/* Header */

#course_selector_header															{ margin-top: 5px; }

#course_selector_header > a:hover 												{ text-decoration: none; color: #fff; }

#course_selector_header div.stepTitle 											{ color: #333!important;text-decoration: none; background-color: white; padding: 0 10px; border-radius: 5px; margin-right: 5px; margin-top: 5px; box-shadow: 0 1px 2px rgba(0,0,0,0.15); height: 50px; border: 1px solid #ccc; float: left; padding: 2px 10px 2px 10px; }

#course_selector_header div.stepTitle:not(.currentStep):hover 					{ color: #fff; background-color: #333!important; }

#course_selector_header div.currentStep											{ color: white!important; background-color: #333!important; }

#course_selector_header div.stepTitle:not(.currentStep):not(.disabled)			{border:1px solid #dcdcdc!important;}

#course_selector_header div.stepTitle:not(.currentStep):not(.disabled):hover   {color: white!important;background-color: #cee8e3;border:1px solid #cee8e3;}

#course_selector_header div.stepTitle.disabled:hover   							{color: #333!important;background-color: #eee!important;}



/* Body / Current Step */

#course_selector_body 															{ padding: 0px; padding-top:10px; }

#course_selector_current_step_body > a:hover 									{ text-decoration: none; }





.commerceProductsOrderBox a div.item	{

	color: white !important; 

	background-color:/*#4c4d4f*/ #ED0972!important; 

	border-radius: 5px !important;

	font-size: 15pt!important;

	font-family:bpreplaybolditalics,arial!important;

	font-weight: normal!important;

	line-height:100%!important;}



#course_selector_body div.commerceProductsOrderBox > a:hover					{ color: #fff; text-decoration: none; }

#course_selector_body div.item:first-child										{ border-top: 2px solid black!important;}

#course_selector_body div.item		 											{ color: #333!important; text-decoration: none; background-color: rgba(0, 0, 0, 0)!important; padding: 25px 10px; border-radius:0; /*border-radius: 5px;*/ margin-right: 5px; box-shadow: none; /*box-shadow: 0 1px 2px rgba(0,0,0,0.15);*/ margin: 0px; /*padding-left:0;*/ border:0; border-top: 2px solid black!important; }



#course_selector_body div.item:last-child										{ border-bottom: 2px solid black!important;  }

#course_selector_body div.item:not(.noCourses):not(.noHighlight):hover 			{ cursor: pointer;  color: #333!important;/* color: #fff;*/ background-color: /*#4c4d4f*/ rgba(233, 246, 243, 1)!important ; }

#course_selector_body div.item:not(.noCourses):not(.noHighlight):hover .coursesCount			{ color:red; }

#course_selector_body div.item:not(.noCourses):not(.noHighlight):hover a		{ color: /*#fff #ff3399*/ #e21837; text-decoration: underline; }

#course_selector_body div.item.noCourses										{ background-color: rgba(0, 0, 0, 0.08)!important; }

#course_selector_body div.item div.itemBody.hasPicture							{ margin-left: 2%;box-sizing: border-box; }

#course_selector_body div.item div.itemBody div.coursesCount					{ float: right; color: #e21837!important;font-size: 15px!important;}

#course_selector_body div.item.noCourses div.coursesCount						{ color: #e21837!important; }



#course_selector_body div.item div.itemPicture

{

	float: left;

	background-position-x: 50%;

	background-size: [? \Components\Settings\ConfigurationItems::getValue('\Components\AF\Courses\CollectiveCourses', 'course_selector_image_width') ?]px auto;

	background-repeat: no-repeat;

	border-radius: 75px;

	max-width: 150px;

	box-sizing: border-box;

	width: [? \Components\Settings\ConfigurationItems::getValue('\Components\AF\Courses\CollectiveCourses', 'course_selector_image_width') ?]px;

	height: [? \Components\Settings\ConfigurationItems::getValue('\Components\AF\Courses\CollectiveCourses', 'course_selector_image_height') ?]px;

}



/* Selection / Previous Step */

#previous_step_description														{ padding: 0px; padding-top: 10px; border:0; border-top: 2px solid black!important; }

#course_selector_current_step_body 												{ margin-top: 20px; padding: 0px; }



/* Schedules Step */

ul.coursesList																	{ padding-left: 0px; display: none; list-style-type: none; }

ul.coursesList li 																{ margin: 0px; }

ul.coursesList li > a:hover 													{ text-decoration: none; }

ul.coursesList div.placesLeft													{ float: right; color: #ff0099; }

ul.coursesList div.item:not(.noCourses):not(.noHighlight):hover div.placesLeft 	{ color: #fff; }

#course_selector_body ul.coursesList div.item									{ border: 1px solid #dfdfdf; box-shadow: none; }

#schedules_list	div.item														{ cursor: pointer; }



/* Overrides */



#course_selector h1																{font-size:35px;font-family:'Source Sans Pro', sans-serif!important;font-style: italic;margin:20px 0;text-transform:none;/* font-size: 15pt; font-family:bpreplaybolditalics,arial; font-weight: normal; line-height:100%;*/ }

#course_description_table														{  box-shadow:0 0 0 0!important;}

#course_selector h2																{	font-family: "loveloblack"; font-size: 28px;line-height:32px; margin-bottom:10px;font-style: normal;}

#course_selector_current_step_body {font-size: 20px!important;}

#required_material_container > div {margin: 20px 0 0 0!important;padding: 25px!important;}

.marginTop10 {    margin-top: 30px!important;}



/* Break points screen */

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

	#course_selector_current_step_body {font-size: 15px!important;}

	#course_selector h2 {font-size: 19px!important;line-height: 24px!important;}

}

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

	.#course_selector_body div.item div.itemPicture{

		width: 75px;

	}

}

0

0

0

0

0

0

0.5

0.5

0

0

0

0

0

0

0

0

0

0

0

0

3

3

0

0