@import "../../../basic_imports";

.bg_home_viajes {
  background: url('/headers/ilusion/img/cabeceras/cabecera_home_trip.jpg') no-repeat center bottom;
  height: 400px;
  width: 100%;
  left: 0;
  margin-left: 0;
  position: absolute;
  z-index: -1;
}
@media (min-width: $grid-float-breakpoint) {
  .bg_photo {
    height: 300px;
    img {
      position: absolute;
      top: 0;
      left: 50%;
      transform: translate(-50%, 0);
    }
  }
  .page_photo_title + .rowSearcherWithPhoto {
    min-height: 152px;
  }
}
.bg_seotext {
  background: #fff;
  padding: 30px 0;
  .heading-fonts {
    margin-top: 0;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 20px;
    &:after {
      content:'';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 20px;
      border-top: 2px solid $brand-grey-dark;
      opacity: 0.3;
    }
  }
}
.hero_text {
  @media (min-width: $grid-float-breakpoint) {
    h2, p {
      text-align: center;
      color: #fff;
    }
    p {
      font-size: 16px;
    }
  }
}

/* multicalendar en paginas seo */
.calendar_title {
  position: relative;
  .page_photo_title {
    margin-top: 0;
    @media (min-width: 768px) {
      position: absolute;
      z-index: 100;
      width: 100%;
      margin-top: 50px;
      margin-bottom: 0;
    }
  }
  &.calendar_subtitle {
    .page_photo_title {
      @media (min-width: 768px) {
        margin-top: 56px;
      }
    }
    .page_photo_subtitle {
      margin-top: 0;
      text-transform: none;
      @media (min-width: 768px) {
        position: absolute;
        z-index: 100;
        width: 100%;
        margin-top: 98px;
        margin-bottom: 0;
      }
    }
  }
}
.seo_calendar .multicalendar_container {
  @media (min-width: 768px) {
    height: 705px;
    padding-top: 144px;
    padding-bottom: 0;
  }
}