/* dark plugin*/
/* brand: #f4d4a9 */


/*Global styles*/

/*Font styles*/

h1 {
  text-transform: uppercase !important;
  color: #ffffff !important;
  font-weight: 700 !important;
}


h2,
h3,
h4,
h5,
h6 {
    font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
    font-weight: 700 !important;
}

body {
    font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif !important;
    color: #ffffff !important;
    font-size: 16px !important;
    background-color: #0d0d0d !important;
}

.infoPanel .tourName {
  font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  font-weight: 700 !important;
}

.infoPanel .businessName {
  font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif !important;
}

.infoPanel {
  font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif !important;
}

.BookingRequest-times .time .text {
  font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif !important;
}

#payment-main > div > div > div > div.ColumnContainer > div.ComponentContainer.LeftColumn > div.CheckoutPersonal.CheckoutSection > div > div.row > form > div > div > input {
  color: #ffffff !important;
}

[data-testid="phone-input-button"] {
  background: transparent !important;
}

/*Link styling*/

a {
  color: #ffffff !important;
  text-decoration: underline !important;
}

a:hover {
  color: #f4d4a9 !important;
  text-decoration: underline !important;
}

a.value.brand-color {
  color: #ffffff !important;
  text-decoration: underline !important;
}

a.value.brand-color:hover {
  color: #f4d4a9 !important;
  text-decoration: underline !important;
}

a.dotted.brand-color {
  color: #ffffff !important;
  border-bottom: 1px dotted #ffffff !important;
}

a.dotted.brand-color:hover {
  color: #f4d4a9 !important;
  text-decoration: underline !important;
}

.rescheduleModal .currentBooking .cancelbooking-desktop .cancel-booking-link {
  color: #ffffff !important;
  text-decoration: underline !important;
}

.rescheduleModal .currentBooking .cancelbooking-desktop .cancel-booking-link:hover {
  color: #f4d4a9 !important;
}

.ModifyBooking .ModifyBooking-Column.left .cancelbooking .cancel-booking-link {
  color: #ffffff !important;
  border-bottom: 1px dotted #ffffff !important;
}

.ModifyBooking .ModifyBooking-Column.left .cancelbooking .cancel-booking-link:hover {
  color: #f4d4a9 !important;
}

.infoPanel .cancellationPolicy .dotted {
  color: #ffffff !important;
}

.CheckoutNavigationController header .back-button {
/*Removes underline styling from back button on mobile header*/
  text-decoration: none !important;
}

#request-booking-mobile .ui.button {
/*Removes underline styling from primary booking request button on mobile header*/
  text-decoration: none !important;
}

@media (max-width: 767px) {
  .TourPage-Price .TourPage-Price-header {
    color: #ffffff;
  }
}

/*Button*/

.filter-button {
  font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif !important;
  background-color: transparent !important;
  letter-spacing: .05em;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  border-radius: 0px !important;
  font-size: 16px !important;
  border: 1px solid #f4d4a9 !important;
}

.filter-button:hover {
  color: #000000 !important;
  background-color: #f4d4a9 !important;
}

.DiscountCodeContainer .DiscountCode-Input .ui.button {
  font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif !important;
  background-color: transparent !important;
  letter-spacing: .05em;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  border-radius: 0px !important;
  font-size: 16px !important;
  border: 1px solid #f4d4a9 !important;
  height: 47px !important;
}

.DiscountCodeContainer .DiscountCode-Input .ui.button:hover {
  color: #000000 !important;
  background-color: #f4d4a9 !important;
}

.button {
  font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif !important;
  background-color: transparent !important;
  letter-spacing: .05em;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  border-radius: 0px !important;
  font-size: 16px !important;
  border: 1px solid #f4d4a9 !important;
}

.button:hover {
  color: #000000 !important;
  background-color: #f4d4a9 !important;
}

