@font-face {
  font-family: 'TheFarmerTextured-Vintage';
  src: url('https://external-stylesheets.s3.amazonaws.com/fonts/eckerts/TheFarmerTextured-Vintage.otf');
}

@font-face {
  font-family: 'OpenSans-Regular';
  src: url('https://external-stylesheets.s3.amazonaws.com/fonts/eckerts/OpenSans-Regular.ttf');
}


body #powered_by_anyroad a {/*hide Powered by AnyRoad*/
  display: none !important;
}

body {
  font-family: 'OpenSans-Regular', Arial, Helvetica, sans-serif !important;
  font-weight: 300 !important;
  color: #000000 !important;
  line-height: 25px !important;
}

p {
  line-height: 1.8 !important;
}

a.RequestBooking.ui.fluid.huge.button.anygreen.brand-bg {
  font-family: 'TheFarmerTextured-Vintage' !important;
  background-color: transparent !important;
  border: 3px solid #000000 !important;
  border-radius: 0px !important;
  color: #000000 !important;
  font-weight: 300 !important;
  padding: 13px 26px 13px 26px !important;
}



h1 {
  font-family: 'TheFarmerTextured-Vintage', Helvetica, Arial, sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  text-transform: uppercase !important;
  color: #000000;
  line-height: 30px !important;

}

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

}




h2,
h3,
h4,
h5,
h6 {
  font-family: 'TheFarmerTextured-Vintage', Helvetica, Arial, sans-serif !important;
  color: #B22216 !important;
  font-size: 22px !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
  font-style: normal !important;
}


a {
  font-family: 'OpenSans-Regular', Times, serif !important;
  color: #B22216 !important;
  font-weight: 300;
}


@media screen and (max-width: 679px) {
body .website-tours .tour .book-tour-details {
  bottom: 0px !important;
 }
}

@media screen and (max-width: 679px) {
body .website-tours .tour .tour-title-and-description {
  border: none !Important;
}
}

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


/*Adjusting font size on experience details inputs*/

.dropdown-wrapper.t-booking-request .ui.dropdown .menu .item, .dropdown-wrapper.t-addon-person .ui.dropdown .menu .item, .dropdown-wrapper.t-addon-item .ui.dropdown .menu .item {
  font-size: 14px !important;
  color: #000000 !important;

}

.TourPage-BookingDetails .BookingRequest-form .ui.dropdown {
  font-size: 14px !important;
  color: #000000 !important;
}

div.menu.transition.visible {
  font-size: 14px !important;
  color: #000000 !important;
}

.TourPage-BookingDetails .BookingRequest-form .ui.dropdown .text, .TourPage-BookingDetails .BookingRequest-form .ui.dropdown .default-text {
  font-size: 14px !important;
  color: #000000 !important;

}



/* List view styles*/
h1.tour-title {
  font-family: 'TheFarmerTextured-Vintage', Helvetica, Arial, sans-serif !important;
  font-weight: 400 !important;
  font-size: 28px !important;
  color: #000000 !important;
}

.tour-title-and-description{
  box-shadow: none !important;
}

.tour-title-and-description hr{
  border-top: 1px solid #e6e6e6 !important;
  box-shadow: none !important;
}


.tour-description{
  padding-right: 0 !important;
  line-height: 24px !important;
}

.book-tour-details{
  min-height: auto !important;
}

.tour-dates, .tour-tagline, .book-tour-details{
  color: #000000 !important;
}

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

.tour-dates{
  font-size:12px !important;
  font-weight: 300 !important;
  text-transform: uppercase !important;
}

i.icon.af-calendar{
  margin-right:0 !important;
  color: #b2b2b2;
  top: 1px;
  margin-right: 6px !important;
}

.tour-tagline{
  font-family: 'TheFarmerTextured-Vintage' !important;
  color: #B22216 !important;
  margin-top: 8px !important;
  font-weight: 400 !important;
  font-style: normal !important;
  font-size: 22px !important;
  text-transform: uppercase !important;
}

.tour-duration, .tour-price {
  font-size: 12px !important;
  font-weight: 300 !important;
}

.price-trype, .price-info {
  font-size: 12px !important;
}

#main_container.public-website .website-tours .tour .book-tour-details>.tour-price .price-type {/*Price label uppercased*/
  text-transform: uppercase !important;
}

.book-tour-btn.button.brand-bg{
  font-family: 'TheFarmerTextured-Vintage' !important;
  background-color: #FFFFFF !important;
  border: 3px solid #000000 !important;
  border-radius: 0px !important;
  color: #000000 !important;
  font-weight: 300 !important;
  line-height: 22px !important;
}

