/* Lato */
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');



/* Variables */
:root {
  --primary-color: #202222;
  --secondary-color: #202222;
  --tertiary-color: #202222;
  --hover-color: #a3832a;
  --background-color: #f5f0e3;
  --font-primary: "Lato", sans-serif;
  --font-secondary: "Georgia", serif;
  --font-button: "Lato", sans-serif;
  --font-tagline: "Lato", sans-serif;
  --font-ornament: "Lato", sans-serif;
  --transition: .1s;
  --transform: none;
  --heading-letter-spacing: 0px; /* Heading Letter Spacing */

}

/* containers */
/* .tour-wrapper {
  background: var(--tertiary-color) !important;
}

.tour-wrapper a {
  border: 1px solid var(--tertiary-color) !important;
} */

.TourPage-About, .Plugins-TourPage-GlanceWrapper, .Plugins-TourPage-GlanceWrapper .TourPage-Glance .ui.grid .row:nth-child(2n), .ar-radio-item, .ar-multi_select-item, .grid.tour-page #booking-container {
  background: transparent !important;
}

#plugins-wrapper>div.ui.equal.height.grid.stackable.tour-page {
    margin-top: 14px;
}

/* dividers */
/* .CheckoutDesktopPage .DiscountCodeContainer, .CheckoutDesktopPage .ColumnContainer .CheckoutPayment, .CheckoutQuestion, .CheckoutDesktopPage .ColumnContainer .CheckoutPersonal {
    border-bottom: 1px solid var(--primary-color);
}

.MessageGuideContainer {
    border-bottom: 1px solid var(--primary-color);
    border-top: 1px solid var(--primary-color);
}

.CheckoutSummary-ContentBox {
  border-bottom: 1px solid var(--primary-color);
} */


/* Typography */
body {
  color: var(--primary-color) !important;
  font-family: var(--font-primary) !important;
  font-weight: 400 !important;
  font-optical-sizing: auto;
  font-style: normal;
  background: var(--background-color) !important;
}

.TourPage-About-description a {
  color: var(--primary-color) !important;
  text-decoration: underline !important;
}

.TourPage-About-description, .brand-color:hover {
  color: var(--hover-color) !important;
}

h1, h2, h3, h4, h5, h6, .infoPanel .tourName, label.cancel-modal-title {
  font-family: var(--font-secondary) !important;
  font-weight: 700 !important;
  color: var(--primary-color) !important;
  font-optical-sizing: auto;
  font-style: normal;
  text-transform: var(--transform) !important;
}

h1, h2 {
   letter-spacing: var(--heading-letter-spacing);
}

.tour-title {
  font-size: 20px !important;
  line-height: 1 !important;
  color: var(--primary-color) !important;
  text-transform: var(--transform) !important;
  letter-spacing: var(--heading-letter-spacing);
}

.css-1gk8mqy svg, .css-etf6eh svg {
    fill: var(--primary-color) !important;
}

.TourPage-About-title {
  font-family: var(--font-secondary) !important;
  color: var(--primary-color) !important;
  line-height: 1 !important;
  text-transform: var(--transform) !important;
  letter-spacing: var(--heading-letter-spacing);
}

.tour-tagline {
  font-family: var(--font-primary) !important;
  color: var(--primary-color) !important;
  font-weight: 400 !important;
  text-transform: var(--transform) !important;
}

.TourPage-About-tagline {
  font-family: var(--font-primary) !important;
  color: var(--primary-color) !important;
  font-weight: 400 !important;
  font-size: 1.5rem !important;
  font-style: regular;
  text-transform: var(--transform) !important;
}

.TourPage-About-description, .TourPage-BookingDetails,
.TourPage-BookingDetails .BookingRequest-form .ui.dropdown .text.default, .CheckoutSummary-ContentBox table td, .css-lkdkks {
  color: var(--primary-color) !important;
  font-weight: 400 !important;
}

.tour-description, .tour-dates-available, .book-tour-details {
  color: var(--primary-color) !important;
}

#confirm-email .confirm-email-edit-button, .Confirmation-Body .modifyBookingLink, a.brand-color, .ModifyBooking .ModifyBooking-Column.left .cancelbooking .cancel-booking-link, .ModifyBooking .ModifyBooking-Column.left .guestDetails .ticketLink .modifyBookingLink span, .rescheduleModal .currentBooking .cancelbooking-desktop .cancel-booking-link {
  text-decoration: underline !important;
}

/* .tour-description {
  font-size: 17px;
  line-height: 1.4;
} */

/* .TourPage-About-description p {
  font-size: 18px;
  line-height: 1.4;
} */

/* .ui.grid > .row > .column {
    font-size: 1.2rem;
} */

/* .filter-buttons {
  font-weight: 600 !important;
} */

