@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

h1 {
    font-family: "Barlow Condensed", sans-serif !important;
    font-weight: 600 !important;
    font-style: normal;
    color: #0B2B40;
    text-transform: uppercase;
}

h2, h3, h4, h5, h6, .infoPanel .tourName {
    font-family: "Barlow Condensed", sans-serif !important;
    font-weight: 600 !important;
    font-style: normal;
    color: #0B2B40 !important;
    text-transform: uppercase;
}

body {
    color: #0B2B40 !important;
    font-family: "Poppins", sans-serif !important;
    font-weight: 400;
    font-style: normal;
}

.TourPage-About, .Plugins-TourPage-GlanceWrapper, .grid.tour-page #booking-container  {
  background: transparent !important;
}

/*Hide "more" link on Experience details, display full details on desktop and mobile*/
.TourPage-About-description {/*Description section- remove collapse*/
  height: auto !important;
}

.TourPage-About-description:after {/*Description section- remove collapse*/
  display: none !important;
}

.TourPage-About-description-more {/*hide more button*/
  display: none;
}


/* primary button */
.button, .ui.anygreen.button, .TourPage-ContactGuide-submit-button.ui.large.button, #request-booking-mobile .ui.button, .ConfirmationContainer .ButtonContainer .ui.button, .CheckoutNavigationController button.BookingRequest-submit, [data-testid="update-email-btn"], .rescheduleModal .modalActions .submitButton, .contactModal .modalActions .submitButton {
  font-family: "Poppins", sans-serif !important;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
  color: #ffffff !important;
  background: #F2816F !important;
  border: none;
  border-radius: 0 !important;
  letter-spacing: 2.8px;
  transition: all .4s cubic-bezier(.42,0,.58,1);
}

.CheckoutNavigationController button.BookingRequest-submit {
  height: 50px;
}

.button:hover, .ui.anygreen.button:hover, .TourPage-ContactGuide-submit-button.ui.large.button:hover, .ConfirmationContainer .ButtonContainer .ui.button:hover, .CheckoutNavigationController button.BookingRequest-submit:hover {
  background-color: #274964 !important;
}

/* secondary button */
.ui.basic.button, .DiscountCodeContainer .DiscountCode-Input .ui.button, [data-testid="dont-cancel-btn"], .ModifyBooking .ModifyBooking-Column.left .actionButtons .rescheduleButton, .ModifyBooking .ModifyBooking-Column.left .actionButtons .contactButton, .TourPage-ContactGuide-link.ui.basic.button {
  font-family: "Poppins", sans-serif !important;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
  color: #F2816F !important;
  background: transparent !important;
  border: 2px solid #F2816F;
  border-radius: 0 !important;
  transition: all .4s cubic-bezier(.42,0,.58,1);
}

.ui.basic.button:hover, .DiscountCodeContainer .DiscountCode-Input .ui.button:hover, .ModifyBooking .ModifyBooking-Column.left .actionButtons .rescheduleButton:hover, .ModifyBooking .ModifyBooking-Column.left .actionButtons .contactButton:hover {
  background: #F2816F !important;
  color: #ffffff !important;
}

.ContactGuide-link-text, .icon.anyfont.af-envelope.brand-color {
  color: #F2816F !important;
}

.ui.basic.button:hover .ContactGuide-link-text, .ui.basic.button:hover .icon.anyfont.af-envelope.brand-color {
  color: #ffffff !important;
}

.tour-title {
  font-size: 28px;
  line-height: 1.2;
}

.TourPage-About-title {
  font-size: 28px;
  line-height: 1.2;
}

.tour-tagline {
    color: #0B2B40 !important;
    font-family: "Poppins", sans-serif !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    font-size: 16px;
    font-style: normal;
    line-height: 1.5;
}

.TourPage-About-tagline {
    color: #0B2B40 !important;
    font-family: "Poppins", sans-serif !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    font-size: 1.1rem;
    font-style: normal;
    line-height: 1.5;
}

.tour-description, .tour-dates-available {
  font-weight: 400;
}

.tour-duration, .price-info {
  font-family: "Poppins", sans-serif !important;
  font-weight: 400 !important;
  text-transform: uppercase;
}

.tour-dates-available, .tour-description, .book-tour-details, .TourPage-About-description, .TourPage-BookingDetails, .TourPage-BookingDetails .BookingRequest-form .ui.dropdown .text.default, .CheckoutSummary-ContentBox table td {
  color: #0B2B40 !important;
}

@media (max-width: 600px) {
  .book-tour-btn {
    width: 250px;
    padding-top: 13px;
    padding-bottom: 13px;
    margin-top: 16px;
    height: 50px;
    font-size: 20px;
  }
  .MobileCheckout-CoverPhoto span.text .title .name {
    color: #ffffff !important;
  }
  .TourPage-Price.CheckoutHeader-Price {
    background-color: rgba(51,51,51,.85) !important;
  }
}

.DiscountCodeContainer.t-mobile .DiscountCode-Input .ui.button {
  height: 47px;
}

.CheckoutSummary-ContentBox.Subtotal-PriceBreakdown .CheckoutSummary-PriceBreakDown {
  background: none;
}
