/* -- Main Components/Containers */
body { margin:0; font-family: 'Open Sans', arial, helvetica, san-serif; font-size: 104%; }
.wp-container { display: block; /*max-width: 1450px; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;*/ background: #FFFFFF; }
#site-content { display: inline-block; width: 100%; margin-top: 60px; }
#page-content { margin: 15px auto 0 auto; width:100%; min-height:100%;
				padding:20px 3% 70px 3%; box-shadow: 0 20px 32px -8px #cacfd8, 0 0 1px 0 #a3b4d1; border-radius:4px; box-sizing:border-box; }
#page-content-container { display:flex; min-height:calc(100vh - 120px); }
.span-4, .span-23, .span-25, .span-26 { float: left ; }
.span-4 { /*width: 170px;*/ }
.span-25 { width: 1025px; margin: 0; }
.span-26 { width: 1160px; margin: 0; }

/* -- Header Definitions */
#site-header-bg #site-header #topper #global-nav { position: relative; height: auto; }
#global-nav {
	display: flex; width: 100%; min-width:940px; min-height:44px;
	background-image: url('/Files/Org_Images/NAVBAR_test.jpg?version=2021_1_7');
	background-color: #445675;
	background-size:cover;
	background-position:center;
	/* background-position:bottom;
	transition: background 180s ease;*/
	padding:8px 5px 8px 5px;
}
/*#global-nav.on-initial { background-position:top; background-position:bottom\9; /* disable for IE *//*}
@-moz-document url-prefix() {
	#global-nav { background-position:bottom !important; transition:none; }
}*/
#teamusa-nav { position: relative; float: left; display: block; margin-top: 12px; font-size:.9em; }

	/* --- Client Logo Definitions */
	.usangb { padding: 5px 15px; }
	.usangb h1 { display: inline-block; }
	.usangb img { float: right; max-height:60px; }

	/* -- Volleyball Specific -- */
	.usav { min-height: 120px; padding: 5px 15px; text-align: center; }
	.usav h1 { display: block; margin: 0;}
	.usav a.ngb-logo img { float:right; max-height: 95px; width: auto; margin-top: 10px; margin-top: 10px; }
	.regionlogo { float: left; max-height: 95px; width: auto; margin-top: 10px; }

	/* -- Field Hockey Specific -- */
	#ngb-header-olympic{ height:160px; margin: 0px; background:url(/media/css/img/Team-USA-Field-Hockey.png) left center no-repeat; }
	.regiontxt {  position: relative; display: block; min-height: 26px;
			  color: #152C53; font-size: 2em; font-weight: bold; text-shadow: 1px 1px 0px #FFF; }

	/* -- Sponsor/Roster Header Specific -- */
	.sponsorlogo { float: right; max-height: 75px; width: auto; margin-top: 20px; }
	.roster-ngb { font-size:2em; padding: 5px 15px; text-align: center; font-family:arial;}

	/* ---- Social Media Links ---- */
	#social-links { float:right; text-align:right; padding:0 26px; font-size:2em; margin-bottom:-10px; margin-top:2px; }
	#social-links p { float:left; display:inline; width:58px; margin:18px 4px 0 10px;
		color:#123864; font-size:.75em; font-weight:bold; line-height:1em; }
	#social-links a { display:inline-block; }
	.facebook { width: 40px; height: 40px;
		background: url(/wp_Media/FE_NavImages/fbookicon.png) no-repeat; background-size: cover; }
	.twitter { width: 40px; height: 40px;
		background: url(/wp_Media/FE_NavImages/twittericon.png) no-repeat; background-size: cover; }
	.instagram { width: 40px; height: 40px;
		background: url(/wp_Media/FE_NavImages/instagramicon.png) no-repeat; background-size: cover; }
	.helpfaq { font-size:0.5em; }

	#section-header .selectbox { padding: 4px !important; }
	#test-header { position:relative; height:auto; padding:5px; background:#586e81; color:#fff; text-align: center; }
	#section-header-container {
		border-bottom: none;
		position: absolute;
    	right: 10px;
		color:white;
    	padding: 0 6px;
		min-width: 185px;
	}
	#section-header-spacer { height:0; overflow:hidden; margin:0 12px 30px 12px; }
	#section-header { margin-right:14px; padding: 10px 10px 0 10px; margin-top:-25px; position:relative; display: block; }
	#section-header-name-container { display:inline-block;min-height:22px; padding: 9px 12px 0px 8px; border-radius: 3px 0 0 3px; border: 3px solid transparent; border-right:none !important; transition: border 0.25s; min-width:150px; }
	#section-header-container:hover #section-header-name-container, #section-header-container.--is-active #section-header-name-container  { padding-right:13.5px; }
	#section-header-container:hover #section-header-name-container { border: 3px solid rgba(255,255,255,0.5);  background:rgba(255,255,255,0.15) }
	#section-header-container:hover #section-header-name-container .main-header-color {rgba(255,255,255,0.5) !important; }
	#section-header-container.--is-active #section-header-name-container { border: 3px solid rgba(255, 255, 255, 0.85); background:rgba(255,255,255,0.35); }
	#section-header-container:hover #section-header-icon, #section-header-container.--is-active #section-header-icon { border-radius: 0 3px 3px 0; box-shadow:none; }
	#section-header-container:hover #section-header-icon { border:3px solid rgba(255,255,255,0.5); border-left:1.5px solid rgba(255,255,255,0.5); }
	#section-header-container.--is-active #section-header-icon { border:3px solid rgba(255,255,255,0.85); border-left:1.5px solid rgba(255,255,255,0.85);}
	#admin-dropdown { display:none; }
	#admin-dropdown:hover { display: block; }
	#admin-dropdown select { max-width:150px !important; }
	#section-header-container.--is-active #admin-dropdown  { display:block; }
	#section-header-icon { float:right; border: 3px solid rgba(255,255,255,0.7); border-radius:2px; }
	#section-header-name-container, #section-header-icon { cursor:pointer; }
	.section-header-name { text-align:right; }
	.header-fallback-image, .header-member-image {
	    display: block;
	    width: 40px;
	    height:40px;
	    background-position: center center;
	    background-size: cover;
	    background-repeat: no-repeat;
	}

	.header-fallback-image {
	    background-image: url('/wp_media/images/NoPhoto2.gif');
	}

