@font-face {
  font-family: 'Muli-Regular';
  src: url('https://external-stylesheets.s3.amazonaws.com/fonts/cardhu/Muli-Regular.woff');
}
@font-face {
  font-family: 'Muli-Black';
  src: url('https://external-stylesheets.s3.amazonaws.com/fonts/cardhu/Muli-Black.woff');
}
@font-face {
  font-family: 'Muli-Bold';
  src: url('https://external-stylesheets.s3.amazonaws.com/fonts/cardhu/Muli-Bold.woff');
}

/*DOB Subtext - Desktop*/
/* #payment-main > div > div > div > div.ColumnContainer > div.ComponentContainer.LeftColumn > div.CheckoutSection.CheckoutAdditionalInformation > div.CheckoutQuestionsContainer.section > div > div.CheckoutQuestion.first > div > div > div::before {
  content: "This is so we can confirm you are over the legal drinking age.";
  line-height: 32px;
} */

/*DOB Subtext - Mobile*/
/* #payment-main > div > div > div.transitionable > div > article > div.BookingRequest-form.ui.form > div > div.CheckoutQuestionsContainer.section > div > div.CheckoutQuestion.first > div > div > div::before {
  content: "This is so we can confirm you are over the legal drinking age.";
  font-size: 13px;
  line-height: 18px;
} */

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

@media only screen and (max-width: 480px) {
.TourPage-About-title {
    font-size: 24px !important;
    line-height: 1.4em !important;
}
body .website-tours .tour .tour-title-and-description .tour-title {
  font-size: 16px !important;
  line-height: 1.4em !important;
}
body .website-tours .tour .tour-title-and-description .tour-tagline {
    margin-top: 5px !important;
    font-size: 12px !important;
    padding: 0 10px !important;
}
}


/*copy and icon styles*/
.TourPage-About-title {
  font-family: "Muli-Black", Helvetica, Arial, sans-serif !important;
  font-weight: 800 !important;
  font-size: 30px;
  line-height: 36px;
  color: #182A3A;
  text-transform: uppercase;
}
.TourPage-About-tagline {
  font-family: "Muli-Bold", Helvetica, Arial, sans-serif !important;
  font-weight: 600 !important;
  font-size: 16px;
  line-height: 24px;
  color: #182A3A;
  text-transform: uppercase;
}
.TourPage-About-location svg {
  fill: #A58653 !important;
  color: #A58653;
}
.bookingSummary {
  font-family: 'Muli-Regular', Helvetica, Arial, sans-serif !important;
}
h1.tour-title {
  font-family: 'Muli-Bold', Helvetica, Arial, sans-serif !important;
}
.TourPage-About-location span {
  color: #A58653 !important;
  font-weight: 400 !important;
  text-transform: normal;
}
.BookingRequest-times .time .text {
  font-family: 'Muli-Regular', Helvetica, Arial, sans-serif !important;
}
i.icon.anyfont.af-envelope.brand-color::before {
  background: none!important;
  color: #851210 !important;
}
.TourPage-About-location a .icon.anyfont {
  text-decoration: none;
}
.TourPage-ContactGuide-link a {
  color: #851210 !important;
}
.TourPage-Price .TourPage-Price-header {
  font-family: 'Muli-Bold';
  text-transform: uppercase;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Muli-Regular', Helvetica, Arial, sans-serif !important;
  color: #182A3A !important; /* defined for headers on checkout page */
}
body {
  font-family: "Muli-Regular", Helvetica, Arial, sans-serif !important;
  font-weight: 400 !important;
  color: #182A3A !important;
  letter-spacing: 0 !important;
  line-height: 1.5em !important;
}
label {
  color: #182A3A !important;
  letter-spacing: 0 !important;
  line-height: 1.375em !important;
  font-weight: 700 !important;
}
.TourPage-Glance {
  font-family: "Muli-Regular", Helvetica, Arial, sans-serif !important;
}
.tour-tagline {
  font-weight: 400 !important;
  color: #182A3A;
}
.tour-duration {
  font-weight: 400 !important;
}
.Plugins-TourPage-GlanceWrapper .TourPage-Glance .ui.grid .icon {
  color: #b2b2b2 !important;
  font-size: 19px;
  height: 100%;
}


