@font-face {
  font-family: 'Avenir-Next-bold';
  src: url('https://external-stylesheets.s3.amazonaws.com/fonts/joann/AvenirNextLTPro-Bold.woff');
}
@font-face {
  font-family: 'Avenir-Next-regular';
  src: url('https://external-stylesheets.s3.amazonaws.com/fonts/joann/AvenirNextLTPro-Regular.woff');
}
@font-face {
  font-family: 'Avenir-Next-demi';
  src: url('https://external-stylesheets.s3.amazonaws.com/fonts/joann/AvenirNextLTPro-Demi.woff');
}

.brand-color {
  color: #000000 !important;
}

/*filter customizations*/

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

body, input {
  font-family: "Avenir-Next-regular", Helvetica, Arial, sans-serif !important;
  font-size: 16px !important;

}

.css-lj51l li.next a {/*Removes underline from pagination button "Next"*/
  text-decoration: none !important;
}

.css-lj51l li.previous a {/*Removes underline from pagination button "Previous"*/
  text-decoration: none !important;

}

.css-lj51l li a {/*Removes underline from pagination numbers*/
  text-decoration: none !important;

}


input.search-bar-input.css-nnpsel.e1uw8rt6 {
  font-family: "Avenir-Next-regular", Helvetica, Arial, sans-serif !important;

}

strong {
  font-family: "Avenir-Next-bold", Helvetica, Arial, sans-serif !important;
}

.css-10c3e0n {/*Adjusts mobile button styling*/
  margin-top: 15px !important;
}

div.website-tours.css-aisvxs.e1kq5ipk1 {
  font-family: "Avenir-Next-regular", Helvetica, Arial, sans-serif !important;
  color: #000000 !important;
  letter-spacing: 0 !important;
  line-height: 1.5em !important;

}

.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;
}

.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;
}

h1.tour-title.css-10pnwha.e8p4w2x0 {
  font-size: 20px !important;
  line-height: 25px !important;
}

.css-1oruyy5 {
  font-family: "Avenir-Next-demi", Helvetica, Arial, sans-serif !important;
  font-weight: bold !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
  border-radius: 0px !important;
}

button.book-tour-btn.button.brand-bg.css-cgqm6x.e198wps38 {
  font-family: "Avenir-Next-demi", Helvetica, Arial, sans-serif !important;
  font-weight: bold !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
  color: #000000 !important;
  background-color: transparent !important;
  border: 1px solid #000000 !important;
  border-radius: 0px !important;
}

button.book-tour-btn.button.brand-bg.css-cgqm6x.e198wps38:hover {
  font-family: "Avenir-Next-demi", Helvetica, Arial, sans-serif !important;
  font-weight: bold !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
  color: #ffffff !important;
  background-color: #000000 !important;
  border: 1px solid #000000 !important;
  border-radius: 0px !important;

}

.css-gzrh18, button.css-1lb08vd.e1uw8rt2 {
 font-family: "Avenir-Next-demi", Helvetica, Arial, sans-serif !important;
 font-weight: bold !important;
 font-size: 12px !important;
 text-transform: uppercase !important;
 letter-spacing: 0 !important;
 color: #000000 !important;
 background-color: transparent !important;
 border: 1px solid #000000 !important;
 border-radius: 0px !important;
}

button.css-1lb08vd.e1uw8rt2:hover {
 font-family: "Avenir-Next-demi", Helvetica, Arial, sans-serif !important;
 font-weight: bold !important;
 font-size: 12px !important;
 text-transform: uppercase !important;
 letter-spacing: 0 !important;
 color: #ffffff !important;
 background-color: #000000 !important;
 border: 1px solid #000000 !important;
 border-radius: 0px !important;
}

button.css-ztq4ku.e1uw8rt2 {
 font-family: "Avenir-Next-demi", Helvetica, Arial, sans-serif !important;
 font-weight: regular !important;
 font-size: 14px !important;
 text-transform: none !important;
 letter-spacing: 0 !important;
 color: #000000 !important;
 background-color: none !important;
 border: 0px solid #000000 !important;
}

button.css-ztq4ku.e1uw8rt2:hover {
 font-family: "Avenir-Next-demi", Helvetica, Arial, sans-serif !important;
 font-weight: regular !important;
 font-size: 14px !important;
 text-transform: none !important;
 letter-spacing: 0 !important;
 color: #444444 !important;
 background-color: none !important;
 border: 0px solid #000000 !important;
}