.ModifyBooking .ModifyBooking-Column.left .actionButtons .rescheduleButton, .ModifyBooking .ModifyBooking-Column.left .actionButtons .contactButton {
  font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif !important;
  background-color: transparent !important;
  color: #ffffff !important;
  letter-spacing: .05em;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  border-radius: 0px !important;
  font-size: 16px !important;
  border: 1px solid #f4d4a9 !important;
}


.ModifyBooking .ModifyBooking-Column.left .actionButtons .rescheduleButton, .ModifyBooking .ModifyBooking-Column.left .actionButtons .contactButton {
  font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif !important;
  background-color: transparent !important;
  color: #ffffff !important;
  letter-spacing: .05em;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  border-radius: 0px !important;
  font-size: 16px !important;
  border: 1px solid #f4d4a9 !important;
}




button.css-14897hp.e38i9342 {
  /*Mobile Apply Filter button*/
  font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif !important;
  background-color: transparent !important;
  letter-spacing: .05em;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  border-radius: 0px !important;
  font-size: 16px !important;
  border: 1px solid #f4d4a9 !important;
}

.ConfirmationDefault .GoGAdditionalInfoButton {
  font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif !important;
  background-color: transparent !important;
  letter-spacing: .05em;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  border-radius: 0px !important;
  font-size: 16px !important;
  border: 1px solid #f4d4a9 !important;
}

.ConfirmationDefault .GoGAdditionalInfoButton:hover {
  color: #000000 !important;
  background-color: #f4d4a9 !important;
}

.CheckoutNavigationController button.BookingRequest-submit{
  font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif !important;
  background-color: transparent !important;
  letter-spacing: .05em;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  border-radius: 0px !important;
  font-size: 16px !important;
  border: 1px solid #f4d4a9 !important;
}

.CheckoutNavigationController button.BookingRequest-submit:hover {
  color: #000000 !important;
  background-color: #f4d4a9 !important;
}

[data-testid="apply-filter"] {
  /* Exp list view - Apply Filter button */
  font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif !important;
  background-color: transparent !important;
  letter-spacing: .05em;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  border-radius: 0px !important;
  font-size: 16px !important;
  border: 1px solid #f4d4a9 !important;
}

[data-testid="apply-filter"]:hover {
    color: #000000 !important;
    background-color: #f4d4a9 !important;
  }

.ui.button {
  font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif !important;
  background-color: transparent !important;
  letter-spacing: .05em;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  border-radius: 0px !important;
  font-size: 16px !important;
  border: 1px solid #f4d4a9 !important;
}

.ui.button:hover {
  color: #000000 !important;
  background-color: #f4d4a9 !important;
}


span.book-tour-btn.button.brand-bg {
  /*Experience List view button*/
  font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif !important;
  background-color: #0d0d0d !important;
  letter-spacing: .05em;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  border-radius: 0px !important;
  font-size: 16px !important;
  border: 1px solid #f4d4a9 !important;
}

span.book-tour-btn.button.brand-bg:hover {
  color: #000000 !important;
  background-color: #f4d4a9 !important;
}

.DiscountCodeContainer.t-mobile .DiscountCode-Input .ui.button {
/*Mobile Discount button*/
font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif !important;
background-color: #0d0d0d !important;
letter-spacing: .05em;
text-transform: uppercase !important;
font-weight: 700 !important;
border-radius: 0px !important;
font-size: 16px !important;
border: 1px solid #f4d4a9 !important;
height: 47px !important;

}

/*Icons*/

.af-checkmark:before {
  color: #333 !important;
}

.rescheduleModal .changeBooking .availableTimes .timeSlot .checkbox.selected {
  background-color: #f4d4a9 !important;
}


/*Modals for dark plugins*/

.ui.modal > .content {
/*Modal backgrounds*/
  background: #0d0d0d !important;
  }

.TourPage-ContactGuide-ModalContent .TourPage-ContactGuide-aside {
/*Contact us modal sidebar*/
  background-color: #0d0d0d !important;
  color: #ffffff !important;
  }

