/****************************************
  MEDIA QUERIES
****************************************/
/****************************************
  FONT
****************************************/
#cms-content *:not(i) {
  font-family: "Figtree", serif; }

/****************************************
  MENU
****************************************/
#header-django {
  height: 120px; }
  #header-django .navbar {
    height: 120px; }
  #header-django .parent-menu {
    font-size: 20px !important;
    letter-spacing: .8em; }
  #header-django #menu-container {
    gap: 1.5rem; }
  #header-django .language-selector button {
    font-size: 14px; }
  #header-django .sidebar-menu {
    padding-top: 1rem;
    top: 120px; }
    #header-django .sidebar-menu .dropdown_container:not(:last-child),
    #header-django .sidebar-menu .dropdown_container_logo:not(:last-child) {
      border-bottom: none; }
    #header-django .sidebar-menu .language-selector {
      position: absolute;
      top: 0;
      right: 18px; }
    #header-django .sidebar-menu .dropdown_container_logo {
      padding-bottom: 1.5rem; }

/****************************************
  ACTIVITY PAGE
****************************************/
.container-header.container-fluid {
  max-width: 1300px; }
  .container-header.container-fluid .img-product.img_main {
    border-radius: 20px; }

.container-act {
  max-width: 1300px; }

.details-container .activity-extra-info button.btn {
  width: 100%;
  background-color: #189A97;
  border-radius: 15px 15px 0 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 1rem; }
  .details-container .activity-extra-info button.btn h4 {
    background-color: unset;
    font-family: inherit;
    letter-spacing: unset;
    padding: 0;
    margin: 0;
    font-size: 1rem; }
  .details-container .activity-extra-info button.btn.collapsed {
    border-radius: 15px; }
  .details-container .activity-extra-info button.btn::after {
    content: "-";
    display: flex;
    align-items: center;
    justify-content: center;
    color: #189A97;
    background: #F8B524;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    font-size: 18px;
    font-weight: bold; }
  .details-container .activity-extra-info button.btn.collapsed::after {
    content: "+"; }

.details-container .card-body {
  border: none;
  background-color: #189A9710;
  border-radius: 0 0 15px 15px;
  min-height: 11rem; }
  .details-container .card-body ul {
    margin-bottom: 0;
    list-style: none; }
    .details-container .card-body ul li {
      font-size: 0.8rem; }
      .details-container .card-body ul li::before {
        content: "\f058";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        color: #F8B524;
        margin-right: 8px; }

.details-container #collapseNotIncluded .card-body li::before {
  content: "\f057"; }

.gallery-title {
  color: #189A97; }

#gallery_container img.img_crop {
  height: 150px;
  border-radius: 15px; }

#gallery_container .col-gallery {
  padding: 6px; }

