:root {
    --pale-blue: #F6F9FF;
    --blue: #0D75CC;
    --dark-blue: #001746;
}


.button.white{
	background-color: white;
	color: var(--dark-blue);
}

.new-button.darkblue {
	background-color: var(--dark-blue);
	transition: all ease 0.2s;
}

.new-button.darkblue:hover{
	background-color: var(--blue);
	transition: all ease 0.2s;
}

.white.button:hover {
    background-color: var(--blue);
    color: white;
    transition: all ease 0.2s;
}

.button.new-home{
	font-size:16px;
	padding: 20px 40px;
	font-weight: 600;

}

/* hero */
.new-hero {
	background-color: var(--pale-blue);
	margin-top: 110px;
	padding-top: 16px;
}

.new-hero .cell{
	border-radius: 30px;
	padding: 34px 18px;
	min-height: 80vh;
	display: flex;
    align-items: end;
	justify-content: center;
	text-align: center;
	position: relative;
	color: white;
}

.new-hero .cell .overlay{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 23, 70, 0.00) 0%, #001746 100%), 0px -33.555px / 100% 120.188% no-repeat;
    border-radius: 30px;
	z-index: 1;
}

.new-hero .cell .content-con{
	z-index: 2;
}
.new-hero .cell .content-con h1{
	font-size: 70px;
	font-style: normal;
	font-weight: 600;
	line-height: 120%; /* 84px */
	margin-bottom:16px;
}

.new-hero .cell .content-con p.text{
	font-size: 22px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.new-hero .buttons{
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 24px;
	margin-top: 40px;
}
.new-hero .buttons .new-home{
	margin-bottom: 0;
	width: fit-content;
	margin: 0 auto;
}

/* desktop  */
@media(min-width:768px){
	.new-hero{
		margin-top: 121px;
		padding-top: 26px;
	}
	.new-hero .cell{
		padding: 105px 18px;
		min-height: 710px;
	}
	.new-hero .buttons{
		flex-direction: row;
		justify-content: center;
	}
	.new-hero .buttons .new-home{
		margin: unset;
	}
	.new-hero .cell .content-con h1{
		font-weight: 700;
		margin-bottom:24px;
	}
	.new-hero .cell .content-con p.text{
		font-size: 28px;
	}
}

/* video component */
.video .video-con{
	position: relative;
}

.video h2{
	text-align: center;
	font-size: 28px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	margin-bottom: 24px;
	max-width:1063px;
}

.video .video-con video{
	border-radius: 30px;
}

.video .video-con .video-button-wrap {
    position: absolute;
    width: 173.8px;
    height: 173.8px;
    z-index: 10;
    pointer-events: none;
	 top: -74px;
    right: -76px;
	display: none;
}

.video .video-con .spin-inner {
	cursor: pointer;
	 pointer-events: auto; 
	background: #637290;
    color: white;
    font-size: 14.38px;
    font-weight: 600;
    width: 109px;
    height: 109px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 50%;
    padding: 10px;
    line-height: 130%; /* 18.694px */
	position: absolute;
    z-index: 9;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(19.76deg);
}

.video .video-con .spin-outer {
    width: 173.798px;
    height: 173.798px;
    position: absolute;
    z-index: 8;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.spin-outer {
    animation: spin 8s linear infinite;
    transform-origin: center center;
}

@media(min-width:768px){
	.video .video-con .video-button-wrap {
		display: block;
	}

	.video h2{
		font-size: 38px;
		font-style: normal;
		font-weight: 600;
		line-height: 120%; /* 45.6px */
		margin-bottom: 35px;
	}
}


/* 3 tiles */
.tiles h2 {
    font-weight: 600;
}

.tiles .tile-con {
    display: flex;
	flex-direction: column;
    gap: 21px;
}

.tiles .tile-con .tile-single {
    width: 100%;
    border-radius: 30px;
    padding: 25px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
	min-height: 470px;
	position: relative;
}

.tile-con .tile-single .overlay{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 23, 70, 0.00) 0%, #001746 100%), 0px -33.555px / 100% 120.188% no-repeat;
    border-radius: 30px;
	z-index: 1;
}

.tile-con .tile-single .content{
	z-index: 2;
	color:white;
}

.tiles .tile-con .tile-single h3 {
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.tiles .tile-con .tile-single p {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
    margin-bottom: 0;
}

@media(min-width:768px){
	.tiles .tile-con .tile-single{
		min-height: 520px;
		width: 33.333%;
		padding: 28px;
	}
	
	.tiles .tile-con {
		flex-direction: row;
	}
}




/* school cards */
.school-cards .card-con {
    display: flex;
	flex-direction: column;
    gap: 20px;
	flex-flow: wrap;
}

.school-cards .card-con .card-single {
    width: 100%;
    border-radius: 30px;
    padding: 25px;
    display: flex;
    flex-direction: column;
	min-height: 470px;
	position: relative;
}

.card-con .card-single .overlay{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.00) 21.77%, var(--Primary-Black, rgba(0, 0, 0, 0.50)) 72.83%), 50% / cover no-repeat;
    border-radius: 30px;
	z-index: 1;
}