.ContactModal-header {
/*Contact us modal header*/
    color: #ffffff !important;
}

.ui.form .field > label {
/*Modal form labels*/
  color: #ffffff !important;
  }

.ui.form input[type='text']::placeholder, .ui.form input[type='email']::placeholder, .ui.form input[type='date']::placeholder, .ui.form input[type='datetime-local']::placeholder, .ui.form input[type='password']::placeholder, .ui.form input[type='number']::placeholder, .ui.form input[type='url']::placeholder, .ui.form input[type='tel']::placeholder {
/*Modal placeholder text*/
  color: #b2b2b2 !important;
  }

.TourPage-ContactGuide-ModalContent .TourPage-ContactGuide-Form .field>textarea {
/*Contact us modal textarea*/
  color: #ffffff;
  background-color: transparent;
  border: 1px solid #b2b2b2;
  }

.TourPage-ContactGuide-ModalContent .TourPage-ContactGuide-Form .field>textarea::placeholder {
/*Contact us modal textarea - placeholder text*/
  color: #b2b2b2;
  background-color: transparent;
  }

.ContactModal-header {
/*Contact us modal header*/
  font-size: 22px;
  letter-spacing: 1px;
  }


.ui.small.modal.CancellationPolicy-Modal .CancellationPolicy-Modal-content {
/*Cancellation policy modal*/
  color: #ffffff !important;
  }

.cancel-modal-refund {
  color: #0d0d0d !important;

}

.cancel-modal-cancellation-policy {
  color: #0d0d0d !important;
}


.Confirmation-MessageGuide-Textarea .ui.textarea {

   font-size: inherit;
  font-weight: 400;
  font-style: normal;
  background-color: transparent;
  border: 1px solid #b2b2b2;
  border-radius: inherit;
  color: #ffffff;
  }

.Confirmation-MessageGuide-Textarea .ui.textarea::placeholder {

  color: #b2b2b2;
  }

div.confirm-email-modal {
/*Edit email modal - for dark plugin*/
  background-color: #0d0d0d;
  color: #ffffff;
}

div.confirm-email-modal-text {
/*Edit email modal - text - for dark plugin*/
  color: #ffffff;
}

.GlobalError-Message p {
/*Error message modal*/
  color: #ffffff !important;
}



/*Inputs for dark plugins*/

input {
/*Global input style - for dark plugin*/
  background-color: transparent !important;
  color: #ffffff !important;
}

.ui.selection.dropdown {
/*Global dropdown style - for dark plugin*/
  background-color: transparent !important;
  color: #ffffff !important;
}

.default.text {
/*Input text - for dark plugin*/
  color: #ffffff !important;
}

.ui.selection.dropdown>.text {
/*Dropdown text - for dark plugin*/
  color: #ffffff !important;
}

button.ui.multi-select-dropdown {
/*Ticket selection dropdown - for dark plugin*/
  color: #ffffff !important;
}

.multi-select-wrapper .ui.multi-select-dropdown, .multi-select-wrapper .ui.multi-select-options {
/*Selector backgrounds - for dark plugin*/
    background-color: transparent !important;
}



/*Plugin Pages*/


/*Experience list*/

[data-testid="location-input"] {
/*Location filter modal - Input font color*/
  color: #0d0d0d !important;
}

.DateInput_input {
/*Date filter modal - Date selection input*/
  color: #0d0d0d !important;
}

.css-13fbjm4 {
  /* Category Filter */
  background-color: #3b3b3b !important;
}

[data-testid="clear-filter"] {
  /* Category Filter - Clear button */
  background-color: transparent !important;
}

.css-ii5i8l {
  background-color: transparent !important;
}

.tour-wrapper a {
/*Experience list card*/
  color: #ffffff !important;
  text-decoration: none !important;
}

svg#prefix__Layer_1 {
/*Experience card styling for Talnua's colored cards*/
  fill: #ffffff;
}

