/*
	Custom CSS
	Please make sure your CSS rules are 
	more particular / have higher priority
	then other page styles
*/

/* --- Notice Text at the Top --- */
#eventForm::before {
    content: "Online-Termine sind jeweils nur einen Monat im Voraus buchbar.\A Wenn Sie keinen freien Termin finden, sind wir für den kommenden Monat möglicherweise bereits ausgebucht.\A Schreib uns gerne eine WhatsApp-Nachricht an +49 151 67061616";
    white-space: pre-wrap;
    display: block;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 15px;
    margin-bottom: 20px;
    text-align: center;
    font-family: 'Avant Garde', 'Century Gothic', Futura, Arial, sans-serif;
    font-size: 14px;
    color: #333;
    line-height: 1.5;
}

/* --- Hide Opening Times Box --- */
.opening-hours, #opening-hours, 
.opening_hours, #opening_hours, 
.working-hours, #working-hours, 
.working_hours, #working_hours, 
.business-hours, #business-hours {
    display: none !important;
}

/* --- Original Rules --- */

#events h3    {
	/* add your css rule here */
}

#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 */
}

body {
    font-family: 'Avant Garde', 'Century Gothic', Futura, Arial, sans-serif !important;
    font-weight: 400 !important;
}

h1, h2, h3, h4, h5, h6,
.title-main,
.title-small {
    font-family: Arial Black, Charcoal, 'Arial Black', sans-serif !important;
    font-weight: bold !important;
}

#footer::after {
    content: "Impressum\A Unternehmensname: Wau Wow\A Inhaberin: Lialiuk Mylana\A Körner Hellweg 7\A 44143 Dortmund\A Deutschland\A\A Kontakt:\A Telefon: +49 151 67061616\A E-Mail: salon@wau-wow.de\A\A";
    white-space: pre; /* preserves line breaks */
    display: block;
    text-align: left;
    margin-top: 20px;
    font-family: 'Avant Garde', 'Century Gothic', Futura, Arial, sans-serif;
    font-size: 14px;
    color: #000;
}

h2.title-main.company-logo-and-name {
    display: none !important;
}

a[href="#book"] {
    display: none !important;
}

section#main-buttons {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

.header-controls {
    display: none !important;
}