@import url("https://use.typekit.net/mch3imj.css");

/*icons*/

svg#prefix__Layer_1 {
  fill: #be2336 !important;
}

svg#Layer_1 {
  fill: #be2336 !important;
}


/*filter customizations*/


.DateRangePickerInput {
  border-color: #231F2033 !important;
}

.DateInput_input__focused {
/*Date range input - focus state*/
  border-bottom: 2px solid #ffffff !important;
}

[data-testid="increase-guest"] {
  border-color: #231F2033 !important;
  border-radius: 20px !important;
}

[data-testid="decrease-guest"] {
  border-color: #231F2033 !important;
  border-radius: 20px !important;
}



body {
  background-color: rgb(240, 234, 218) !important;
}


@media only screen and (max-width: 992px)
html {
  background-color: #f4e9ce !important;
}


.brand-color {
  border-color: transparent !important;
}


#modal_container {/*adds space below google map*/
  margin-bottom: 100px !important;
}


.css-syf14y {
  border-top: 1px solid #e6e6e6 !important;
}

body, input {
  font-family: "interstate", sans-serif !important;
  font-weight: 500 !important;
  font-size: 18px !important;

}

.search-bar-input {
  font-family: "interstate", Helvetica, Arial, sans-serif !important;

}


div.website-tours {
  font-family: "interstate", Helvetica, Arial, sans-serif !important;
  color: #231f20 !important;
  letter-spacing: 0 !important;
  line-height: 1.5em !important;
}

.css-975hqp {
  text-decoration: none !important;
}

.css-975hqp:hover {
  text-decoration: none !important;
}

a.css-1fkio46 {
  text-decoration: none !important;
}

a.css-1fkio46:hover {
  text-decoration: none !important;
}

.css-1fkio46 {
  line-height: 1.5em !important;
}


.css-q0kb3s, .css-17tmogk, .css-1cv023v {/*Filter apply button - prod*/
  font-family: "interstate", Helvetica, Arial, sans-serif !important;
  font-size: 16px !important;
  text-transform:  none !important;
  color: #f4e9ce !important;
  background-color: #be2336 !important;
  border: 1px solid #be2336 !important;
  border-radius: 40px !important;
  transition: background-color .3s,color .3s !important;
  height: 40px !important;
  text-align: center !important;
}

button.css-q0kb3s.e1uw8rt4:hover {/*Filter apply button hover - prod*/
  font-family: "interstate", Helvetica, Arial, sans-serif !important;
  color: #be2336 !important;
  background-color: transparent !important;
  border: 1px solid #be2336 !important;
  transition: background-color .3s,color .3s !important;
}

.css-aqvc84 {/*Filter apply button - integration*/
  font-family: "interstate", Helvetica, Arial, sans-serif !important;
  font-size: 16px !important;
  text-transform:  none !important;
  color: #be2336 !important;
  background-color: transparent !important;
  border: 1px solid #be2336 !important;
  border-radius: 40px !important;
  transition: background-color .3s,color .3s !important;
  height: 40px !important;
  padding: 0px 16px 0px 16px !important;
  text-align: center !important;
}

button.css-aqvc84:hover {/*Filter apply button hover - prod*/
  color: #be2336 !important;
  background-color: transparent !important;
  border: 1px solid #be2336 !important;
  transition: background-color .3s,color .3s !important;
}

[data-testid="dont-cancel-btn"] {
  font-family: "interstate", Helvetica, Arial, sans-serif !important;
  font-size: 16px !important;
  text-transform:  none !important;
  color: #be2336 !important;
  background-color: transparent !important;
  border: 1px solid #be2336 !important;
  border-radius: 40px !important;
  transition: background-color .3s,color .3s !important;
  height: 40px !important;
  padding: 0px 16px 0px 16px !important;
  text-align: center !important;
}



.css-5slvci {/*removes none from Experience Card on mobile*/
  text-decoration: none !important;
}

.css-5slvci:hover {/*removes none from Experience Card on mobile*/
  text-decoration: none !important;
}


.css-vtz72l {/*Hiding text on Confirmation - staging*/
  display: none !important;
}

#request-booking-mobile {/*removes white background on mobile*/
  background: transparent !important;
}

div#confirm-email.confirm-email::before {/*Replacing text on Confirmation - staging*/
  content: 'We just sent an email to you with all your details.';
  font-size: 16px;
  visibility: visible;
  display: block;
  padding-bottom: 24px !important;
}


.css-y8513x {/*Confirmation > Edit email > Cancel button*/
  text-transform:  none !important;
  border-color: #BE2035 !important;

}