a.brand-color.policyName {
  color: #182A3A !important;
}
.css-ro095r-TimezoneLabel span {
  color: #182A3A !important;
}
a:link {
    color: #A58653 !important;
    text-decoration: none;
}
a:visited {
  color: #A58653 !important;
  text-decoration: underline !important;
}
.TourPage-About-description {
  color: inherit !important;  /* This is to have description use specified body color */
}
.TourPage-BookingDetails {
  color: inherit !important; /* This is to have "Select a date above to see available times" use specified body color */
}
.Plugins-TourPage-GlanceWrapper {
  color: inherit !important; /* This is to have at a glance section use specified body color */
}
.CheckoutSection h2 {
  color: inherit !important; /* defined for headers on checkout page to use h6 color */
}

.row.country div>div:nth-child(1) label {/*Country field label change*/
    visibility: hidden;
    position: relative;
}

.row.country div>div:nth-child(1) label::after {/*Country field label change*/
    content: "Location";
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
}

/*Experience List*/
body .website-tours .tour .tour-title-and-description .tour-title {
  font-family: "Muli-Black", Helvetica, Arial, sans-serif !important;
  font-weight: 800 !important;
  font-size: 20px;
  line-height: 24px;
  text-transform: uppercase;
}
body .website-tours .tour .tour-title-and-description .tour-description {
  color: #182A3A !important;
}
body .website-tours .tour .tour-title-and-description .tour-tagline {
  color: #182A3A !important;
}
body .website-tours .tour .book-tour-details {
  color: #182A3A;
}


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



/*tables*/
.CheckoutSummary {
  color: #182A3A !important;
}
.CheckoutSummary-ContentBox table td {
  color: #182A3A !important;
}
.CheckoutSummary-Container .dotted {
    text-decoration: none !important;
}



/*button styles*/
.button {
  font-family: 'Muli-Bold' !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  background-color: #851210 !important;
  border-radius: 0px !important;
  text-decoration: none !important;
}

.TourPage-ContactGuide-link.ui.basic.button {
  font-family: 'Muli-Regular', Helvetica, Arial, sans-serif !important;
  color: #851210 !important;
  border: 1px solid #851210 !important;
  border-radius: 0px !important;
  text-transform: none !important;
}

.TourPage-ContactGuide-link.ui.basic.button .ContactGuide-link-text {
    vertical-align: middle;
    vertical-align: -moz-middle-with-baseline;
    height: 12px;
    display: inline-block;
    color: #851210 !important;
}

.TourPage-ContactGuide-submit-button.ui.large.button {
  text-transform: uppercase !important;
}

a.RequestBooking.ui.fluid.huge.button.anygreen.brand-bg {
  color: #ffffff !important;
  background-color: #851210 !important;
  text-decoration: none !important;
}

div.ui.button.Button.multi-select-done.brand.bg.false {
  color: #ffffff !important;
  background-color: #851210 !important;
}

.Button {
  color: #ffffff !important;
  background-color: #851210 !important;
}

.ModifyBooking .ModifyBooking-Column.left .actionButtons .rescheduleButton, .ModifyBooking .ModifyBooking-Column.left .actionButtons .contactButton{/*reschedule booking buttons */
  font-family: 'Muli-Regular', Helvetica, Arial, sans-serif !important;
  color: #851210 !important;
  border: 1px solid #851210 !important;
  border-radius: 0px !important;
}


/*powered by anyroad footer*/
.ConfirmationContainer .PoweredBy a{
  color:#999999 !important;
}
a.terms-link {/*Powered by AnyRoad links*/
  color: #999999 !important;
}

/*mobile styles*/
.ui.button.brand-bg{/*mobile experience details button */
  color: #ffffff !important;
  background-color: #851210 !important;
  text-decoration: none !important;
}
.BookingRequest-submit.brand-bg{
  color: #ffffff !important;
  background-color: #851210 !important;
  text-decoration: none !important;
}
.CheckoutNavigationController .PoweredBy a{
  color:#999999 !important;
}

.datepicker{
  font-family: 'Muli-Regular', Helvetica, Arial, sans-serif !important;
}
.pika-lendar .is-selected .pik`a-button, .pika-lendar .pika-button:hover {
    background: #182A3A !important;
    color: #fff !important;
}
.is-today .pika-button {
    color: #182A3A;
}

.MessageGuideContainer .CheckoutMessageGuide h2 {
  visibility: hidden !important;
}

.MessageGuideContainer .CheckoutMessageGuide h2::before {
  visibility: visible !important;
  display: block;
  margin-bottom: -20px;
  content: 'Send us a message to book a table for food and/or drinks in our bar.'
}