/* -- Std Definitions */
li { list-style-type: none; }
ol li {list-style-type:inherit; padding-bottom:10px;}
a { color: #094B87; text-decoration: none !important; }
/* on hover make a shade darker and bold */
a:hover:not([class]):not(li a) { filter: brightness(70%); text-decoration: underline !important;}

/* -- LEFT NAVIGATION -- */
#section-menu ul li.dcjq-parent-li a span { display: block; padding-right: 20px; padding-bottom:1px; background: transparent url("/wp_Media/FE_NavImages/plus_sign_12x12.png") no-repeat right top; font-weight: bold; }
#section-menu ul li.dcjq-parent-li a.active span { display: block; background: transparent url("/wp_Media/FE_NavImages/minus_sign_12x12.png") no-repeat right top; }
.dcjq-icon { background:none; } /* this is not the icon. not sure why it exists */
#section-menu {
	position: fixed;
    top: 60px;
	bottom: 0;
    left: -274px;
	overflow-y:scroll;
    box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.5);
    margin: 0;
    padding: 0;
	padding-bottom:40px;
	height:100%;
	transition: left 0.5s;
	background:#eaeff1;
	opacity:0.99;
	z-index:9995;
}
#section-menu ul, #section-menu li { margin: 0px; padding: 0px; width:256px; font-size:1.1rem; }
#section-menu ul > li > a { display: block; padding: 7px 9px 7px 12px;
	font-size:0.8em; font-weight: 500;
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;
	border:none; color:black; position:relative; z-index:200;
}
#section-menu ul > li > a:hover { color: #fff;	background: #152C53; }
#section-menu .tinybutton { text-align:left; }
#section-menu .scroller { overflow-y: scroll; scrollbar-color: #0A4C95 #dce1e4; scrollbar-width: thin;}