.css-121ahi5 {/*Confirmation > Edit email > Disabled Update button*/
  font-family: "interstate", Helvetica, Arial, sans-serif !important;
  font-weight: 500 !important;
  font-size: 18px !important;
  line-height: 18px !important;
  text-transform:  none !important;
  letter-spacing: 0px !important;
  color: #f4e9ce !important;
  background-color: #be2336 !important;
  border-radius: 40px !important;
  padding-bottom: 5px !important;
  padding-top: 5px !important;
}

.css-rsguqg {/*Confirmation > Edit email > Update button*/
  font-family: "interstate", Helvetica, Arial, sans-serif !important;
  font-weight: 500 !important;
  font-size: 18px !important;
  line-height: 18px !important;
  text-transform:  none !important;
  letter-spacing: 0px !important;
  color: #f4e9ce !important;
  background-color: #be2336 !important;
  border-radius: 40px !important;
  padding-bottom: 5px !important;
  padding-top: 5px !important;
}

.css-rsguqg:hover {/*Confirmation > Edit email > Update button*/
  font-family: "interstate", Helvetica, Arial, sans-serif !important;
  font-weight: regular !important;
  font-size: 18px !important;
  line-height: 18px !important;
  text-transform:  none !important;
  letter-spacing: 0px !important;
  color: #f4e9ce !important;
  background-color: #be2336 !important;
  border-radius: 40px !important;
  padding-bottom: 5px !important;
  padding-top: 5px !important;
}


h1.tour-title {
  font-size: 32px !important;
  line-height: 35.2px !important;
  color: #000000 !important;
}

.ConfirmationDefault h1 .titleRow {
  color: #000000 !important;
}

.css-1oruyy5 {
  font-family: "interstate", Helvetica, Arial, sans-serif !important;
  font-size: 20px !important;
  text-transform:  none !important;
  letter-spacing: 0 !important;
  border-radius: 40px !important;
}



.css-gzrh18, button.css-12yb7rf.e1uw8rt2 {
  font-family: "interstate", Helvetica, Arial, sans-serif !important;
  font-size: 20px !important;
  line-height: 20px !important;
  text-transform:  none !important;
  letter-spacing: 0.1rem !important;
  color: #f4e9ce !important;
  background-color: #be2336 !important;
  border: 1px solid #be2336 !important;
  border-radius: 40px !important;
  transition: background-color .3s,color .3s !important;
  padding-top: 15px !important;
}

button.css-12yb7rf.e1uw8rt2:hover {
  font-family: "interstate", Helvetica, Arial, sans-serif !important;
  font-size: 20px !important;
  line-height: 20px !important;
  text-transform:  none !important;
  letter-spacing: 0.1rem !important;
  color: #be2336 !important;
  background-color: transparent !important;
  border: 1px solid #be2336 !important;
  border-radius: 40px !important;
  transition: background-color .3s,color .3s !important;
  padding-top: 15px !important;
}

button.css-ztq4ku.e1uw8rt2 {
  font-family: "interstate", Helvetica, Arial, sans-serif !important;
  font-size: 20px !important;
  text-transform:  none !important;
  letter-spacing: 0.1rem;
  color: #f4e9ce !important;
  background-color: #be2336 !important;
  border: 1px solid #be2336 !important;
  border-radius: 40px !important;
}

button.css-ztq4ku.e1uw8rt2:hover {
  font-family: "interstate", Helvetica, Arial, sans-serif !important;
  font-size: 20px !important;
  text-transform:  none !important;
  letter-spacing: 0.1rem;
  color: #be2336 !important;
  background-color: transparent !important;
  border: 1px solid #be2336 !important;
  border-radius: 40px !important;
  transition: background-color .3s,color .3s !important;
}

.css-11wjdn4, button.css-11wjdn4.e1uw8rt2 {
  font-family: "interstate", Helvetica, Arial, sans-serif !important;
  font-size: 20px !important;
  text-transform:  none !important;
  letter-spacing: 0.1rem;
  color: #f4e9ce !important;
  background-color: #be2336 !important;
  border: 1px solid #be2336 !important;
  border-radius: 40px !important;
}

button.css-11wjdn4.e1uw8rt2:hover {
  font-family: "interstate", Helvetica, Arial, sans-serif !important;
  font-size: 20px !important;
  text-transform:  none !important;
  letter-spacing: 0.1rem;
  color: #be2336 !important;
  background-color: transparent !important;
  border: 1px solid #be2336 !important;
  border-radius: 40px !important;
  transition: background-color .3s,color .3s !important;
}

.css-1ieacj4 {
  fill: #be2336 !important;
}

div.filter-button {
    font-family: "interstate", Helvetica, Arial, sans-serif !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    line-height: 18px !important;
    text-transform: none !important;
    letter-spacing: 1px !important;
    color: #be2336 !important;
    background-color: transparent !important;
    border-radius: 40px !important;
    padding-bottom: 5px !important;
    padding-top: 5px !important;
    border: 1px solid #be2336 !important;
}


