@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&family=PT+Serif:wght@700&display=swap');

.rb-loc-cur label {
  font-weight: 400 !important;
  color: #666666 !important; }

.ui-dialog-titlebar .ui-state-hover {
  background-color: transparent; }

#orderForm\:itemdtbsk, #orderForm\:itemdtchkout, .rb-guests-dt {
  border: 1px solid #ddd !important;
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1) !important;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1) !important; }

div.rb-header {
  background-color: #ffffff !important;
  -webkit-box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.1);
  box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.1);
  margin-bottom: 14px; }

#locform\:currencySelect,
#locform\:languageSelect {
  border: 1px solid #ddd; }

* {
  font-family: "Noto Sans JP", sans-serif; }

.rb-header {
  background-image: linear-gradient(140deg, rgba(2, 0, 36, 0.6) 0%, rgba(0, 0, 0, 0.6) 35%, rgba(180, 180, 180, 0.6) 100%), url("https://dabb7zy6p4b0z.cloudfront.net/yohteitaxi/yotei.jpg");
  background-color: #fff !important;
  background-repeat: no-repeat;
  background-position: center 85%;
  background-size: cover;
  border: none;
  height: 130px !important;
  border-bottom: 0; }

.rb-header-title {
  font-family: "Noto Sans JP", sans-serif; }

/* Custom Headers */
.rb-vendor-text, .rb-parent-cat-title > *, .rb-child-cat-title > *, .rb-prod-title > *, .rb-basket-title > *, .rb-basket-title-pg > *, .rb-checkout-title, .rb-my-booking-title > *, .rb-my-group-title > *, .ui-dialog-title, #orderForm\:existglbl, #orderForm\:newguestlbl, #orderForm\:contactinfolbl, #orderForm\:addqlbl, #orderForm\:foremlblnew, #guestDialogForm\:foremlbledit, #orderForm\:welclbl, #orderForm\:foremlbl, #orderForm\:snslbl, h3 {
  color: #333;
  text-transform: none; }

/*Custom Icons */
.rb-vendor-title:before,
.rb-vendor-text:before,
.rb-parent-cat-title:before,
.rb-child-cat-title:before,
.rb-prod-title:before,
.rb-basket-title-pg:before,
.rb-checkout-title:before,
#orderForm\:existglbl:before,
#orderForm\:newguestlbl:before,
.rb-checkout-title:before,
#orderForm\:snslbl:before {
  color: #555555; }

/* Sel item highlight */
.rb-vendor-container .rb-vendor-sel a img, .rb-parent-cat-container .rb-parent-cat-sel a img, .rb-parent-cat-container .rb-parent-cat-sel .rb-cat-box a, .rb-child-cat-container .rb-child-cat-sel a img, .rb-child-cat-container .rb-child-cat-sel .rb-cat-box a {
  -webkit-box-shadow: 0 0 0px 6px #333333;
  box-shadow: 0 0 0px 6px #333333; }

/* Lighter Desc Font */
.rb-vendor-desc,
.rb-parent-cat-desc,
.rb-child-cat-desc {
  font-weight: normal; }

/* Hide Icon */
.rb-parent-cat-desc:before {
  display: none; }

#orderForm\:addbskpg > tbody:nth-child(1) > tr:nth-child(1) {
  text-align: left; }

/* Basket Item Highlights */
#orderForm\:itemdtbsk_data tr.ui-widget-content > td:nth-child(1) > label,
#orderForm\:itemdtchkout_data tr.ui-widget-content > td:nth-child(1) > label {
  background-color: #555555;
  box-shadow: 2px -1 -1 #555555, -2px -1 -1 #555555; }