.tour-title {
/*Experience card title*/

  font-weight: 700 !important;
  font-size: 25px !important;
  line-height: 32px !important;
  color: #ffffff !important;
}

.tour-tagline {
/*Experience list subtitle*/

  color: #ffffff !important;
  font-size: 15px !important;
  line-height: 28px;
  font-weight: 600;
}

.tour-description {
/* tour list description */
    color: #ffffff;

}



/*Experience details*/

.TourPage-BookingDetails .BookingRequest-form .field .TourPage-BookingDetails-Dates-single {
/*Experience details - booking sidebar - single date*/
  color: #ffffff85 !important;
}

.TourPage-About-description-more .link {
  color: #ffffff !important;
  text-decoration: underline !important;
}

.TourPage-About-description-more .af-angle-down-ar {
/*More icon*/
  color: #ffffff !important;
}

.TourPage-Gallery .cover-photo-wrap {
  background-color: transparent !important;
}

.TourPage-Gallery .cover-photo-wrap {
  /*Adjusting bottom stroke of cover photo for plugins with dark/transparent backgrounds*/
    border-bottom: none !important;
}

.grid.tour-page #booking-container {
/*Ticketing sidebar - for dark plugin*/
  background-color: #0d0d0d !important;
}

p.twelve.wide.column {
/*Ticketing sidebar body copy - for dark plugin*/
  color: #ffffff !important;
}

.pika-title {
/*Date selector title - for dark plugin*/
    color: #0d0d0d !important;
}

.column.BookingRequest-Times-time-single {
/*Ticketing sidebar body copy - experience date - for dark plugin*/
    color: #ffffff !important;
}

.pika-lendar .is-selected .pika-button, .pika-lendar .pika-button:hover {
  color: #333333 !important;
}

.BookingRequest-Addons .BookingRequest-Addons-addon .description {
/*Ticketing sidebar body copy - additional options - for dark plugin*/
    color: #ffffff !important;
}

.TourPage-About {
/*Changes background of experience details description for dark plugin*/
  background-color: transparent !important;
}