.css-11wjdn4, button.css-11wjdn4.e1uw8rt2 {
  font-family: "Avenir-Next-demi", Helvetica, Arial, sans-serif !important;
  font-weight: bold !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
  color: #000000 !important;
  background-color: transparent !important;
  border: 1px solid #000000 !important;
  border-radius: 0px !important;
}

button.css-11wjdn4.e1uw8rt2:hover {
  font-family: "Avenir-Next-demi", Helvetica, Arial, sans-serif !important;
  font-weight: bold !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
  color: #ffffff !important;
  background-color: #000000 !important;
  border: 1px solid #000000 !important;
  border-radius: 0px !important;
}

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

div.filter-button {
 font-family: "Avenir-Next-demi", Helvetica, Arial, sans-serif !important;
 font-weight: bold !important;
 font-size: 12px !important;
 text-transform: uppercase !important;
 letter-spacing: 0 !important;
 color: #000000 !important;
 background-color: transparent !important;
 border: 1px solid #000000 !important;
 border-radius: 0px !important;
}

div.filter-button:hover {
 font-family: "Avenir-Next-demi", Helvetica, Arial, sans-serif !important;
 font-weight: bold !important;
 font-size: 12px !important;
 text-transform: uppercase !important;
 letter-spacing: 0 !important;
 color: #ffffff !important;
 background-color: #000000 !important;
 border: 1px solid #000000 !important;
 border-radius: 0px !important;
}

.css-130qkwt {/*Filter Apply button*/
  font-family: "Avenir-Next-demi", Helvetica, Arial, sans-serif !important;
  font-weight: bold !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
  color: #000000 !important;
  background-color: transparent !important;
  border: 1px solid #000000 !important;
  border-radius: 0px !important;
}

.css-130qkwt:hover {/*Filter Apply button*/
  font-family: "Avenir-Next-demi", Helvetica, Arial, sans-serif !important;
  font-weight: bold !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
  color: #ffffff !important;
  background-color: #000000 !important;
  border: 1px solid #000000 !important;
  border-radius: 0px !important;

}

svg#Layer_1 {/*Location filter icon hover*/
  fill: #000000 !important;
}

svg#Layer_1:hover {/*Location filter icon hover*/
  fill: #FFFFFF !important;
}

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

}

div.css1e90bp3-control:hover {
  border-color: #000000 !important;
}


button.css-se41eb.e38i9343 {/*Apply filter button on mobile*/
  font-family: "Avenir-Next-demi", Helvetica, Arial, sans-serif !important;
  font-weight: bold !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
  color: #000000 !important;
  background-color: transparent !important;
  border: 1px solid #000000 !important;
  border-radius: 0px !important;

}

.css-se41eb, button.css-se41eb.e38i9343:hover {/*Apply filter button on mobile*/
  font-family: "Avenir-Next-demi", Helvetica, Arial, sans-serif !important;
  font-weight: bold !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
  color: #ffffff !important;
  background-color: #000000 !important;
  border: 1px solid #000000 !important;
  border-radius: 0px !important;

}


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


/*experience details*/
.LocationSearch-SearchButton {
 font-family: "Avenir-Next-demi", Helvetica, Arial, sans-serif !important;
 font-weight: bold !important;
 font-size: 12px !important;
 text-transform: uppercase !important;
 text-decoration: none !important;
 letter-spacing: 0 !important;
 color: #000000 !important;
 background-color: transparent !important;
 border: 1px solid #000000 !important;
 border-radius: 0px !important;
}
.LocationSearch-SearchButton:hover {
 font-family: "Avenir-Next-demi", Helvetica, Arial, sans-serif !important;
 font-weight: bold !important;
 font-size: 12px !important;
 text-transform: uppercase !important;
 text-decoration: none !important;
 letter-spacing: 0 !important;
 color: #ffffff !important;
 background-color: #000000 !important;
 border: 1px solid #000000 !important;
 border-radius: 0px !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;

}

.TourPage-About-description {
   font-size: 16px !important;
   color: #000000 !important;
}


.TourPage-ContactGuide-link.ui.basic.button {
 color: #000000 !important;
 border-color: #000000;
 border: 0px transparent solid !important;
 border-bottom: 1px #000000 solid !important;
 text-decoration: none !important;
 margin: 6px !important;
 padding: 9px 0px 0px !important;
}

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

