/* * *
 * theme: Ibec site
 * - HTML5
 * - include the structure-html5.css file ...
 * 
 * - do not include the form.css - may clash with the structure & theme css.
 *
 *
 * three parts:   
 *	1) Event page 				(event-page)
 *	2) Form - event details		(form-event-details)
 *	3) Form - input fields		(form-input-fields)
 * * */


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 * part 1 - event-page
 *
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.sponsor-wrapper { 
	background: white;
}

.event-buttons {
	background-color: #DDDDDD;
}

.price-box {
	background-color: #F0F0F0;
}

.price-heading {
	color: #333333;
}

.price-sub-heading {
	color: #0E2742;
}

.price-line-text {
	color: #666666;
}

.price-line-value {
	color: #666666;
}

.price-button {
	background: #00A78E;
}

.price-button:hover,
.site-content content .price-button:hover /*overrides core.css*/ {
	text-decoration: none;
	background-color: #262261;
}

.pb-line1 {
	color: white;
}

.pb-line2 {
	color: white;
}

a.link-related-events {
	color: white !important ;
	background: #00A78E !important ;
	}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * 
 * part 2 - form-event-details
 *
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.td-event-details {
	background: #FBFBFB;
}

.td-event-date-box {
	background-color: #FFFFFF;
}

.td-event-month {
/*	color: #5151a2 ; */ /*71b744 */
}

.td-event-day {
	color: #AAAAAA;
}

.td-event-info {
	background-color: #FFFFFF;
}

.event-brief-style .pageTitle {
	color: black;
}

.booking-form-prices {
	padding: 1em ;
	}
.booking-form-prices > .price-listing-heading ,
.booking-form-prices > div {
	max-width: 250px;
	margin: 0.5em auto 0.5em 20px;
	padding: 0 10px 0.5em 10px ;
	}

/*
.booking-form-prices > div {
	border-width: 0 0 1px 0 ;
	}
*/




/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 * part 3 - form-input-details
 *
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

span.required {
	/*color: #00A88F ;*/
	color: red ;
	font-weight: bold ;
	}	

fieldset.fieldsetBox {
	background: #FFFFFF ;
	border-color: #D9D9D9 ;
	border-style: solid;
	border-width: 3px 0 0 0;
}
	fieldset.fieldsetBox legend {
		background: #262261 ; 
		color: #FFFFFF;
	}
	
	fieldset.fieldsetDelegate legend {
		background: #00A78E ;
	}

	label.required::after { 
		content: " *"; 
		/*color: #00A88F;*/
		color: red ;
		}

input,
textarea ,
select {
	background: #F5F5F5 ;
	border-width: 1px ; 
	border-style: solid ;
	border-color: #999999 ; 
	}
				
	input.required,
	select.required {
		border-color: #000000 ;
		border-color: orange ; 
	}

	input.error,
	select.error {
		border-color: red;
		color: black;
	}
	
	input:focus ,  
	textarea:focus ,
	select:focus,
	input.required:focus ,  
	textarea.required:focus ,
	select.required:focus {
		background: #eaeaea;
		border-color: orange ; 
	}
	
.form-layout table.tbl-event-fees-summary th ,
.form-layout table.tbl-event-fees-summary td {
	border-width: 1px  ;
	border-style: solid  ;
	border-color: #E5F1F8 ;
}


/* * * * * * *
 *
 * form - review
 * 
 * * * * * * */

.form-review .fieldsetBox {
	color: #00A88F ;
	}

.form-review th ,
.form-review .total td {
	color: #221F72 ;
	font-weight: bold ;
	}


/* * * * * * * * *
 *  button / submit styles
 * * * * * * * * */ 

	.form-buttons input {
		background: #F2F2F2 ;
	}


	
@media screen and (max-width: 768px){
	
	.div-event .grid_8 {
		width: 98% ;
	}
	.div-event .grid_4 {
		width: 98% ;
	}
	.div-event .event-buttons {
		width: 60% ;
		margin: 1em auto 0 auto ;
	}
}