.css-5qj5vl {/*Guest filter styling*/
  font-family: "interstate", Helvetica, Arial, sans-serif !important;
  font-weight: 300 !important;
  font-size: 18px !important;
  line-height: 18px !important;
  text-transform:  none !important;
  letter-spacing: 0px !important;
  color: #f4e9ce !important;
  background-color: #be2336 !important;
  border-radius: 40px !important;
  padding-bottom: 5px !important;
  padding-top: 5px !important;

}

.css-q4b7w5 {/*Guest filter 'Clear' button*/
  font-family: "interstate", Helvetica, Arial, sans-serif !important;

}



.css-poxr6f {/*Book now mobile styling*/
  margin-top: 17px !important;

}

.css-1ij5nk4 span {/*Modify date styling so that dates remain on one line in mobile*/
  margin-right: 0px !important;
  font-size: 12px !important;
}


.css-optabl {
  font-family: "interstate", Helvetica, Arial, sans-serif !important;

}





div.css-1e90bp3-control {
   box-shadow: #be2336 !important;
   border-color: #be2336 !important;

}


button.css-fqlnkr.e38i9342 {/*Apply filter button on mobile*/
  font-family: "interstate", Helvetica, Arial, sans-serif !important;
  font-weight: 300 !important;
  font-size: 16px !important;
  line-height: 16px !important;
  text-transform:  none !important;
  letter-spacing: 0.1rem !important;
  color: #be2336 !important;
  background-color: transparent !important;
  border: 1px solid #be2336 !important;
  border-radius: 40px !important;
  padding-bottom: 5px !important;
  padding-top: 5px !important;

}

button.css-fqlnkr.e38i9342:hover {/*Apply filter button on mobile*/
  font-family: "interstate", Helvetica, Arial, sans-serif !important;
  font-weight: 300 !important;
  font-size: 16px !important;
  line-height: 16px !important;
  text-transform:  none !important;
  letter-spacing: 0.1rem !important;
  color: #be2336 !important;
  background-color: transparent !important;
  border: 1px solid #be2336 !important;
  border-radius: 40px !important;
  padding-bottom: 5px !important;
  padding-top: 5px !important;

}

.css-4ga03s { /*Read more button on mobile*/
  font-family: "interstate", Helvetica, Arial, sans-serif !important;
  font-size: 20px !important;
  line-height: 20px !important;
  text-transform:  none !important;
  letter-spacing: 0.1rem !important;
  color: #f4e9ce !important;
  background-color: #be2336 !important;
  border: 1px solid #be2336 !important;
  border-radius: 40px !important;
  padding-top: 15px !important;
  width: 150px !important;
}



div.tour-description.css-76jmol.e198wps34 {
  line-height: 1.5em !important;
}





/*experience details*/


.grid.tour-page #booking-container {
  /* pricing summary sidebar bg*/
  background-color: #FBF7EB !important;

}

.CheckoutSummary {
  background-color: #FBF7EB !important;

}

.TourPage-BookingDetails .BookingRequest-form .multi-select-wrapper .ui.multi-select-dropdown, .multi-select-wrapper .ui.multi-select-dropdown, .multi-select-wrapper .ui.multi-select-options, .TourPage-BookingDetails .BookingRequest-form .ui.dropdown {
/*Date selector input*/
  border: 0px solid !important;
  border-radius: 8px !important;
  background-color: #ffffff !important;
}

.DropdownCalendar .calendar-wrapper .calendar .pika-single {
  border: 0px solid !important;
  border-radius: 8px !important;
}

.BookingRequest-times .time {
  border: 0px solid !important;
  border-radius: 8px !important;
}

.TourPage-About-description {
   font-size: 18px !important;
   color: #231f20 !important;
}

.ui.button {
    font-family: "interstate", Helvetica, Arial, sans-serif !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    line-height: 18px !important;
    text-transform: none !important;
    letter-spacing: 1px !important;
    color: #ffffff !important;
    background-color: #be2336 !important;
    border-radius: 40px !important;
    padding-bottom: 13px !important;
    padding-top: 13px !important;
}


.TourPage-ContactGuide-link.ui.basic.button {
    font-family: "interstate", Helvetica, Arial, sans-serif !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    line-height: 13px !important;
    text-transform: none !important;
    letter-spacing: 1px !important;
    color: #be2336;
    background-color: transparent !important;
    border: 1px solid #be2336 !important;
    border-radius: 40px !important;
    padding-bottom: 10px !important;
    padding-top: 10px !important;
}