.css-1s2y38s{/*Update email address button - dynamic*/
  font-family: 'TheFarmerTextured-Vintage' !important;
  background-color: transparent !important;
  border: 3px solid #000000 !important;
  border-radius: 0px !important;
  color: #000000 !important;
  font-weight: 300 !important;
  font-size: 28px !important;
}

.css-1kdr1rc{/*Update email address button disabled - dynamic*/
  font-family: 'TheFarmerTextured-Vintage' !important;
  background-color: transparent !important;
  border: 3px solid #000000 !important;
  border-radius: 0px !important;
  color: #000000 !important;
  font-weight: 300 !important;
  font-size: 28px !important;
  opacity: 0.5 !important;
}

.css-1hsjiwp {/*Cancel Update email address button - dynamic*/
  font-family: 'TheFarmerTextured-Vintage' !important;
  background-color: transparent !important;
  border: 0px solid #000000 !important;
  border-radius: 0px !important;
  color: #000000 !important;
  font-weight: 300 !important;
  font-size: 28px !important;
}

div.filter-button {/*Styles filter buttons - dynamic*/
font-family: 'TheFarmerTextured-Vintage' !important;
background-color: #FFE09B !important;
border: 3px solid #000000 !important;
border-radius: 0px !important;
color: #000000 !important;
font-weight: 300 !important;
font-size: 28px !important;

}

.css-ue7988 {/*Styles filter buttons - mobile - clear - dynamic*/
  font-family: 'TheFarmerTextured-Vintage' !important;
  background-color: transparent !important;
  border: 0px solid #000000 !important;
  border-radius: 0px !important;
  color: #000000 !important;
  font-weight: 300 !important;
  font-size: 28px !important;
}

.css-1sj6cla{/*Styles filter buttons - mobile - clear - dynamic*/
  font-family: 'TheFarmerTextured-Vintage' !important;
  background-color: #FFE09B !important;
  border: 3px solid #000000 !important;
  border-radius: 0px !important;
  color: #000000 !important;
  font-weight: 300 !important;
  font-size: 28px !important;
}

.TourPage-ContactGuide-submit-button.ui.large.button{
  padding-left: 20px !important;
  padding-right: 20px !important;
  padding-top: 15px !important;
  padding-bottom: 15px !important;

}

.css-1fm55x1 {/*Filter button Clear - dynamic*/
  font-family: 'TheFarmerTextured-Vintage' !important;
  background-color: transparent !important;
  border: 0px solid #000000 !important;
  border-radius: 0px !important;
  color: #000000 !important;
  font-weight: 300 !important;
  font-size: 28px !important;

}

.css-1k0929y{/*Filter button Apply - dynamic*/
  font-family: 'TheFarmerTextured-Vintage' !important;
  background-color: transparent !important;
  border: 3px solid #000000 !important;
  border-radius: 0px !important;
  color: #000000 !important;
  font-weight: 300 !important;
  font-size: 28px !important;

}



/* List view styles*/



.TourPage-About-title {
  font-family: 'TheFarmerTextured-Vintage', Helvetica, Arial, sans-serif !important;
  font-size: 38px !important;
  font-weight: 400 !important;
  font-style: normal !important;
  text-transform: uppercase !important;
  color: #B22216 !important;
}

.TourPage-About-tagline {
  font-family: 'TheFarmerTextured-Vintage' !important;
  color: #000000 !important;
  margin-top: 8px !important;
  font-weight: 400 !important;
  font-style: normal !important;
  text-transform: uppercase !important;
  font-size: 22px !important;

}

div.tour-description.css-578lp0.e198{/*Experience list card experience summary*/
  line-height: 23px !important;

}

.button{
  font-family: 'TheFarmerTextured-Vintage' !important;
  background-color: transparent !important;
  border: 3px solid #000000 !important;
  border-radius: 0px !important;
  color: #000000 !important;
  font-size: 28px !important;
  font-weight: 300 !important;
}


button{/*catch-all for all buttons*/
  border-radius: 0px !important;
  font-weight: 300 !important;
}

.af-angle-down-ar:before{/*Changes "More" expand icon color*/
  color: #B22216 !important;
}

.TourPage-BookingDetails .RequestBooking.ui.huge.anygreen.button{/* Main booking button */
  font-family: 'TheFarmerTextured-Vintage' !important;
  background-color: transparent !important;
  border: 3px solid #000000 !important;
  border-radius: 0px !important;
  color: #000000 !important;
  font-weight: 300 !important;

}


