/*
	Custom CSS for Peak Perform
	Please make sure your CSS rules are 
	more particular / have higher priority
	than other page styles
*/

/* --- HEADER STYLING --- */
.header,
.header-wrapper,
.sb-header,
#header {
	background-color: #000000 !important; /* black background */
}

/* Header text and links */
.header *,
.header a,
.header h1,
.header h2,
.header h3 {
	color: #ffffff !important; /* white text */
}

/* Header hover effect */
.header a:hover {
	color: #00bfff !important; /* electric blue hover */
}

/* --- FOOTER STYLING (optional for consistency) --- */
footer,
.footer,
#footer {
	background-color: #000000 !important;
	color: #ffffff !important;
}

footer a,
.footer a {
	color: #00bfff !important;
}

footer a:hover,
.footer a:hover {
	color: #ffffff !important;
}

/* --- EVENTS SECTION (default SimplyBook structure) --- */
#events h3 {
	/* Example: adjust heading color */
	color: #ffffff !important;
}

#events p.duration, 
#events div.duration {
	/* add your css rule here */
}

#events p.description, 
#events div.description {
	/* add your css rule here */
}

#events .selectedEvent {
	/* add your css rule here */
}

#events input.reserve_time_btn {
	/* add your css rule here */
}

#events input.select_another_btn {
	/* add your css rule here */
}

#eventForm #start_date-block-container h3, 
#eventForm #timeline-container h3 {
	/* add your css rule here */
}

#eventForm #save_button {
	/* add your css rule here */
}

div.ui-widget-content {
	/* add your css rule here */
}

div.ui-widget-header {
	/* add your css rule here */
}

#timeline-container table.timeline {
	/* add your css rule here */
}

.timeline td.not_worked_time {
	/* add your css rule here */
}

.timeline td.free_time {
	/* add your css rule here */
}

.timeline td.selected_time {
	/* add your css rule here */
}

.timeline td.reserved_time {
	/* add your css rule here */
}

div#loading {
	/* add your css rule here */
}

#start_date-block-container .zend_form dt,
start_date-block-container .zend_form dt b,
start_date-block-container .zend_form dd label {
	/* add your css rule here */
}
