/*
 Theme Name:   Infinite Child
 Theme URI:    http://demo.goodlayers.com/infinite
 Description:  Goodlayers Infinite Child Theme
 Author:       Goodlayers
 Author URI:   http://goodlayers.com
 Template:     infinite
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, right-sidebar, responsive-layout
 Text Domain:  infinite-child

 START YOUR CHILD THEME CSS HERE
*/

input, textarea {
	width: 100%;
	padding: 15px;
	font-size: 18px;
	margin-bottom: 0;
}
#redi-restaurant-startDate, #redi-restaurant-startTime {
	width: 100% !important;
	padding: 15px;
	box-shadow: none;
	border: 1px solid #dedede;
	margin-bottom: 0;
}
select {
	-webkit-appearance: none;
	appearance: none;
	padding: 10px;
	width: 100%;
	box-shadow: none !important;
	border: 1px solid #dedede;
	border-radius: 0px !important;
	font-size: 18px !important;
	margin-bottom: 0;
}
#persons {
	
}
.chose-date, .choose-time {
	margin-bottom: 20px;
}
#step1, #step2, #step3 {
	margin-bottom: 40px;
}

#redi-reservation #buttons button {
	display: block;
	float: left;
	margin-bottom: 0;
	padding: 15px;
	font-size: 18px;
}
#redi-reservation #buttons:after {
	content: '';
	display: block;
	clear: both;
}
.visual_restaurant_reservation_datepicker td.ui-state-disabled:not(.ui-datepicker-other-month) span {
	color: white !important;
}
.vrr-draggable-wrap {
	border: none !important;
	background-color: #89674e!important;
}
.vrr-draggable {
	border: none !important;
	border-radius: 0;
	background-color: #89674e!important;
}
table.ui-datepicker-calendar thead tr th {
	background-color: #89877E !important;
	color: white;
}
table.ui-datepicker-calendar thead tr th span {
	color: white !important;
}

 .visual_restaurant_reservation_datepicker .ui-state-disabled.ui-datepicker-prev::before {
 	color: white !important;
 }
 
 .visual_restaurant_reservation_datepicker .ui-state-disabled.ui-datepicker-next::before {
 	color: white !important;
 }
 
.multi-scroll .img-hover, .img-hover {
 	position: absolute;
 	top: 0;
 	opacity: 0 !important;
}
.img-hover img {
	opacity: 0;
	transition: opacity 0.3s;
}
.img-hover:hover img {
	opacity: 1;
}