.TourPage-About-description:after {
/*Changes shadow behind "More" selector on Experience Details*/
  background: transparent !important;
  background: linear-gradient(to bottom, rgba(255,255,255,0) 50%, #0d0d0d 100%) !important;
}

.BookingRequest-times .time .icon.af-checkmark {
  color: #333 !important;
}

.TourPage-About-title {
/*Tour page H1*/

  color: #ffffff !important;
  font-size: 32px !important;
  line-height: 38px;
}

.TourPage-About-description {
/*Tour page copy*/
  font-size: 15px !important;
  line-height: 28px;
  color: #ffffff !important;
}



.TourPage-ContactGuide-link.ui.basic.button .icon.anyfont {
/*Questions contact us envelope icon*/
  color: #FFFFFF !important;
  border-color: #FFFFFF !important;
  font-weight: 700 !important;
}

.TourPage-ContactGuide-link.ui.basic.button .ContactGuide-link-text {
/*Questions contact us label*/
  color: #FFFFFF !important;
}

.TourPage-ContactGuide-link.ui.basic.button:hover {
  background-color: transparent !important;
}

.TourPage-About-tagline {
/*Experience details subtitle*/
  color: #ffffff !important;
  font-size: 1.25em;
  line-height: 1.25em;
}


.TourPage-About-Location {
/*Experience location link*/
  color: #ffffff !important;
}

.TourPage-About-location a {
  color: #ffffff !important;
}

.TourPage-About-location a .icon.anyfont {
/*Experience location link: styling icon so it isn't underlined*/
  text-decoration: none !important;
}



.TourPage-ContactGuide-ModalContent-success {
/*Success message modal body copy*/
  color: #ffffff !important;
}

i.af-calendar.outline.icon.icon-anyfont {
/*Contact us modal calendar icons*/
  color: #ffffff !important;
}



.pika-single {
/*Date selector*/
  font-weight: 400;
  font-style: normal;
  color: #ffffff !important;
}

.BookingRequest-times .time .text {
/*Timeslot selection*/
  font-weight: 400;
  font-style: normal;
  color: #ffffff !important;
  background-color: transparent !important;
}

.BookingRequest-times .time .icon {
/*Timeslot selector - Radio button*/
  background-color: #f2f2f220;
}

.TourPage-BookingDetails .BookingRequest-form .ui.dropdown.disabled .text {
/*Disabled add-ons*/
  color: #ffffff !important;
}


div.time {
  background: transparent !important;
}

.ui.multi-select-options {
/*Ticket selection - multiselect background*/
  color: #ffffff;
  background-color: transparent !important;
}

.default.default-text {
/*Dropdown placeholder copy - for dark plugins*/
  color: #ffffff !important;
}

/*Experience details At a Glance for Dark Plugins*/

.BookingRequest-Addons .BookingRequest-Addons-title {
/*Additional options - section title - for dark plugins*/
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}

.BookingRequest-Addons .BookingRequest-Addons-addon .name {
/*Additional options - item name - for dark plugins*/
  color: #ffffff !important;
}

.BookingRequest-Addons .BookingRequest-Addons-addon .ui.toggle.checkbox>label {
  /*Additional options - toggle label - for dark plugins*/
    color: #ffffff !important;
}


.TourPage-BookingDetails .BookingRequest-form .multi-select-wrapper i {
  padding-top: 10px !important;
}

.Plugins-TourPage-GlanceWrapper .TourPage-Glance .tour-section-title {
/*At a Glance title*/
  color: #ffffff;
}

.Plugins-TourPage-GlanceWrapper {
/*At a Glance Section background - for dark plugins*/
  background-color: transparent !important;
  color: #ffffff !important;
}

.Plugins-TourPage-GlanceWrapper .TourPage-Glance .ui.grid .row:nth-child(2n) {
/*At a Glance row background color - for dark plugins*/
  background-color: #44444480 !important;
}

a.btn-calendar.brand-color {
/*View calendar link - for dark plugins*/
  color: #ffffff !important;
}

a.CancellationPolicy.brand-color {
/*Cancellation policy - for dark plugins*/
  color: #ffffff !important;
}





/*Guest checkout*/

.Checkbox .Checkbox-label .popup-link .brand-color {
/*Privacy policy link color*/
  color: #ffffff !important;
}

[data-testid="timer-content"] {
/*Guest checkout timer copy*/
  color: #0d0d0d !important;

}

.CheckoutSection .row label {
/*Checkout label - for dark plugin*/
  color: #ffffff;
}

.StripeElement {
/*Stripe fields background*/
  background-color: transparent !important;
}

.CheckoutPayment .row.country .ui.selection.dropdown {
/*Updates country dropdown font size for Talnua*/
  font-size: 15px !important;
  line-height: 15px !important;
}

.CheckoutNavigationController .BookingRequest-form .CheckoutPayment.CheckoutSection .ui.dropdown .text {
/*Updates country dropdown padding for Talnua*/
  padding-top: 15px !important;
}


.dropdown-wrapper.t-checkout .ui.dropdown.selection {
  border-color: #b2b2b2 !important;
}

.af-promo-plus:before {
/*Promo code expand button*/
    color: #8c8c8c;
}

.DiscountCodeContainer .DiscountCode-Input .ui.button {
/* promo code apply btn */
  height: 47px !important;
  color: #ffffff !important;
  border: 0px transparent !important;
}

.DiscountCode-remove {
/*Remove promo link*/
  color: #FFFFFF !important;
  text-decoration: underline !important;
}

.DiscountCodeContainer .DiscountCode-Title .icon {
/*Fixes a known bug where collapse icon button maps to brand color*/
  color: #8c8c8c !important;
}

.CheckoutSection h2 {
/*Checkout section titles*/
  color: #ffffff !important;
}

.phone-wrapper {
/*Phone input*/
  background-color: transparent !important;
  color: #ffffff !important;
}

select.css-1aqox2k.ecmxhf2 {
/*country code component*/
  border: 1px solid #b2b2b2;
  background-color: transparent !important;
}

.css-lp8jbl {
  /*country code component*/
    border: 1px solid #b2b2b2;
    background-color: transparent !important;
}

.phone-input-button {
/*country code border*/
  border: 1px solid #b2b2b2 !important;
}

.css-1sgjuz1 {
/*country code hover*/
  background-color: transparent !important;
  border: 1px solid #b2b2b2 !important;
}

.css-obhy8a {
/*phone input*/
  color: #FFFFFF !important;
  background-color: transparent;
  }

input.css-obhy8a.ecmxhf4 {
/*phone input*/
  color: #FFFFFF !important;
  }


/*Guest checkout - pricing summary sidebar*/

.CheckoutSummary-Container {
/*Guest checkout pricing summary sidebar*/
  background-color: #0d0d0d50;
}

.CheckoutSummary-ContentBox table td {
/*Guest checkout pricing summary text*/
  background-color: transparent;
  color: #ffffff;
}

.CheckoutSummary-ContentBox.Subtotal-PriceBreakdown .CheckoutSummary-PriceBreakDown {
/*Pricing summary sidebar - expand price button*/
  background-color: transparent;
}

.CheckoutSummary-ContentBox .dotted {
/*Pricing summary sidebar - cancellation policy*/
  text-decoration: none !important;
}

.CheckoutSummary {
/*Checkout summary*/
  color: #ffffff;
  background-color: transparent !important;
}

.CheckoutSummary .item-title {
/*Checkout summary title*/
  font-weight: 800;
}

/*Guest checkout - additional questions*/

.number-item .number-wrapper .number {
/*NPS question selectors*/
  background-color: transparent;
}

.Checkbox .Checkbox-label {
/*Additional questions checkbox selector*/
  color: #ffffff;
}

.MessageGuideContainer .CheckoutMessageGuide .textarea.ui {
/*Guest checkout - send a message textarea*/
  background-color: transparent;
}

.ar-radio-item {
/*Additional Questions - radio button options*/
  background-color: transparent !important;
}

.ar-multi_select-item {
/*Additional Questions - multiselect options*/
    background-color: transparent !important;
  }

textarea.ui.textarea {
/*Guest checkout - send a message textarea*/
  color: #FFFFFF !important;
}




/*Confirmation page*/


.ConfirmationDefault .ui.grid.Confirmation-grid .column.ConfirmationDefault-Column.right {
/*Confirmation page - pricing summary sidebar - for dark plugin*/
  background-color: #0d0d0d50;
}

.ConfirmationDefault h1 .titleRow {
/*Confirmation page header*/
  color: #ffffff !important;
}


#confirm-email .confirm-email-edit-button {
/*Confirmation page edit email link*/
  text-decoration: underline !important;
  color: #ffffff !important;
}



