@charset "UTF-8";
/* Web Solutions 4.0 Compatible */
#alertApp {padding: .75rem 2.5rem;}
#alertApp h1 {font-size:1.25rem;}
/* HEADER ------------------------------*/
body>header{position: relative; height: 5.625em; border-bottom: 3px solid #006F3C; z-index: 5;}
#mainnav>ul>li>a {font-size: 1.3125em;}

/* NAV ------------------------------ */
nav ul{margin: 0}
#mainnav{overflow:visible; float: right; width: auto; clear: none; margin: 2.15em 0;}
#mainnav ul{text-align:center;overflow:visible;margin: 0;padding: 0;}
#mainnav li{display:inline-block;position:relative}
#mainnav a{line-height:1.5;padding:.45em .778em .551em;display:inline-block;color:#666;text-decoration:none;}
#mainnav>ul>li:hover>a, #mainnav>ul>li:active>a{background:#000;color:#fff}
#mainnav>ul>li.on>a{background:#006F3C;color: #fff;}

/*dhtml*/
#mainnav>ul>li>ul{z-index:1;width:16em;padding:.5em 0;background:#E8E8E8;position:absolute;overflow:auto;height:auto; top: -200vh;opacity: 0;z-index: -1; visibility: hidden; -webkit-transition: ease 200ms opacity 0.35s; transition: ease 200ms opacity 0.35s;}
#mainnav li:hover ul, #mainnav>ul>li>a.tapped + ul {opacity: 1; top:auto; visibility: visible; z-index: 1;}
#mainnav>ul>li:last-child ul, #mainnav>ul>li:nth-last-child(2) ul{right:0}
#mainnav li ul li{width:100%;display:block;float:left;padding-left: .5rem;padding-right: .5rem;}
#mainnav ul li ul li a{background:none;color:#000}
#mainnav li ul li a{font-size:1rem;line-height:1.1em;padding:.3em .5em;display:block;width:100%;text-align:left;float:left;}
#mainnav li ul li a:hover, .t1 li ul li a:active{color:#fff;background:#000;border-radius: 4px;}

/* dropdown menu */
#mainnav>ul>li:nth-child(1) { position: static;}
#mainnav li .megamenu {border-top:solid 3px #006F3C;z-index:1;top: -200vh;opacity: 0;visibility: hidden; text-align:left; width:48rem;max-width:100%;padding:1rem 1em;background:#E8E8E8;position:absolute;overflow:auto;height:auto;visibility: hidden; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch;}

#mainnav li:hover .megamenu {top:auto;opacity: 1;z-index: 1;visibility: visible}
#mainnav li .megamenu > * {-webkit-flex: 1 1 auto;-ms-flex: 1 1 auto;flex: 1 1 auto;}
#mainnav li .megamenu .sportsmenu section h2 a{color:#006F3C;font-size: 1.2rem;text-transform: uppercase;margin-bottom: .5rem;}
#mainnav li .megamenu .sportsmenu section h2 a{margin-bottom: 0;line-height: 1;padding: 0;font-weight: 700;}
#mainnav li .megamenu .sportsmenu section h2{margin-bottom: 0;}
#mainnav .megamenu .sportsmenu {width: 80%;vertical-align: top;}
#mainnav .megamenu .sportsmenu ul {margin-right: 5%;}
#mainnav li .megamenu .sportsmenu section {width:33%; padding:0; background: none; top:auto; left:auto; right:auto; position: relative; display: inline-block;vertical-align: top;}
#mainnav li .megamenu ul li {display: block;padding: 0;}
#mainnav li .megamenu ul li a{background:none;color:#000; font-size:1rem;line-height:1.1em;padding:.3em .5em; display:block;width:100%;text-align:left;float:left}
#mainnav li .megamenu ul li a:hover{color:#fff;background:#000;border-radius: 4px;}

#navContainer{position: relative;}

/* ancillary */
#ancillary {position: absolute;right:0;top:0;font-family: "Barlow", sans-serif;background-color: #006F3C;}
#ancillary ul{display: inline}
#ancillary li{display: inline;}
#ancillary a {display: inline-block;padding: .15em 1em .35rem 1rem;text-decoration:none;color:#fff;font-size: .93rem;height: 30px;}
#ancillary a {border-left: 2px solid #fff;}
#ancillary a:hover, #ancillary a:active,#ancillary li.on a{background-color:#004827;color:#fff;}
#ancillary li.on a {text-decoration:none;background-color:#000;color:#fff;}
#ancillary .search{display: inline;}
#ancillary .search input{display: inline-block}

/* mobile */
#mobilenav,.menu{display: none}
/* HERO ---------------------------- */
.hero h1 {
        font-size: 4rem;
    }

    .hero::before {
        content: "";
        background-image: url(/images/white-shield.svg);
        height: 7.75rem;
        width: 7.75rem;
        background-repeat: no-repeat;
        background-position: center center;
        position: absolute;
        bottom: .25em;
        right: 0;
        z-index: 1;
    }

/* RIBBON 2 ---------------------------- */


.ribbon2 {padding-top: 2em;padding-bottom:8em;}
.ribbon2 h2 {font-size: 2.5em;}
    .ribbon2 .wrap {display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
        }
    .ribbon2 .wrap>section{ width: 33.33%;}
    .ribbon2 .wrap>section:first-child { padding-right: 2em; }
    .ribbon2 .wrap>section:last-child{padding-left: 10%;}
    .ribbon2 .schedule {border-left: 2px solid #fff;margin: 0;}
/* Home Sports Ribbons ---------------------------- */
.fall h2, .spring h2, .winter h2 {margin-bottom: 3rem;font-size: 2.5rem;}
.sports li{width: 20%;margin: 2% 1% 0 1%}
.content .sports li{width: 31%;margin: 2% 1% 0 1%;padding-left: 0;}
.sports .wrap p{max-width: 60vw;}
.content .sports li:before {margin: 0;}
/* MAIN ------------------------------
main,body>footer{padding-left: 3%;padding-right: 3%}*/
.content ol{margin-left:2em}
#sidenav li ul li.on ul li a{font-size:.889em;}
main>div>aside{width:15.3125rem;padding-right: 2.8125rem; overflow:hidden;float: left; margin-top: 1rem;}
body.fullWidth  #content {width: 100%;margin: 0 auto;float: none}

#content{float:right;width:calc(100% - 15.3125rem);padding:0 0 50px;overflow:hidden;min-height:600px;position:relative}
#content.fullWidth {float:none;margin: 0 auto}
.wsManagementLogin td:first-child {width:40%; text-align: right}

.twoCol, .threeCol, .resCol{
-webkit-column-rule:0;
        column-rule:0;
}

.twoCol {-webkit-columns:2;columns:2;}
.threeCol {-webkit-columns:3;columns:3;}
.resCol {
	-webkit-columns: auto;columns: auto;
	-webkit-column-width: 13em;column-width: 13em;
}

.formTable td{width:50%}
.formTable td{padding:0 0 .5em .5em}
.formTable td:first-child{padding:0 .5em .5em 0}
.formTable td[colspan="2"]{padding-right:0}
.formTable.formLoose,.formTable.formLoose td{width:auto}

.photoright{margin:0 0 3em 4em;}
.photoleft{margin:0 4em 3em 0;}

.content .fancyList li {width: 23%;margin: 1% 1%;}
/* RIBBON 2 ---------------------------- */
.home-events ul li:nth-of-type(7), .home-events ul li:nth-of-type(8) {
        background-image: none;
}
.home-events svg {
        width: 21.875em;
}

table.mobileTable td:before {content: none !important;}
/* FOOTER ------------------------------ */
.fatFooter>nav {float: left;}
.fatFooter section {width: 20%;float: left;}
.footer-logos {width: 30%;float: right;margin-top: 2.8rem;}
.fatFooter>nav{float: left;width: 50%;margin-top: 2.8rem;}
.fatFooter>nav>ul{float: left;width:50%}
#web-solutions-exposure {float:right;margin-left:11px}
body>footer .wrap nav span:before {content: "|"; margin: 0 0.5em}
.row1{  display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;}

.row2{ display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;}

.row1 {margin-bottom: 1rem;}
.row1 a:first-of-type img {
	height: 50px;
}
.row1 a:nth-of-type(2) img{
	float: right;
	margin-top: .75rem;
	height: 50px;
}
.row2 a:nth-of-type(1) img{
	float: right;
	margin-top: .75rem;
	height: 35px;
}
.row2 a:nth-of-type(2) img{
	float: right;
	margin-top: .75rem;
	height: 60px;
}
.row2 a:nth-of-type(3) img{
	float: right;
	margin-top: .75rem;
	height: 50px;
}

.social {margin:10% 15% 10% 0}


@media (min-width: 2000px) {
  body {font-size: 1.1em;}
}


@media (max-width: 1250px) {
  body>*>.wrap, #alertApp>*, .home .wrap,body>footer>.fatFooter  {padding-left: 5vw; padding-right: 5vw;}

  #brand {width: 9em}
  #brand img { width: 100%;}

  .home-events svg {
    opacity: .05;
    z-index: -1;
    bottom: .5em;
    top: auto;
    right: .5em;
  }
  .home-events svg path, .home-events svg ellipse {fill: #000;}

  .welcome-message-text {
    padding-left: 5vw;
    padding-right: 2vw;
    font-size: .9em;
  }

  .home-events ul {padding-left: 3em;}

  #mainnav { margin: 2.58em 0; }
  #mainnav>ul>li>a{ font-size: 1.125rem; padding: .45rem .5rem;}
  #mainnav li ul li a, #mainnav li .megamenu ul li a { font-size: .9rem;}
  #mainnav li .megamenu { width: 36em;}
}


@media (max-width: 1000px) {
  .ribbon2 h2 { font-size: 2em; }
  .ribbon2 .wrap > section:last-child { padding-left: 5%;}
  .quicklinks {margin-top: 4rem;}
  #mainnav > ul > li > a {font-size: .9rem;}
  #mainnav li .megamenu {right: 0; }
}

@media (max-width: 950px) {
  .ribbon2 .schedule {border:solid 2px #fff}
  .ribbon2 {padding-bottom: 2rem;}
  .ribbon2 .wrap > section {width: 100%;margin-bottom: 2rem;}
  .ribbon2 .wrap>section:first-child { padding-right: 0; }
  .ribbon2 .wrap > section:last-child {padding-left: 0;}
  body > header {height: 5em;}

  #brand { width: 7em;}
  #brand svg {margin-right: .25em;}
  #mainnav {margin: 2.4em 0 0;}
  .fatFooter > nav {width: 30%;}
  .fatFooter > nav > ul {width: 100%;}
  .footer-logos{width: 50%;}
  .welcome-message-text { padding: 5vw 3vw; }
  .welcome-message h1 { margin-bottom: 1rem; }
  .welcome-message-image {padding-top: 52%;}
}

@media (max-width: 850px) {
  table.mobileTable a {word-break: break-all;}
}

@media (max-width: 800px) {
  #mainnav>ul>li>a { padding: 0.45rem 0.375rem; }
  #brand { width: 6em;}
}