span.ContactGuide-link-text.brand-color {/*Link color for Contact Us button*/
   color: #000000 !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: #000000 !important;
}

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

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

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

}

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

 }

i.icon.anyfont.af-envelope.brand-color {
  display: none !important;
}


.TourPage-About-title {
 font-family: "Avenir-Next-bold", Helvetica, Arial, sans-serif !important;
 font-weight: 600 !important;
 font-size: 40px;
 line-height: 46px;
 color: #000000 !important;
}
.TourPage-About-tagline {
 font-family: "Avenir-Next-regular", Helvetica, Arial, sans-serif !important;
 font-weight: 400 !important;
 font-size: 20px;
 line-height: 26px;
 color: #000000 !important;
}
.TourPage-About-location svg {
 fill: black !important;
 color: #000000 !important;
}
.TourPage-About-location a .icon.anyfont {
 text-decoration: none !important;
}
.TourPage-About-location a {
 color: #000000 !important;
 text-decoration: underline !important;
}
.TourPage-About-location span {
 color: #000000 !important;
 font-weight: 400 !important;
 text-transform: normal;
}




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



h1 {
    font-family: "Avenir-Next-bold", Helvetica, Arial, sans-serif !important;
    letter-spacing: .25px !important;
    color: #000000 !important;
}

h2 {
  font-family: "Avenir-Next-demi", Helvetica, Arial, sans-serif !important;
  color: #000000 !important;
}

h3 {
  font-family: "Avenir-Next-bold", Helvetica, Arial, sans-serif !important;
  letter-spacing: .25px !important;
  color: #000000 !important;
}

body {
 font-family: "Avenir-Next-regular", Helvetica, Arial, sans-serif !important;
 font-weight: 300 !important;
 font-size: 16px !important;
 color: #000000 !important;
 letter-spacing: 0 !important;
 line-height: 1.5em !important;
}

label {
 color: #000000 !important;
 letter-spacing: 0 !important;
 line-height: 1.375em !important;
 font-weight: 700 !important;
}

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

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

.button {
 font-family: "Avenir-Next-demi", Helvetica, Arial, sans-serif !important;
 font-weight: bold !important;
 font-size: 12px !important;
 text-transform: uppercase !important;
 letter-spacing: 0 !important;
 color: #000000 !important;
 background-color: transparent !important;
 border: 1px solid #000000 !important;
 border-radius: 0px !important;
}
.button:hover {
 font-family: "Avenir-Next-demi", Helvetica, Arial, sans-serif !important;
 font-weight: bold !important;
 font-size: 12px !important;
 text-transform: uppercase !important;
 letter-spacing: 0 !important;
 color: #ffffff !important;
 background-color: #000000 !important;
 border: 1px solid #000000 !important;
 border-radius: 0px !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;

}



.book-tour-btn.button.brand-bg.css-cgqm6x.e198wps38 {
 padding: 10px 18px !important;
 color: #000000 !important;
 background-color: transparent !important;
}
.book-tour-btn.button.brand-bg.css-cgqm6x.e198wps38:hover {
 padding: 10px 18px !important;
 color: #ffffff !important;
 background-color: #000000 !important;
}

.TourPage-BookingDetails .RequestBooking.ui.huge.anygreen.button {
 padding: 15px !important;
}
.ConfirmationContainer .ButtonContainer .ui.button {
 padding-top: 19px !important;
}

