/*
Theme Name:     hello-elementor-child
Theme URI:      http://example.com/hello-elementor-child/
Description:    Tema hijo para el tema hello-elementor
Author:         Tu Nombre
Author URI:     http://example.com
Template:       hello-elementor
Version:        1.0.0
*/

.booking-form .selects {
    border-radius: 80px;
    background: #ffffff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    padding: 0 35px;
    flex-wrap: wrap;
}
.selects {
    border-radius: 80px;
    background: #ffffff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    padding: 0 35px;
    flex-wrap: wrap;
}
.booking-form.block {
    padding: 0 20px;
    color: #1C1C1C;
    width: 20%;
    height: 75px;
    position: relative;
}
img.icon-booking-form {
    max-width: 40px !important;
    width: 40px;
}
img.icon-booking-form.select {
    max-width: 20px !important;
}
.booking-form.select {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}
.booking-form form label {
    font-weight: 400;
    margin: 0;
    color: #1C1C1C;
    display: flex;
    align-items: center;
    cursor: pointer;
    width: calc(100% - 11px);
}
.booking-form form label img {
    margin-right: 8px;
    max-width: 27px;
}

.booking-form .select .ul {
    display: none;
    position: absolute;
    background: white;
    border: 1px solid #ccc;
    width: 100%;
    max-height: 200px;
    overflow-y: auto;
    z-index: 1000;
}

.booking-form .select.open .ul {
    display: block;
}

.booking-form .select ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.booking-form .select ul li {
    padding: 10px;
    cursor: pointer;
}

.booking-form .select ul li:hover {
    background-color: #f0f0f0;
}
input.booking-form.button {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    font-size: 24px;
    padding: 8px 24px;
    transition: all 0.4s ease-in-out 0s;
    border-radius: 80px;
	color: #FFF;
    background-color: #c36 !important;
    border: 1px solid #c36;
}
form#booking-form {
    text-align: center;
}
@media (max-width: 420px){
.booking-form .selects {
	display: list-item;
	}
	.booking-form.block {
    width: 100%;
}
}
input#time {
    width: 80%;
    box-sizing: border-box;
}
select#Peluquera {
	font-size: 14px !important;
    font-family: "Barlow Condensed", Sans-serif !important;
	color: darkgray;
}
select#Servicios {
	font-size: 14px !important;
    font-family: "Barlow Condensed", Sans-serif !important;
	color: darkgray;
}
select#date {
	font-size: 14px !important;
    font-family: "Barlow Condensed", Sans-serif !important;
	color: darkgray;
}
select#time {
	font-size: 14px !important;
    font-family: "Barlow Condensed", Sans-serif !important;
	color: darkgray;
}
option.milaOptions {
    font-size: 14px;
    font-family: "Barlow Condensed", Sans-serif;
}
input#date {
    font-size: 14px !important;
}
input#time {
    font-size: 14px !important;
}
.milaOptions:hover {
    background-color: #B4A7B7!important;
}
input#name {
    font-size: 14px !important;
}