/*
Theme Name: WLAC
Theme URI: http://www.thatdigital.co.uk
Description: Custom Wordpress theme development by That Digital
Author: That Digital
Author URI: http://www.thatdigital.co.uk
Version: 1.0
*/

/* ------------------------------------------------------------
	
	Table of Contents:
	
	01 - Booking Form
	02 - Map
	03 - Form Messages
	04 - Contact Form
	05 - Calendar Availability
	06 - Cookie Notice

/* ------------------------------------------------------------
	01: Booking Form
------------------------------------------------------------ */

#booking-form-wrapper { display: none; }

/* ------------------------------------------------------------
	02: Map
------------------------------------------------------------ */

.map-container .embed-responsive iframe { pointer-events: none; }

/* ------------------------------------------------------------
	03: Form Messages
------------------------------------------------------------ */

#form-messages { color: #c09853; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
#form-messages.error,
#form-messages.success { padding: 8px 35px 8px 14px; margin-bottom: 20px; }
#form-messages.error { color: #ffffff; background-color: #e22c1d; }
#form-messages.success { color: #ffffff; background-color: #0e375a; }

/* ------------------------------------------------------------
	04: Contact Form
------------------------------------------------------------ */

#loader { position: absolute; top: 50%; left: 50%; margin-top: -16px; margin-left: -16px; visibility: hidden; }

/* ------------------------------------------------------------
	05: Calendar Availability
------------------------------------------------------------ */

.calendar-availability { line-height: 30px; margin-top: 16px; color: #656a6f; }
.calendar-availability .availability-type { font-size: 16px; margin-right: 5px; }
.calendar-availability .availability-type:last-child { margin-right: 0px; }
.calendar-availability .availability-type .fa { font-size: 38px; vertical-align: middle; margin-right: 5px; }
.calendar-availability .available .fa { color: #fff; }
.calendar-availability .unavailable .fa { color: #f29202; }
.calendar-availability .partially .fa { color: #EDC07E; }
.calendar-availability span:first-child { margin-right: 20px; }

@media (min-width: 992px)
{
    .calendar-availability { text-align: right; }
}