.dropdown-wrapper.t-booking-request .ui.dropdown .menu .item.active, .dropdown-wrapper.t-booking-request .ui.dropdown .menu .item.selected, .dropdown-wrapper.t-booking-request .ui.dropdown .menu .item:hover, .dropdown-wrapper.t-addon-person .ui.dropdown .menu .item.active, .dropdown-wrapper.t-addon-person .ui.dropdown .menu .item.selected, .dropdown-wrapper.t-addon-person .ui.dropdown .menu .item:hover, .dropdown-wrapper.t-addon-item .ui.dropdown .menu .item.active, .dropdown-wrapper.t-addon-item .ui.dropdown .menu .item.selected, .dropdown-wrapper.t-addon-item .ui.dropdown .menu .item:hover {/*Background of selected item in dropdown*/
   background: #be2336 !important;
}

.pika-lendar .is-selected .pika-button, .pika-lendar .pika-button:hover {/*Background of selected date on calendar*/
  background: #be2336 !important;
}

.pika-single {
  font-family: "interstate" !important;
}

.pika-lendar .is-today .pika-button {
  color: #f4e9ce !important;
}

button.pika-button.pika-day:hover {/*Background of hover date on calendar*/
  background: #be2336 !important;
  color: #f4e9ce !important;
}

.pika-lendar .is-today .pika-button {/*Color of today on calendar*/
   color: #be2336 !important;

}

.ui.dropdown .item.selected, .ui.dropdown .item:hover {/*Contact us modal input background*/
   background: #be2336 !important;

 }


.TourPage-About-title {
 font-family: "interstate", Helvetica, Arial, sans-serif !important;
 font-weight: 600 !important;
 font-size: 32px;
 line-height: 35.2px;
 color: #000000 !important;
}

.TourPage-About-tagline {
 font-family: "interstate", Helvetica, Arial, sans-serif !important;
 font-weight: 400 !important;
 font-size: 16px;
 line-height: 17.6px;
 color: #231f20 !important;
 letter-spacing: -2%;
 padding-top: 8px !important;
}

.TourPage-About-location svg {
 color: #be2336 !important;
}

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

.TourPage-About-location a {
  color: #be2336 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  border-bottom: 1px solid transparent !important;
  transition: .4s ease,border .4s ease !important;
}

.TourPage-About-location a:hover {
  color: #be2336 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  border-bottom: 1px solid #be2336 !important;
  transition: .4s ease,border .4s ease !important;
}

.TourPage-About-location span {
  color: #be2336 !important;
  text-decoration: none !important;
}






.TourPage-About-description-more {
 color: #be2336 !important;
 text-decoration: none !important;
 text-align: left !important;
}

.TourPage-About-description-more .af-angle-down-ar {/*Color of more down arrow*/
  color: #be2336 !important;
}



h1 {
    font-family: "interstate", Helvetica, Arial, sans-serif !important;
    color: #be2336 !important;
    text-transform: none !important;
    font-size: 25px !important;
    letter-spacing: 0px !important;
    line-height: 1.2 !important;
}

.ModifyBooking h1 {
  color: #be2336 !important;
}

h2 {
  font-family: "interstate", Helvetica, Arial, sans-serif !important;
  color: #231f20 !important;
}

h3 {
  font-family: "interstate", Helvetica, Arial, sans-serif !important;
  color: #231f20 !important;
}

body {
 font-family: "interstate", Helvetica, Arial, sans-serif !important;
 font-weight: 300 !important;
 font-size: 17px !important;
 color: #231f20 !important;
 letter-spacing: 0 !important;
 line-height: 160% !important;
}

.dropdown-wrapper.t-checkout .ui.dropdown.selection .default {/*Dropdown input font*/
  font-family: "interstate", Helvetica, Arial, sans-serif !important;
  font-weight: 300 !important;
  font-size: 18px !important;
  color: #231f20 !important;
  letter-spacing: 0 !important;

}

label {
 color: #6E6E6E !important;
 letter-spacing: 0 !important;
 font-weight: 500 !important;
}

a {
  color: #be2336 !important;
  text-decoration: none !important;
  transition: .4s ease,border .4s ease !important;
}

a:hover {
  color: #be2336 !important;
  text-decoration: none !important;
  border-bottom: 1px solid #be2336 !important;
  transition: .4s ease,border .4s ease !important;

}

#confirm-email .confirm-email-edit-button:hover {
  color: #be2336 !important;
  text-decoration: none !important;
  border-bottom: 1px solid #be2336 !important;
  transition: .4s ease,border .4s ease !important;

}

.Confirmation-Body .modifyBookingLink {
  width: max-content;
}



element.style {
  color: #be2336 !important;

}

.button {
    font-family: "interstate", Helvetica, Arial, sans-serif !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 18px !important;
    text-transform: none !important;
    letter-spacing: 1px !important;
    color: #ffffff !important;
    background-color: #be2336 !important;
    border-radius: 40px !important;
    padding-bottom: 12px !important;
    padding-top: 13px !important;
}

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