/* Accent Dialogue Title */
.ui-dialog .ui-dialog-titlebar {
  border-color: #fff !important;
  background-color: #555555 !important; }

.ui-dialog-title {
  color: #fff !important; }

.ui-dialog-titlebar-icon.ui-dialog-titlebar-close.ui-state-hover {
  background: rgba(0, 0, 0, 0.08) !important; }

#orderForm\:booknow,
#orderForm\:booknowcond {
  background-color: #333333 !important;
  border: 1px solid #333333 !important;
  color: #fff !important; }

#orderForm\:booknow:hover,
#orderForm\:booknowcond:hover {
  background-color: #1a1a1a !important;
  border: 1px solid #1a1a1a !important;
  color: #fff !important; }

/* Custom Button Font */
.ui-button-text {
  font-family: "Noto Sans JP", sans-serif !important; }

/* Custom Button Font */
/* Lang and currency */
#locform\:currencySelect_label,
#locform\:languageSelect_label {
  color: #555555; }

.ui-widget-content .ui-state-highlight {
  background: #333333; }

/* CHECKOUT */
.rb-checkout-title:before {
  content: "\f291";
  margin-right: 10px;
  font-family: "FontAwesome" !important; }

/* Default Buttons */
.ui-button.ui-widget.ui-state-default {
  background-color: #333333;
  border-color: #333333;
  color: #fff !important;
  font-weight: 600 !important; }

.ui-button.ui-widget.ui-state-hover,
.ui-button.ui-widget.ui-state-active {
  background-color: #4d4d4d;
  border-color: #4d4d4d; }

.ui-button {
  text-transform: uppercase; }

.ui-header.ui-bar-inherit {
  border-bottom: 0; }

.rb-header .ui-title {
  display: none !important; }

/* Panels*/
.ui-panel-m-titlebar.ui-bar.ui-bar-inherit,
.ui-btn .ui-panel-collapsible-heading-toggle,
.ui-icon-minus:after, .ui-icon-plus:after {
  background-color: #333333;
  border: none;
  color: #fff;
  text-shadow: none; }

.ui-panel-m-titlebar.ui-bar.ui-bar-inherit:hover,
.ui-btn .ui-panel-collapsible-heading-toggle:hover {
  background-color: #6f6f6f; }

/* Buttons */
#base_page\:gform > .ui-btn.ui-input-btn.ui-corner-all.ui-shadow,
#base_page\:locform\:languageSelect_input-button, #base_page\:locform\:currencySelect_input-button {
  background-color: #333333;
  border: none;
  color: #fff !important;
  text-shadow: none !important; }

#base_page\:gform > .ui-btn.ui-input-btn.ui-corner-all.ui-shadow:hover,
#base_page\:locform\:languageSelect_input-button:hover, #base_page\:locform\:currencySelect_input-button:hover {
  background-color: #4d4d4d;
  border: none; }

.rb-header-title, .ui-title {
  position: relative;
  top: 48px;
  font-family: 'PT Serif', serif;
  font-size: 2.5rem !important;
  line-height: 30px;
  margin: .5rem;
  display: block !important; }

@media screen and (max-width: 768px) {
  .rb-header-title, .rb-header .ui-title {
    margin: 0 .5rem !important;
    line-height: 42px;
    font-size: 1.75rem !important; }

  .rb-header {
    height: 100px !important; } }

/* Child seats */
#orderForm\:addbskpg .flex-option:nth-last-child(3) {
  flex-wrap: wrap;
}
#orderForm\:addbskpg .flex-option:nth-last-child(3):before {
    color: #666666;
    content: "Please provide the ages of each child who requires a child seat. For example: \'2 yrs, 2 yrs, 5 yrs\'.";
    display: block;
    font-size: 12px;
    line-height: 14px;
    max-width: 360px;
    margin: .5em 0 1em;   
}
html[lang="ja"] #orderForm\:addbskpg .flex-option:nth-last-child(3):before {
    content: "チャイルドシートが必要なお子様のご年齢をご記入ください。（例 : 2台を2歳と5歳のお子様に必要な場合は「2歳、5歳」と記入）";
}

/* No group member */
.rb-my-group, .rb-my-booking, #orderForm\:guestspg,
 #orderForm\:itemdtchkout label[id*="member"],
[id*="guestsselpg"] {
	display: none;
}

.ui-popup .ui-title {
  top: 0;
  padding-bottom: 8px;
  
}