/*Header styles*/
@import url("https://use.typekit.net/qnl5wka.css");

@font-face {
  font-family: "Alphacal Black";
  src: url('https://external-stylesheets.s3.amazonaws.com/fonts/dreadriver/Jeff+Levine+-+Alphacal+Black+JNL.ttf');
  }

/*Body copy*/
@font-face {
  font-family: "fournier";
  src: url('https://external-stylesheets.s3.amazonaws.com/fonts/dreadriver/Monotype++-+FournierMTPro-Regular.otf');
  }

  /*Tour tagline*/
  @font-face {
    font-family: "fournier-italic";
    src: url('https://external-stylesheets.s3.amazonaws.com/fonts/dreadriver/Monotype++-+FournierMTPro-Italic.otf');
    }

/*Buttons*/
@font-face {
  font-family: "sackers";
  src: url('https://external-stylesheets.s3.amazonaws.com/fonts/dreadriver/SackersGothicStd-Medium.otf');
}


.website-tours-wrapper {
  background: transparent !important;
}

body {
  font-family: "fournier", sans-serif;
  font-weight: 400;
  line-height: 1.75rem !important;
  font-style: normal;
  color: #636363 !important;
  }

  body.breakpoint-phone {
    font-family: "fournier", sans-serif;
    font-size: 1.5rem !important;
    line-height: 1.75rem !important;
    }

h1,
h2,
h3,
h4,
h5 {
  font-family: 'Alphacal Black', sans-serif;
  font-weight: 400;
  font-style: normal;
}

.TourPage-About-title {
  font-family: 'Alphacal Black', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 2.5rem !important;
}

.TourPage-About-tagline {
  font-family: 'fournier-italic', sans-serif;
  font-size: 1.5rem !important;
}

.Plugins-TourPage-GlanceWrapper .TourPage-Glance .tour-section-title {
  font-family: 'sackers', sans-serif;
  font-size: .75rem !important;

}

.CheckoutSection h2 {
  font-family: 'sackers', sans-serif;
  font-size: .75rem !important;
}

.CheckoutPage h1 {
  font-family: 'fournier-italic', sans-serif;
  font-size: 2.5rem !important;
}

.BookingRequest-times .time .text .actualTimeText {/*Experience details time selector font size*/
  font-size: 12px !important;

}

.TourPage-About-description a {/*Experience details link color*/
  color: #303030 !important;

}

.TourPage-About-description a:hover {/*Experience details link color*/
  color: #967a5a !important;

}


a {
    color: #303030 !important;
}

a:hover {
    color: #967a5a !important;

}




/*experience list view*/

div#booking-container.ui.column.five.wide {
  background-color: #ffffff !important;
}

.TourPage-About {
  background-color: #faf8f3 !important;

}

.Plugins-TourPage-GlanceWrapper {
  background-color: #faf8f3 !important;
}

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