/*Update email address modal*/

h1.confirm-email-modal-heading {
/*Edit email address modal title*/

}

.confirm-email-modal-cancel.brand-color {
/*Update email modal cancel btn*/

  background-color: transparent !important;
  border: 1px solid inherit;
  border-radius: 0px !important;
  letter-spacing: .05em;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  font-size: 16px !important;
}

.confirm-email-modal-update {
  background-color: #f4d4a9 !important;
  color: #333333 !important;
  letter-spacing: .05em;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  border-radius: 0px !important;
  font-size: 16px !important;
}

.confirm-email-modal-update:hover {
background-color: #f4d4a9 !important;
}

/* waitlist modal */

[data-testid="modal-main-overlay"] {
  background: #0d0d0d !important;
}

[data-testid="modal-main-overlay"] p, [data-testid="modal-main-overlay"] label {
  color: #ffffff !important;
}

[data-testid="join-waitlist-btn"] {
  border: 1px solid #b2b2b2;
  background-color: transparent !important;
  border-radius: 0 !important;
}

/*Reschedule page*/

.infoPanel {
/*Rescheduling landing page - Pricing summary sidebar - For dark themes*/
  background-color: #0d0d0d50;
}

.bookingSummary {
  background-color: #0d0d0d50;
}

.infoPanel .tourName {
/*Rescheduling landing page - Pricing summary sidebar header*/
  color: inherit;
}