.CheckoutNavigationController button.BookingRequest-submit {
    font-family: "interstate", Helvetica, Arial, sans-serif !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    line-height: 18px !important;
    text-transform: none !important;
    letter-spacing: 1px !important;
    color: #ffffff !important;
    background-color: #be2336 !important;
    border-radius: 40px !important;
    padding-bottom: 10px !important;
    padding-top: 10px !important;
}

.ModifyBooking .ModifyBooking-Column.left .actionButtons .rescheduleButton, .ModifyBooking .ModifyBooking-Column.left .actionButtons .contactButton {
  font-family: "interstate", Helvetica, Arial, sans-serif !important;
  font-weight: 300 !important;
  font-size: 18px !important;
  line-height: 18px !important;
  text-transform:  none !important;
  letter-spacing: 0px !important;
  color: #f4e9ce !important;
  background-color: #be2336 !important;
  border-radius: 40px !important;
  padding-bottom: 10px !important;
  padding-top: 10px !important;
}

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

 .infoPanel .businessName {
   color: #333333;

 }


button.ui.red.button.brand-bg {/*Review and book primary button*/
  padding-top: 5px !important;
  padding-bottom: 5px !important;

}

button.ui.red.button.brand-bg:hover {/*Review and book primary button*/
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  color: #f4e9ce !important;
}



.TourPage-BookingDetails .RequestBooking.ui.huge.anygreen.button {
    font-family: "interstate", Helvetica, Arial, sans-serif !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    line-height: 18px !important;
    text-transform: none !important;
    letter-spacing: 1px !important;
    color: #ffffff !important;
    background-color: #be2336 !important;
    border-radius: 40px !important;
    padding-bottom: 16px !important;
    padding-top: 16px !important;
}

.TourPage-BookingDetails .RequestBooking.ui.huge.anygreen.button:hover {
  background-color: #8b1021 !important;
}


.BookingRequest-times .time .icon.af-checkmark {
  font-family: "interstate", Helvetica, Arial, sans-serif !important;
  background: #be2336 !important;
}

.BookingRequest-times .time .hint {
  font-family: "interstate", Helvetica, Arial, sans-serif !important;
}

.BookingRequest-times .time .text .actualTimeText {/*Font style of time selector*/
  font-family: "interstate", Helvetica, Arial, sans-serif !important;

}

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

.ConfirmationContainer .ButtonContainer .ui.button {
 padding-top: 19px !important;
}

.contains-brand-link.payment-subtext.form-details {
  margin-bottom: 16px;
}



.ui.selection.dropdown>.text {
/*Guest checkout - input style - country font size*/
  padding-top: 4px !important;
  font-size: 16px !important;
}


.CheckoutPage h2 {
 font-family: "interstate", Helvetica, Arial, sans-serif !important;
}

.CheckoutSection h2 .icon {
 color: #be2336 !important;
}

.CheckoutWaiver a {
    color: #be2336 !important;
    text-decoration: none;
}

.CheckoutWaiver a:hover {
    color: #444444 !important;
    text-decoration: none;
}

.PoweredBy .terms-links-container .terms-link {
  color: #6E6E6E !important;
}

.ConfirmationContainer .PoweredBy a:hover {
  color: #6E6E6E !important;
  border-bottom-color: #6E6E6E !important;
}

.PoweredBy .Logo:hover {
  border-bottom-color: transparent !important;
}


.ui.selection.dropdown {/*Country dropdown component*/
   background-color: transparent !important;

}

.number-item .number-wrapper .number {/*NPS question color*/
  background-color: transparent !important;
  border-color: #949494 !important;


}

.number-item .number-wrapper .number.selected {/*Selected NPS question color*/
  background-color: #be2336 !important;

}

.MessageGuideContainer .CheckoutMessageGuide textarea {
  background-color: transparent !important;
}

.multi-select-wrapper .multi-select-done-wrapper .ui.multi-select-done:hover {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  color: #f4e9ce !important;
}

.Confirmation-MessageGuide-SubmitButton .ui.button:hover {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.TourPage-BookingDetails .BookingRequest-form .multi-select-wrapper i {/*Ticket dropdown arrow placement*/
  padding-top: 10px !important;

}


.multi-select-wrapper .ui.multi-select-option .pricing-breakdown {/*Pricing summary breakdown*/
  color: #949494 !important;
}

button.ui.control {/*ticket selector icons*/
  -webkit-text-fill-color: #be2336 !important;
}

.CheckoutPage .hint, .CheckoutPage .form-details {
  color: #6E6E6E !important;
}


#payment-main > div > div > div > div.ColumnContainer > div.ComponentContainer.LeftColumn > div.CheckoutPersonal.CheckoutSection > div > div.row > form > div > div > div.css-bbkxmo.ecmxhf3 > button {
/*Guest checkout - phone input style - area code - desktop - integration*/
  background-color: #ffffff !important;
  border: 0px !important;
  border-top-left-radius: 8px !important;
  border-bottom-left-radius: 8px !important;
}