/* onsite form fieds for dark maode */
/* .Plugins-TourPage-GlanceWrapper {
  color: var(--primary-color) !important;
}

.Plugins-TourPage-GlanceWrapper .TourPage-Glance .ui.grid .row:nth-child(2n) {
  background-color: transparent !important;
}

.ContactModal-header {
  color: var(--secondary-color) !important;
} */

/* Buttons */
.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, .ConfirmationDefault .GoGAdditionalInfoButton, [data-testid="apply-filter"], .multi-select-wrapper .multi-select-done-wrapper .ui.multi-select-done, button.brand-bg.cancel-modal-cancel-button, .CheckoutNavigationController .CheckoutSummaryScreen button.BookingRequest-submit {
  font-family: var(--font-button) !important;
  font-weight: 700 !important;
  color: var(--background-color) !important;
  background: var(--primary-color) !important;;
  border-radius: 0px !important;
  transition: var(--transition);
  font-style: normal;
  text-transform: var(--transform) !important;
  border: 1px solid var(--primary-color);
  border-radius: 40px !Important;
}

.ConfirmationContainer .ButtonContainer .ui.button {
  height: 56px;
}


/* Secondary Buttons */
.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, button.cancel-modal-keep-booking-button {
  font-family: var(--font-button) !important;
  font-weight: 700 !important;
  color: var(--primary-color) !important;
  background: transparent !important;
  border: 1px solid var(--primary-color) !important;
  border-radius: 0px !important;
  transition: var(--transition);
  font-style: normal;
  text-transform: var(--transform) !important;
}


.DiscountCodeContainer .DiscountCode-Input .ui.button {
  height: 47px;
  padding-top: 11px;
}

.TourPage-ContactGuide-link.ui.basic.button .ContactGuide-link-text, .TourPage-ContactGuide-link.ui.basic.button .icon.anyfont {
    height: 18px;
    font-size: 16px;
    color: var(--primary-color) !important;
}



.css-3ztlt5 {
    border-style: solid !important;
    border-radius: 0 !important;
}

.TourPage-About-location a .icon.anyfont {
  text-decoration: none !important;
}

a.css-ov27x0.e1raof8o1 {
  color: var(--primary-color) !important;
  text-decoration: underline !important;
}

/* Additional Styles */

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

}

.BookingRequest-times .time .text .actualTimeText, .DropdownCalendar .calendar-wrapper .calendar .pika-single {
  font-family: var(--font-primary) !important;
}

.BookingRequest-times .time, #request-booking-mobile {
  background-color: var(--background-color) !important;  
}

.TourPage-About-location {
  text-decoration: underline !important;
  color: #000000 !important;
}

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

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

.ConfirmationDefault h1 .titleRow {
  font-weight: 400 !important;
  line-height: 1 !important;
} */

/* form fields for dark mode */
.multi-select-wrapper .ui.multi-select-dropdown, .multi-select-wrapper .ui.multi-select-options, .TourPage-BookingDetails .BookingRequest-form .ui.dropdown, #payment-main > div > div > div > div.ColumnContainer > div.ComponentContainer.RightColumn > div > div.CheckoutSummary > div.CheckoutSummary-Subtotal-PriceBreakdown-Deposit > div > div > div.Toggleable-Handler > table > tbody > tr > td.value > button, .CheckoutSummary-Container {
  background: transparent !important;
}

.CheckoutSummary, #payment-main > div > div > div > div.ColumnContainer > div.ComponentContainer.LeftColumn > div:nth-child(3) > div.CheckoutPayment.CheckoutSection > div:nth-child(2) > form > div > div.css-1lh4im4.exbukip1 > div.ui.input.t-Default.stripe-element.css-kgo85i.exbukip0 > label, #payment-main > div > div > div > div.ColumnContainer > div.ComponentContainer.LeftColumn > div:nth-child(3) > div.CheckoutPayment.CheckoutSection > div:nth-child(2) > form > div > div.css-1lh4im4.exbukip1 > div.ui.input.t-Default.stripe-element.css-gb4ymw.exbukip0 > label {
  color: var(--primary-color) !important;
}

.Checkbox .Checkbox-label, .ar-radio-wrapper .question-subtext {
  color: var(--primary-color) !important;
}

.Checkbox .Checkbox-label .popup-link a, .contains-brand-link a {
    text-decoration: underline !important;
}

.ConfirmationSummary-SummaryDetails, .infoPanel { /*Confirmation page booking summary background color*/
background-color: var(--background-color) !important;

}


@media (max-width: 600px) {
  .book-tour-btn {
    width: 250px;
    padding: 13px 0;
    /* margin-top: 32px; */
    height: 50px;
    font-size: 16px;
  }
  .CheckoutNavigationController button.BookingRequest-submit {
    height: 50px;
  }
  .MobileCheckout-CoverPhoto span.text .title .name {
    color: #fff !important;
  }
}