.rescheduleModal, .contactModal {
/*Reschedule modal background - For dark themes*/
  background-color: #0d0d0d50;
}


.contactModal .inputField textarea {
/*Reschedule page - Contact us modal - textarea - for dark themes*/
  background: transparent !important;
  color: inherit !important;
}

.ModifyBooking .ModifyBooking-Column.left .actionButtons .rescheduleButton, .ModifyBooking .ModifyBooking-Column.left .actionButtons .contactButton {
  background-color: transparent !important;
}



/*Mobile*/

.MobileCheckout-CoverPhoto span.text .guide {
/* mobile tour sub-title over cover photo */
  color: #ffffff !important;
}

.ui.input.t-Default {/*Send a message textarea mobile*/
  padding-right: 15px !important;
}

#request-booking-mobile {
  background-color: transparent !important;
}

.MessageGuideContainer .CheckoutMessageGuide h2 {
/*Vertically aligns "send a message" label for textarea on guest checkout*/
  padding-top: 7px !important;
}

/*Mobile confirmation*/

.Confirmation-Body h1 .titleRow {
/*Confirmation header copy*/
  color: #ffffff !important;
  font-weight: 700 !important;
}



/*FullView*/

/*Guest checkout - FullView*/

.ConfirmationMobile-PageContent .GoGAdditionalInfoButton {
  background-color: #f4d4a9 !important;
  letter-spacing: .05em;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  border-radius: 0px !important;
}

.ConfirmationMobile-PageContent .GoGAdditionalInfoButton:hover {
  background-color: #f4d4a9 !important;
}

.css-vswvbb.eq3boxl5 {
/*Share button*/
  background-color: transparent !important;
  letter-spacing: .05em;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  border-radius: 0px !important;
  color: #f4d4a9 !important;
  font-size: 16px !important;
  height: fit-content;
}

[data-testid="all-guest-info-page-link"] {

}


.primary-guest-ticket-label{
/*Guest checkout - FullView - Primary Guest Dropdown*/
  color: inherit !important;
}

/*FullView Share Cards*/
.additional-guest-share-container {
/*FullView - Share modal - Change background color to match body bg*/
  background-color: #0d0d0d;
}

.additional-guest-suggestion a {
/*FullView - Share modal - Update link color on Guest Information screen*/
  color: #f4d4a9 !important;
}


/*FullView Additional Questions Dropdown*/
.react-select__control {
/*FullView - Additional Questions - Dropdown selector background*/
  background-color: transparent !important;
}

.react-select__placeholder {
/*FullView - Additional Questions - Dropdown selector placeholder label*/
  color: #b2b2b2 !important;
}

.react-select__single-value {
/*FullView - Additional Questions - Dropdown selector placeholder selected value*/
  color: #FFFFFF !important;
}

/*TEMP BUG FIXES FOR FULLVIEW*/
span {
/*Temp bug fix - FullView Confirmation text - for dark themes*/
  color: inherit !important;
}

input.css-m67nmd.e7n8eyn1 {
/*TEMP BUG FIX - FullView Primary guest field input*/
    color: #333 !important;
}

.css-vho9bu {
/*TEMP BUG FIX - FullView Guest cards "Name not provided yet" copy*/
  color: #b2b2b2 !important;
  padding-left: 4px !important;
}

/*Input Error*/

.ui.input.t-Default.error .input-error {
  color: #FFFFFF !important;
}