a.TourPage-ContactGuide-link.ui.basic.button.brand-border{/* Contact Us button */
  font-family: 'TheFarmerTextured-Vintage' !important;
  background-color: transparent !important;
  border: 3px solid #000000 !important;
  color: #000000 !important;
  font-weight: 300 !important;
  border-radius: 0px !important;
}


.TourPage-ContactGuide-link.ui.basic.button .ContactGuide-link-text{/* Contact Us button label*/
  color: inherit !important;
  display: inline !important;
}
i.icon.anyfont.af-envelope.brand-color{/* Contact Us icon */
  color: inherit !important;
}

.BookingRequest-times .column.BookingRequest-Times-time-single .hint{/*font when only one time available*/
  font-family: inherit !important;
}

.multi-select-wrapper .multi-select-done-wrapper .ui.multi-select-done{/*Experience details done button*/
  width: 130px !important;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.css-ne80jb-Button-cssRemoveInputFocus-MoreButton{/* Resource- Read more button */
  font-family: 'TheFarmerTextured-Vintage' !important;
  background-color: transparent !important;
  border: 2px solid #000000 !important;
  border-radius: 0px !important;
  color: #000000 !important;
  font-weight: 300 !important;
}

.css-ne80jb-Button-cssRemoveInputFocus-MoreButton:hover{/* Resource - Read more button hover state*/
  font-family: 'TheFarmerTextured-Vintage' !important;
  background-color: #000000 !important;
  border: 2px solid #000000 !important;
  border-radius: 0px !important;
  color: #000000 !important;
  font-weight: 300 !important;
}

button.brand-border.brand-color{
  font-family: 'TheFarmerTextured-Vintage' !important;
  background-color: transparent !important;
  border: 2px solid #000000 !important;
  border-radius: 0px !important;
  color: #000000 !important;
  font-weight: 300 !important;
}



.DiscountCodeContainer .DiscountCode-Input .ui.button{/* Discount Apply button */
  height: 47px !important;
  padding: 10px 10px !important;
  float: none !important;
}

div.CheckoutSummary-Container{/*Confirm booking mobile - removes white gap at top*/
  padding-top: 0px !important;

}

.MessageGuideContainer .CheckoutMessageGuide{/*Confirm booking mobile - adds padding to right of textarea*/
  padding-right: 20px !important;
}

.css-p3pvjp{/*Update email modal mobile - Updates modal header font size - dynamic*/
  font-size: 28px !important;

}

.Confirmation-Body h1 .titleRow {/*Confirmation page mobile - Update font size of header*/
  font-size: 28px !important;


}

.ConfirmationContainer .ButtonContainer .ui.button{/* Confirm button */
  font-family: 'TheFarmerTextured-Vintage' !important;
  background-color: transparent !important;
  border: 3px solid #000000 !important;
  border-radius: 0px !important;
  color: #000000 !important;
  font-weight: 300 !important;
  padding-top: 11px !important;
}


.ar-radio-wrapper .question-subtext{
  margin-top: 20px !important;
}

h3.TourTitle.item-title{/*Summary card experience name*/
  font-family: 'TheFarmerTextured-Vintage', Helvetica, Arial, sans-serif !important;
  color: #000000 !important;
  font-size: 22px !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
  font-style: normal !important;

}


#request-booking-mobile .ui.button{/* Mobile booking button */
  font-family: 'TheFarmerTextured-Vintage' !important;
  background-color: transparent !important;
  border: 3px solid #000000 !important;
  border-radius: 0px !important;
  color: #000000 !important;
  font-weight: 300 !important;
}

.CheckoutNavigationController a.BookingRequest-submit{/* Mobile checkout buttons */
  font-family: 'TheFarmerTextured-Vintage' !important;
  background-color: transparent !important;
  border: 3px solid #000000 !important;
  border-radius: 0px !important;
  color: #000000 !important;
  font-weight: 300 !important;
  border-radius: 0px !important;
  height: 50px !important;
  font-size: 28px !important;
}




.TourCover{/*Fix gap between image & content on the summary card */
  height:200px !important;
}


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

.ConfirmationDefault h1, .Confirmation-Title, .ModifyBooking h1 {/*confirmation page headers*/
font-weight: 400 !important;
}


/*Checkout page*/




/* Reschedule page*/
.ModifyBooking .ModifyBooking-Column.left .actionButtons .rescheduleButton, .ModifyBooking .ModifyBooking-Column.left .actionButtons .contactButton {/* CTA buttons*/
  font-family: 'TheFarmerTextured-Vintage' !important;
  background-color: transparent !important;
  border: 3px solid #000000 !important;
  border-radius: 0px !important;
  color: #000000 !important;
  font-weight: 300 !important;
}