.card-con .card-single .content{
	z-index: 2;
	color:white;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
	height: 100%;
}

.school-cards .card-con .card-single h3 {
	font-size: 38px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.school-cards .card-con .card-single p {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
    margin-bottom: 0;
}

@media(min-width:768px){
	.school-cards .card-con .card-single{
		min-height: 627px;
		width: calc(50% - 10px);
		padding: 32px;
	}
	
	.school-cards .card-con {
		flex-direction: row;
	}
}


/* content image blocks */
.content-image-blocks h2{
	    font-weight: 600;
	margin-bottom: 30px;
}

.content-image-blocks h3 {
    font-weight: 600;
}

.content-image-blocks .blocks-con {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.block-single {
    border-radius: 30px;
    background-size: 370px;
    background-repeat: no-repeat;
    background-position: 100% 50%;
	position: relative;
	padding: 0px 36px 63px;
	color: white;
}

.block-single .overlay{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 30px;
	z-index: 2;
	background: linear-gradient(0deg, #001746 65.38%, rgba(0, 23, 70, 0.00) 100%);

}

.block-single .image-bg {
    background-size: contain;
    position: absolute;
    top: 0;
    z-index: 1;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
	 background-position: top;
    right: 0;
    width: 100%;
    height: 100%;
    background-size: 100%;
    max-width: unset;
    border-top-left-radius: 30px;
}

.block-single .content {
    position: relative;
	z-index: 99;
	max-width: 580px;
	margin-top: 250px;
}

.block-single .content .icon-con{
	margin-bottom: 16px;
}

.block-single .content .icon-con img{
    max-width: 48px;
    max-height: 48px;
}

.block-single .content h3{
	font-size: 28px;
}
.block-single .content p{
	line-height: 130%;
}





@media(min-width:768px){
	.block-single {
		padding: 80px 50px;
	}
	.block-single .content {
		margin-top: 0;
	}
	.block-single .content h3{
		font-size: 38px;
	}
	
	.block-single .overlay{
		background: linear-gradient(90deg, #001746 53.38%, rgba(0, 23, 70, 0.00) 100%);
	}
	
	.block-single .image-bg {
		background-size: cover;
		position: absolute;
		top: 0;
		width: 100%;
		max-width: 700px;
		height: 100%;
		z-index: 1;
		right: 0;
		background-position: right;
		border-top-right-radius: 30px;
		border-bottom-right-radius: 30px;
	}
	.block-single .content .icon-con img{
		max-width: 80px;
		max-height: 80px;
	}
	.block-single .content p{
		font-size: 22px;
		line-height: 130%;
	}
	
	.block-single:nth-child(even) .content{
    	margin-left: 50%;
	}
	.block-single:nth-child(even) .image-bg {
		left: 0;
		border-bottom-left-radius: 30px;
		border-top-left-radius: 30px;
		background-position: left;
	}

	.block-single:nth-child(even) .overlay {
		background: linear-gradient(270deg, #001746 55.38%, rgba(0, 23, 70, 0.00) 100%);
	}
}


/* link grid */
.grid-links {
/* 	padding: 64px 0px; */
}
.grid-links .links-con>div {
    padding: 26px;
    padding: 32px;
    border-radius: 30px;
    background: white;
	width: 100%;
}

.grid-links .links-con {
    display: flex;
    flex-direction: column;
	gap: 20px 20px;
}

.grid-links .darkblue-bg .button-con a span {
    color: white;
}

.page-id-5811, .page-id-5854 {
    background: #f6f9ff;
}

.grid-links .has-img {
    min-height: 400px;
}

.area-1 { grid-area: area-1; }

.area-2 { grid-area: area-2; }

.area-3 { grid-area: area-3; }

.area-4 { grid-area: area-4; }

.area-5 { grid-area: area-5; }

.area-6 { grid-area: area-6; }

.area-7 { grid-area: area-7; }

.grid-links .links-con .blue-bg{
  background: var(--blue);
  color: white;
}

.grid-links .links-con .darkblue-bg{
  background: var(--dark-blue);
  color: white;
}

.grid-links .links-con .content h3{
	font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.grid-links .overlay {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgb(0 23 70 / 0%) 0%, var(--Secondary-Deep-Blue, rgba(0, 23, 70, 0.70)) 100%) 50% / cover no-repeat;
    top: 0;
    left: 0;
    border-radius: 30px;
    z-index: 1;
}

.grid-links .links-con>div {
    position: relative;
}

.grid-links .content {
    position: relative;
    z-index: 9;
}

.grid-links .button-con {
    z-index: 9;
    position: relative;
}

.grid-links .title-con h2{
	font-size: 28px;
	font-style: normal;
	font-weight: 600;
	line-height: 120%; /* 45.6px */
	margin-bottom: 24px;
	max-width: 738px;
}

/* a.arrow-button:after {
      content: "\f061";
      font-family: "Font Awesome 6 Free"; 
      font-weight: 900;
      padding: 5.7px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: white;
      width: 20px;
      height: 20px;
      font-size: 10px;
      margin-left: 6px;
} */

/* a.arrow-button {
    display: flex;
    align-items: center;
} */

.arrow-button span {
    font-family: "Source Sans Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

a.arrow-button.lightblue:after, a.arrow-button.lightblue:before{
    background: var(--blue);
}

a.arrow-button.darkblue span{
	color: #F6F9FF;
}

a.arrow-button.lightblue span{
	color: rgba(0, 23, 70, 0.60);

}

a.arrow-button.darkblue:after, a.arrow-button.darkblue:before{
    background: var(--dark-blue);
}

a.arrow-button {
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
    width: fit-content;
    padding-right: 25px;
    transition: transform 0.4s ease;
}

/* Arrow on the right - visible by default */
a.arrow-button::after {
    content: "\f061";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    padding: 5.7px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    width: 20px;
    height: 20px;
    font-size: 10px;
    position: absolute;
    right: 0;
    opacity: 1;
    transform: translateX(0);
    transition: transform 0.4s ease, opacity 0.4s ease;
}

/* Arrow on the left - hidden initially */
a.arrow-button::before {
    content: "\f061";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    padding: 5.7px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    width: 20px;
    height: 20px;
    font-size: 10px;
    position: absolute;
    left: 0;
    opacity: 0;
    transform: translateX(-10px); /* start slightly left */
    transition: transform 0.4s ease, opacity 0.4s ease;
}

a.arrow-button:hover::after {
    opacity: 0;
    transform: translateX(10px);
}

a.arrow-button:hover::before {
    opacity: 1;
    transform: translateX(0);
}

a.arrow-button span {
    transition: transform 0.4s ease;
    margin-left: 0;
}

a.arrow-button:hover span {
    transform: translateX(20px);
    margin-left: 5px;
}


.grid-links .area-7{
	 display: flex;
    justify-content: space-between;
    align-items: stretch;
    align-items: center;
}

.grid-links .area-7 a, .grid-links .area-7 h3{
	margin-bottom:0;
}

.grid-links .area-1 {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.grid-links .area-3 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.grid-links .area-4 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

@media(max-width:1024px){
	.area-7 .button-con {
		margin:  0 auto;
	}
	
	.area-7 {
		background: transparent!important;
	}
}

@media(min-width:850px){
	.grid-links .links-con {
	  display: grid;
	  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	  grid-template-rows: 119px 119px 119px 119px 119px 119px;
	  gap: 20px 20px;
	  grid-auto-flow: row;
	  grid-template-areas:
		"area-1 area-1 area-2 area-2 area-2 area-3"
		"area-1 area-1 area-2 area-2 area-2 area-3"
		"area-1 area-1 area-5 area-5 area-6 area-6"
		"area-1 area-1 area-5 area-5 area-6 area-6"
		"area-4 area-4 area-5 area-5 area-6 area-6"
		"area-4 area-4 area-7 area-7 area-7 area-7";
	}
	.grid-links .links-con .content h3{
		font-size: 28px;
	}
	
	.grid-links .title-con h2{
		font-size: 38px;
		margin-bottom: 38px;
	}

}

/*sticky tab */
#sticky-tab-wrapper {
  position: fixed;
  top: 50%;
  right: 0;
  transform: translateY(-50%) translateX(calc(100% - 50px)); /* only tab visible */
  display: flex;
  align-items: center;
  z-index: 9999;
  transition: transform 0.4s ease-in-out;
  background: transparent;
}

#sticky-tab-wrapper.open {
  transform: translateY(-50%) translateX(0);
}

#toggle-tab {
    background: #001746;
  color: #fff;
  border: none;
  font-weight: bold;
  cursor: pointer;
	padding: 30px 12px;
	border-radius: 20px 0px 0px 20px;
    writing-mode: sideways-lr;
  text-orientation: mixed;
  width: 50px;
  flex-shrink: 0;
  z-index: 10001;
	font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 22.4px */
}

#toggle-tab i {
    font-size: 12px;
    margin: 0px 0px 10px 0px;
}

#popup-links {
	background: #D3E6F6;
  box-shadow: 0 0 15px rgba(0,0,0,0.2);
  width: 300px;
  max-height: 80vh;
  overflow-y: auto;
  padding: 20px;
  border-radius: 8px 0px 0px 8px;
  margin-left: 0;
}


.popup-link-items {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 32px;
}


.popup-link-items a {
    color: var(--Secondary-Deep-Blue, #001746);
    font-family: "Source Sans Pro";
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    font-size: 28px;
	transition: all ease 0.5s;
	border-radius: 8px;
	padding: 8px;
	align-items: center;
}

.popup-link-items a i::before {
    font-size: 14px;
    margin-left: 20px;
}

.popup-link-items a:hover{
	background: #f5f8ff;
}

.popup-link-items a:hover i {
     margin-left: 12px;
     transition: all ease 0.5s;
}

i.fa-solid.fa-caret-right {
    transition: all ease 0.5s;
}

@media(min-width:768px){
	.popup-link-items a {
		font-size: 22px;
	}
}

@media (max-width: 767px) {
  #sticky-tab-wrapper {
    top: auto;
    bottom: 0;
    right: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(calc(100% - 50px));
    flex-direction: column;
    align-items: center;
    transition: transform 0.4s ease-in-out;
  }

  #sticky-tab-wrapper.open {
    transform: translateX(-50%) translateY(0);
  }

  #toggle-tab {
    writing-mode: horizontal-tb;
    text-orientation: mixed;
    border-radius: 20px 20px 0 0;
    padding: 12px 30px;
	width: 150%;
	  min-width: 180px;
  }

  #toggle-tab i {
    margin: 0 0 0 10px;
  }

  #popup-links {
    width: 100vw;
    border-radius: 0;
    box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.1);
    max-height: 70vh;
    overflow-y: auto;
  }

  .popup-link-items a {
    font-size: 20px;
    text-align: center;
  }
}




