/*
Theme Name:  Churchlane Booking
Theme URI:   https://booking.churchlanephysiotherapy.co.uk
Version:     1.0
Description: A child theme of Divi. This is a custom child theme created for our site Churchlane Booking.
Author:      church_booking
Author URI:  https://booking.churchlanephysiotherapy.co.uk
Template:    Divi
*/

/*- Add any CSS custom code for this child theme below this line -*/


/* Typography */

h1, h2, h3, h4, h5 {font-family: azo-sans-web, sans-serif; font-weight: 700; font-style: normal;}
body, p, a, li {font-family: azo-sans-web, sans-serif; font-weight: 300; font-style: normal;}


/* Header */

.site-logo img {max-height: 160px !important;}
.et_pb_menu__wrap {}
#menu-main-menu {width: 100%;}
#menu-main-menu .menu-item {font-size: 18px;}
.et_pb_menu__menu, .et-menu-nav {width: 100% !important;}

/* Footer */

.footer-images img {max-height: 100px !important;}


/* Colours */

.church-blue {color: #4866ff !important;}
.church-light-blue {color: #7fffff !important;}


/* Helpers */

.mb-0 {margin-bottom: 0 !important;}
.pb-0 {padding-bottom: 0 !important;}
.align-items-center {align-items:center; max-width: 850px !important;}


/* Conditions */

.blue-blurb {border-radius: 10px; padding: 30px; text-align: center !important; min-height: 250px;}
.blue-blurb-condition {border-radius: 10px; padding: 30px; text-align: center !important;}
.light-blue-blurb {border-radius: 10px; padding: 30px; text-align: center !important; min-height: 250px;}

/* FAQs */

.faq-banner .header-content {background-color: #4866ff; border-radius: 10px; padding: 30px 20px;}

/* Contact */

input[type=text], textarea, input[type=email] {border: 1px solid #4866ff; padding: 5px;}
input[type=submit] {border: none !important; font-size: 20px; background-color: #4866ff; color: #fff; padding: 10px 15px; border-radius: 10px; cursor: pointer; transition: 0.6;}
.wpcf7-submit:hover {background-color: #fff; color: #4866ff; transition: 0.6s;}
.wpcf7 {display: table; margin: 0 auto;}
.wpcf7 label {color: #4866ff;}

/* Booking Calendar */

#fbuilder .ui-datepicker-inline {max-width: 50% !important; margin: 30px 0 !important;}
#fbuilder .ui-datepicker-inline thead tr {padding-top: 10px; padding-bottom: 10px;}
#fbuilder .ui-datepicker-inline thead {background-color:#8c8c8c; background-image: none !important;}
#fbuilder .ui-datepicker-title {background-color: #4866ff; font-family: azo-sans-web, sans-serif !important; text-shadow: none;}
#fbuilder .ui-datepicker th {text-shadow: none !important; color: #fff !important;}
#fbuilder .ui-datepicker-calendar .ui-state-active {background: #4866ff; border-color: #4866ff;}
#fbuilder .ui-datepicker-calendar {border: none !important; font-family: azo-sans-web, sans-serif !important;}


/* Mobile Media Queries */

@media only screen and (min-width : 375px) and (max-width : 900px) {
		.faq-banner .et_pb_fullwidth_header_container {width: 100% !important;}
}