/*
Theme Name:   Hello Elementor Child – Fasthotel Périgueux
Theme URI:    https://www.fasthotel-perigueux.com/
Description:  Thème enfant de Hello Elementor pour Fasthotel Périgueux. Contient le shortcode [my_elementor_php_output] et le formulaire de réservation resa.php — à l'abri des mises à jour du thème parent.
Author:       Geek Tonic
Author URI:   https://www.fasthotel-perigueux.com/
Template:     hello-elementor
Version:      1.0.1
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  hello-elementor-child
*/

/* =========================================================
   CSS custom du child theme — surcharge le thème parent.
   ========================================================= */

/* BLOC DE RESERVATION */
#before-content { position: fixed; background-color: rgba(30,31,37,0.8); z-index: 100; bottom: 0; color: #FFFFFF; }
#before-content, #before-content .substitute_widget_class, #before-content .textwidget { padding: 0; text-align: center; }
.responsiveHM { display: none; }
.baseline, .form-booking, .datepicker-content, .select-content, .submit-content, .datepicker, .more-options-content { display: inline-block; }
.baseline, .datepicker-content, .select-content, .more-options-content { margin-right: 20px; }
.datepicker { padding: 9px !important; width: 120px !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; direction: initial !important; background-image: url("https://www.fasthotel-perigueux.com/wp-content/uploads/2017/07/calendar.png"); background-repeat: no-repeat; background-position: 90%; background-size: 14px 14px; border-width: 0px; }
#select-adult, #select-child, #select-room { width: 60px; height: 44px; border: none; }
.baseline { border-right: 1px solid #FFF; text-align: center; padding-right: 30px; font-style: italic; font-size: 20px; line-height: 22px; }
.booking-submit { padding: 10px 40px; background-color: #e20055; border: none; color: #FFFFFF; text-transform: uppercase; cursor: pointer; font-weight: bold; }
.form-booking-super-container { text-align: center; background-color: #333333; color: #FFFFFF; }
.home .form-booking-super-container { background: none; position: absolute; bottom: -600px; width: 100%; z-index:999 }
.home .form-booking-container { width: 900px; margin: 0 auto; background: #333333; }
.form-booking-container { padding: 10px 0; }
p.title { padding: 0; margin: 0; text-transform: uppercase; font-size: 12px; }
.page-resa-content-img { background: url('https://www.fasthotel-perigueux.com/wp-content/uploads/2017/08/background-resa-min.jpg'); height: 150px; background-position: center; }
.more-options-content a { font-size: 12px; color: #FFFFFF; }

/* MODIFICATION CALENDRIER DATEPICKER */
.ui-datepicker { background-color: rgba(51, 51, 51, 0.9) !important; color: #FFFFFF !important; }
.ui-widget-header { background: none !important; border: none !important; color: #FFFFFF !important; }
.ui-datepicker-title { color: #FFFFFF !important; }
.ui-state-default, .ui-widget-content .ui-state-default { border: none !important; background: none !important; color: #FFFFFF !important; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #CD1416!important; }
.ui-widget-header .ui-icon { background-image: url(https://www.fasthotel-perigueux.com/wp-content/uploads/2017/07/ui-icons_444444_256x240.png) !important; }
.ui-datepicker-prev-hover, .ui-datepicker-next-hover { background: none !important; }
.ui-datepicker-month { text-transform: capitalize !important; }

@media (max-width: 959px) {
	.responsiveHM { display: block }
	.form-booking-super-container { display: none; }
	#before-content { position: relative; background-color: rgb(30,31,37); }
	.responsiveHM .contact-button-container { text-align: center; padding: 10px 0; background-color: #fff; }
	.responsiveHM .booking, .responsiveHM .callus { width: 45%; height: 40px; border: 0px; color: #FFFFFF; cursor: pointer; font-size: 16px; }
	.responsiveHM .booking { background-color: #e20055; }
	.responsiveHM .callus { background-color: #87c54a; }
	.header-scroll-button { display: none; }
}


/* Fond blanc MOBILE */
@media only screen and (max-width: 768px) {
 .home .form-booking-container {
    background: #fff !important;
}
}



/* QualitelisWidget */
#QualitelisWidget { bottom: 10%; position:fixed !important }
@media (max-width: 959px) {
#QualitelisWidget { display: none; }
}