/* changes to make menu work */

.master-header1 {
	padding: 0px !important;
}

.nav-left-content {
	padding: 10px 0px 10px 10px;
}

.nav-right-content {
	margin: 0px;
}

#menu {
	height: 100%;
}

.topnavlinks {
	height: 100%;
}

.topnavlinks a {
	display: flex !important;
	flex-direction: column;
	justify-content: center;
	height: 100%;
}

#menu > li:nth-child(2) > a > span {
	cursor: default;
}

/* sub menu position, show hide */

.submenuWrapper {
	position: fixed;
	top: 102px;
	right: 0px;
	left: 0px;
	display: none;
	background-color: white;
	 border-bottom: 1px solid #C5C5C5;
}

@media (max-width: 910px) { 
	.submenuWrapper {
		top: 62px;
	}
}

#menu > li:nth-child(2):hover > a > .submenuWrapper {
	display: unset;
}

#menu > li:nth-child(2):hover {
	//cursor:pointer;
}

.showMenu {
	display: unset;
}

/* sub menu styling */

.submenu {  
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr auto;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "submenuHeader"
    "submenuRows"
    "submenuFooter";

  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: 30px 20px 20px 20px;
 
}

.submenuHeader { 
	grid-area: submenuHeader;
	padding-bottom: 30px;
	font-style: bold;
}

.submenuHeader div {
	text-align: center;
}

.submenuHeader > div:nth-child(1) {
	font-weight: bold;
	font-size: 24px;
	color: #027ADE;
}

.submenuHeader > div:nth-child(2) {
	max-width: 750px;
	margin-right: auto;
	margin-left: auto;
}

.submenuRows {  
   display: grid; 
  grid-template-columns: 1fr 1fr auto 1fr 1fr; 
  grid-template-rows: auto 1fr; 
  gap: 0px 0px; 
  grid-template-areas: 
    "submenuRowHeader1 submenuRowHeader2 submenuRowHeader3 submenuRowHeader4 submenuRowHeader5"
    "submenuRow1 submenuRow2 submenuRow3 submenuRow4 submenuRow5"; 
  grid-area: submenuRows;
}

.submenuRow {
	padding-top: 10px;
}

.submenuRowHeader3, .submenuRow3 {
	padding-right: 30px;
}

.submenuRowHeaderIcon {

	padding-bottom: 10px;
}

.submenuRowHeader1 { grid-area: submenuRowHeader1; }
.submenuRowHeader2 { grid-area: submenuRowHeader2; }
.submenuRowHeader3 { grid-area: submenuRowHeader3; }
.submenuRowHeader4 { grid-area: submenuRowHeader4; }
.submenuRowHeader5 { grid-area: submenuRowHeader5; }
.submenuRow1 { grid-area: submenuRow1; }
.submenuRow2 { grid-area: submenuRow2; }
.submenuRow3 { grid-area: submenuRow3; }
.submenuRow4 { grid-area: submenuRow4; }
.submenuRow5 { grid-area: submenuRow5; }

.submenuRow5 .submenuRowLink a {
	font-weight: bold !important;
	padding-bottom: 5px;
}

.submenuRowLink {
	margin-bottom: 5px;
}

.submenuRowHeader a {
	padding-bottom: 5px;
	font-weight: bold !important;
	/*transition: filter .2s;*/
}
/*
.submenuRowLink a {
	transition: filter .2s;
}

.submenuRowHeader a:hover, .submenuRowLink a:hover {
	filter: brightness(70%);
}
*/

.submenuRowHeader {
	align-self: baseline;
	position:relative;
	margin-right: auto;
	padding-left: 0px;
	padding-right: 1px;
}

.submenuRowLink {
	position:relative;
	margin-right: auto;
	padding-left: 0px;
	padding-right: 1px;
}

.submenuRowHeader:before, .submenuRowHeader:after,.submenuRowLink:before,.submenuRowLink:after {
  content: "";
  position: absolute;
  transition: transform 0.5s ease;
}

.submenuRowHeader {
  display: inline-block;
  padding-top: 10px;
  padding-bottom: 0px;
  overflow: hidden;
}

.submenuRowLink {
  display: inline-block;
  padding-bottom: 0px;
  overflow: hidden;
}

.submenuRowHeader:before, .submenuRowLink:before {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: #027ADE;
  transform: translateX(-100%);
}

.submenuRowHeader:hover:before, .submenuRowLink:hover:before {
	 transform: translateX(0);
} 

.submenuRowNoLink {
	font-size: 14px;
}

.submenuRowLink {
	color: #027ADE !important;
	font-weight: bold !important;
}

.submenuFooter { 
  grid-area: submenuFooter; 
  padding-top: 15px;
  color: #027ADE;
}

.submenuFooter div {
	text-align: center;
}

#menu > li:nth-child(2) > a > div > div > div.submenuFooter > div:nth-child(1) > sup {
	top: -0.5em;
	font-size: 75%;
	vertical-align: baseline;
}


/* Mobile Menu */

.mobileSubmenu div {
	padding-left: 15px;
	padding-bottom: 5px;
}

.mobileSubmenu div a {
	font-size: 12px !important;
	padding-left: 10px;
}

#navbar > ul > li:nth-child(1) > a {
	cursor: pointer;
}