.TourPage-Glance {
 font-family: "Avenir-Next-regular", Helvetica, Arial, sans-serif !important;
}
.CheckoutPage h2 {
 font-family: "Avenir-Next-regular", Helvetica, Arial, sans-serif !important;
}
.CheckoutSection h2 .icon {
 color: #000000 !important;
}
.CheckoutWaiver a {
    color: #000000 !important;
    text-decoration: underline;
}
.CheckoutWaiver a:hover {
    color: #444444 !important;
    text-decoration: underline;
}
.CheckoutSummary-ContentBox table td {
 color: #000000 !important;
}
.CheckoutSummary {
 color: #000000 !important;
}
.CheckoutSummary-Container a {
 color: #000000 !important;
}
.CheckoutSummary-Container a:hover {
 color: #444444 !important;
}
.CheckoutSummary-ContentBox.Subtotal-PriceBreakdown .CheckoutSummary-PriceBreakDown .af-angle-down-2 {
 color: #000000 !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: #000000;
}
.tour-duration {
 font-weight: 400 !important;
}
.Confirmation-Body a {
 text-decoration: underline;
}
.ModifyBooking .ModifyBooking-Column.left .actionButtons .rescheduleButton, .ModifyBooking .ModifyBooking-Column.left .actionButtons .contactButton {
  font-family: "Avenir-Next-demi", Helvetica, Arial, sans-serif !important;
  font-weight: bold !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
  color: #000000 !important;
  background-color: transparent !important;
  border: 1px solid #000000 !important;
  border-radius: 0px !important;
}
.ModifyBooking .ModifyBooking-Column.left .actionButtons .rescheduleButton:hover, .ModifyBooking .ModifyBooking-Column.left .actionButtons .contactButton:hover {
  font-family: "Avenir-Next-demi", Helvetica, Arial, sans-serif !important;
  font-weight: bold !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
  color: #ffffff !important;
  background-color: #000000 !important;
  border: 1px solid #000000 !important;
  border-radius: 0px !important;
}
.ModifyBooking a:hover {
 color: #444444 !important;
 text-decoration: underline !important;

}

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

}







/* experience list*/
#main_container.public-website .website-tours .tour .tour-title-and-description .tour-title {
  font-family: 'Avenir-Next-bold', Helvetica, Arial, sans-serif !important;
  color: #000000 !important;
  font-size: 20px !important;
  line-height: 24px !important;

}

div.tour-tagline {
  color: #000000 !important;

}

div.tour-description {
  color: #000000 !important;

}

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

}


.tour-wrapper > a {/*Styles experience card*/
  text-decoration: none !important;
}

.tour-wrapper > a:hover {/*Styles experience card hover*/
  text-decoration: none !important;
  text-decoration-color: white !important;
}


.css-wszh95 li.next a {/*Removes underline from pagination button "Next" on Integration*/
  text-decoration: none !important;
}

.css-wszh95 li.previous a {/*Removes underline from pagination button "Previous" on Integration*/
  text-decoration: none !important;

}

.css-wszh95 li a {/*Removes underline from pagination numbers on Integration*/
  text-decoration: none !important;

}



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

}

.Plugins-TourPage-GlanceWrapper .TourPage-Glance {
  color: #000000 !important;

}


/*checkout*/

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

}

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


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

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

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

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

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

.MessageGuideContainer {
  display: none !important;
}

/*confirmation page*/
.infoPanel {
  font-family: "Avenir-Next-regular", Helvetica, Arial, sans-serif !important;
  letter-spacing: .25px !important;
  color: #000000 !important;
}

.tourName {
  font-family: "Avenir-Next-bold", Helvetica, Arial, sans-serif !important;
  letter-spacing: .25px !important;
  color: #000000 !important;
}

.rescheduleModal .modalActions .submitButton, .contactModal .modalActions .submitButton {
  font-family: "Avenir-Next-demi", Helvetica, Arial, sans-serif !important;
  font-weight: bold !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
  color: #000000 !important;
  background-color: transparent !important;
  border: 1px solid #000000 !important;
  border-radius: 0px !important;
}

.rescheduleModal .modalActions .submitButton, .contactModal .modalActions .submitButton:hover {
  font-family: "Avenir-Next-demi", Helvetica, Arial, sans-serif !important;
  font-weight: bold !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
  color: #ffffff !important;
  background-color: #000000 !important;
  border: 1px solid #000000 !important;
  border-radius: 0px !important;
}

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

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

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

}

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

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

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

}

.CheckoutNavigationController a.BookingRequest-submit {
  font-family: "Avenir-Next-demi", Helvetica, Arial, sans-serif !important;
  font-weight: bold !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
  color: #000000 !important;
  background-color: transparent !important;
  border: 1px solid #000000 !important;
  border-radius: 0px !important;
  text-decoration: none !important;
}
.GlobalError-ButtonContainer .ui.button {
  text-decoration: none !important;

}
.css-1rwc0y0 {
  font-family: "Avenir-Next-demi", Helvetica, Arial, sans-serif !important;
  font-weight: bold !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
  color: #000000 !important;
  background-color: transparent !important;
  border: 1px solid #000000 !important;
  border-radius: 0px !important;
  text-decoration: none !important;
}

.tourName {
  color: #ffffff !important;
}

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

}

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

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

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

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

a.brand-color {
  color: #000000 !important;
}

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

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