/* description eg. minimum 3 must be inline */
/* .form-item .description  */
/* .form-item-arrival-date .description, */
/* .form-item-rate .description, */
/* .form-item-number-of-nights .description { */
  /* display: inline-block; */
/* } */

.form-item-departure-date .description {
  /* display: inline-block; */
}

  /* Start tooltip A list of free periods */
.listfreeperiodstitle {
  text-align: center;
  /* color: #ecc679; */
}
.listfreeperiods th {
  color: #f09;
}

.listfreeperiods td {
  font-family: "courier new";
  padding: 0 .5em;
  text-align: end;
}
/* .listfreeperiods td:nth-child(3), */
/* .listfreeperiods td { */
  /* text-align: end; */
/* } */
  /* End tooltip A list of free periods */





  /* Start tooltip A list of free periods */
/* .form-item-departure-date .webform-element-help--content table td { */
  /* font-family: "courier new"; */
/* } */
/* .form-item-departure-date table td:nth-child(3), */
/* .form-item-departure-date table td { */
  /* text-align: end; */
/* } */
/* .form-item-departure-date table td { */
  /* padding: 0 .5em; */
/* } */
/* .form-item-departure-date p { */
  /* text-align: center; */
  /* color: #ecc679; */
/* } */
/* .form-item-departure-date table th { */
  /* color: #f09; */
/* } */
  /* End tooltip A list of free periods */

/* tooltip */
.webform-element-help--title {
  display: none;
  /* opacity: 0; */
  text-align: center;
  color: blue;
}

.webform-element-help--content {
  padding: .5em;
  color: white;
/*    opacity:1; */
  background: rgba(26, 13, 0, 0.8);
  /* font-size: .9em; */
}

.webform-element-help-container--element-after span:nth-of-type(1) {
  display: inline-block;
}

.container-price,
.container-arrival {
  margin: 0 -.5em !important;
}

.reservation-tel {
  width: 14ch !important;
}

.departure-date,
.arrival-date {
  width: 11ch !important;
}

.ajax-progress {
  padding: 0 5px 0 5px !important;
}

/* extra text for reservation page see calendar */
.x-only {
  display: none;
}

.data-error {
  /* color: red !important; */
  color: yellow !important;
}

@media (min-width: 320px) and (max-width: 480px) {
  /* mobile vertical */
  .fj-mobile-width {
    width: 80%;
  }
  .x-only {
    display: inline;
    margin-left: .5em;
  }
  .xform-item-arrival-date .description,
  .xform-item-rate .description,
  .xform-item-number-of-nights .description {
    display: block;
  }

}


@media (min-width: 481px) and (max-width: 767px) {
  /* mobile horizontal */
  .fj-mobile-width {
    width: 60%;
  }

}

.webform-submission-reservation-form,
.webform-submission-mycontact-form {
  /* display: table; */
  display: flex;
  flex-direction: column;
}

.flexgrid {
  display: flex;
  flex-direction: column;
}

div[data-drupal-messages] {
  /* to set messages as first div before calendar (parent must be flex) */
  order: 1;
  margin-top: .5em;
}


#fj-calendar {
  order: 2;
}

#block-views-block-visits-block-1 {
  order: 3;
}

#block-fj-visitsperyear {
  order: 4;
}

#block-fj-avgnightspermonth,
#block-fj-nightspermonth {
  order: 5;
}
/* #block-views-block-top-visitors-block-1 { */
#block-fj-top10formblock {
  order: 6;
}



#block-olivero-content .departure-date,
#block-olivero-content .arrival-date {
  width: 13ch !important;
}
#block-olivero-content .reservation-tel {
  width: 15ch !important;
}

.readonly input {
  color: unset;
}

.form-disabled label,
.form-disabled .webform-element-description {
  /* color: #afb8be; */
  color: var(--text-disabled-color);
}

.webform-confirmation {
  order: 10;
}

.fj-notice {
  color: greenyellow;
}
.fj-error{
  color: red;
}
.fj-warning{
  color: yellow;
}


.form-item-rate-item p span{
white-space:nowrap;
}


.rate {
	/* color: greenyellow !important; */
	/* background-color: transparent !important; */
}

.xfjm-html-center h1{
	text-align: center;
}

.form-item-introduction img{
/* .fjm-html-center img{ */
	max-width: 70%;
}

.fjm-center {
	text-align: center;
}

.xfjm-html-center .inline-colorbox-image {
	
	width: unset !important;
	height: unset !important;
}

.fjm-center .webform-button--submit {
	margin-top: 1em;
}



.thanks{
  font-family: Lora;
    /* letter-spacing: 10px; */
    stroke: #ffa5d8;
    /* font-size: 150px; */
    /* font-weight: 700; */
    /* stroke-width: 3; */
    animation: textAnimate 5s infinite alternate;
}

@keyframes textAnimate {
  0% {
    stroke-dasharray: 0 50%;
    stroke-dashoffset:  20%;
    fill:hsl(189, 68%, 75%);

  }
  
  100% {
    stroke-dasharray: 50% 0;
    stroke-dashoffstet: -20%;
    fill: hsla(189, 68%, 75%,0%);
  }
  
}

/* this is for centering the title Reservation*/
.flexgrid:has(.reservation-confirmation) > #block-fj-page-title {
  text-align: center;
}  

/* this is for centering the confirmation message*/
.reservation-confirmation {
  text-align: center;
}

.reservation-confirmation .webform-confirmation__message {
  margin: 0 !important;
}