/* Formulario de reservacion */
.content-form-reserve{
 max-width: 100%;
    margin-left: auto !important;
    margin-right: auto !important;
}
.content-form-reserve .contentGrid--form{
	display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    row-gap: 10px;
    padding-right: 70px;
}
.content-form-reserve form .form-init {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 10px;
}
@media(min-width:768px) {

  .content-form-reserve form .form-init {
    grid-template-columns: 1fr 1fr;
    gap              : 10px;
  }
} 
@media(min-width:1300px){
    .content-form-reserve .contentGrid--form{
        padding-right: 0px;
    }
    .content-form-reserve{
    max-width: 90%;
    }
    .content-form-reserve .contentGrid--form{
        grid-template-columns: 1fr 200px;
        column-gap: 30px;
    }
    .content-form-reserve form .form-init {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        column-gap: 10px;
        row-gap: 0px;
    }
    .content-form-reserve form .form-init {
        column-gap: 30px;
    }
}
.content-form-reserve form .content-date-end{
	display: none;
}
.content-form-reserve form input[type='date']::-webkit-calendar-picker-indicator{
	 opacity: 0 !important;
}
.content-form-reserve select {
  /* for Firefox */
  -moz-appearance: none;
  /* for Chrome */
  -webkit-appearance: none;
}
.content-form-reserve input:-moz-placeholder,.content-form-reserve :-moz-placeholder, 
.content-form-reserve input:-moz-placeholder, .content-form-reserve select:-moz-placeholder
{ 
   color: #F3EFE1 !important;
 line-height: 100%;
}

.content-form-reserve input::-webkit-input-placeholder, ::-webkit-input-placeholder,
.content-form-reserve select::-webkit-input-placeholder
{ 
   color: #F3EFE1 !important;
 line-height: 100%;
}

/* For IE10 */
.content-form-reserve select::-ms-expand {
  display: none;
}
.content-form-reserve .option-select-box{
	position: relative;
}
.content-form-reserve .option-select-box input, .content-form-reserve .option-select-box select, .content-form-reserve .option-select-box input::placeholder{
	width: 100%;
 padding: 10px 12px;
    background: #49542D;
    border: 2px solid #F3EFE1;
    border-radius: 0;
    font-family: Cardo;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    color: #F3EFE1;
    text-align: left;
}
.content-form-reserve .option-select-box span{
    position: absolute;
    top: 12px;
    right: 10px;
}
.content-form-reserve .option-select-box img{
    width: 30px;
}
.content-form-reserve .content-button button{
	font-family: STAMPA;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	color: #262626;
	background: #F3EFE1;
	width: 100%;
	border: none;
	padding: 12px;
	transition: all 0.5s;
}
.content-form-reserve .content-button button:hover{
background: #301819;
 color: #F3EFE1;
}

/* Formulario de reservacion */
/* Datepicker */
#ui-datepicker-div{
	background: #49542D !important;
	    border: 1px solid #F3EFE1 !important;	
}
.ui-widget-header{
	background: #49542D !important;
	    border: none !important;
}
.ui-datepicker-title{
    font-family: STAMPA;	
     color: #F3EFE1;
         font-weight: 300;
}
.ui-datepicker-calendar thead tr th{
    font-family: 'Cardo';
         color: #F3EFE1;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{
	background: #301819;
 color: #F3EFE1;
}
.ui-datepicker-calendar tbody tr td{
	 font-family: 'Cardo';
         color: #F3EFE1;
}
/* Datepicker */

.contentForm-animation{
    transition: all 0.5s;
    height: 0;
    /* width: 100%; */
}
@media(min-width:1300px){
    .contentForm-animation{
        width: calc(100% - 240px);
    }
}
.activeForm{
	height: auto;
	transform: translateY(0) !important;	
}
@media(min-width:1300px){
.activeForm{
	transform: translateX(0) !important;	
}	
}
#btnReservation--footer{
	position: relative;
	z-index: 3;
}
@media(min-width:1300px){
    #btnReservation--footer{
        width: 240px;
    }
}
#btnReservation--footer a{
position: relative;
    top: 0;
    left: -4px;
}
@media(min-width:1300px){
#btnReservation--footer a{
    top: 3px;
}
}
#btnReservation--footer a .elementor-button-icon{
	transition: all 0.5s;
	transform: rotate(90deg);
}
@media(min-width:1300px){
	#btnReservation--footer a .elementor-button-icon{
        transform: rotate(0deg);
        top: -1px;
	}
}
.activeButton a .elementor-button-icon{
    transform: rotate(270deg);
    position: relative;
    top: 0px;
}
@media(min-width:1300px){
	.activeButton a .elementor-button-icon{
		transform: rotate(180deg);
		  top: -5px;
	}
}