/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

#form1 img {
    position: absolute;
	right: 10px;
	top: 12px;
    cursor: pointer;
}
.ui-datepicker {
    z-index:999999;
    border:none;
    border-radius:.2em;
    background:#fff;
    box-shadow:0 .1em .8em rgba(0,0,0,0.2);
    color:#040506
}
.ui-datepicker-calendar {
	margin: 0;
}
.ui-datepicker-calendar th,
.ui-datepicker-calendar td {
	text-align:center;
	font-family: "expo-sans-pro", sans-serif;
	font-size: 17px;
	font-weight: 500;
	color: #777;
}
.ui-datepicker-calendar td a {
	color: #777;
	font-weight: 700;
}
.ui-datepicker .ui-datepicker-title {
    padding:1em 0;
    background:rgba(0,0,0,0.1);
    font-weight:700;
    font-size:.8em;
    text-align:center
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    z-index:10;
    padding:1.25em .5em;
    font-size:.7em;
    cursor:pointer
}
.ui-datepicker .ui-datepicker-prev {
    float:left
}
.ui-datepicker .ui-datepicker-next {
    float:right
}
.ui-datepicker th {
    padding: 3px 9px;
    opacity:.5
}
.ui-datepicker td {
    padding:.5em;
    border-collapse:collapse;
    cursor:pointer
}
.ui-datepicker td:hover {
    opacity:.5
}
.ui-datepicker select {
	display: inline;
	padding: 0;
	width: auto;
	margin: 0 3px;
}
@media (max-width: 767px) {
	.allbooking {
		max-height: 0;
    	transition: max-height 0.3s ease;
	}
}
.allbooking.active {
	max-height: 500px;
	transition: max-height 0.3s ease;
}
.toggle-button,
.toggle-button:hover,
.toggle-button:focus {
    border: 0;
    padding: 10px 38px 8px 20px;
    background-color: #BC9058;
    color: #fff;
    border-radius: 10px 10px 0 0;
    font-weight: 600;
    text-transform: uppercase;
    font-family: "expo-sans-pro", sans-serif;
    text-shadow: 0 .1em .1em #040506;
}
.toggle-button:after {
	content: '\f0d8';
	font-family: 'Font Awesome 5 Free';
    font-size: 20px;
    position: absolute;
    right: 16px;
    top:7px;
    color: #fff;
    font-weight: 900;
    z-index: 1;
}
.toggle-button.active:after {
    content: '\f0d7';
}

/* Currency Widget */
.btn {
	display: none !important;
	visibility: hidden !important;
}