#payment-main > div > div > div.transitionable > div > article > div.BookingRequest-form.ui.form > div > div > div.row > form > div > div > input {
  /*Guest checkout - phone input style - mobile - integration*/
    background-color: #ffffff !important;
    border: 0px !important;
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
  }

.ui.form select {
  /*Guest checkout - phone input style - area code - mobile - integration*/
    background-color: #ffffff !important;
    border: 0px !important;
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
  }

.css-bbkxmo.ecmxhf3 {
/*Area code input - Integration*/
  border-right: 1px solid #e6e6e6 !important;
}

.DiscountCodeContainer .DiscountCode-Input .ui.button {
  height: 47px !important;
  border: none !important;
}

.DiscountCodeContainer .DiscountCode-Input .ui.button {
  height: 47px !important;
  border: #be2336 !important;
}

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

.DiscountCodeContainer .DiscountCode-Title .icon {
  color: #8C8C8C !important;
}

.CheckoutSummary-ContentBox table td {
 color: #231f20 !important;
}
.CheckoutSummary {
 color: #231f20 !important;
}
.CheckoutSummary-Container a {
 color: #be2336 !important;
}

.CheckoutSummary-ContentBox.Subtotal-PriceBreakdown .CheckoutSummary-PriceBreakDown .af-angle-down-2 {
 color: #be2336 !important;
 text-decoration: none !important;
}
.af-angle-down-2:before {
  text-decoration: none !important;
 }

div.Checkout-Summary-Subtotal-PriceBreakDown-Deposit {
  text-decoration: none !important;

}


.tour-tagline {
 font-weight: 400 !important;
 color: #231f20;
}

.tour-duration {
 font-weight: 400 !important;
 color: #6a6a6a !important;
 font-size: 14px !important;
}

.tour-price, .price-info {
  font-family: "interstate", Helvetica, Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 13px !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;

}

.Confirmation-Body a {
 text-decoration: none;
}


a.RequestBooking.ui.fluid.huge.button.anygreen.brand-bg {
  font-family: "interstate", Helvetica, Arial, sans-serif !important;
  font-size: 20px !important;
  text-transform:  none !important;
  letter-spacing: 0 !important;
  color: #be2336 !important;
  background-color: transparent !important;
  border: 1px solid #be2336 !important;
  border-radius: 40px !important;
}


a.RequestBooking.ui.fluid.huge.button.anygreen.brand-bg:hover {
  font-family: "interstate", Helvetica, Arial, sans-serif !important;
  font-size: 20px !important;
  text-transform:  none !important;
  letter-spacing: 0 !important;
  color: #f4e9ce !important;
  background-color: #be2336 !important;
  border: 1px solid #be2336 !important;
  border-radius: 40px !important;
}
.ModifyBooking a:hover {
 color: #444444 !important;
 text-decoration: none !important;

}

.policyName a:hover {
  color: #444444 !important;
  text-decoration: none !important;

}







/* experience list*/

.tour-dates-available {
  color: #6a6a6a !important;
  font-size: 14px !important;
}

.tour-wrapper a {
/*Experience list card*/
  color: #333333 !important;
  text-transform: none !important;
  background-color: #FFFFFF !important;
  border-top: 0px !important;
  border-right: 0px !important;
  border-bottom: 0px solid #FFFFFF !important;
  border-left: 0px !important;
  letter-spacing: 0px !important;
  border-radius: 12px !important;
}

@media screen and (max-width: 767px){
.tour-wrapper a {
    padding-bottom: 48px !important;
  }
}

@media screen and (max-width: 767px){
.book-tour-btn {
    text-align: center !important;
    padding: 16px;
    margin-left: 8px;
    width: fit-content;
  }
}

@media screen and (max-width: 767px){
.css-1cd1qsn {
/*Experience list - experience image border radiius - [integration-update]*/
  border-radius: 12px 12px 0px 0px !important;
  }
}

.css-v6urnw {
/*Experience list - experience image border radiius - [integration-update]*/
  border-radius: 12px !important;
}

.css-1xqj2nh {
  display: none !important;
}



#main_container.public-website .website-tours .tour .tour-title-and-description .tour-title {
  font-family: 'interstate', Helvetica, Arial, sans-serif !important;
  color: #000000 !important;
  font-size: 32px !important;
  line-height: 35.2px !important;

}

