/*
all past styles deleted - follow the 2024 SEED-TECH redesign guideline

h1
font-size: 32px; font-weight: 700; font-family: "Open Sans", sans-serif;

Detault-temaplate top image banner:
1777 X 474 pix

TEST OLD WEBSITE 2025 php upgrade 

*/




/*gradients*/
:root {
--green-gradient: linear-gradient(90deg, #284632 0%, #197d46 65%, #81AF07 100%);
--green-gradient-transp: linear-gradient(90deg, #284632aa 0%, #197d46aa 65%, #81AF07aa 100%);
--light-green-gradient: linear-gradient(90deg, #5a6446 0%, #8cbe1e 65%, #dcdc00 100%);
--light-bright-green-gradient: linear-gradient(90deg, #0c9c1d 0%, #8cbe1e 65%, #dcdc00 100%);
--green-flat-gradient: linear-gradient(90deg, #197d46 0%, #3C8E31 65%, #81AF07 100%);
--small-green-gradient: linear-gradient(90deg, #197d46 0%,  #81AF07 100%);
--pink-gradient: linear-gradient(90deg, #D21E32 0%, #DC6464 65%, #E38A89 100%);
--pink-flat-gradient: linear-gradient(90deg, #D21E32 0%, #D94D53 65%, #DC6464 100%);
--yellow-gradient: linear-gradient(90deg, #FF6400 0%, #FFA500 60%, #FFC100 100%);
--blue-gradient: linear-gradient(90deg, #001C7B 0%, #005AC8 60%, #009FDF 100%);
--blue-gradient-transp: linear-gradient(90deg, #001C7Baa 0%, #005AC8aa 60%, #009FDFaa 100%);
--blue-flat-gradient: linear-gradient(90deg, #005AC8 0%, #0071D0 60%, #0090DA 100%);
--blue-flat-gradient-lighter: linear-gradient(90deg, #005AC8 0%, #0071D0 60%, #0090DA99 100%);
--teal-gradient: linear-gradient(90deg, #005064 0%, #0082a0 60%, #36C1CD 100%);
--teal-flat-gradient: linear-gradient(90deg, #0082a0 0%, #0C90AA 60%, #2AB3C3 100%);
--grey-gradient: linear-gradient(90deg, #323232 0%, #787878 65%, #B7B7B7 100%);
--grey-flat-gradient-dark: linear-gradient(90deg, #323232 0%, #606060 65%, #6D6D6D 100%);
--grey-flat-gradient: linear-gradient(90deg, #787878 0%, #8D8D8D 65%, #B7B7B7 100%);
--grey-gradient-transp: linear-gradient(90deg, #323232aa 0%, #787878aa 65%, #B7B7B7aa 100%);
--silver-gradient: linear-gradient(90deg, #A9A9A9 0%, #CBCBCB 65%, #E5E5E5 100%);
--orange-gradient: linear-gradient(90deg, #cc0000 0%, #eb5514 60%, #FBA504 100%);
--orange-gradient-transp: linear-gradient(90deg, #da3306dd 0%, #eb6514aa 60%, #FBA50433 100%);
--yellow-gradient: linear-gradient(90deg, #ff6400 0%, #ffa500 60%, #FFB800 100%);
--light-silver-gradient: linear-gradient(90deg, #CBCBCB 0%, #E5E5E5 65%, #EFEFEF 100%);
--light-silver-flat-gradient: linear-gradient(90deg, #E5E5E5 0%, #E8E8E8 65%, #EFEFEF 100%);
--light-silver-flat-gradient-lighter: linear-gradient(90deg, #E5E5E5 0%, #E8E8E8 65%, #EFEFEF33 100%);
--brown-gradient: linear-gradient(90deg, #6e2814 0%, #a04614 65%, #dc8200 100%);
--green-brown-gradient: linear-gradient(90deg, #644600 0%, #8c6400 65%, #d2a000 100%);
--orange-gradient-40: linear-gradient(90deg, #cc0000dd 0%, #eb5514aa 60%, #FBA504cc 100%);
--blue-gradient-40: linear-gradient(90deg, #001C7Bdd 0%, #005AC8aa 60%, #009FDFcc 100%);
--purple-gradient: linear-gradient(90deg, #462864 0%, #7832a0 65%, #c878be 100%);


/*darken the lightest colour
https://meyerweb.com/eric/tools/color-blend/
*/
}



/* TEST OLD WEBSITE 2025 php upgrade  */


html .roobix-footer-container {
  
  background: var(--yellow-gradient);
}



html #headerWrap-2 .logo img{display:none;}
html #headerWrap-2 .logo  a{width: 200px;
  height: 68px; 
    background-image: none;
    background-size: auto; 
  display: block;
  background-image: url(https://www.jtbtravel.com.au/wp-content/uploads/2025/06/jtb-test-backup.png);
  background-size: cover;}

html #headerWrap-2.topheader > .header__inner > .header__info,
 html  #headerWrap-2.topheader  { 
  background: var(--yellow-gradient);
}

@media only screen and (min-width: 767px) {
 html  #headerWrap-2.topheader {
	  background: var(--yellow-gradient);
}}

html #navi.pc-header__navi .header__ul01 > li .submenu { 
  background: var(--yellow-gradient);
}


/* TEST OLD WEBSITE 2025 php upgrade  */




body .homevideobutton{
	margin-top: 1.5em;
  font-size: 18px;
  font-weight: bold;
  background: var(--blue-gradient)  !important ;
  color: white;    z-index: 99999;
}
body .homevideobutton:hover{ 
  color: white !important ;
  background: var(--teal-flat-gradient)  !important ;
}
body .homevideobutton:active,body .homevideobutton:focus,body .homevideobutton:visited { 
  color: white !important ;
}


/*MOBILE*/


@media only screen and (max-width: 768px) {


html .calendar-wrapper{width:100%;}



}/*END-mobile*/




/*MOBILE-tiny*/
@media only screen and (max-width: 480px) {
html .calendar-wrapper{width:100%;}
}/*END-mobile*/





/*SMALL - computer screen*/
@media only screen and (max-width: 768px) {
html .calendar-wrapper{width:100%;}
}
/*END-small-comp-screen*/





/*rail tickets point to point*/
.page-id-35813 .green-text{font-size: 17px;color: #1b1b1b;}



.page-id-38391 .daytourcap {color: #d21f33;
font-weight: bold;}

html .video-container {
  max-width: 888px;
}

/*car insurance*/

.page-id-36975 .colortable{
background: var(--light-silver-gradient);
  border-radius: 10px;
  border: 0;
  margin: 0;
  padding: 0;
  display: inline-table;
  list-style: none;
}
.page-id-36975 .colortable td{
	font-weight: inherit;
}

html #footerWrapper .header__navi .header__ul01 > li.sub:nth-child(1) .submenu .img-link li:nth-child(1) a, html #navi-sp.header__navi .header__ul01 > li.sub:nth-child(1) .submenu .img-link li:nth-child(1) a {
  background-image: url("https://www.jtbtravel.com.au/wp-content/uploads/2025/02/tokyo-jtb.jpg");
  height: 100%;
  width: 100%;
}
html #footerWrapper .header__navi .header__ul01 > li.sub:nth-child(1) .submenu .img-link li:nth-child(2) a,html  #navi-sp.header__navi .header__ul01 > li.sub:nth-child(1) .submenu .img-link li:nth-child(2) a {
  background-image: url("https://www.jtbtravel.com.au/wp-content/uploads/2025/02/kyoto-home.jpg");
  height: 100%;
  width: 100%;
}
html #footerWrapper .header__navi .header__ul01 > li.sub:nth-child(1) .submenu .img-link li:nth-child(3) a,html  #navi-sp.header__navi .header__ul01 > li.sub:nth-child(1) .submenu .img-link li:nth-child(3) a {
  background-image: url("https://www.jtbtravel.com.au/wp-content/uploads/2025/02/hokkaido-mountains.jpg");
  height: 100%;
  width: 100%;
}

#footerWrapper .header__ul01 > li  > ul > li > a > span, #navi-sp .header__ul01 > li > ul > li > a > span,
#footerWrapper .header__navi .header__ul01 > li  .img-link li > a > span, #navi-sp.header__navi .header__ul01 > li   .img-link li > a > span 
 {
	text-shadow: 2px 2px 3px #000000dd;
}
 html #footerWrapper .header__ul01 > li:nth-child(2) > ul > li:nth-child(1) a, html  #navi-sp .header__ul01 > li:nth-child(2) > ul > li:nth-child(1) a {
  background-image: url("https://www.jtbtravel.com.au/wp-content/uploads/2025/02/sakura-jtb.jpg");
}
html #footerWrapper .header__ul01 > li:nth-child(2) > ul > li:nth-child(2) a,html  #navi-sp .header__ul01 > li:nth-child(2) > ul > li:nth-child(2) a {
  background-image: url("https://www.jtbtravel.com.au/wp-content/uploads/2025/02/takoyaki.jpg");
}
html #footerWrapper .header__ul01 > li:nth-child(2) > ul > li:nth-child(3) a,html  #navi-sp .header__ul01 > li:nth-child(2) > ul > li:nth-child(3) a {
  background-image: url("https://www.jtbtravel.com.au/wp-content/uploads/2025/02/jr-train-show.jpg");
}
html #footerWrapper .header__ul01 > li:nth-child(2) > ul > li:nth-child(4) a,html  #navi-sp .header__ul01 > li:nth-child(2) > ul > li:nth-child(4) a {
  background-image: url("https://www.jtbtravel.com.au/wp-content/uploads/2025/02/requirements.jpg");
}
.category-reviews  .fixed-banner,
.post-template-default .fixed-banner{display:none;}


.page-template-page-tour-23 .header_footer .footer__inner01 { 
  margin-top: 1em;
}
html body.page-template-page-tour-23 .image3list {margin-bottom: 1em !important;}



table tbody, table tr, table td{
	vertical-align: top;
}

 
 html .page-id-41904 .col-sm-3 { 
    min-height: 265px;
  }
 
 
 
/*new day tours tree*/

#jtbdtbuttons div,
#jtbdtbuttons button{margin-top:0.5em ;margin-bottom:0.5em;}
.day-tour-main-image-container {position:relative;}
.day-tour-main-image-container .jtbicon{position:absolute;top:1em;right:1em;width:88px;}
.day-tour-main-image-container .jtbicon img{max-width:100%;height:auto;
background:var(--orange-gradient-transp);border-radius:125px;padding: 5px;
}
html .day-tour-main-image-container .multi2{top:122px !important ;}
html .day-tour-main-image-container .multi3{top:244px !important ;}
html .day-tour-main-image-container .multi4{top:466px !important ;}

.ghib4{width:100%;margin-bottom:1.5em;display: inline-block;}
.ghib4 img{position:relative;float:left;width:22%;height:auto;margin-right:2%;}

.ghib2{width:100%;margin-bottom:1.5em;display: inline-block;}
.ghib2 img{position:relative;float:left;width:42%;height:auto;margin-right:2%;}
html .page-top{margin-bottom: 1em;}

.page-template-page-day-tour-php .border-center  .col-sm-12, .border-center .col-xs-12
{padding-top: 0;}  
  
#day-tour-container .fromprice,#day-tour-container .frompricehidden,
.page-template-default .fromprice,.page-template-default .frompricehidden
{
display: inline-flex;
min-width: 228px;
  height: 48px;
  border-radius: 58px;
  color: 159E1D;
  border: 2px double transparent;
background-image: linear-gradient(white, white), linear-gradient(90deg, #159E1D 0%, #73B71E 60%, #BACF0D 100%);  background-origin: border-box;
  background-clip: padding-box, border-box;
  font-size: 16px;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  font-weight: 600;
  padding: 20px;
  align-content: center;	
}
html #day-tour-container .frompricehidden,
html .page-template-default .frompricehidden{
background:   linear-gradient(90deg, #212121 0%, #37474F 60%, #1A237E 100%);  background-origin: initial;	color:white;font-weight:bold;margin-left: 2em; }

  html button.day-tour-button { 
  display: inline-flex; margin-right:2em;}
  
html #day-tour-container .day-tour-itinerary-content-1 {
  padding: 10px 0 0;
  margin-bottom: 0;
}

html .your-class figure {
  width: calc(375 / 1160* 100%);
  height: 250px;
}
.old-3-banners .your-class{margin-bottom:0;}

.hidden_item{filter:invert(1)hue-rotate(180deg);}
.hidden_item img{filter:invert(1)hue-rotate(180deg);}

.tour-card{position:relative;}

.tour-card span.topseller, /* ### top sell, %%% new!  */
.tour-card span.newtour
{position: absolute;
  top: 0.5em;
  padding: 0.3em 1.3em;
  border-radius: 10px;
  background: var(--pink-gradient);
  color: #fff;
  font-weight: bold;
  margin-left: 0;
  left: 0.5em;}
  
html .tour-card span.newtour{
	background: var(--light-bright-green-gradient);
}


html .header_footer .header__navi .header__ul01 > li.sub .submenu { 
  box-shadow: 0px 1px 1px #24242466;
}

html .container #tp_detail_section{
	margin-bottom: 2em;
}
 
 
 .page-id-41896  .yellow-message span{
width:100%;clear:both;
}

html input[type="radio"], html input[type="checkbox"] {
  margin: 1.2px 0 0; 
}

#intro-text-content .yellow-message,#intro-text-content .red-message {font-size: 17px;
  line-height: 1.7em;
  margin-bottom: 0em;
  margin-top: 0em;}

/* popular tours - REMOVE*/
.tour-card .tour-info {  position: unset  !important ;}
.page-id-40138 .ribon-red-desktop,
.page-id-40138 h3,
.page-id-40142 .ribon-red-desktop,
.page-id-40142 h3,
.page-id-40126 .ribon-red-desktop,
.page-id-40126 h3,
.page-id-36943 .ribon-red-desktop,
.page-id-36943 h3,
.page-id-36941 .ribon-red-desktop,
.page-id-36941 h3,
.page-id-33050 .ribon-red-desktop,
.page-id-33050 h3,
.parent-pageid-33050 .ribon-red-desktop,
.parent-pageid-33050 h3
{display:none;}
.page-id-40138 h2,
.page-id-40126 h2,
.page-id-40142 h2,
.page-id-36943 h2
{margin-bottom: 0.6em;}
.page-id-36943 h4, .page-id-36941 h4,
.page-id-33050 h4, .parent-pageid-33050 h4
	{    font-size: 26px;}
	 .page-id-36943  .thumbnail h4,   .page-id-36941  .thumbnail h4,
 .page-id-33050  .thumbnail h4,   .parent-pageid-33050  .thumbnail h4
	{font-size: 18px  !important ;}


html .roobix-footer-container {
  padding: 55px 0px 20px 0px;
}
footer .social a{margin-right: 2em;}
html header .social{
	width: auto;position:relative;float:right;
}html header .social img{height: auto;
  width: 23px;
  margin-left: 1em;
  margin: 0 0 0 1em;
padding: 0;}
html header .socialmobile{
	width:100%;display: block;
  margin: 1.5em;
}html header .socialmobile img{
	width:44px;
}

/*day tour detail page contact form*/
.day-tour-accordion #cf7md-form .mdc-textfield__label { 
  bottom: 10px;
  left: 5px; 
}

html h1{font-size: 32px;   margin-bottom: 0.5em;}

.day-tour-accordion #cf7md-form .mdc-textfield__label--float-above { 
  transform: translateY(-80%) scale(0.6,0.6);
}
.tour-card .btn:hover { 
  background: var(--light-silver-gradient); 
}

.page-id-33050 h2,.parent-pageid-33050 h2{margin-bottom:0.8em;}
.page-template-page-day-tour .day-tour-include-details .row ul li span img{width: 8px;
  display: inline-block;
  height: 8px;
  max-width: 8px;}


.page-id-36941  #send-inquiry-button,
.page-id-36941  #day-tour-accordion{
	display:none;
}
#cf7md-form .wpcf7-form-control.wpcf7-text, #cf7md-form .wpcf7-form-control.wpcf7-select, #cf7md-form .wpcf7-form-control.wpcf7-textarea {
    padding-left: 5px !important;
}
html #cf7md-form .mdc-textfield--multiline .mdc-textfield__label {
    top: 11px; 
}


.day-tour-ticket-details ul, .day-tour-ticket-details li, .day-tour-ticket-details span, 
.day-tour-ticket-details p,
html p.day-tour-itinerary-content,
html .day-tour-itinerary-details ul li .day-tour-itinerary-content,
.day-tour-include-title ul p,
html .day-tour-include-details ul li p,
html .day-tour-itinerary-content-1 p,
html .day-tour-itinerary-content-2 p,
html .day-tour-itinerary-content-3 p,  /*kate wants all the fonts to be tiny*/
html .day-tour-itinerary-content-4 p,
html .day-tour-itinerary-content-5 p,
html .day-tour-itinerary-content-6 p,
html .day-tour-itinerary-content-7 p,
html .day-tour-itinerary-content-8 p,
html .day-tour-itinerary-content-9 p,
html .day-tour-itinerary-content-10 p,
html .day-tour-itinerary-content-11 p,
html .day-tour-itinerary-content-12 p,
html .day-tour-itinerary-content-13 p,
html .day-tour-itinerary-content-14 p,
html .day-tour-itinerary-content-15 p,
html .day-tour-itinerary-content-16 p,
html .day-tour-itinerary-content-17 p,
html .day-tour-itinerary-content-18 p,
html .day-tour-itinerary-content-19 p,
html .day-tour-itinerary-content-20 p,
html .day-tour-itinerary-content-21 p,
html .day-tour-itinerary-content-image .day-tour-itinerary-content-image-content,
html .day-tour-itinerary-start-time .day-tour-itinerary-start-time-time
{font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
color: #323232;}

html .day-tour-include-details .day-tour-not-include-title ,
.day-tour-ticket-details .day-tour-include-title{
  font-family: 'Open Sans', sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 27.24px;
  background: linear-gradient(90deg, #D21E32 0%, #DC6464 60%, #E69696 100%);
    background-clip: border-box;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}.day-tour-ticket-details .day-tour-include-title{width:100%;}
html .day-tour-ticket-details {
display: block;}
html .day-tour-itinerary-start-time .day-tour-itinerary-start-time-title
{font-size: 20px;}


.page-id-40678 .entry ul,
.page-id-41230 #day-tour-container .day-tour-content  ul{width:100%;display: inline-block;margin-bottom:1em;}
.page-id-40678 .entry ul li,
.page-id-41230 #day-tour-container .day-tour-content  ul li{list-style:none;width:23%;position:relative;float:left;
border-radius:10px;background:var(--light-silver-flat-gradient-lighter);
margin-right:1.5%;
padding:15px;
}
.page-id-40678 .entry ul li.newrow4,
.page-id-41230 #day-tour-container .day-tour-content  ul li.newrow4
{clear:right;}
.page-id-40678 .entry ul li.newrow5,
.page-id-41230  #day-tour-container .day-tour-content  ul li.newrow5
{clear:left;}

/*go live minor adjust */

.section-container figure ,section.video-container img.section-container {
	border-radius: 20px; }

.right-side-image{clear:right;}
.page-id-30 .image3list .footer__inner01 ,
.calendar-wrapper.cal4, .calendar-wrapper.cal5 , .calendar-wrapper.cal6,
#wp-admin-bar-search
{display:none;}
.page-id-30  #top-banner23{background:#fff;}
.page-id-4798 input[type=text]{
	    clear: left;
    width: 70%;
    display: block;
margin-bottom: 0.55em;}
html  .day-tour-button:hover > svg {fill: #fff  !important ;  }
/*  fill: url(#MyGradient);*/
#top-banner23 img{border-radius:0  !important ; }
#wp-admin-bar-comments{display:none;}
.itinerary .progress_bar_container td { 
    position: relative;
    min-height: 0px;
    display: block;
    float: left;
}
.page-id-4608 #content{text-align:center;}
.page-id-4608	#breadcrumbs{display:none;}
body.error404 #four0four h2{margin-top:1em;margin-bottom:0.6em;}
.post h2, .post h3, .post h1,
.post h4,.post h5{margin-bottom: 0.5em;}
.contactformonly{display:none;}
html  .page-id-4595  .contactformonly{display:block;}
.topbannerimagejtbcontainer{width:100%;}
.topbannerimagejtb{width:100%;height:auto;}
.page-id-30925 .title-with-icon{display:none;}

.category-reviews h2.review-title,
.reviewsdetailpage h1{
	display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  background: var(--blue-gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height:1.3em;font-weight: bold;
  margin:1em 0 0.8em 0 ;
}
.reviewsdetailpage .right,
.category-reviews .right{position: relative;
  float: right;
  clear: right;
display: block;}
#categorynavigation{display:inline-block;width:100%;margin-bottom:1em;}
.reviewsdetailpage .left,
.category-reviews .left{position: relative;
  float: left;
max-width:50%;
display: block;}
.taggedpost{margin:2em 0 1em 0;}
.reviewsdetailpage::after{
	margin-bottom:2em;
}
.page-template-tour-template-custom-php #home-slider{display:none;}
.page-template-tour-template-custom-php h3{margin-bottom:0.8em;}
.page-template-default .row img.alignright {clear:right;}

.page-template-default h3 span.green-text{
		display: flex;
  gap: 1rem;display: inline-block;
  background: var(--green-gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height:1.3em;font-weight: bold;
  margin: 0.5em 0 0 auto;
}
.pad1em{padding:1em;}
.page-template-tp_plugin_template h2{margin-bottom:0.8em;}
.clearleft {clear:left;}

.cf7md-item small {font-size: 14px;
  line-height: 17px;
  color: #8c8c8c;position: relative;
  top: -10px;
  display: block;}



/*world-2-cover banners - blog page*/
.blogpageimagebanner{max-width:100%;display: inline-block;
  clear: both;width: 100%; margin-bottom:2em;
  height: auto;}
.blogpageimagebanner img{max-width: 100%;
  height: auto;width: 100%;}



/*WORLD EXPO osaka 2025 */

body.parent-pageid-36536 .ticketSearchPanelInner .priceElement{
	color: #333;margin-bottom: 1.4em; display:none;
}body.parent-pageid-36536 .multi-product{
	margin-bottom: 2em;
  margin-top: 1em;
} 
.page-id-36536 h4{ font-size: 27px;}
.page-id-36536 .caption h4 { font-size: 18px;}
.page-id-36536 .expoticket h4 { font-size: 18px;}

.page-id-36536 .right-side-image img	{margin: 0 0 0.5em 3em;}
.page-id-37543 textarea{    min-width: 90%;
min-height: 100px;}
.page-id-37543 input{    clear: both;
    position: relative;
    display: block;
    width: 80%;}

div.expoticket{
	width:100%;position:relative;
	padding:0.5em;padding-left:245px;
	border-radius:15px;
	background:var(--light-silver-flat-gradient-lighter);
	display: inline-block;
	margin-bottom:1.5em;overflow:hidden;
}div.expoticket span{
margin-right:1.85em;}
div.expoticket img{left: 0px;
  top: 0px;
  border-radius: 15px 0 0 15px;
height:auto;width:222px;position:absolute;}
div.expoticket select{margin-left:9px;}


/*T/C iframe inject into all our sites, if iframe, remove head footer*/
body.in-iframe  .mobileonly2x {display:none;}
body.in-iframe  header,
body.in-iframe footer,
body.in-iframe #breadcrumbs
 {
  display:none  !important  ;
}

body.in-iframe .topbannerimagejtbcontainer {
	position:relative;top:-40px;
}
body.in-iframe {
	position:relative;top:-70px;
}

/* 2024 day tours new pages*/

.parent-pageid-36941.page-template-tp_plugin_template2 .ribon-red-desktop,
.parent-pageid-36941.page-template-tp_plugin_template2 .container .row .col-xs-12 h3,
.page-id-36536 .ribon-red-desktop,
.page-id-36536 .container .row .col-xs-12 h3
{
	display:none;
}
.parent-pageid-36941.page-template-tp_plugin_template2 .container   h2{margin-bottom: 0.7em;}

.page-id-36941 .day-tour-content img {    border-radius: 20px;
    position: relative;
    top: -15px;}
	
html	#day-tour-container{    padding-top: 0  !important ;}

/*google material design spinner*/
.spinner{animation:rotator 1.9s linear infinite;margin:15px
auto;display:block}
@keyframes
rotator{0%{transform:rotate(0deg)}100%{transform:rotate(270deg)}}
.path{stroke-dasharray:187;stroke-dashoffset:0;transform-origin:center;animation:dash 1.9s ease-in-out infinite, colors 6s ease-in-out infinite}
@keyframes
colors{0%{stroke:#7bac0b}25%{stroke:#df7272}50%{stroke:#d21e32}75%{stroke:#e84c12}100%{stroke:#792e14}}
@keyframes
dash{0%{stroke-dashoffset:187}50%{stroke-dashoffset:146;transform:rotate(135deg)}100%{stroke-dashoffset:187;transform:rotate(450deg)}}
@media  (max-width: 1199px){.navbar-header .navbar-brand{background-size:150px;background-position:35px -2px}}
/*@media   (max-width: 991px)*/



/*amend seed-tech's stuff - after live? */

html .top-package-item:hover img  {
    opacity: 1;
    filter: sepia(0.3) contrast(1.1) saturate(0.8);
}

.modalx{display:none;}


/*page header*/
#content .post h1, #content .post .ribon-red-desktop {
    display: none;
}#content .post .entry h1{display:inherit;}
html div.ribon-red-desktop , html div.ribbon-red-desktop { 
    background: var(--pink-gradient);     height: 7px; }
html .post h1 {font-size: 32px; font-weight: 700; font-family: "Open Sans", sans-serif;}
 html hr{ 
    background: var(--light-silver-gradient);     height: 7px; }

h4.green-text{    font-size: 28px;    font-weight: 700;
    display: flex;     justify-content: center;
    align-items: center;     gap: 1rem;
    background:var(--green-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	padding: 0.4em 0;
}
.image3list{margin: 0.8em 0em 1.5em 0em;}
html .header_footer .header__navi .header__ul01>li.act>a {
        border-bottom: none;}
		
html #wpadminbar{ background: var(--brown-gradient);  z-index: 999999999;}
#wp-admin-bar-wp-logo{display:none;}


/*specific page styles*/
.page-id-4595 .entry table,.page-id-4595 .entry table tr, .page-id-4595 .entry table td{    border: none;}
.page-id-4595 .entry table td{ padding-right:2em;}
.page-id-4595 .ribon-red-desktop{background:var(--teal-gradient)}
.required {color:#d21e32;font-weight:bold;}


/*buttons*/


.ss-chkbox input{width: 3em !important ;
float: left !important ;}
.ss-chkbox span{display: inline-block; 
  position: relative;}

html .page-id-35517 .btnx,.button {    font-size: 15px;}
html #cf7md-form .mdc-textfield--focused .mdc-textfield__label {
    color: #197d46;
}
html #cf7md-form .mdc-select:focus {
    border-bottom: 1px solid #197d46;
}

html #cf7md-form .mdc-checkbox__background::before { 
    background: #197d46; 
}


html #cf7md-form .mdc-textfield--focused.mdc-textfield--upgraded:not(.mdc-textfield--fullwidth):not(.mdc-textfield--multiline)::after, #cf7md-form .mdc-multi-select:focus .mdc-list-item:checked, #cf7md-form .mdc-checkbox__background::before, #cf7md-form .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background, #cf7md-form .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background, #cf7md-form .mdc-radio__background::before, #cf7md-form .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__inner-circle, #cf7md-form .mdc-button--primary.mdc-button--raised, #cf7md-form .mdc-switch__native-control:checked ~ .mdc-switch__background::before, #cf7md-form .mdc-switch__native-control:checked ~ .mdc-switch__background .mdc-switch__knob, #cf7md-form .mdc-switch__native-control:checked ~ .mdc-switch__background .mdc-switch__knob::before , .page-id-3392 .btn,  .page-id-3394 .btn, .ticketResultPanelInner .btn,
.page-id-35533 .btn, .agent-form-buttons .btn
{
    background: var(--small-green-gradient);
}
html #cf7md-form .mdc-textfield--focused.mdc-textfield--upgraded:not(.mdc-textfield--fullwidth):not(.mdc-textfield--multiline)::after, #cf7md-form .mdc-multi-select:focus .mdc-list-item:checked, #cf7md-form .mdc-checkbox__background::before, #cf7md-form .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background,html  #cf7md-form .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background, html #cf7md-form .mdc-radio__background::before,html  #cf7md-form .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__inner-circle,html  #cf7md-form .mdc-button--primary.mdc-button--raised, html #cf7md-form .mdc-switch__native-control:checked ~ .mdc-switch__background::before, #cf7md-form .mdc-switch__native-control:checked ~ .mdc-switch__background .mdc-switch__knob, #cf7md-form .mdc-switch__native-control:checked ~ .mdc-switch__background .mdc-switch__knob::before {
  background-color: #66c45e;
}
html #cf7md-form .mdc-textfield--multiline .mdc-textfield__input:focus,html  #cf7md-form .mdc-textfield:not(.mdc-textfield--upgraded) .mdc-textfield__input:focus, html #cf7md-form .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background, html #cf7md-form .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background,html  #cf7md-form .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__outer-circle {
  border-color: #197d46;
}

element.style {
}

html #cf7md-form .mdc-textfield--multiline .mdc-textfield__input:focus, html #cf7md-form .mdc-textfield:not(.mdc-textfield--upgraded) .mdc-textfield__input:focus, html #cf7md-form .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background, html #cf7md-form .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background, html #cf7md-form .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__outer-circle {
    border-color: #197d46;
}
#cf7md-form .mdc-textfield--multiline .mdc-textfield__input:focus, #cf7md-form .mdc-textfield:not(.mdc-textfield--upgraded) .mdc-textfield__input:focus, #cf7md-form .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background, #cf7md-form .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background, #cf7md-form .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__outer-circle {
    border-color: #3f51b5;
} 

html #cf7md-form .mdc-button--primary.mdc-button--raised,
.page-id-35517 .btnx,.button , button#agent-jr-send, .ticketSearchPanel button,
html a.btnLarge ,html a.btnx , html a.btnSmall, 
html a.btnMedium,.button , button.btnx,
#flightbox #contact_form button#agent-jr-send,
 #flightbox #contact_form .btnLarge,  .page-id-3392 .btn, .page-id-3394 .btn,
 .ticketResultPanelInner .btn,.agent-form-buttons .btn,
 .page-id-35533 .btn
{
background: var(--green-gradient);
font-size: 20px;
font-family: "Open Sans", sans-serif;
padding: 8px 25px; color:#fff;
display: inline-block;
height: auto; width: auto;
text-decoration:none;
font-weight: bold;
	border: none;
border-radius: 3px;
min-width: 200px;
text-align: center;
margin-right:8px;margin-bottom:5px;
}

html a.btnLarge:hover ,html a.btnx:hover , html a.btnSmall:hover, html a.btnMedium:hover ,.button:hover ,button.cf7md-submit-btn:hover,button.btnx:hover, .ticketSearchPanel button:hover,
button#agent-jr-send:hover ,  .page-id-3392 .btn:hover, .page-id-3394 .btn:hover
 #flightbox #contact_form .btnLarge:hover, .page-id-3394 .btn:hover ,
 .ticketResultPanelInner .btn:hover,.agent-form-buttons .btn:hover,
 .page-id-35533 .btn:hover
 {
    background: var(--light-green-gradient)  !important ; 
	color:#fff; text-decoration:none;
} 


html .page-id-24151  .theme-park .row .col-sm-3 .thumbnail{
	min-height: 235px;
}.major-attractions h3{width:100%;clear:both;}
.page-id-24151 h3{
	margin:0.8em 0 0.5em;
}


/*button smol*/
 #flightbox #contact_form .btnx,.agent-form-buttons .btn,
  #flightbox #contact_form .btnLarge, html body .btnSmall,
  .page-id-35533 .btn
{font-size: 16px;padding: 5px 15px;min-width: 150px; }

/*tp search box blue small buttons*/
 .tourplan_plugin_section button.btn{font-size: 14px;min-width:inherit;}
 .tourplan_plugin_section	span.pikaday__container {    clear: left;
	 display: block;}
	.tourplan_plugin_section  .productName{font-weight:bold;}


/*admin edit button brn*/
.adminbutton,a.adminbutton,button.adminbutton{
    background-image: url(/u/admin-only.png),  var(--brown-gradient)  !important ;
    background-repeat: no-repeat;padding-right: 1em;

	font-size: 18px;       padding-left: 118px;
	font-family: "PT Mono", monospace,"Lucida Sans Typewriter"  !important ;
}html .adminbutton:hover,html a.adminbutton:hover,html button.adminbutton:hover{
	background-image: url(/u/admin-only.png),var(--green-brown-gradient)  !important ;
	  background-repeat: no-repeat  !important ;
	  filter: brightness(1.3) contrast(0.9) saturate(0.7);
}



.terms_and_conditions_section .btnx,.button {    margin: 10px;
    width: auto   ;     padding: 8px 7px;
    display: inline-block   ;}


html a.btnLarge:active ,html a.btnx:active , html a.btnSmall:active, html a.btnMedium:active ,.button:active ,button.cf7md-submit-btn:active,
button#agent-jr-send:active ,
 #flightbox #contact_form .btnLarge:active,
 html a.btnLarge:focus ,html a.btnx:focus , html a.btnSmall:focus, html a.btnMedium:focus ,.button:focus ,button.cf7md-submit-btn:focus,
button#agent-jr-send:focus ,
 #flightbox #contact_form .btnLarge:focus{
	 color:#fff;
 }
 
 .agent-form-buttons {margin-top:0.8em;}

/*email form option 2
add back .btnLarge - enable these 2 over-rights for email subscribe
#subscribeform  .form-submit-button{
	background: var(--pink-gradient)  !important ; 
	    font-size: 18px;     font-weight: 500;
}#subscribeform  .form-submit-button:hover{
	background: var(--light-silver-gradient)  !important ; 
}

*/

/*misc*/
.yellow-message a, .green-message a,.red-message a,.teal-message a, .brown-message a{
	color:#fff;text-decoration:underline;
}
.yellow-message a:hover, .green-message a:hover,.red-message a:hover,.teal-message a:hover,.brown-message a:hover{
    color: #eee;text-decoration:none;}
html body.page-id-705 .thumbnail {    background-color: #fff;}
html body.page-id-705 div.ribon-red-desktop, html body.page-id-705 div.ribbon-red-desktop {    background: var(--light-silver-gradient);}

	
	
	
/*search page*/
.search-results div.search_page {    margin-top: 1.5em;}
.search-results input.btnLarge{    background: var(--teal-flat-gradient);
    color: #fff;
    font-weight: bold;
    border: none;
    font-size: 18px;
    padding: 3px 22px;}
.search-results input.adminbar-input	{    font-size: 18px;
    width: 170px;
    margin-top: 1px;}
	.search-results input.btnLarge:hover{ background: var(--teal-gradient)}
.search-results h2.pagetitle	{    margin-bottom: 0.8em;
font-weight: 700;
        line-height: 1.3em;    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    background: var(--blue-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;font-family: "Open Sans", sans-serif;}
.search-results .thumbnail small a {float: right;
    position: relative;
display: inline-block;}
.search-results .thumbnail small p{    margin-top: 1em;}

#adminbarsearch{width: 280px;
    float: right;
    clear: right;
    display: inline-block;
    margin: 0.3em 2em;}
.search-results .row{    width: 100%;
display: block;}
.search-results  .thumbnail a{    text-decoration: none;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
display: flex;
gap: 1rem;
background: var(--blue-flat-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
line-height: 1.5em;}
.search-results  .thumbnail a:hover{background:  text-decoration: none;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
display: flex;
gap: 1rem;
background: var(--blue-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
line-height: 1.5em;}
	
	
	
/*JR Passes pages*/

.personbox h3{max-width:85%;}
html .regional-rail-pass {
    background: transparent;
}html .regional-rail-pass .jrcard2{
	    background: var(--light-silver-flat-gradient);
    border-radius: 10px;display:block;position:relative;
    width: 30%;margin-top:8px;float:left;
margin-right: 2%;}
html .regional-rail-pass h4 {
    color: #333;font-weight:bold;
} html .regional-rail-pass .jrcard2:hover {
    background: var(--blue-flat-gradient-lighter);
    color: #fff;text-decoration:none;
} html .regional-rail-pass .jrcard2:hover h4{color:#fff;text-decoration:none;}
html .regional-rail-pass .jrcard2 img{width:50%;float:right;height:auto;    position: relative;
    top: -10px;
    left: -10px;}
html .regional-rail-pass .jrcard2 ul	{    display: inline-block;line-height:2em;}
html .regional-rail-pass .jrcard2 ul li{list-style:circle;}
html .regional-rail-pass .jrcard2:hover img	{filter: brightness(1.2) saturate(1.5) contrast(1.2);}

@media (max-width: 768px) {
	html .regional-rail-pass .jrcard2{ 
		width: 43%  !important ; }
		html .regional-rail-pass img{ 
		width: 95%  !important ; }
}

.jrpass-bookingflow div.col-sm-3{margin-bottom:0.7em;}

.rail-product button[disabled]{display:none;}
.page-id-35533  h2 .yellow-message{    font-size: 22px;}
.page-id-35533  h2 .yellow-message strong{    font-size: 130%;}

    html .jrpass-bookingflow .col-sm-3 {
        min-height: 410px;
	}
.terms_and_conditions h4{    -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0.6)));}
html div.rail_pass_inner { 
    -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0.75)));
}html .page-id-35533 div.rail_pass_inner { 
    -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0.85)));
}
.page-id-35533 .terms_and_conditions h4 {
    -webkit-mask-image: inherit;
}
html .toggle_section {
    margin-bottom: 5px;
	    border: 2px solid #CACACA;
}html .toggle_section .toggle_section {
    margin-bottom: 5px;
	    border: none  !important ;
}
html .terms-conditions h4, html .terms_and_conditions h4 {
    background: var(--green-gradient); padding: 10px 13px 9px 15px;
}
.terms_and_conditions_section h4{    margin-top: 15px;}
html h2.rail_pass_heading { 
    border-radius: 3px 8px 0 0;
	    max-width: 93%;
}html h3.rail_pass_title {
    background: var(--grey-flat-gradient-dark); 
}

.rail-product button.book {
    background: var(--green-gradient);
    color: #FFF;    border-radius: 5px;
}

html a.toggle_section_toggle h4 { 
      background: var(--light-silver-gradient);
    color: #222d56;
}
.page-id-35533 #tp-railpass-section-3 .md-top-margin, .page-id-35533 #tp-railpass-section-3 .rail-group {
    display: none;
}
ul#yenlist li {
    list-style: none;
    position: relative;
    float: left;
       padding: 5px 7px;
    margin-top: 1em;
    margin-left: 1em;
    min-height: 210px;
	background: var(--light-silver-flat-gradient);
    border-radius: 8px;
}body.page-id-35533 ul#yenlist {
    position: relative;
    margin-bottom: 1em;
    display: inline-block;    padding-left: 0;
}

html .rail-product  .rail_pass_heading { 
    margin: 0;
}html div.rail_pass_inner { 
    border-radius: 0 8px 3px 8px; 
}
html div.rail_pass_inner { 
    padding-top: 1em;
}

 html .rail-product button.book:hover {
    background: var(--light-green-gradient)   !important  ; 
 }html .rail-product button.book:disabled:hover {
   background: #999 !important   ; 
 }

html button.book:disabled {
    color: #4D4D4D !important;
}
body button.book:disabled {
    background: #999 !important;
}
html h3.red-heading {
    color: #d21e32;
    margin-top: 1em;
}html .tickets-second h3 { 
    color: #d21e32; 
}

.yellow-message .red-text, .red-message .red-text, .green-message .red-text, .teal-message .red-text{
	color: #ffe1e5; 
    font-style: italic; 
}
.page-id-705 .yellow-message .red-text, .page-id-30845 .teal-message .red-text {
    width: 100%;
    display: block;
    text-transform: inherit;
    color: #fff;
    font-weight: inherit;
	font-style: inherit; 
}
.row img{    max-width: 100%;
height: auto;}








/*ticket page usj */

/*world expo combo*/
.page-id-38088 #tp_detail_panel .ticketSearchPanelInner .col-xs-6:nth-child(3),
.page-id-38088 #tp_detail_panel .ticketResultPanelInner .col-xs-6:nth-child(3)
{
	display:none;
}

.usjexpress .yellow-message{
    padding: 3px 5px;
    margin: 10px 0;
    text-indent: 0px;
    background-image: none;
    background: var(--yellow-gradient);
}

.page-id-791 #tab-2 table td{width:32%;}
html .ticketSearchPanel  h3.red-heading {
    color: #fff; 
    margin: 0.7em 0.5em 0.5em;
}

.calendar-wrapper table {
  clear:both;
  width:100%; 
  border-radius:3px;
  border-collapse:collapse;    margin: 0;
 }
.calendar-wrapper td {
  height:38px;
  text-align:center;
  vertical-align:middle; 
      padding:   1px;
}
.calendar-wrapper td.not-current {
  color:#d4d4d4;
} 
 
.calendar-wrapper thead td {
  border:none;
   text-transform:uppercase;
  font-size:1.35em;font-weight: 500;
}
    
.calendar-wrapper  td.one, .usj-cal-key td.one {background-color: #a3ff90;}
.calendar-wrapper  td.two, .usj-cal-key td.two {background-color: #ffb76b;}
.calendar-wrapper  td.three, .usj-cal-key td.three {background-color: #ffcaed;} 
.calendar-wrapper  td.four, .usj-cal-key td.four {background-color: #9ceeff;}
.calendar-wrapper  td.five, .usj-cal-key td.five {background-color: #ffe65f;}
.calendar-wrapper  td.six, .usj-cal-key td.six {background-color: #cf9cf9;}
.calendar-wrapper  td.seven, .usj-cal-key td.seven {background-color: #ccc;}

.usj-cal-key td {
    padding: 5px 15px;
}



/*ticket form search box sanrio blue*/
html .tourplan_plugin_section{    background: var(--blue-gradient);}
html  .tourplan_plugin_section div.ribon-red-desktop, html .tourplan_plugin_section  div.ribbon-red-desktop {    background: none; }

html .tourplan_plugin_section  h3.red-heading {
    color: #fff;    margin-top: 8px;
    margin-left: 0.7em;    margin-bottom: 8px;
}
html .tourplan_plugin_section .refreshSearchSection,html  .tourplan_plugin_section .productInfoSection {
    padding: 0 15px;
    background: none;
}
html .tourplan_plugin_section .ticketSearchPanel,html  .tourplan_plugin_section .ticketResultPanel {
    background: none;
}html .tourplan_plugin_section .refreshSearchSection h3 {
    color: #fff;
    font-size: 20px;
    margin-bottom: 0px; margin-top: 5px;
}
 html .tourplan_plugin_section .ticketSearchPanel .ticketSearchPanelInner,  html .tourplan_plugin_section .ticketResultPanel .ticketResultPanelInner {
    background: #e7f5ff;
    padding: 1em 0;
    margin: 15px;
    border: 0;
}
html .tourplan_plugin_section  .ticketResultPanelInner{
	margin-top:0  !important ;
}
html #tp_detail_section{
    padding-left: 0;    padding-right: 0;}

html table.pika-table .pika-button:hover {
    background: var(--blue-flat-gradient);
    border-color: #0033ff;
	opacity: 0.9;
}
html table.pika-table .is-selected .pika-button{
	    background: var(--green-flat-gradient);
		    border-color: #0f8900;
    box-shadow: inset 0 1px 3px #3e8f00;
}
html table.pika-table   .pika-button{text-align:center;border-radius:3px;}


	

/*JR Pass*/
.terms_and_conditions_section .jrpass-bookingflow {    display: inline-block;
    background: none  !important ;}
html .terms_and_conditions .thumbnail {
    background-color: inherit; 
}
#counterlabeljr4{clear:left;}
.jrpass-bookingflow .col-sm-3{
	    background: var(--light-silver-flat-gradient);
    border-radius: 10px;  margin: 10px;
}
.jrpass-bookingflow .col-sm-3 img{
	width:77%;height:auto; margin: 5px auto 10px auto;
}

@media (min-width: 768px) {
  html .jrpass-bookingflow .col-sm-3 {
    width: 20%;
  }
  html #counterlabeljr4{clear:inherit;}
}

.jrpass-bookingflow .iconmob{display:none;}
.jrpass-bookingflow 	i.icon{float: right;
	font-size: 28px;margin: 6px;}



/*tours*/

@media (max-width: 768px) {
  .itinerary p img{width:100%;clear:both;position:relative  !important ;}
  table.itinerary table {
    width: 100%  !important ;}
	html .itinerary p img{    max-width: 100%  !important ;}
	
}/*END SMALL SCREEN*/


.itinerary p img{    max-width: 28%  !important ;
height: auto;} 

.itinerary ol,.itinerary ul{    background: var(--blue-gradient);
    color: #fff;    display: block;
    width: 100%;    border-radius: 10px 10px 0 0;
    padding: 0.5em 1em;
    margin-bottom: 0;
    border: none;}
 .itinerary ol li,
  .itinerary ul li
  {    width: auto;
    position: relative;
    float: left;
    width: auto;
    margin-right: 1em;
    list-style: none;
      display: contents;}
.itinerary p img{position:absolute;top:0; right:0;}
 .itinerary table {    margin-top: 0;position:relative;}
 .itinerary  td {    margin-top: 0;position:relative;    min-height: 210px;
    display: block;}
  .itinerary  td td{   min-height: 2px;}
 
 
 .itinerary ul.icons{    background: var(--light-silver-gradient);
    color: #333;border-radius: 0px;    position: relative;
    top: -16px;
 font-weight: bold;}
  .itinerary ul.icons img{   max-width: 55px  !important ;}
   .itinerary  table table td{border:none;}
html .container .thumbnail {
    background: var(--light-silver-flat-gradient);
    border: medium none;
    border-radius: 8px;
    color: #1a1a1a;
	min-height: 200px;
}
html .container .thumbnail .caption,
html .container .thumbnail .caption a,
html .container .thumbnail .caption h4
{color: #1a1a1a;}

table.redupperlower {
    border-top: none; 
    border-bottom: none; 
    margin-top: 10px;
}



/*popup boxes*/
/* The Modal (background) - POPUP BOX  */
/*agent jr form update 2022*/
.page-id-35517 .personbox h3 {margin-bottom: 1em;}
.pushupclose i {
    float: right;
    padding-left: 0.7em;
	color:#d21e32;
} 
   .page-id-35517 .personbox .personbox div div, .page-id-35517 .personbox .personbox h3 {         top: 0px;
        margin-left: 0px;
    } 

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 18px;
    font-weight: bold;
        opacity: .9 !important;
		    width: 100%;
    text-align: right;
}
.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer; 
}
form{width: 100%;display: inline-block;}



.closebox {
    position: absolute;
    top: 5px;
    right: 5px;
    background-image: url(/jr-pass-form/delete.svg);
    width: 45px;
    height: 45px;
    background-size: 45px;
}




/* Tabs */
ul.tabs{
  padding:0; 
 list-style: none;width:100%;
 position: relative;
    display: flex;
background:var(--pink-flat-gradient);color:#fff;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
    margin: 25px 0 15px 0;

}
ul.tabs li{
position: relative;
display: block;
float: left; 
}
ul.tabs li a{ 
position: relative;
display: block;
text-decoration:none;
    padding: 15px 10px 13px ;
text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
border-bottom:solid 3px #fff;
cursor: default;
    color: rgb(255 231 232 / 75%);
	  border-bottom: solid 5px #ffffff00; 
}

	
ul.tabs a:hover,ul.tabs a:active,.greenbuttoninner a:hover{
background-color: inherit;
   color: #fff; border-bottom: solid 5px #ffffff55; 
}
ul.tabs a.active,ul.tabs a.active:hover,ul.tabs a.active:active{
font-weight: 700;
    outline:none;
   color: #ee6e73;
   border-bottom:solid 5px #ee6e73;
}


ul.tabs a.active, ul.tabs a.active:hover, ul.tabs a.active:active {
    color: #fff;
    border-bottom: solid 5px #fff;
}

.tab_contents_container td.bluetable { 
    background: var(--blue-flat-gradient);
    font-weight: bold;
    color: #ffffff;
}.tab_contents_container td{    padding: 3px 8px;}



.p50perc {
    position: relative;
    width: 48%;
    padding: 1%;
    float: left;
}


/*modal2*/
/*agent form*/
/* The Modal (background) - remade - conflict with seed-tech scripting libs css js*/
#myModal-1 {
    background: var(--green-gradient-transp);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999;
        padding: 5%;
    display: none;
}
.modal-contentx{
	background: var(--light-silver-gradient);
    padding: 0em 2em;
    border-radius: 20px;
    height: 100%;width:100%;
    overflow: scroll;padding-bottom: 5em;
}

/* The Close Button */
.close-btn {
    color: #f8f8f8;
    position: absolute;
    top: 15px;
    right: 25px;
    font-size: 50px;
    z-index: 102;
    font-weight: bold;
}

.close-btn:hover,
.close-btn:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

html  #contact_form #myModal-1   .material-icons ,#myModal-1   input{
    float: right;
    width: 2em;
    min-width: inherit;
    text-align: center;
}
#myModal-1   input{float:left;}
.jrdisplay{    background: var(--light-green-gradient);
    color: #fff;margin: 0 8%;
    padding: 1em 2em;
border-radius: 8px;}

#contact_form input,.page-id-791  #contact_form input[type='text']{
	    clear: left;
    display: block;
   width: 300px;
	margin-bottom:0.35em;
	        max-width: 80%  !important ;
}
#contact_form input[type='checkbox'],
#contact_form input[type='radio'],
#contact_form .material-icons
{
    float: left;
    width: 3em; 
    min-width: inherit;
} 
.bold{font-weight:bold;}
.personbox .personbox {
    width: 100%;position: relative;
	background:var(--light-silver-gradient);
	display: inline-block;
	    padding: 1em 2em;
    margin: 10px 0;
	    border-radius: 10px;
}.personbox .personbox  .red-text{font-weight:bold;    font-size: 18px;}
.personbox .personbox div div,
.personbox .personbox h3
{    position: relative;
           top: 8px;
        margin-left: 8px;}
.personbox .personbox  .material-icons{    text-align: center;
margin-bottom: 1em;}
.personbox .personbox div.col-xs-12 {
    max-width: 17%;
    position: relative;
    float: left;
	    margin-left: 0;
    padding-left: 0;
	
}.personbox .personbox div.col-xs-12 input{
min-width:inherit  !important ;}
.jrdisplay span{font-weight:bold;     display: block;   font-size: 18px;width:100%;}
	.jrdisplay p{font-size: 15px;
    line-height: 2.2em;}
#personboxadd{margin-top:1.3em;}
.page-id-35517 textarea, .page-id-35813 textarea {     width: 450px;
min-height: 80px;}
/*list of trips - train sector fare page */
 .page-id-35813 .personbox .personbox{    padding: 0.3em 2em;
    margin-top: 1em;margin-top:1em;}
 .page-id-35813 .personbox p{    line-height: 1em;}
 
 @media (max-width: 768px) {
.personbox .personbox div.col-xs-12 {
    max-width: inherit; 
    width: 100%;
}
}
 
 
 
/*checkout itinerary booking flow */
html .page-id-3392 .tourplan_plugin_section,
html .page-id-3394 .tourplan_plugin_section{
    background: none;
}
.page-id-3392 .progress_img ,
.page-id-3394 .progress_img {    filter: hue-rotate(195deg);}
html .page-id-3392 .scroll-magnet-item {margin-top: 54px;}
html .page-id-3392 .scroll-magnet-item  a,
html .page-id-3392 .scroll-magnet-item  button{font-size: 13px;
    width: auto;    display: inline-block;
    margin-right: 0.3em;
    min-width: inherit;
    padding: 3px 13px;}
html .page-id-3392 .scroll-magnet-item  button{float:right;}
html .page-id-3392 .service_button_section button{
    font-size: 11px;
padding: 8px 10px;}
html .page-id-3392 .v-collapse-content button{
	padding: 8px 10px; font-size: 11px;
}

html .page-id-3392 #servicelineSectionHeight  a,html  .page-id-3392  #servicelineSectionHeight button
{    background: var(--grey-flat-gradient) !important;}
html .page-id-3392 #servicelineSectionHeight  a:hover,html .page-id-3392 #servicelineSectionHeight  button:hover
{    background: var(--grey-gradient) !important;}
html .itinerary .itinerary-message {  
    background: var(--yellow-gradient);
    color: #fff;
    font-weight: bold;
    border: none;
    border-radius: 33px;
}
.page-id-2871 .post h2{display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    background: var(--green-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 2em;
    font-weight: bold;
line-height: 2.2em;}
html h2.top-seller-gradient-clip-text {       line-height: 1.3em;}





/* 2023 tour template */
.image3list img{border-radius:5px;}
#top-banner23{width:100%;    margin-bottom: 1em;  background: var(--light-silver-gradient);
    padding-bottom: 1.5em;}.width50{position:relative;float:left;width:48%;margin-right:1%;}
body.page-template-page-tour-23 .image3list{margin:0 !important ;}
body.page-template-page-tour-23 #top-banner23 
.footer__inner01    .width50 {padding-bottom: 2em !important ;}
	body.page-template-page-tour-23 #top-banner23 
.footer__inner01  h2 {padding-bottom: 0.5em;font-size: 24px;}
.MuiGrid-root,.MuiGrid-root ul{width:100%;clear:both;display: inline-block;}
.MuiGrid-root{padding-top:1em;}
	.MuiGrid-root  li {width: 40%;padding-bottom: 1em;
float: left;padding-right: 3%;}
body.page-template-page-tour-23 #top-banner23{margin-bottom: 1.5em;}
	body.page-template-page-tour-23 #top-banner23 
.footer__inner01  li{width: 100%;
padding-bottom: 0.5em;
border-bottom: solid 1px #acacac;
	margin-bottom: 0.5em;}
body.page-template-page-tour-23 	#breadcrumbs{margin-bottom: 2em !important ;}
#top-banner23 img{width:100%  !important ; margin:0  !important ;}
.width50right {
  position: relative;
  float: right;
  width: 48%;
  padding-left: 1%;
  padding-right: 1%;
}
#top-banner23{color: #545454;}
.greyboxtour{background: var(--light-silver-flat-gradient-lighter);
width:100%; margin-top: 2em;
}
	#top-banner23 hr {border-color: #f5f3f0;}
	
 .page-id-35278  .button:hover{color:#fff;}
 
	
	body.page-template-page-tour-23  .tour24button:hover{text-decoration:none;}
.greyboxtour  .footer__inner {max-width: 1140px;
margin: 0 auto;
padding: 34px 0 28px;
  padding-top: 34px;
  padding-bottom: 28px;
position: relative;}
.greyboxtour h2{margin-top: 0;
font-size: 24px;}
#top-banner23 a.wpcf7-submit{color:#fff  !important  ; margin-top:1em;}

html #headerWrap.fixed { 
    background: #c00  !important ;
}



#tab-2, #tab-3,#tab-4,#tab-5{display:none;}

/*USJ*/
.tab_contents_container .usj h4 {
    background: none; 
    padding: 0; 
}table.usj {
    max-width: 100%;
    overflow: scroll;
    display: block;
}
/*express tables*/
.page-id-791 table.quad-split td{    vertical-align: top;}
.page-id-791 table.quad-split tr	{    border-bottom: none;}
.page-id-791 h2{    margin-bottom: 1em;}
h5{    font-size: 20px;
font-weight: bold;}
.page-id-791 .personbox .personbox div, 
.page-id-791 .personbox .personbox div div{width:100%;max-width:100%;display:inline-block;}
 .page-id-791 .personbox .personbox div div div{width:20%;display:inline-block;position:relative;float:left;}
  .page-id-791 .personbox .personbox div div div div{width:100%;}
.page-id-791 .personbox .personbox div.closebox	 {        width: 45px;}
.page-id-791 #footerWrapper h2{        margin-bottom: 0px;}





/*about page*/
.page-id-30 .greyboxtour { 
    display: none;
}
body.page-template-page-tour-23.page-id-30 #top-banner23 {
    margin-bottom: 0px; 
}body.page-template-page-tour-23.page-id-30 #breadcrumbs {
    margin: 0em !important;
}