/* new events*/

.event-news-image {
    height: 280px;
	overflow: hidden;
	border-radius: 30px;
}

.event-news-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
	transition: all ease 0.2s;
}

.event-news-image:hover img {
    transform: scale(1.25);
	transition: all ease 0.2s;
}

.new-events .event-news-item h3.title, .new-events .event-news-item .title a {
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin: 18px 0px 12px;
	color: #001746;
}

.new-events .event-news-item .excerpt p {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
}

.new-events .btn-con.hide-for-large {
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.title-btn{
	margin-bottom: 24px;
	display: flex;
    align-items: baseline;
}

.title-btn h2{
	font-size: 28px;
	line-height: normal;
	font-size: 38px;
	font-style: normal;
	font-weight: 600;

}

.title-btn .btn-con {
	text-align: right;
}

.title-btn .btn-con a{
	margin-bottom:0;
}

.event-news-item a.arrow-button.darkblue span{
	color: var(--dark-blue);
}

.event-news-item {
	margin-bottom: 25px;
}

@media(min-width:768px){
	.title-btn{
		margin-bottom: 37px;
	}
	
	.new-events .event-news-item h3.title, .new-events .event-news-item .title a {
    	font-size: 28px;
	}
	
	.title-btn h2{
		font-size: 38px;
		line-height: 120%;
	}
}


.animate-on-scroll {
    opacity: 0;
    visibility: hidden;
}

.animate-on-scroll.animate__animated {
    opacity: 1;
    visibility: visible;
}



/* before footer - add back when ready */

/* 
.before-footer-new .btn-con a:hover {
    background: var(--dark-blue);
}


.before-footer-new .cell.large-12.align-center {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.before-footer-new h2 {
    font-size: 38px;
	font-style: normal;
	font-weight: 600;
	line-height: 120%;
	margin-bottom: 40px;
	text-align: center;
}

.before-footer-new img.newboat {
    position: absolute;
    bottom: 160px;
	z-index:-1;
}

.before-footer-new {
    position: relative;
    padding: 80px 0px;
}

.footer-logos img {
    max-width: 211px;
}

.footer-logos .grid-x {
    justify-content: center;
}

.footer-logos {
    padding-bottom: 22px;
}

@media(min-width:768px){
	.before-footer-new{
		    padding: 80px 0px 300px;
	}
	
	.footer-logos .grid-x {
    justify-content: end;
}
}
 */



/* footer - add back when ready*/
/* 
.pre-footer .img-container>img {
    max-width: 75.29px;
    max-height: 81.242px;
}

.pre-footer .img-container {
    width: 303px;
    height: 303px;
}

footer #menu-footer li a.current-menu-item {
    color: #FED531;
    text-decoration: underline;
    transition: 0.2s all;
}

footer .footer-navigation .location {
    width: 30%;
}
footer .footer-navigation .main {
    width: 70%;
}

footer .footer-navigation {
    display: flex;
    flex-direction: row;
}

footer .footer-navigation>div{
	flex: unset;
}

footer .social-icons {
    margin-left: 0;
}

footer .locations {
    color: white;
    margin-top: 11px;
}

footer .locations p {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: 10px;
}

footer nav.menu-footer-locations-container ul {
    display: flex;
    flex-direction: column;
    color: white;
}

footer nav.menu-footer-locations-container ul li a {
    color: white;
    font-family: "Source Sans Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    padding: 0!important;
    margin-bottom: 10px;
}

footer .logo {
    text-align: left;
}


footer .logo>img {
    width: 305px;
    max-width: unset;
}


ul#menu-footer-locations li a:after {
     content: "";
     position: absolute;
     display: block;
     width: 14px;
	height: 12px;
     background-image: url('../../visions/images/location-arrow.svg');
     background-size: contain;
     background-repeat: no-repeat;
     bottom: 12%;
     right: -30px;
	transition: all ease 0.2s;
}

ul#menu-footer-locations a{
    position: relative;
    width: fit-content;
	transition: all ease 0.2s;
}

ul#menu-footer-locations a:hover{
	color: #FED531;
	transition: all ease 0.2s;
}

ul#menu-footer-locations a:hover:after{
	bottom: 18%;
	transition: all ease 0.2s;
}


@media(max-width:768px){
	footer .footer-navigation .main {
		width: 100%;
	}

	footer .footer-navigation {
		padding-left: 0;
		padding-right: 0;
	}
}


*/



/* header - add back when ready */

/*
.sticky-header .hide-for-large button {
    background: var(--dark-blue);
    color: white;
    padding: 15px 13px;
    border-radius: 30px;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: right;
    justify-self: right;
	cursor: pointer;
}

.sticky-header i.fa-solid.fa-bars.fa-2x {
    font-size: 20px;
}

.sticky-header li.search {
    display: none;
}

.sticky-header .text-right{
	 display: flex;
    justify-content: flex-end;
    align-items: center;
}

#menu-main-menu a, #menu-main-menu-japanese a {
    color: var(--Primary-White, #FFF);
    font-family: "Source Sans Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 125.303%;
    text-transform: capitalize;
	border-bottom: 0;
}

#menu-main-menu>li, #menu-main-menu-japanese>li {
    padding: 0;
}

#menu-main-menu>li>a, #menu-main-menu-japanese>li>a {
    padding: 20px 10px;
}

#menu-main-menu>li a.wpml-ls-current-language, #menu-main-menu-japanese>li a.wpml-ls-current-language {
    display: none;
}
#menu-main-menu .submenu {
    width: max-content;
}

*/

/* mob menu  - add back when ready */

/*
.mob-menu li.menu-item.wpml-ls-item {
    display: flex;
    position: absolute;
    top: 0;
    justify-content: space-between;
    border-top: solid 0.5px white;
    border-bottom: solid 0.5px white;
    padding-top: 20px;
    padding-bottom: 20px;
}
.mob-menu li.menu-item.wpml-ls-item a{
    font-size: 16px;    
}

.mob-menu li:first-child {
    margin-top: 100px;
}


.mob-menu li.wpml-ls-current-language {
    display: none!important;
}

.mob-menu li.menu-item.wpml-ls-item:before {
    content:"Language";
    font-size: 16px;
    align-items: center;
    display: flex;
}

.mob-menu li a {
    color: white;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
	position: relative;
}


.mob-menu li.is-submenu-item a {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.submenu-toggle::after {
    border-color: #ffffff transparent transparent;
}

.is-accordion-submenu-parent > a::after {
    display: none !important;
}

.mob-menu .menu-item-has-children > a::after {
    content: "";
    display: inline-block;
    margin-left: 0.5rem;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #fff;
    transition: transform 0.2s ease;
    right: 20px;
    position: absolute;
    bottom: 50%;
}

.mob-menu .menu-item-has-children > a[aria-expanded="true"]::after {
    transform: rotate(180deg);
}

.mob-menu img {
    max-width: 140px;
}

.mob-menu .text-right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.mob-menu .text-right button {
    background: white;
    padding: 15px 13px;
    border-radius: 30px;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}


#menuModal.mob-menu .text-right .fa-xmark {
    color: #011745;
    font-size: 22px;
}

.mob-menu {
    padding: 0;
}

.mob-menu li.current_page_item a {
    color: #FED531;
}

*/