/* Custom styles for Palm Azur Djerba */

/* BREADCRUMB */
#breadcrumb ul,
#breadcrumb li {
  color: var(--highlighted-l-15);
}

/* ICON */
#rooms_amenities_wrap .wrap {
  background: var(--main-d-20);
}

#rooms_amenities_wrap .section_subtitle {
     color: var(--hover);
 }

/* OFFERS */

.section.section_bg_dark {
  background: var(--main-d-20);
}

/* BOOKING FORM */
@media (max-width: 649px) {
  #fb_calendar .fbw-calendar--action .best-price .best--price {
    color: var(--secondary) !important;
  }
}

#fb_calendar .fbw-calendar--action .best-price .best--price {
  color: var(--secondary);
  font-weight: unset;
}

@media (max-width: 649px) {
  #fb_calendar .fbw-calendar--config .fbw-calendar--dates span,
  #fb_calendar .fbw-calendar--config input,
  #fb_calendar .fbw-calendar--config select {
    color: white;
  }
}

fb_calendar .fbw-calendar--action .best-price .best--price {
  color: var(--secondary);
  font-weight: unset;
}

#highlight_menu ul.menu > li ul.sub-menu > li > span > a:hover {
  color: var(--secondary);
}

/* Exandable content */

.section_expandable_contents .content_container .content_inner_wrap {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}

.section_expandable_contents
  .content_container
  .content_inner_wrap
  .section_title {
  font-size: 2.5em;
  margin-bottom: 40px;
}

@media (max-width: 991px) {
  .section_expandable_contents
    .content_container
    .content_inner_wrap
    .section_title {
    font-size: 2em;
    margin-bottom: 20px;
  }
}

.section_expandable_contents .wrap .title {
  color: black;
}

/* TITLES */
.the_content h3,
.description h3 {
  line-height: 150%;
  font-weight: 400;
  position: relative;
  font-family: var(--first-font);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--secondary);
  font-size: 1.1em;
}

.the_content h2,
.description h2 {
  font-size: 2.5em;
  font-weight: 400;
  font-style: normal;
  font-family: var(--highlight-font);
  color: var(--titles);
  line-height: 120%;
  position: relative;
  text-transform: none;
  clear: both;
}

.booking_form_section.dynamic #booking_form_section,
.booking_form_section.dynamic #booking_form_section * {
  cursor: pointer;
}

.dyncal_wrapper.visible {
    z-index: 999;
}