li.top-level a { margin-top: 5px; }
.parent a span { display: inline-block; }
.dcjq-parent-li > a { /*background-color: #a7b5c2;*/ color:black; /*box-shadow: 1px 1px 3px #aaa;*/ z-index:300 !important; }
.dcjq-parent-li > a:hover { background-color: #152C53; }
.dcjq-parent-li > ul > li > a { background:  -webkit-linear-gradient(left, #e1e5e7, #eaeff1); padding-left: 30px !important; }
.dcjq-parent-li > ul > li:last-of-type > a { margin-bottom:5px; padding-bottom:10px; }

/* -- Left Nav Logos -- */
#brand-logos { text-align: center; }
.brand-seal { margin-top: 40px; }

.footer { height: 100px; padding-top: 30px; background: #ffffff; text-align: center; }


/* ---------- List attributes (Currently only in Events3 ---------- */
.data { display: block !important; }
.datacontainer li {margin-left:0px;}
.datacontainer li.titlerow { margin-top:-1px;}


.searchrow { position: relative; float: left; min-height: 1px; padding-right: 15px; padding-left: 15px; box-sizing: border-box; }
.searchrow-2 { position: relative; float: left; min-height: 1px; padding-right: 15px; padding-left: 15px; box-sizing: border-box; }
.datalink { float: left; display: block; }
.datalink { display: block; float: left; margin: 36px 0 0 15px; }
img.clientsponsor {max-width:150px;}

/* ---------- Calendar Icons ---------- */

.dtSpan { position: relative; overflow: hidden; margin: 5px 0 5px 5px; height: 55px; width: 60px;
	border: 1px solid #152C53; border-radius: 3px;
	text-transform: uppercase;
	background-color: #fff;
	-webkit-box-shadow: 0px 4px #0D1B33; -moz-box-shadow: 0px 4px #0D1B33; box-shadow: 0px 4px #0D1B33; }
.dtSpan * { display: block; width: 100%; font-size: .45em; font-style: normal; font-weight: bold; text-align: center; }
.dtSpan span.month { position: relative; padding: 2px; background-color: #152C53; font-size: .636em; color: #fff; }
.dtSpan span.weekday { position: relative; color: #152C53; font-size: .55em; font-weight:100; }
.dtSpan span.day-number { position: relative; width: 100%; color: #152C53; font-size: 1em; }
.cal-divider {     vertical-align: top;padding-top: 30px; -webkit-margin-before: 0em; -webkit-margin-after: 0em; }
.calander_events { margin-top:10px; padding-bottom:10px;text-align:center; border-bottom: 1px solid #FFF; }
.calander_events p { -webkit-margin-before: -0.5em; -webkit-margin-after: -0.5em; }
.calander_events h3 { font-size:1em !important; -webkit-margin-before: 0em; -webkit-margin-after: 0em; }
.calander_events h2 {display:inline-block;border-radius: 0px;-moz-border-radius: 0px;-webkit-border-radius: 0px; color: #000;font-size: 1em !important;background-color: rgba(0,0,0,0); margin: 0; padding: 0px;}
.mt3 a {display:block;padding: 2px 3px !important;width:75px; height:20px;background: rgba(147,206,222,1);
background: -moz-linear-gradient(top, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 41%, rgba(73,165,191,1) 76%, rgba(73,165,191,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(147,206,222,1)), color-stop(41%, rgba(117,189,209,1)), color-stop(76%, rgba(73,165,191,1)), color-stop(100%, rgba(73,165,191,1)));
background: -webkit-linear-gradient(top, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 41%, rgba(73,165,191,1) 76%, rgba(73,165,191,1) 100%);
background: -o-linear-gradient(top, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 41%, rgba(73,165,191,1) 76%, rgba(73,165,191,1) 100%);
background: -ms-linear-gradient(top, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 41%, rgba(73,165,191,1) 76%, rgba(73,165,191,1) 100%);
background: linear-gradient(to bottom, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 41%, rgba(73,165,191,1) 76%, rgba(73,165,191,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93cede', endColorstr='#49a5bf', GradientType=0 );}
.pt30 {padding-top:30px;}
.mt3 {margin-top:3px;}
.mt10 {margin-top:10px;}
.ml10 {margin-left:10px;}
.mr10 {margin-right:10px;}
.vt {vertical-align:top;}
.m020{margin:0px 20px;}
.mr20{margin-right:20px;}
.w50p{width:50%;}
.mb_20{margin-bottom:-20px;}
.blc {display:block;}
.txtL {text-align:left}

#login label { display: block !important; }
/*#mbreventinfo p {line-height: 2px; } - Causing issues due to line height being too small */

/* div.pagetitlerow { margin-bottom:55px;} style for company header */
.pgtitlenav a, .pgtitlenav a:hover { color: #152C53; }
.titlerow a { color: #152C53; }

.header_icons a { color: #152C53; }

/* new as of 12/17/20 */

:root, #section-menu { scrollbar-width: thin; }
#test-header { display:none; }
.main-header-color { color:white !important; text-shadow: 4px 4px 8px #111;}
.main-header-color:hover { opacity:0.85; }
.ngb-logo { white-space:nowrap; }
.big-company-name, .big-company-name-usa { text-transform:uppercase; text-align:center; display:inline; vertical-align:top; text-shadow:1px 4px 8px #111; }
.fh-banner-logo ~ h1.big-company-name { display:none; }
.mwl-banner-logo ~ h1.big-company-name { display:none; }
#site-header { position:fixed; width:100%; z-index:9993; }

@media screen and (max-width: 500px) {
	.main-header-color .big-company-name/*, .hamburger-label*/ {
		display: none;
		visibility: hidden;
	}
  }

.blank-table + #section-header-spacer + #section-header { margin-right:0; }
#section-menu .top-level > a { border-radius:0; text-transform:uppercase; font-size:0.8em; background:#586E81; box-shadow: 1px 1px 3px #999; z-index:400;
						color: #fff; font-size:0.9em; margin-top:10px; font-family:'Montserrat', 'Open Sans', sans-serif; font-variant:small-caps;}

::-webkit-scrollbar { width: 10px; height:10px; }
#section-menu::-webkit-scrollbar { width: 4px; height: 4px; }
::-webkit-scrollbar-track { background: #e1e5e7; }
::-webkit-scrollbar-thumb { background: #586E81; }
::-webkit-scrollbar-thumb:hover { background: #152C53; }
#menu-1 > .top-level:first-of-type > a { margin-top: 0; }

#footer2-nav { font-weight:normal; }

@media only screen and (max-width: 767px) {
	.xs-screen-hide { display:none !important; }
}
@media only screen and (max-width: 991px) {
	.small-screen-hide { display:none !important; }
}
@media only screen and (max-width: 1199px) {
	.medium-screen-hide { display:none !important; }
}

.FE-footer-container { margin: 0 auto -20px auto; min-width: 940px; max-width:1123px; padding-top:32px; padding-bottom:22px; opacity:0.9; }

.FE-footer-container br { font-size:0.5em; }

hr.footer-hr { border: 0; height: 1px;
	background: -webkit-linear-gradient(left,
    rgba(204,204,204,0) 0%,
    rgba(204,204,204,1) 25%,
	rgba(204,204,204,1) 75%,
	rgba(204,204,204,0) 100%);
}

.FE-footer-wrapper { width:100%; margin-top:80px; background-color:#e1e5e7;border-top:1px solid #152C53; 	background: -webkit-linear-gradient(top, #e1e4ec, white);
	min-width: 940px;}

.site-map-list { list-style-type:none; padding-left:60px; }
.site-map-column li { margin: 4px 0; }
.site-map-link, .site-map-column li a { color: #555 !important; font-size:0.8em; }
.site-map-column i { display:none; }

.copyright-company-name {
    font-weight: bold;
    text-transform: uppercase;
    color: #555;
}

.hover-underline:hover { text-decoration:underline !important; }
#admin-dropdown { box-shadow: 0px 1px 3px #777; background-color: rgb(245,245,245); color:black; margin:6px 1px 0 1px; padding:0 0 2px 0; }
#admin-dropdown li { padding: 5px; }
#admin-dropdown hr { height: 1px; border: none; background-color: #ccc; }
div#noticediv{
	border:none;
	padding:70px 90px;
	left: 50%;
	right:unset;
    -ms-transform: translate(-50%);
    transform: translateX(-50%);
	/* min-width:600px; */
	width:1000px;
	max-width:94%;
}
div[id^='modal-div-']{
	border:none;
	border-radius:10px;
	padding:70px 90px;
	left: 50%;
	top: 50%;
	right:unset;
    -ms-transform: translate(-50%);
    transform: translate(-50%, -50%);
	min-width:600px;
	width:800px;
	max-width: 95%;
	display: none;
}
/* #notice-screen {
	position:fixed;
	top:0;
	left:0;
	z-index:9989;
	height:100%;
	width:100%;
	opacity:65%;
	background-color:black;
} */
div[id^='modal-screen-'] {
	position:fixed;
	top:0;
	left:0;
	z-index:9989;
	height:100%;
	width:100%;
	opacity:65%;
	background-color:black;
	display: none;
}
#notice-close-x, div[id^='modal-close-x-'] {
	position:absolute;
	top:5px;
	right:5px;
	color:#152C53;
}
.close-x { cursor:pointer; font-size:2em; }

.fe-alert-msg { max-height:0; z-index:9992; text-align:center; position:fixed; top:60px; background-color:#B60000; color:white; width:100%; vertical-align: text-bottom; overflow:hidden; transition:max-height 0.6s cubic-bezier(0.65, 0, 0.076, 1);}
.fe-alert-msg p { padding: 3px 40px 3px 20px; margin:0; }
.fe-alert-msg a { color: #bbb; }
.fe-alert-msg .close-x { margin-top:-5px; height: 1em; font-size:1.5em;  position: absolute; top: 2px; right: 8px; }

/* Safari fixes */
_::-webkit-full-page-media, _:future, :root #site-content {
	display:inline-table;
}

.icon-stack {
	position: relative;
	display: inline-block;
	width: 2em;
	height: 2em;
	line-height: 2em;
	vertical-align: middle;
}
.icon-stack-1x,
.icon-stack-2x,
.icon-stack-3x {
	position: absolute;
	left: 0;
	width: 100%;
	text-align: center;
}
.icon-stack-1sx {
	font-size: 0.9em;
}
.icon-stack-1x {
	line-height: inherit;
}
.icon-stack-2x {
	font-size: 1.5em;
}
.icon-stack-3x {
	font-size: 2em;
}
a[id^='open-notice-'] {
    position: relative;
}
.notice-badge:before{
    content:"";
    position: absolute;
    background: rgb(255, 94, 0);
    height:0.3rem;
	width:0.3rem;
    top:0.03rem;
    left:0.001rem;
    /* text-align: center; */
    line-height: 0.3rem;
    font-size: 0.3rem;
    border-radius: 50%;
    color:white;
    border:1px solid rgb(255, 94, 0);
}

#menu-hint-container { position:fixed; top:50px; left:16px; z-index:9999; }
#menu-hint-container .up-arrow { height:0; width:0; border-left:17px solid transparent; border-right:17px solid transparent; border-bottom:15px solid #586e81; }
#menu-hint-container .menu-hint { border-radius:8px; margin-left:-14px; background-color:#586e81; color: #fff; font-size: 1em;  padding:10px 15px 13px 15px; box-shadow:3px 3px 3px #555; }
/* Global Small Screen */
@media (max-width: 805px) {
	.FE-footer-wrapper{
		min-width: unset !important;
	}
	.FE-footer-container{
		min-width: unset !important;
	}
	#section-header-name-container{
		visibility: hidden;
	}
}

ul.menu-v > li > ul.menu-v > li > ul.menu-v > li > a {
    padding-left: 40px !important;
}

/* Global Large Screen */
@media (min-width: 805px) {

}