/**
 * Theme Name:     Hello Elementor Child
 * Author:         Elementor Team
 * Template:       hello-elementor
 * Text Domain:	   hello-elementor-child
 * Description:    Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
 */

@media(min-width:768px){
.form_area_sidebar {
    min-width: 350px !important;
    width: 350px !important;
}
.form_area>#bookonline{
	flex-direction: row !important;
	gap: 30px;
}
}
/* Container */

#search-result {
    margin-top: 30px;
}
#search-form{
	margin-bottom: 0px !important;
}
#search-result h2 {
    font-size: 25px;
    font-weight: bold;
    color: #000;
}

#search-result h3 {
    font-weight: bold;
    font-size: 18px;
    color: #000;
}
/* One day */

.appointment-day{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    margin-bottom:55px;
    gap:30px;
}

/* Left */

.appointment-content{
    flex:1;
}

.appointment-content h3{
    font-size:52px;
    font-weight:700;
    color:#333;
    margin-bottom:20px;
}

#search-result .row .row {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    width: 100%;
    gap: 15px;
    margin-bottom: 20px;
}

/* Grid */

.time-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
    gap:18px;
}

/* Time Card */

.book-prop {
    background:#fff;
    border:1px solid #1d4f8b !important;
    border-radius: 4px;
    padding: 12px 12px;
    font-size: 16px;
    font-weight: 600;
    color:#1d4f8b;
    cursor: pointer;
    transition: .25s;
}

.book-prop:hover{
    background:#cfe9fb;
}

.book-prop.active{
    background: #dff1ff !important;
    border: 1px solid #c5e6fa !important;
    color: #2a6f97 !important;
    font-weight:700 !important;
}

#search-form .form-btn {
    margin-top: 20px;
    width: 100%;
    margin-bottom: 30px;
}
/* Book button */

.appointment-action{
    display:flex;
    align-items:center;
}

.btn-book{
    background:#55b047;
    color:#fff;
    border:none;
    padding:12px 28px;
    border-radius:4px;
    font-size:20px;
    cursor:pointer;
}

.btn-book:disabled{
    opacity:.45;
    cursor:not-allowed;
}

.btn-book:not(:disabled):hover{
    background:#439338;
}

@media(max-width:991px){
#search-result .row .row {
    grid-template-columns: repeat(2,1fr);
}
}