.TourPage-About-description:after {/*tour description shadow*/
  background: linear-gradient(to bottom, rgba(255,255,255,0) 50%, #faf8f3 100%)

}


button.book-tour-btn.button.brand-bg {/*Experience list view book now button font size*/
  font-family: "sackers" !important;
  font-weight: 300 !important;
  letter-spacing: 2.3px;
  font-style: normal;
  text-transform: uppercase !important;
  background-color: #8d6f4d !important;
  border-radius: 2px !important;
  color: #ffffff;
  font-size: 12px !important;
  line-height: 2px !important;
  }



body h1.tour-title {
  color: #303030 !important;
  font-size: 24px !important;
  line-height: 32px !important;
}

div.tour-tagline {
  font-family: 'fournier-italic' !important;
  font-size: 20px !important;
}


.tour-wrapper > a {/*Removes underline from Experience Card on live plugin*/
    color: #303030 !important;
    background-color: #faf8f3 !important;
}

.tour-wrapper > a:hover {/*Removes underline from Experience Card on live plugin*/
    color: #303030 !important;
}

div.filter-button {
  font-family: "sackers" !important;
  font-size: .75rem !important;
  font-weight: 300 !important;
  letter-spacing: 2.3px;
  font-style: normal;
  text-transform: uppercase !important;
  background-color: #8d6f4d !important;
  border-radius: 2px !important;
  color: #ffffff;

}

.css-1s7rim6 {/*Filter "Apply" button*/
font-family: "sackers" !important;
font-weight: 300 !important;
  letter-spacing: 2.3px;
  font-style: normal;
  text-transform: uppercase !important;
  background-color: #8d6f4d !important;
  border-radius: 2px !important;
  color: #ffffff;
}

input.search-bar-input {
  font-family: 'fournier' !important;

}

div.search-bar {
  font-family: 'fournier' !important;

}

/*experience details*/



.TourPage-ContactGuide-link.ui.basic.button {/*Styling questions contact us button*/
  border-radius: 2px;
  padding-top: 10px !important;
  padding-bottom: 10px !important;

}

.TourPage-ContactGuide-link.ui.basic.button .ContactGuide-link-text {/*Vertically aligning questions contact us button*/
  height: 5px !important;
}



.button {
  font-family: "sackers" !important;
  font-weight: 300 !important;
  font-size: .75rem !important;
  letter-spacing: 2.3px;
  font-style: normal;
  text-transform: uppercase !important;
  background-color: #8d6f4d !important;
  border-radius: 2px !important;
  color: #ffffff;
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}

.book-tour-btn {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

@media (max-width: 700px){
  .book-tour-btn {
    height: 44px !important;
  }
}

.CheckoutNavigationController button.BookingRequest-submit {
  font-family: "sackers" !important;
  font-weight: 300 !important;
  font-size: .75rem !important;
  letter-spacing: 2.3px;
  font-style: normal;
  text-transform: uppercase !important;
  background-color: #8d6f4d !important;
  border-radius: 2px !important;
}

.TourPage-ContactGuide-submit-button.ui.large.button { /*Send Message modal button*/
  font-family: "sackers" !important;
  font-weight: 300 !important;
  letter-spacing: 2.3px;
  font-style: normal;
  text-transform: uppercase !important;
  background-color: #8d6f4d !important;
  border-radius: 2px !important;
  color: #ffffff;
  padding-top: 16px !important;

}

.BookingRequest-times .time .text {/*Time selection font*/
    font-family: "sackers" !important;
}

.TourPage-BookingDetails .RequestBooking.ui.huge.anygreen.button {/*Primary experience details button*/
  padding-top: 18px !important;
  font-family: "sackers" !important;
  font-weight: 300 !important;
  letter-spacing: 2.3px;
  font-style: normal;
  text-transform: uppercase !important;
  background-color: #8d6f4d !important;
  border-radius: 2px !important;
  color: #ffffff;
}

/*guest checkout*/
.ui.input.t-Default {/*Vertically aligning form field inputs */
  font-family: "fournier" !important;

}

.ConfirmationContainer .ButtonContainer .ui.button {/*vertically aligning text in Confirm Purchase button*/
  padding-top: 21px !important;
}

.CheckoutSummary .item-title {
  font-family: 'Alphacal Black', sans-serif !important;
  font-size: 2rem !important;
}

.CheckoutSummary .item-subtitle {
  font-family: "fournier-italic" !important;
  font-size: 1.25rem !important;
}

.CheckoutSummary-Container {
  background-color: #ffffff !important;
}



.DiscountCodeContainer .DiscountCode-Input .ui.button {/*Apply promo button*/
  font-family: "sackers" !important;
  font-weight: 300 !important;
  letter-spacing: 2.3px;
  font-style: normal;
  text-transform: uppercase !important;
  background-color: #8d6f4d !important;
  border-radius: 2px !important;
  color: #ffffff;
  padding-top: 16px !important;
  height: 47px !important;
}

.af-promo-minus:before {
  color: #969696 !important;
}

textarea.ui.textarea {
  /*Send a message textarea*/
  font-family: "fournier" !important;
}
::-webkit-input-placeholder {
  font-family: "fournier" !important;
}
:-moz-placeholder {
  font-family: "fournier" !important;
}
::-moz-placeholder {
  font-family: "fournier" !important;
}
:-ms-input-placeholder {
  font-family: "fournier" !important;
}

/*confirmation*/

.ConfirmationDefault .ui.grid.Confirmation-grid .column.ConfirmationDefault-Column.right {
  background-color: #ffffff !important;
}

.ConfirmationDefault h3.TourTitle {
  font-family: 'Alphacal Black', sans-serif !important;
  font-size: 2rem !important;
  text-transform: none !important;
}

.ConfirmationSummary-SummaryDetails .CheckoutSummary-ContentBox.Summary-Header .GuideName.item-subtitle {
  font-family: "fournier-italic" !important;
  font-size: 1.25rem !important;
  text-transform: none !important;
}

.ConfirmationDefault h1 .titleRow {
  font-family: "fournier-italic" !important;

}

.ConfirmationDefault h3 {
  font-family: "sackers" !important;
  text-transform: uppercase !important;
  font-size: .8rem !important;
}




/*mobile*/

#request-booking-mobile .ui.button {/*Mobile primary button*/
  font-family: "sackers" !important;
  font-weight: 300 !important;
  letter-spacing: 2.3px;
  font-style: normal;
  text-transform: uppercase !important;
  background-color: #8d6f4d !important;
  border-radius: 2px !important;
  color: #ffffff !important;
  padding-top: 20px !important;

}

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

.CheckoutNavigationController a.BookingRequest-submit {
  font-family: "sackers" !important;
  font-weight: 300 !important;
  letter-spacing: 2.3px;
  font-style: normal;
  text-transform: uppercase !important;
  background-color: #8d6f4d !important;
  border-radius: 2px !important;
  color: #ffffff !important;
  padding-top: 2px !important;
  font-size: .8rem !important;
}

@media screen and (max-width: 767px)
.CheckoutSummary {
  background: #ffffff !important;

}

.CheckoutSummary-ContentBox.Subtotal-PriceBreakdown .CheckoutSummary-PriceBreakDown {
    background: #ffffff !important;
}

.Confirmation-Body h1 {
  font-family: "fournier-italic" !important;
}

.Confirmation-Body h3 {
  font-family: "sackers" !important;
  text-transform: uppercase !important;
  font-size: .9rem !important;
}

.MobileCheckout-CoverPhoto span.text .title .name {
  font-size: 1.8rem !important;
}

.MobileCheckout-CoverPhoto span.text {
  font-family: "fournier-italic" !important;
  font-size: 1.8rem !important;
}

.MobileCheckout-CoverPhoto span.text .guide {
  font-size: 1.2rem !important;
}

.ui.form input[type='text'], .ui.form input[type='email'], .ui.form input[type='date'], .ui.form input[type='datetime-local'], .ui.form input[type='password'], .ui.form input[type='number'], .ui.form input[type='url'], .ui.form input[type='tel'] {
  font-size: 14px !important;
}