.modalActions .submitButton{
  font-weight: 300 !important;
}

.bookingSummary {
  font-family: inherit !important;
}

.infoPanel .tourName{
  font-family: 'TheFarmerTextured-Vintage', Helvetica, Arial, sans-serif !important;
  color: #000000 !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
  font-style: normal !important;
}

.modalHeader.updateSuccess{
  font-family: inherit !important;
  font-weight: 300 !important;
  font-size: 12px;
}

.contactModal .header .heading{
  font-family: inherit !important;
  font-weight: 300 !important;
  font-size: 12px;
  padding-bottom: 10px;
}

.contactModal .header{
  font-size: 16px !important;
}

.rescheduleModal .modalHeader, .contactModal .modalHeader{/*reschedule modal header*/
  font-family: 'TheFarmerTextured-Vintage', Helvetica, Arial, sans-serif !important;
  color: #000000 !important;
  font-size: 22px !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
  font-style: normal !important;
}

.rescheduleModal .modalActions .submitButton, .contactModal .modalActions .submitButton {/*reschedule modal CTA*/
  color: inherit !important;
  background: inherit !important;
}


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

.ModifyBooking .mobileCover .coverDetails .tourName {/*Tour name on mobile reschedule page*/

  font-family: 'TheFarmerTextured-Vintage', Helvetica, Arial, sans-serif !important;
  font-size: 22px !important;
  font-weight: 400 !important;
  font-style: normal !important;
  text-transform: uppercase !important;
  color: #ffffff !important;

}




.contactModal .header .heading {/*Reschedule page contact us modal header*/
  font-family: 'TheFarmerTextured-Vintage', Helvetica, Arial, sans-serif !important;
  color: #000000 !important;
  font-size: 22px !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
  font-style: normal !important;
}

.rescheduleModal .modalActions .submitButton, .contactModal .modalActions .submitButton {/*Reschedule page contact us modal button*/
  font-family: 'TheFarmerTextured-Vintage' !important;
  background-color: transparent !important;
  border: 3px solid #000000 !important;
  border-radius: 0px !important;
  color: #000000 !important;
  font-weight: 300 !important;
  text-transform: uppercase !important;
}



@media (max-width: 767px)
.ModifyBooking .mobileCover .coverDetails .businessName {{
  font-family: 'TheFarmerTextured-Vintage', Helvetica, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  font-style: normal !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
}





/*mobile styles*/



@media screen and (max-width: 679px) {
  .tour-image-rectangular{/*Fix gap below image shadow*/
    height: 150px !important;
    overflow: hidden !important;
  }



.MobileCheckout-CoverPhoto span.text .guide {/*Mobile experience name subtitle color*/
    color: #ffffff !important;
}

.DiscountCodeContainer.t-mobile .DiscountCode-Input .ui.button {/*Mobile Apply Promo button*/
  border-radius: 0px !important;
  padding: 11px 10px 11px 13px !important;
  height: 47px !important;
  width: 80px !important;
  float: none !important;

}

@media only screen and (max-width: 767px){
  .ar-radio-item{
    font-size: 14px !important;
  }

    .tour-tagline{
      padding: 0 !important;
    }
    .tour-duration{
      margin-left:0 !important;
    }
}

@media screen and (max-width: 679px){/*Removes border on experience list mobile view*/
.website-tours .tour .tour-title-and-description {
  border: 0px !important;
  box-shadow: none !important;
  }
}


@media only screen and (max-width: 480px){/*fix time selection radio buttons size*/
.BookingRequest-times .time .text .icon {
    width: 27px;
    height: 27px;
    margin-right: 3px;
    margin-top: 3px !important;
    padding: 13px 26px 13px 26px !important;
    border-radius: 0px !important;
  }
}

@media only screen and (max-width: 966px){
.BookingRequest-times .time .text .icon {
    margin-top: 3px !important;
    padding-top: 7px !important;
  }
}

@media screen and (max-width: 441px){
.CheckoutSummary-Container{
  padding-top: 0 !important;
  }
}

.MessageGuideContainer .CheckoutMessageGuide {
  margin-left: 10px !important;
  margin-right: 20px !important;
}

/*Customizations for Eckerts on mobile*/
@media screen and (max-width: 679px) {/*Remove border around experience details*/
body .website-tours .tour .tour-title-and-description {
  border: 0px solid #000000 !important;

}