.section-title {
  border-bottom: 1px solid #F8B524; }
  .section-title > h4 {
    color: #189A97; }
  .section-title button.btn-collapse-section {
    color: #189A97;
    border: 2px solid #189A97; }

.activity_description .cash-i::before {
  font-family: "Font Awesome 5 Free";
  content: "\f51e";
  font-weight: 900;
  margin-right: 10px;
  color: #189a97; }

.activity_description .pax-i::before {
  font-family: "Font Awesome 5 Free";
  content: "\f0c0";
  font-weight: 900;
  margin-right: 10px;
  color: #189a97; }

.activity_description .port-i::before {
  font-family: "Font Awesome 5 Free";
  content: "\f13d";
  font-weight: 900;
  margin-right: 10px;
  color: #189a97; }

.activity_description .price-i::before {
  font-family: "Font Awesome 5 Free";
  content: "\f06a";
  font-weight: 900;
  margin-right: 10px;
  color: #189a97; }

/****************************************
  BOOKING SECTION
****************************************/
#activity_profile_booking_calendar #booking-section-calendar .flatpickr-day.day-available {
  color: white;
  background-color: #189A97;
  border-radius: 50%;
  border: 1px solid transparent;
  height: 33px;
  width: 33px;
  display: flex;
  align-items: center;
  justify-content: center; }
  #activity_profile_booking_calendar #booking-section-calendar .flatpickr-day.day-available:hover {
    background-color: #F8B524; }

#activity_profile_booking_calendar #booking-section-calendar .flatpickr-day.selected {
  background-color: #F8B524 !important; }

#activity_profile_booking_calendar #booking-section-calendar .flatpickr-day.day-busy:not(.selected):not(.startRange):not(.inRange):not(
.endRange
):not(checkin-day), #activity_profile_booking_calendar #booking-section-calendar .flatpickr-day.day-busy:not(.selected):not(.startRange):not(.inRange):not(
.endRange
):not(checkin-day):hover {
  color: white;
  background-color: #cd5c5cd6 !important;
  border-radius: 50% !important;
  border: 1px solid transparent;
  height: 33px;
  width: 33px;
  display: flex;
  align-items: center;
  justify-content: center; }

#height-sticky-booking button.btn-dropdown {
  border-radius: 5px !important; }

#height-sticky-booking #booking-section-resources .collapse-list-dropdown,
#height-sticky-booking #booking-section-persons .collapse-list-dropdown {
  border-radius: 5px; }

#height-sticky-booking .section-total div:first-child span:last-child {
  color: #F8B524;
  font-size: 1.5rem; }

/****************************************
  ACTIVITY CARDS
****************************************/
#activity_card_tbg:not(.row_list) {
  height: 520px !important; }
  #activity_card_tbg:not(.row_list) .list_img {
    border-radius: 20px !important; }
  #activity_card_tbg:not(.row_list) .item-title {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 100;
    text-align: center;
    padding-top: 1rem;
    color: #189A97;
    margin-bottom: 0; }
  #activity_card_tbg:not(.row_list) .item-duration {
    font-weight: bold;
    text-align: center;
    color: #189A97;
    font-size: 18px;
    display: block; }
  #activity_card_tbg:not(.row_list) .card-bottom {
    background: none !important;
    background-color: transparent !important;
    margin-top: -20px !important; }
  #activity_card_tbg:not(.row_list) .price-box .price {
    color: #F8B524 !important; }
    #activity_card_tbg:not(.row_list) .price-box .price .price-num {
      font-size: 1rem; }
    #activity_card_tbg:not(.row_list) .price-box .price .from_text {
      color: #F8B524 !important; }
  #activity_card_tbg:not(.row_list) .btn-see-more {
    border-radius: 38px;
    height: 49px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80% !important;
    bottom: 20px;
    margin: 0 auto;
    margin-bottom: 34px;
    font-family: inherit; }
    #activity_card_tbg:not(.row_list) .btn-see-more::before {
      font-family: "Font Awesome 5 Free";
      content: "\f133";
      font-weight: 900;
      margin-right: 10px;
      color: white; }

/****************************************
  FOOTER
****************************************/
footer {
  border-style: solid;
  border-top-width: 10px;
  border-bottom-width: 10px;
  border-radius: 45px;
  background: linear-gradient(to bottom, #0f9883 12%, #32c7b1 81%);
  border-color: white; }
  @media (max-width: 480px), (min-width: 481px) and (max-width: 769px) {
    footer {
      border-radius: 0; } }
  footer .main-container {
    padding: 36px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
    footer .main-container .logo-footer {
      max-width: 180px; }
    footer .main-container .links-row {
      display: flex;
      padding-top: 2rem; }
      @media (max-width: 480px), (min-width: 481px) and (max-width: 769px) {
        footer .main-container .links-row {
          flex-direction: column;
          gap: .5rem; } }
      @media (min-width: 770px) and (max-width: 989px), (min-width: 990px) and (max-width: 1199px), (min-width: 1200px) {
        footer .main-container .links-row {
          flex-direction: row;
          gap: 1rem; } }
      footer .main-container .links-row a {
        font-size: .8rem;
        text-decoration: none;
        text-transform: uppercase;
        color: white;
        letter-spacing: 1px; }
        @media (max-width: 480px), (min-width: 481px) and (max-width: 769px) {
          footer .main-container .links-row a {
            text-align: center;
            font-size: .7rem; } }
        footer .main-container .links-row a i {
          color: white;
          font-size: 1rem; }
        footer .main-container .links-row a strong {
          font-weight: 800; }
        footer .main-container .links-row a .thin {
          font-weight: 400; }