div.tour-tagline {
  color: #231f20 !important;
  font-size: 18px !important;
  line-height: 1em !important;

}

div.tour-description {
  color: #6A6A6A !important;
  font-weight: 500 !important;
  padding-bottom: 32px;
  border-bottom: 1px solid #e6e6e6;
  font-size: 16px !important;

}

.css-plurp4 {
/*Tour card divider*/
  height: 0px !important;
}

#main_container.public-website .website-tours .tour .book-tour-details {
  color: #be2336 !important;

}


.Plugins-TourPage-GlanceWrapper .TourPage-Glance .tour-section-title {/*At a glance label font size*/
 font-family: "interstate", Helvetica, Arial, sans-serif !important;
  font-size: 24px !important;
  line-height: 26.4px !important;
  text-transform: none !important;
}

/*At a glance table*/

.Plugins-TourPage-GlanceWrapper .TourPage-Glance .ui.grid .row .four.wide.column {
/*At a glance table - Left column*/
  max-width: 20%;
  text-align: left !important;
}

i.icon {
/*At a glance icons*/
  color: #be2336 !important;
}

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


.css-faepvv {/*Read more button*/
 font-family: "interstate", Helvetica, Arial, sans-serif !important;
 font-size: 20px !important;
 line-height: 20px !important;
 text-transform: uppercase !important;
 letter-spacing: 0.1rem !important;
 color: #be2336 !important;
 background-color: transparent !important;
 border: 1px solid #be2336 !important;
 border-radius: 40px !important;
 padding-bottom: 10px !important;
 padding-top: 20px !important;
 width: 150px !important;
}

.css-faepvv:hover {/*Read more button*/
 font-family: "interstate", Helvetica, Arial, sans-serif !important;
 font-size: 20px !important;
 line-height: 20px !important;
 text-transform: uppercase !important;
 letter-spacing: 0.1rem !important;
 color: #f4e9ce !important;
 background-color: #be2336 !important;
 border: 1px solid #be2336 !important;
 border-radius: 40px !important;
 transition: opacity 426ms cubic-bezier(.4,.9,.3,1),color 426ms cubic-bezier(.4,.9,.3,1),border-color 426ms cubic-bezier(.4,.9,.3,1),background-color 426ms cubic-bezier(.4,.9,.3,1) !important;
 padding-bottom: 10px !important;
 padding-top: 20px !important;
 width: 150px !important;
}



.TourPage-BookingDetails .RequestBooking.ui.huge.anygreen.button { /*remove none on button text*/
  text-decoration: none !important;

}


/*checkout*/

a.CheckoutSummary-PriceBreakDown {
  text-decoration: none !important;

}

.DiscountCode-applied i.icon {
  background: #be2336 !important;
}


.ConfirmationContainer .ButtonContainer .ui.button {
  text-decoration: none !important;
}

.ConfirmationSummary-SummaryDetails {
  background-color: #FBF7EB !important;
}

.css-1qr221e {
  font-size: 14px !important;
}

div.CheckoutSummary:a {
  hover: #444444 !important;
}

textarea.ui.textarea{/*Send a message textarea*/
font-family: 'interstate', Helvetica, Arial, sans-serif !important;
}
::-webkit-input-placeholder {
  font-family: 'interstate', Helvetica, Arial, sans-serif !important;
}
:-moz-placeholder {
  font-family: 'interstate', Helvetica, Arial, sans-serif !important;
}
::-moz-placeholder {
  font-family: 'interstate', Helvetica, Arial, sans-serif !important;
}
:-ms-input-placeholder {
  font-family: 'interstate', Helvetica, Arial, sans-serif !important;
}

.CheckoutSummary-Container .dotted {
  border-color: #be2336 !important;
  text-decoration: none !important;
}


/*confirmation page*/
.infoPanel {
  font-family: "interstate", Helvetica, Arial, sans-serif !important;
  letter-spacing: .25px !important;
}

.tourName {
  font-family: "interstate", Helvetica, Arial, sans-serif !important;
  letter-spacing: .25px !important;
  color: #be2336 !important;
}


.css-1t3lqv5.disable {
  color: #be2336 !important;
}

.css-1t3lqv5.disable:hover {
  color: #f4e9ce !important;
}



/*mobile*/

.CheckoutNavigationController .ui.dropdown.selection.compact {
  background-color: #ffffff !important;
  border-radius: 8px !important;
  border: 0px #ffffff !important;
}


.CheckoutNavigationController header a {
  color:#ffffff !important;
  text-decoration: none !important;

}

.css-af2rmv {
  margin: 15px -1px 10px !important;
}

.af-remove:before {/*Makes the exit button white*/
  color: #f4e9ce !important;
}

a.btn-next, a.btn-prev, a.btn-close {
  text-decoration: none !important;
}

.css-1qrsc17::after {
  background: transparent !important;

}





#request-booking-mobile .ui.button {
  text-decoration: none !important;
}

.MobileCheckout-CoverPhoto span.text .title .name {
  color: #f4e9ce !important;

}

.CheckoutNavigationController a.BookingRequest-submit {
  font-family: "interstate", Helvetica, Arial, sans-serif !important;
  font-weight: 300 !important;
  font-size: 18px !important;
  line-height: 18px !important;
  text-transform:  none !important;
  letter-spacing: 0px !important;
  color: #f4e9ce !important;
  background-color: #be2336 !important;
  border-radius: 40px !important;
  padding-bottom: 10px !important;
  padding-top: 12px !important;
}
.GlobalError-ButtonContainer .ui.button {
  text-decoration: none !important;

}
.css-1rwc0y0 {
  font-family: "interstate", Helvetica, Arial, sans-serif !important;
  font-size: 20px !important;
  text-transform:  none !important;
  letter-spacing: 0 !important;
  color: #be2336 !important;
  background-color: transparent !important;
  border: 1px solid #be2336 !important;
  border-radius: 40px !important;
  text-decoration: none !important;
}

.tourName {
  color: #f4e9ce !important;
}

.infoPanel .tourName {
  color: #be2336 !important;

}

div.CheckoutMessageGuide.css-1xdhyk6.e68mfpp2 {
  font-family: "interstate", Helvetica, Arial, sans-serif !important;
  margin: 0px 20px 0px 0px !important;
}

div.submitButton.ui.fluid.huge.button.brand-bg.null.disable.css-dna6lb.eped5pm0 {
  color: #be2336 !important;
}

/*successful checkout*/

.Confirmation-Body .ui.button {/*Climbing waiver button*/
 font-family: "interstate", Helvetica, Arial, sans-serif !important;
 font-size: 20px !important;
 line-height: 20px !important;
 text-transform:  none !important;
 letter-spacing: 0.1rem !important;
 color: #be2336 !important;
 background-color: transparent !important;
 border: 1px solid #be2336 !important;
 border-radius: 40px !important;
 padding-top: 12px !important;
 padding-left: 38px !important;
 padding-bottom: 5px !important;
 text-decoration: none !important;
}

.Confirmation-Body .ui.button:hover {
 font-family: "interstate", Helvetica, Arial, sans-serif !important;
 font-size: 20px !important;
 line-height: 20px !important;
 text-transform:  none !important;
 letter-spacing: 0.1rem !important;
 color: #f4e9ce !important;
 background-color: #be2336 !important;
 border: 1px solid #be2336 !important;
 border-radius: 40px !important;
 transition: opacity 426ms cubic-bezier(.4,.9,.3,1),color 426ms cubic-bezier(.4,.9,.3,1),border-color 426ms cubic-bezier(.4,.9,.3,1),background-color 426ms cubic-bezier(.4,.9,.3,1) !important;
 padding-top: 12px !important;
 padding-left: 38px !important;
 padding-bottom: 5px !important;
 text-decoration: none !important;
}


/*reschedule*/
a.brand-color.policyName {
  color: #be2336 !important;
  text-decoration: none !important;
}

.ConfirmationDefault a {
  color: #be2336 !important;
}

.ConfirmationDefault p {
  color: #231f20 !important;
}


a.brand-color.policyName:hover {
  color: #c22014 !important;
  text-decoration: none !important;
}

.bookingSummary {
  font-family: "interstate", Helvetica, Arial, sans-serif !important;
}

/*Modify booking*/

.ModifyBooking .ModifyBooking-Column.left .guestDetails .ticketLink .modifyBookingLink {
  width: max-content;
  height: 40px;
}

.Datepicker input {
  font-family: "interstate", Helvetica, Arial, sans-serif !important;

}

.af-calendar-ar:before {
  color: #be2336 !important;
}

.contactModal .header .heading {
  color: #be2336 !important;
}

.infoPanel {
  background-color: #fbf7eb !important;
}

.rescheduleModal .changeBooking .availableTimes .timeSlot {
  border-radius: 8px !important;

}

.rescheduleModal .modalActions .submitButton, .contactModal .modalActions .submitButton {
 font-family: "interstate", Helvetica, Arial, sans-serif !important;
 font-weight: 300 !important;
 font-size: 18px !important;
 line-height: 18px !important;
 text-transform:  none !important;
 letter-spacing: 0px !important;
 color: #f4e9ce !important;
 background-color: #be2336 !important;
 border-radius: 40px !important;
 padding-bottom: 10px !important;
 padding-top: 10px !important;
}

.rescheduleModal .modalActions .submitButton, .contactModal .modalActions .submitButton:hover {
 background-color: #be2336 !important;
}