/* ==========================================={ TLB CSS STYLESHEET }===================================== */
@font-face {
  font-family: 'Fjalla One';
  src: url("/Content/fonts/fjallaone-regular-webfont.woff2") format("woff2"), url("/Content/fonts/fjallaone-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Archivo Narrow';
  src: url("archivonarrow-regular-webfont.woff2") format("woff2"), url("archivonarrow-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

* {
  margin: 0;
  padding: 0; }

body,
html {
  height: 100%;
  scroll-behavior: smooth; }

body {
  background-color: #000;
  font-size: 13px;
  margin: 0;
  padding: 0;
  color: #333;
  font-family: 'Open Sans', sans-serif; }

a:link {
  color: #f58026;
  text-decoration: none !important; }

#main a {
  color: #f58026;
  text-decoration: underline; }

#main a:hover {
  color: #f58026;
  text-decoration: none; }

a:visited {
  color: #f58026;
  text-decoration: none; }

a:hover {
  color: #f58026;
  text-decoration: none; }

a:active {
  color: #f58026; }

header,
footer,
nav,
section {
  display: block; }

img {
  border: none; }

.group:after {
  content: "";
  display: table;
  clear: both; }

/* ==============={ Special/Auto Classes}=============== */
.clear {
  clear: both; }

.wrap {
  width: 100%;
  max-width: 1150px;
  min-width: 200px;
  margin: 0 auto;
  position: relative; }

.wrap2 {
  width: 100%;
  max-width: 1000px;
  min-width: 200px;
  margin: 0 auto;
  position: relative; }

.wrap3 {
  width: 100%;
  max-width: 1150px;
  min-width: 200px;
  margin: 0 auto;
  position: relative;
  z-index: 2; }

#Home .wrap3 {
  max-width: 100%;
  width: 100%; }

table {
  border-collapse: collapse; }

.noClick {
  cursor: default; }

.archivo {
  font-family: 'Archivo Narrow', sans-serif; }

/*.chrome{font-family: 'sofachrome'; color:#fff;}*/
.marginL5 {
  margin-left: 5%; }

.marginR5 {
  margin-right: 5%; }

.marginR2 {
  margin-right: 2%; }

/* ==============={ HEADINGS }=============== */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Fjalla One', sans-serif; }

#Home h1 {
  padding-bottom: 0;
  margin: 0px 0 30px 0;
  color: #f58026;
  font-size: 30px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin: 8px 0; }

h1 {
  text-transform: uppercase;
  font-size: 30px;
  padding-bottom: 0;
  margin: 0px 0 30px 0;
  color: #2e4558; }

h2 {
  padding: 0;
  color: #2e4558;
  font-size: 22px;
  margin: 20px 0 10px 0;
  font-weight: normal; }

h3 {
  font-size: 16px;
  margin: 15px 0 8px 0;
  color: #2e4558;
  font-weight: normal; }

h4 {
  font-size: 18px; }

h5,
h6 {
  font-size: 14px;
  color: #ff6f20;
  font-style: italic;
  margin: 15px 0; }

#mainWhite li {
  list-style-image: url(/Content/images/baseballLi.png);
  margin: 0 0 5px 30px;
  font-style: italic; }

#mainWhite ol {
  counter-reset: item; }

#mainWhite ol li {
  display: block;
  list-style-image: none;
  list-style-type: none;
  margin: 15px 0 5px 30px;
  font-style: italic; }

#mainWhite ol li:before {
  content: counter(item) ". ";
  counter-increment: item;
  font-weight: bold;
  font-size: 16px; }

#mainWhite ol li ol li:before {
  content: counter(item) ". ";
  counter-increment: item;
  font-size: 12px; }

#mainWhite p {
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 15px; }

/* ==============={ COLORS }=============== */
.orange {
  color: #f58026; }

.lteGreen {
  color: #87ba0a; }

.drkGreen {
  color: #425c04; }

.gray {
  color: #333132; }

.drkBlue {
  color: #101d2d; }

.lteBlue {
  color: #4D6275; }

/* ==============={ HEADER AREA }=============== */
#header {
  display: block;
  width: 100%;
  margin: 0 auto;
  height: 185px;
  position: absolute;
  top: 0;
  z-index: 1000;
  margin-top: 15px; }

#headerLogo {
  display: block;
  height: 98px;
  width: 201px;
  float: left;
  position: relative;
  z-index: 2;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease; }

#headerLogo:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)" !important;
  filter: alpha(opacity=90) !important;
  opacity: 0.9 !important; }

#headerLogo img {
  float: left;
  margin-top: 20px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease; }

#headerLogo:hover img {
  margin-top: 17px; }

#slogan {
  display: block;
  float: left;
  font-family: 'Fjalla One', sans-serif;
  font-size: 35px;
  color: #4D6275;
  height: 77px;
  line-height: 52px;
  margin: 0 auto;
  text-align: center;
  width: 40%;
  margin-top: 10px; }

#slogan1 {
  width: 100%;
  float: left;
  text-align: center; }

#slogan2 {
  width: 100%;
  float: left;
  text-align: center;
  font-size: 16px;
  line-height: 0px;
  color: #393A3C; }

#headerSocial {
  float: right;
  display: block;
  height: 60px; }

.headerSocial {
  float: left;
  display: block;
  height: 29px;
  width: 29px;
  margin: 0 2px;
  margin-top: 16px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease; }

.headerSocial:hover {
  margin-top: 10px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)" !important;
  filter: alpha(opacity=70) !important;
  opacity: 0.7 !important; }

#facebook {
  background: url(/Content/images/facebook.png) top center no-repeat; }

#twitter {
  background: url(/Content/images/twitter.png) top center no-repeat; }

#youTube {
  background: url(/Content/images/youTube.png) top center no-repeat; }

#instagram {
  background: url(/Content/images/instagram.png) top center no-repeat; }

#headerWhite {
  background: #fff;
  width: 100%;
  height: 30px;
  display: block;
  float: left;
  position: relative;
  z-index: 1; }

#headerNav {
  display: block;
  float: left;
  background: url(/Content/images/headerBG.png) top left repeat;
  height: 60px;
  width: 100%; }

#headerMenu {
  display: block;
  float: left;
  width: 77%;
  height: 60px;
  line-height: 60px; }

#headerMenu ul {
  width: 100%;
  float: left; }

#headerMenu li {
  display: block;
  float: left;
  height: 60px;
  width: auto;
  position: relative; }

#headerMenu li a {
  overflow: hidden;
  text-decoration: none;
  color: #fff;
  font-size: 14px;
  padding: 0px 2%;
  font-family: 'Archivo Narrow', sans-serif;
  width: 100%;
  height: 100%;
  float: left;
  display: block;
  position: relative;
  outline: none; }

.headerMenuBox {
  margin: 0 auto;
  text-align: center;
  margin: 0px 16px;
  float: left;
  position: relative;
  z-index: 2;
  display: block; }

#headerMenu li a img {
  float: left;
  display: block;
  margin-top: 18px;
  width: 24px;
  height: 24px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease; }

#headerMenu li a .headerMenuText {
  float: left;
  display: block;
  margin-left: 3px;
  color: #fff;
  font-size: 13px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease; }

#headerMenu li a .headerMenuHover {
  display: block;
  position: absolute;
  z-index: 1;
  background: #87ba0a;
  width: 100%;
  height: 60px;
  margin-top: 65px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease; }

#headerMenu li a:hover,
#headerMenu li a:focus,
#headerMenu li a:active {
  outline: none; }

#headerMenu li:hover #complexA img,
#headerMenu li:hover #tournamentsA img,
#headerMenu li:hover #merchandiseA img,
#headerMenu li:hover #aboutA img,
#headerMenu li:hover #Sponsorship img {
  -webkit-animation: navHover 1s linear infinite;
  -moz-animation: navHover 1s linear infinite;
  -o-animation: navHover 1s linear infinite;
  -ms-animation: navHover 1s linear infinite;
  animation: navHover 1s linear infinite; }

#headerMenu li:hover #complexA .headerMenuHover,
#headerMenu li:hover #teamA .headerMenuHover,
#headerMenu li:hover #Sponsorship .headerMenuHover,
#headerMenu li:hover #tournamentsA .headerMenuHover,
#headerMenu li:hover #merchandiseA .headerMenuHover,
#headerMenu li:hover #aboutA .headerMenuHover {
  margin-top: 0; }

#headerMenu li:hover #teamA img {
  -webkit-animation: navHover 1s linear infinite;
  -moz-animation: navHover 1s linear infinite;
  -o-animation: navHover 1s linear infinite;
  -ms-animation: navHover 1s linear infinite;
  animation: navHover 1s linear infinite; }

/* ======{ HEADER DROP DOWNS }====== */
#headerMenu .headerDrop {
  position: absolute;
  top: 60px;
  left: 2px;
  max-height: 0;
  overflow: hidden;
  display: block;
  width: 190px;
  text-align: left;
  padding: 0px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  transition: all 0.4s ease; }

#headerMenu #teamAA .headerDrop {
  left: 3px; }

#headerMenu .headerDrop li {
  display: block;
  float: left;
  width: 100%;
  height: 40px;
  line-height: 40px; }

#headerMenu .headerDrop li a {
  padding-left: 5px;
  display: block;
  width: 155px;
  height: 100%;
  overflow: hidden;
  text-align: left;
  text-decoration: none;
  background: url(/Content/images/black80.png) top left repeat; }

#headerMenu .headerDrop li a .headerDropHover {
  background: #87ba0a;
  z-index: 1;
  position: absolute;
  top: 0;
  left: -200px;
  width: 195px;
  height: 100%;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease; }
  @media only screen and (max-width: 1000px) {
    #headerMenu .headerDrop li a .headerDropHover {
      background-color: transparent; } }

#headerMenu .headerDrop li a .headerDropText {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: block; }

#headerMenu .headerDrop li a:hover .headerDropHover {
  left: 0; }

#headerMenu .headerDropLi:hover .headerDrop {
  max-height: 300px; }

.mobileLogo {
  display: none; }

#mobileMenu {
  display: none; }

#mobileLogin {
  display: none; }

#mobileEnrollment {
  display: none; }

#headerList .mobileHeaderLink {
  display: none; }

#headerMenu .headerDropLi .noShowMenuItem {
  display: none; }

/* ======{ Weather Widget }====== */
.trailPartial {
  border: 2px solid #fff;
  display: block;
  position: absolute;
  top: -15px;
  right: 2%;
  width: 235px;
  background: transparent;
  height: 69px; }

#weatherTitle {
  display: block;
  float: left;
  width: 95%;
  height: 20px;
  background: #fff;
  text-align: right;
  padding-right: 5%;
  font-family: 'Archivo Narrow', sans-serif;
  color: #727272;
  font-size: 11px;
  letter-spacing: 1px;
  font-weight: bold; }

.popOpen {
  display: block;
  float: right;
  cursor: pointer;
  background: #fff;
  width: 45px;
  height: 50px;
  text-align: center; }

.popOpen Img {
  display: block;
  margin: 0 auto;
  margin-top: 20px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease; }

.popOpen:hover img {
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -ms-transform: rotate(360deg); }

.trailPartial .trailDetail {
  display: block;
  float: right;
  width: 190px;
  height: auto; }

#homeWeather {
  display: block;
  float: left;
  color: #3e5c74;
  font-family: 'Archivo Narrow', sans-serif;
  width: 188px;
  margin-top: 5px; }

#homeWeather .weatherItem {
  color: #fff; }

#homeWeather .weatherForecastDay {
  display: none; }

#homeWeather .weatherIcon {
  float: left;
  padding: 0 0px 0 0; }

#homeWeather .weatherIcon img {
  max-height: 60px;
  display: block;
  margin-left: 10px;
  margin-top: -20px; }

#homeWeather .weatherTemp {
  float: left;
  margin-right: 10px;
  color: #3e5c74;
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 12px;
  font-weight: bold; }

#homeWeather .weatherDesc {
  float: left;
  color: #3e5c74;
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 10px; }

#homeWeather .weatherRange {
  float: left;
  color: #3e5c74;
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 10px; }

/* WEATHER POPUP STYLING
=========================================================== */
#popupBox.popSlide {
  top: 50%; }

#popUpOverlay.popShow {
  display: block; }

#popUpOverlay.popShow2 {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
  filter: alpha(opacity=100) !important;
  opacity: 1 !important; }

#popUpOverlay {
  overflow: hidden;
  position: fixed;
  text-align: center;
  z-index: 1500;
  top: 0;
  left: 0;
  background: url(/Content/images/black80.png) top left repeat;
  display: none;
  height: 100%;
  width: 100%;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important;
  filter: alpha(opacity=0) !important;
  opacity: 0 !important; }

#popupBox {
  display: block;
  height: auto;
  width: 850px;
  background: #fff;
  margin: 0 auto;
  left: 50%;
  top: -60%;
  position: fixed;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  font-family: "Archivo Narrow";
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  transition: all 0.6s ease; }

.popupBoxTitle {
  float: left;
  width: 100%;
  background: url(/Content/images/black80.png) top left repeat;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-family: "Fjalla One", sans-serif;
  color: #fff;
  font-size: 25px; }

.close {
  background: #87ba0a;
  text-align: center;
  height: 40px;
  width: 40px;
  float: right;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease; }

.close img {
  display: block;
  margin: 0 auto;
  height: 20px;
  width: 20px;
  margin-top: 10px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease; }

.close:hover {
  background: #2C86A9; }

.close:hover img {
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -ms-transform: rotate(360deg); }

#map {
  float: left;
  width: 65%; }

#map img {
  height: auto;
  width: 100%;
  float: left; }

#fields {
  display: block;
  float: left;
  width: 450px;
  height: 267px; }

#popupWeather {
  display: block;
  height: auto; }

#popupWeather .weatherItem {
  display: block;
  width: 260px;
  padding: 10px;
  float: left;
  background: #2c86a9;
  color: #fff;
  -webkit-box-shadow: 0 10px 10px -10px #000000 inset;
  box-shadow: 0 10px 10px -10px #000000 inset; }

#popupWeather .weatherCity {
  display: none; }

#popupWeather .weatherTemp:before {
  content: "Currently: "; }

#popupWeather .weatherTemp:after {
  content: "F"; }

#popupWeather .weatherHumidity:after {
  content: "%"; }

#popupWeather .weatherVisibility:after {
  content: " mi."; }

#popupWeather .weatherTemp,
#popupWeather .weatherDesc,
#popupWeather .weatherRange,
#popupWeather .weatherWind,
#popupWeather .weatherHumidity,
#popupWeather .weatherVisibility {
  width: 130px;
  float: left;
  line-height: 20px;
  font-size: 15px; }

#popupWeather .weatherIcon {
  width: 120px;
  height: 120px;
  float: left; }

#popupWeather .weatherIcon img {
  width: 100px;
  height: 100px; }

#popupWeather .weatherForecast {
  width: 550px;
  padding: 10px;
  float: right; }

#popupWeather .weatherForecast .weatherForecastItem {
  width: 183px;
  float: left; }

#popupWeather .weatherForecast .weatherForecastItem img {
  width: 75px;
  height: 75px;
  display: block;
  margin: 0 auto; }

#popupWeather .weatherForecast .weatherForecastDesc {
  text-align: center;
  font-size: 13px; }

#popupWeather .weatherForecast .weatherForecastRange {
  text-align: center;
  font-size: 13px; }

#weatherItem .weatherForecastDay,
#popupWeather .weatherForecastDay {
  text-align: center;
  line-height: 10px;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0 0 5px; }

.md-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  visibility: hidden;
  top: 0;
  left: 0;
  z-index: 998;
  opacity: 0;
  background-color: #000;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.md-show ~ .md-overlay {
  opacity: 0.8;
  visibility: visible; }

.quickViewHeader {
  display: block;
  float: left;
  height: 36px;
  width: 100%;
  background: url(/Content/images/forumHeader.jpg) bottom center no-repeat;
  position: relative; }

.quickViewHeader .QuickViewText,
.quickViewHeader .QuickViewText2 {
  text-align: center;
  color: #fff;
  width: 100%;
  height: 15px;
  padding: 10px 0;
  line-height: 10px;
  font-size: 20px;
  display: block;
  letter-spacing: 3px; }

.quickViewHeader .md-close {
  position: absolute;
  right: 20px;
  top: 2px;
  border: none;
  background: #cc0000;
  color: #fff;
  padding: 5px 10px;
  border-radius: 4px; }

.quickViewHeader .md-close:hover,
.quickViewHeader .md-close:active {
  background: #ff0000; }

#md-maincontent {
  display: block;
  float: left;
  width: 100%; }

.md-modal {
  position: fixed;
  border: solid 1px #000;
  top: 50%;
  left: 50%;
  width: 850px;
  height: 579px;
  height: auto;
  z-index: 999;
  visibility: hidden;
  padding: 0px;
  background: #fff;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%); }

.md-show {
  visibility: visible; }

#popupWeather {
  float: left;
  width: 100%; }

#fieldinfo {
  width: 35%;
  float: left;
  display: block;
  text-align: center;
  margin: 0 auto;
  margin-top: 5px; }

.trailInformation {
  width: 100%;
  display: block;
  margin: 0 auto; }

.trailListing {
  margin: 0 auto;
  display: block;
  width: 300px;
  border-bottom: 5px solid #333;
  height: 167px; }

.trailDetail {
  display: block;
  float: right;
  width: 20%;
  height: 33px; }

.trailDetail span {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 12px;
  line-height: 33px;
  color: #fff; }

.trailPartial .trailDetail span {
  line-height: 50px !important; }

.trailDetail span.closed {
  background: Red; }

.trailDetail span.open {
  background: Green; }

.trailInformation .trailTableWrapper {
  float: left; }

.trailsList th {
  width: 100px;
  font-weight: bold;
  font-size: 13px;
  padding-bottom: 8px; }

.trailsList tr {
  border-top: 1px solid rgba(0, 0, 0, 0.2); }

.trailsList tr.labels {
  border: none; }

.trailsList td {
  text-align: center;
  padding: 3px 0; }

.trailsList td.closedTrail {
  color: #C77344; }

.trailsList td.openTrail {
  color: #87ba0a; }

.trailCount {
  font-size: 30px;
  line-height: 32px;
  letter-spacing: 1.25px;
  color: #3a1a02;
  margin: 0 23px;
  padding: 4px 0;
  height: 32px;
  float: left; }

.trailCount .open,
.trailCount .all {
  font-weight: bold; }

.trailCount .desc {
  font-size: 12px;
  line-height: 14px;
  display: block;
  float: right;
  width: 45px;
  padding: 2px 0 2px 10px; }

.trailCount .open {
  color: #f58026; }

.trailPartial .viewAllTrails {
  display: block;
  float: left;
  color: #f58026;
  text-decoration: none;
  text-align: right;
  padding: 5px;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 2px;
  text-transform: uppercase;
  background: #000;
  width: 335px; }

.fieldListing {
  display: block;
  float: left; }

#popRestaraunts {
  width: 300px;
  height: auto;
  margin-top: 10px;
  margin: 0 auto;
  margin-top: 45px; }

#umbrellaBar {
  width: 300px;
  margin: 0 auto; }

#umbrellaLeft {
  width: 36%;
  float: left;
  padding: 2%;
  display: block;
  height: auto; }

#umbrellaTitle {
  width: 100%;
  float: left;
  font-size: 16px;
  font-weight: bold;
  color: #2C86A9;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease; }

#umbrellaLeft img {
  float: left;
  width: 100%;
  height: auto;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease; }

#umbrellaLeft:hover img {
  -moz-transform: rotate(360deg) scale(0.7);
  -webkit-transform: rotate(360deg) scale(0.7);
  transform: rotate(360deg) scale(0.7);
  -o-transform: rotate(360deg) scale(0.7);
  -ms-transform: rotate(360deg) scale(0.7); }

#umbrellaLeft:hover #umbrellaTitle {
  color: #f58026; }

#umbrellaRight {
  float: left;
  width: 56%;
  padding: 2%; }

.umbrellaHours {
  width: 100%;
  float: left;
  margin: 5px 0; }

/* ==============={ TOP AREA }=============== */
#top {
  margin: 0;
  padding: 0;
  background: url(/Content/images/theRockBaseballRotator1.jpg) top center no-repeat;
  width: 100%;
  margin: 0 auto;
  display: block;
  position: relative;
  height: 958px; }

#batterHead {
  display: block;
  position: absolute;
  z-index: 1100;
  background: url(/Content/images/topOfBaseballPlayer.png) top center no-repeat;
  width: 123px;
  height: 74px;
  top: 65px;
  right: 120px; }

#batterTail {
  display: block;
  position: absolute;
  z-index: 1100;
  background: url(/Content/images/bottomOfBaseballPlayer.png) top center no-repeat;
  width: 91px;
  height: 67px;
  top: 138px;
  right: 151px; }

#catcher {
  display: block;
  position: absolute;
  z-index: 1100;
  background: url(/Content/images/catcherBody.png) top center no-repeat;
  width: 399px;
  height: 332px;
  top: 554px;
  right: -18px; }

/* ==============={ TOURNAMENTS }=============== */
#tournaments {
  display: block;
  float: left;
  margin-top: 565px;
  position: relative;
  width: 100%;
  position: relative;
  height: 295px;
  background: url(/Content/images/black80.png) top center repeat; }

.featuredTournamentsRotator {
  display: block;
  width: 729px;
  overflow: hidden;
  float: left;
  height: 278px; }

.featuredTournamentsRotator a {
  display: block;
  height: 100%;
  width: 100%;
  float: left;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease; }

.featuredTournamentsRotator a:hover {
  -webkit-box-shadow: 5px 10px 5px rgba(0, 0, 0, 0.8);
  box-shadow: 5px 10px 5px rgba(0, 0, 0, 0.8);
  -moz-transform: scale(0.95);
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
  -o-transform: scale(0.95);
  -ms-transform: scale(0.95); }

.jshowoff-slidelinks,
.jshowoff-1-slidelinks {
  display: block;
  position: absolute;
  top: 35px;
  right: 297px; }

.jshowoff-slidelinks a {
  background: url(/Content/images/tournamentInactive.png) top center no-repeat;
  display: block;
  float: left;
  margin-right: 8px;
  height: 7px;
  width: 7px; }

.jshowoff-slidelinks .jshowoff-active,
.jshowoff-slidelinks .jshowoff-1-active {
  background: url(/Content/images/tournamentActive.png) top center no-repeat;
  display: block;
  float: left;
  margin-right: 8px;
  height: 7px;
  width: 7px; }

.featuredTournamentsRotator .featuredTournament,
.featuredTournamentsRotator .featuredCamp,
.featuredTournamentsRotator .featuredLeague {
  display: block;
  width: 729px;
  height: 259px;
  float: left;
  margin-top: 20px;
  position: relative;
  text-transform: uppercase;
  font-family: "Archivo Narrow";
  font-weight: 700; }

@media (max-width: 720px) {
  .featuredTournamentsRotator .featuredTournament {
    width: 100%; } }

.featuredTournamentsRotator a {
  color: white;
  display: block;
  text-decoration: none; }

.featuredTournamentsRotator .featuredTournament a {
  background: url(/Content/images/tournamentBGIcon.jpg) center no-repeat; }

@media (max-width: 720px) {
  .featuredTournamentsRotator .featuredTournament a {
    background-position: right center; } }

.featuredTournament img {
  display: block;
  position: absolute;
  top: 17px;
  left: 25px;
  max-width: 235px; }

@media (max-width: 720px) {
  .featuredTournament img {
    max-width: 200px; } }

@media (max-width: 630px) {
  .featuredTournament img {
    top: 57px;
    left: 20px;
    max-width: 150px; } }

@media (max-width: 515px) {
  .featuredTournament img {
    top: 95px; } }

@media (max-width: 490px) {
  .featuredTournament img {
    top: 109px;
    max-width: 126px; } }

.featuredTournamentsRotator .nextHeadline {
  text-transform: uppercase;
  display: block;
  padding: 13px 0 15px 387px;
  font-size: 36px;
  line-height: 28px;
  letter-spacing: 2px; }

@media (max-width: 720px) {
  .featuredTournamentsRotator .nextHeadline {
    position: absolute;
    right: 0;
    padding-left: 0;
    margin-right: 112px; } }

@media (max-width: 710px) {
  .featuredTournamentsRotator .nextHeadline {
    margin-right: 19px; } }

.featuredTournamentsRotator .featuredCamp .nextHeadline {
  font-size: 31px; }

.featuredTournamentsRotator .nextHeadline .next {
  display: block;
  font-size: 20px;
  line-height: 16px;
  color: #F58026; }

.featuredTournament .tournamentDates,
.featuredTournament .tournamentDivisions,
.featuredTournament .regButton,
.featuredTournament .name {
  text-align: right;
  padding-right: 60px;
  display: block;
  float: none;
  width: auto;
  margin: 0; }

@media (max-width: 720px) {
  .featuredTournament .tournamentDates,
  .featuredTournament .tournamentDivisions,
  .featuredTournament .regButton,
  .featuredTournament .name {
    padding-right: 25px; } }

@media (max-width: 720px) {
  .featuredTournament .tournamentDates {
    margin-top: 72px; } }

@media (max-width: 515px) {
  .featuredTournament .tournamentDates {
    font-size: 26px; } }

.featuredTournament .tournamentDates {
  font-size: 31px;
  letter-spacing: 1px; }

.featuredTournament .tournamentDivisions {
  color: White;
  font-size: 23px;
  padding-left: 370px;
  line-height: 36px;
  max-height: 78px;
  padding-bottom: 4px; }

@media (max-width: 720px) {
  .featuredTournament .tournamentDivisions {
    padding-left: 0; } }

@media (max-width: 515px) {
  .featuredTournament .tournamentDivisions {
    font-size: 18px;
    line-height: 26px;
    padding-left: 149px; } }

.featuredTournamentsRotator .register {
  display: block;
  text-align: right;
  position: absolute;
  right: 60px;
  bottom: 25px; }

@media (max-width: 720px) {
  .featuredTournamentsRotator .register {
    right: 20px; } }

.featuredTournamentsRotator .regButton {
  margin-top: 5px;
  padding: 10px 20px;
  width: auto;
  background: #87ba0a;
  color: #fff;
  display: inline-block;
  text-transform: uppercase;
  border-radius: 4px;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  font-size: 18px;
  letter-spacing: 2px;
  transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease; }

.featuredTournamentsRotator .regButton:hover {
  background: #fff;
  color: #87ba0a;
  transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease; }

.featuredTournamentsRotator .name {
  line-height: 2;
  position: absolute;
  bottom: 0;
  right: 0;
  white-space: nowrap; }

.featuredTournamentsRotator .name img {
  position: relative;
  top: auto;
  left: auto;
  display: inline-block;
  margin-right: 4px; }

.featuredTournamentsRotator .featuredCamp a {
  background: url(/Content/images/FeaturedSummerCampBackground.jpg) center no-repeat; }

.featuredCamp .campTitle {
  position: absolute;
  top: 80px;
  right: 0;
  font-size: 17px;
  color: white;
  padding: 0 40px 0 0;
  display: block;
  width: 45%;
  text-align: right; }

.featuredCamp .campDateHeading,
.featuredLeague .leagueDateHeading {
  position: absolute;
  top: 67px;
  left: 85px;
  font-size: 27px;
  color: orange;
  text-shadow: 0 0 2px #fff; }

.featuredCamp .campDates,
.featuredLeague .leagueDates {
  position: absolute;
  top: 100px;
  left: 40px;
  width: 40%;
  color: black;
  font-size: 18px;
  line-height: 1.25;
  text-transform: none;
  text-align: center; }

.featuredLeague .leagueImage {
  position: absolute;
  top: 60px;
  left: 70px; }

.featuredLeague a {
  background: url(/Content/images/FeaturedLeagueBackground.jpg) center no-repeat; }

.featuredTournamentsRotator .featuredLeague .nextHeadline {
  font-size: 30px;
  line-height: 30px; }

.featuredLeague .leagueTitle {
  position: absolute;
  top: 80px;
  right: 0;
  font-size: 28px;
  color: white;
  padding: 0 40px 0 0;
  display: block;
  width: 280px;
  text-align: right; }

/* ==============={ FEATURED EVENT }=============== */
#featuredEvent {
  overflow: hidden;
  display: block;
  float: left;
  z-index: 1200;
  position: relative;
  padding-bottom: 10px;
  border-bottom: 15px solid #f58026;
  background: #fff;
  width: 100%;
  font-family: 'Open Sans', sans-serif; }

#featuredLeft {
  float: left;
  width: 45%;
  height: 100%;
  margin-left: 2%; }

#featuredEventLogo {
  display: block;
  float: left;
  margin-top: 40px;
  width: 100%; }

#featuredEventLogo img {
  width: 100%;
  max-width: 276px;
  max-height: 55px;
  height: auto; }

#featuredEventText {
  display: block;
  float: left;
  width: 100%;
  margin-top: 10px; }

#featuredEventText .regButton {
  width: 200px;
  background: #87ba0a;
  color: #fff;
  display: block;
  text-transform: uppercase;
  border-radius: 4px;
  text-align: center;
  padding: 10px 0;
  text-decoration: none;
  font-weight: bold;
  font-size: 18px;
  letter-spacing: 2px;
  margin-top: 5px;
  transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease; }

#featuredEventText .regButton:hover {
  background: #fff;
  color: #87ba0a;
  transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease; }

#featuredLeft h1 {
  margin: 0 0 10px;
  padding: 0;
  color: #000;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  font-size: 21px; }

#featuredLeft h2 {
  font-family: 'Open Sans', sans-serif;
  font-style: italic;
  font-size: 14px;
  color: #2e4558;
  margin: 10px 0; }

#featuredLeft p {
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  color: #000; }

#featuredRight {
  float: right;
  width: 50%;
  height: 100%;
  margin: 0 2% 0 0; }

#featuredRight img {
  float: right;
  max-height: 327px;
  max-width: 575px;
  margin-top: 40px;
  width: auto;
  height: auto; }

/* ==============={ MAIN/CONTENT AREA}=============== */
#Home #mainBG {
  position: absolute;
  z-index: 1;
  display: block;
  background: url(/Content/images/mainContentBG.jpg) bottom center no-repeat;
  overflow: hidden;
  height: 1418px;
  width: 100%; }

#Home #main {
  overflow: hidden;
  position: relative;
  margin-top: 0; }

#mainBG {
  display: none; }

#main {
  float: left;
  display: block;
  width: 100%;
  clear: both;
  margin-top: -3px; }

#Home #main p {
  font-size: 16px;
  font-style: italic;
  font-weight: bold;
  color: #fff; }

#contentWrap {
  z-index: 2; }

#contentWrap2 {
  width: 96%;
  margin: 0 2%; }

/* ==={ SIGN UP }=== */
#signUp {
  display: block;
  width: 100%;
  margin: 30px auto;
  height: 86px;
  font-family: 'Archivo Narrow', sans-serif;
  overflow: hidden; }

#signUpLeft {
  width: 75%;
  display: block;
  float: left;
  background: url(/Content/images/signUpBackground.jpg) top left repeat; }

#Home #signUpLeft {
  background: #fff; }

#Home #signUpLeft1 {
  color: #000; }

#Home #signUpLeft2 {
  color: #87ba0a; }

#signUpLeft1 {
  width: 100%;
  text-align: center;
  font-style: italic;
  font-size: 15px;
  color: #fff;
  display: block;
  height: 30px;
  line-height: 48px; }

#signUpLeft2 {
  width: 100%;
  text-align: center;
  font-weight: bold;
  font-size: 42px;
  color: #87ba0a;
  display: block;
  height: 60px;
  line-height: 60px;
  letter-spacing: 0; }

#main #signUpRight {
  float: left;
  width: 25%;
  background: #87ba0a;
  display: block;
  color: #fff;
  text-align: center;
  font-size: 50px;
  font-family: 'Fjalla One', sans-serif;
  height: 100%;
  line-height: 90px;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease; }

#main #signUpRight:hover {
  background: #2e4558; }

/* ==============={ FOOTER AREA}=============== */
#footer {
  display: block;
  float: left;
  width: 100%;
  background: #000;
  padding-bottom: 20px;
  position: relative;
  z-index: 2;
  font-family: "Archivo Narrow"; }

#footerContent {
  width: 96%;
  margin: 0 2%; }

#topFoot {
  width: 100%;
  float: left;
  display: block;
  margin-top: 25px; }

#footLogo {
  float: left;
  display: block;
  height: 98px;
  width: 201px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease; }

#footLogo:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)" !important;
  filter: alpha(opacity=70) !important;
  opacity: 0.7 !important; }

#footSignUp {
  display: block;
  float: right;
  width: 500px;
  margin-top: 25px; }

#footSignUpText {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 19px;
  color: #fff;
  font-weight: bold; }

#footSignUpForm {
  display: block;
  width: 100%;
  margin-top: 8px;
  height: 40px; }

.col-4Footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

#mailingList,
.formHolder {
  display: block;
  float: left;
  width: 100%;
  height: 100%; }

#mailingList .formHolder input {
  margin: 0;
  height: 24px;
  padding: 7px 9px;
  background: #fff;
  border: none;
  color: #444;
  font-family: inherit;
  font-size: 16px;
  line-height: 24px;
  display: block;
  float: left;
  width: 76%; }

#newsLetterSubmit {
  display: block;
  float: left;
  line-height: 38px;
  font-size: 18px;
  height: 38px;
  width: 20%;
  background: #87ba0a;
  text-align: center;
  font-family: 'Fjalla One', sans-serif;
  color: #fff;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease; }

#newsLetterSubmit:hover {
  background: #2E4558; }

#newsletterThankYou {
  display: block;
  margin: 0;
  text-align: center;
  width: 100%;
  color: #87BA0A;
  font-size: 16px; }

#bottomFoot {
  width: 100%;
  float: left;
  display: block;
  margin-top: 20px; }

#bottomFoot .orange {
  color: #f58026; }

#bottomFoot .orange:hover {
  color: #87ba0a; }

#bottomFoot .noClick:hover {
  color: #f58026; }

.footSubMenu {
  float: left;
  margin-left: 72px;
  display: block; }

.footSubMenu li {
  list-style-type: none; }

.footSubMenu li a {
  color: #fff;
  font-size: 16px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease; }

.footSubMenu li a:hover {
  color: #333; }

#footComplex {
  margin-left: 0; }

#footerSocial {
  float: right;
  display: block;
  height: 60px;
  margin-top: -15px; }

.footerSocial {
  float: left;
  display: block;
  height: 55px;
  width: 55px;
  margin: 0 4px;
  margin-top: 16px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease; }

.footerSocial:hover {
  margin-top: 10px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)" !important;
  filter: alpha(opacity=70) !important;
  opacity: 0.7 !important; }

#facebook2 {
  background: url(/Content/images/facebook2.png) top center no-repeat; }

#twitter2 {
  background: url(/Content/images/twitter2.png) top center no-repeat; }

#youTube2 {
  background: url(/Content/images/youTube2.png) top center no-repeat; }

#instagram2 {
  background: url(/Content/images/instagram2.png) top center no-repeat; }

#subBottomFoot {
  width: 100%;
  float: left;
  display: block;
  height: auto; }

#copyright {
  color: #fff;
  float: left;
  display: block;
  line-height: 60px; }

#footLogos {
  float: right;
  display: block; }

#footLogos a {
  display: block;
  float: left;
  margin-left: 20px; }

#mkes {
  float: left;
  max-width: 39px !important;
  height: auto; }

#tr {
  float: left;
  margin-top: 8px; }

#mcp {
  float: left; }

#newGLogo {
  max-width: 360px;
  position: relative;
  left: -70px;
  top: 7px; }

@media (max-width: 810px) {
  #newGLogo {
    left: 0; } }

/* ==============={ Food & Beverage Page}=============== */
.sideSideTable {
  display: block;
  width: 100%;
  float: left;
  margin-top: 20px;
  padding: 20px 0 50px 0; }

.sideSideTable tr {
  width: 100%;
  display: block;
  background: #fff;
  width: 96%;
  padding: 0 2%;
  float: left;
  padding-top: 30px;
  margin-top: 10px; }

.sideSideTable td {
  display: block;
  width: 69%;
  float: left; }

.sideSideTable .sideSideImage {
  padding-top: 10px;
  display: block;
  float: left;
  width: 29%;
  margin-right: 2%; }

.sideSideTable .sideSideImage a {
  display: block;
  float: left;
  width: 100%; }

.sideSideTable .sideSideImage img {
  display: block;
  max-width: 195px;
  height: auto;
  width: 100%;
  margin: 0 auto;
  text-align: center; }

/* ==============={ Tournaments Page}=============== */
#Tournaments #main a.infoButton {
  margin: 0 auto;
  margin-top: 10px;
  width: 97%;
  background: #000;
  color: #87ba0a;
  display: block;
  text-transform: uppercase;
  border-radius: 4px;
  text-align: center;
  padding: 10px 0;
  text-decoration: none;
  font-weight: bold;
  font-size: 18px;
  letter-spacing: 2px;
  transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease; }

#Tournaments #main a.infoButton:hover,
#Tournaments #main a.infoButton:active {
  background: #fff;
  color: #87ba0a;
  transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease; }

#Tournaments #main a.regButton {
  margin: 0 auto;
  margin-top: 5px;
  width: 97%;
  background: #87ba0a;
  color: #fff;
  display: block;
  text-transform: uppercase;
  border-radius: 4px;
  text-align: center;
  padding: 10px 0;
  text-decoration: none;
  font-weight: bold;
  font-size: 18px;
  letter-spacing: 2px;
  transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease; }

#Tournaments #main a.regButton:hover {
  background: #fff;
  color: #87ba0a;
  transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease; }

#main .infoButton {
  width: 200px;
  background: #000;
  color: #87ba0a;
  display: block;
  text-transform: uppercase;
  border-radius: 4px;
  text-align: center;
  padding: 10px 0;
  text-decoration: none;
  font-weight: bold;
  font-size: 18px;
  letter-spacing: 2px;
  transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease; }

#main .infoButton:hover,
#main .infoButton:active {
  background: #fff;
  color: #87ba0a;
  transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease; }

#main .regButton {
  width: 200px;
  background: #87ba0a;
  color: #fff;
  display: block;
  text-transform: uppercase;
  border-radius: 4px;
  text-align: center;
  padding: 10px 0;
  text-decoration: none;
  font-weight: bold;
  font-size: 18px;
  letter-spacing: 2px;
  transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease; }

#main .earlyReg.regButton {
  width: 320px; }

#main .regButton.teamApp {
  width: 250px; }

#main .regButton.playerApp {
  width: 260px; }

#main .regButton:hover {
  background: #fff;
  color: #87ba0a;
  transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease; }

p.intro {
  display: block;
  width: 100%; }

.tournamentBox {
  display: block;
  float: left;
  width: 100%;
  margin-top: 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 15px;
  background: #fff; }

.tournamentDate {
  display: block;
  float: left;
  width: 32%;
  margin: 0 auto;
  text-align: center;
  color: #2e4558;
  font-size: 30px;
  font-weight: bold;
  padding-top: 80px; }

.tournamentDates {
  display: block;
  float: left;
  width: 100%;
  text-align: center; }

.tournamentDivisions {
  display: block;
  float: left;
  width: 100%;
  text-align: center;
  margin-top: -2px;
  color: #F58026;
  font-size: 40px; }

.tournamentImage {
  width: 32%;
  margin-right: 2%;
  display: block;
  float: left;
  height: auto;
  margin: 0 auto; }

.tournamentImage img {
  max-width: 271px;
  display: block;
  margin: 0 auto;
  text-align: center;
  width: 100%; }

.tournamentButtons {
  display: block;
  float: left;
  width: 32%;
  margin: 0 auto;
  padding-top: 65px; }

.tournamentInfo {
  display: block;
  float: left;
  width: 100%;
  text-align: center; }

.tournamentsBlock {
  display: block;
  float: left;
  width: 100%;
  margin: 0 auto; }

#SummerCamps .tournamentBox {
  padding-bottom: 20px; }

#SummerCamps .tournamentTitle {
  width: 100%; }

#SummerCamps .tournamentDivisions {
  font-size: 30px; }

#SummerCamps .tournamentDate {
  width: 100%;
  padding: 0;
  margin-top: 15px;
  font-weight: normal;
  font-size: 22px; }

#SummerCamps .tournamentInfo {
  text-align: center;
  width: 100%;
  margin: 0 auto;
  margin-top: 15px;
  padding-bottom: 20px; }

#SummerCamps #main .tournamentInfo p {
  width: 90%;
  margin: 0 auto; }

#SummerCamps .tournamentButtons {
  width: 410px;
  margin: 0 auto;
  float: none;
  margin-top: 15px auto;
  padding: 0; }

#SummerCamps .tournamentButtons .infoButton {
  float: left;
  margin-right: 10px; }

#SummerCamps .tournamentButtons .regButton {
  float: left; }

#Tournaments .tournamentTableBlock {
  background: #fff;
  padding: 10px;
  margin-top: 10px;
  -webkit-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
  position: relative; }
  #Tournaments .tournamentTableBlock:hover {
    background: rgba(0, 0, 0, 0.1); }
  #Tournaments .tournamentTableBlock .tournamentRow {
    display: inline-block;
    width: 100%; }
    #Tournaments .tournamentTableBlock .tournamentRow .tournamentName {
      color: #2e4558;
      font-weight: bold;
      font-size: 16px;
      text-decoration: underline;
      margin-bottom: 10px; }
    #Tournaments .tournamentTableBlock .tournamentRow .split-content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-top: 10px; }
      #Tournaments .tournamentTableBlock .tournamentRow .split-content .tournamentDate,
      #Tournaments .tournamentTableBlock .tournamentRow .split-content .tournamentDivisions {
        float: none;
        text-align: left;
        width: unset;
        padding: 0;
        font-size: 16px;
        font-weight: 400;
        margin: 0; }
      #Tournaments .tournamentTableBlock .tournamentRow .split-content .tournamentDate {
        padding-right: 20px;
        border-right: 3px solid #f58026; }
        @media only screen and (max-width: 640px) {
          #Tournaments .tournamentTableBlock .tournamentRow .split-content .tournamentDate {
            padding-right: 10px; } }
      #Tournaments .tournamentTableBlock .tournamentRow .split-content .tournamentDivisions {
        padding-left: 20px; }
        @media only screen and (max-width: 640px) {
          #Tournaments .tournamentTableBlock .tournamentRow .split-content .tournamentDivisions {
            padding-left: 10px; } }

/* ==============={ SECONDARY BG AREA }=============== */
#Home #secondaryBG {
  display: none; }

#secondaryBG {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: url(/Content/images/Secondary/affiliateTeamsBG.jpg) top center no-repeat #000; }

#Tournaments #secondaryBG {
  background: url(/Content/images/Secondary/tournamentsBG.jpg) top center no-repeat #000; }

#ReplicaFields #secondaryBG {
  background: url(/Content/images/Secondary/mapFieldBG.jpg) top center no-repeat #000; }

#ParkDirections #secondaryBG {
  background: url(/Content/images/Secondary/directionsBG.jpg) top center no-repeat #000; }

#Lodging #secondaryBG {
  background: url(/Content/images/Secondary/hotelBG.jpg) top center no-repeat #000; }

#Concessions #secondaryBG {
  background: url(/Content/images/Secondary/foodBevBG.jpg) top center no-repeat #000; }

#ParkPolicies #secondaryBG {
  background: url(/Content/images/Secondary/parkPoliciesBG.jpg) top center no-repeat #000; }

#Ages #secondaryBG {
  background: url(/Content/images/Secondary/teamPlayBG.jpg) top center no-repeat #000; }

#AffiliateTeams #secondaryBG {
  background: url(/Content/images/Secondary/affiliateTeamsBG.jpg) top center no-repeat #000; }

#Adult #secondaryBG {
  background: url(/Content/images/Secondary/adultLeagueBG.jpg) top center no-repeat #000; }

#HighSchool #secondaryBG {
  background: url(/Content/images/Secondary/highSchoolLeagueBG.jpg) top center no-repeat #000; }

#Youth #secondaryBG {
  background: url(/Content/images/Secondary/youthLeagueBG.jpg) top center no-repeat #000; }

#CoachTraining #secondaryBG {
  background: url(/Content/images/Secondary/coachBG.jpg) top center no-repeat #000; }

#SummerCamps #secondaryBG {
  background: url(/Content/images/Secondary/summerCampsClinicsBG.jpg) top center no-repeat #000; }

#WinterCamps #secondaryBG {
  background: url(/Content/images/Secondary/winterCampsClinicsBG.jpg) top center no-repeat #000; }

#ProShop #secondaryBG {
  background: url(/Content/images/Secondary/merchandiseBG.jpg) top center no-repeat #000; }

#FrontOffice #secondaryBG {
  background: url(/Content/images/Secondary/directionsBG.jpg) top center no-repeat #000; }

#Employment #secondaryBG {
  background: url(/Content/images/Secondary/careerBG.jpg) top center no-repeat #000; }

#Sponsors #secondaryBG {
  background: url(/Content/images/Secondary/partnersBG.jpg) top center no-repeat #000; }

#ParkDirections #secondaryBG {
  background: url(/Content/images/Secondary/directionsBG.jpg) top center no-repeat #000; }

#Photos #secondaryBG {
  background: url(/Content/images/Secondary/photoGalleryBG.jpg) top center no-repeat #000; }

#PrivateLessons #secondaryBG {
  background: url(/Content/images/Secondary/privateInstructionBG.jpg) top center no-repeat #000; }

#CategoryBodyID #secondaryBG,
.formsEntry #secondaryBG,
.thankYouPages #secondaryBG {
  background: url(/Content/images/Secondary/formsBG.jpg) top center no-repeat #000; }

#RentReplicaFields #secondaryBG {
  background: url(/Content/images/Secondary/teamRentalBG.jpg) top center no-repeat #000; }

#Instruction #secondaryBG {
  background: url(/Content/images/Secondary/instructionBG.jpg) top center no-repeat #000; }

/* ==============={ SECONDARY PAGE GENERAL }=============== */
#Home #secondaryBannerPlaceHolder {
  display: none; }

#secondaryBannerPlaceHolder {
  position: relative;
  z-index: 2; }

#secondaryBanner {
  display: block;
  float: left;
  width: 100%;
  height: auto;
  margin-top: 215px;
  position: relative; }

#secondaryBanner img {
  width: 100%;
  max-width: 1151px;
  height: auto;
  min-width: 200px;
  max-height: 143px; }

#mainWhite {
  background: url(/Content/images/white75.png) top left repeat;
  width: 100%;
  height: auto;
  padding: 20px 0;
  color: #000;
  min-height: 300px; }

/* ==============={ PHOTO GALLERY }=============== */
#main .PaginationDisplay a,
#main .PaginationDisplay .selected {
  display: block;
  height: 30px;
  width: 30px;
  background: #333;
  float: left;
  margin-right: 4px;
  text-align: center;
  letter-spacing: -2px;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
  line-height: 30px;
  border: 1px solid #fff;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease; }

#main .PaginationDisplay a:hover,
#main .PaginationDisplay .selected:hover {
  background: #87ba0a;
  color: #fff; }

#main .PaginationDisplay .selected {
  background: #87ba0a; }

.photoItem {
  display: block;
  width: 200px;
  height: 200px;
  float: left;
  margin: 15px;
  border: 5px solid #fff;
  overflow: hidden;
  border-radius: 10px;
  max-height: 200px;
  max-width: 200px; }

.photoItem a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative; }

.photoItem a img {
  display: block;
  width: 300px;
  height: 200px;
  z-index: 1;
  position: relative;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.ImageName {
  display: none; }

.photoHover {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  height: 100%;
  width: 100%;
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important;
  filter: alpha(opacity=0) !important;
  opacity: 0 !important;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.photoItem a .photoHover img {
  height: 100%;
  width: 100%;
  display: block; }

.photoItem a:hover .photoHover {
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)" !important;
  filter: alpha(opacity=90) !important;
  opacity: 0.9 !important; }

.photoItem a:hover img {
  -webkit-filter: grayscale(80%);
  filter: grayscale(80%);
  -moz-filter: grayscale(80%);
  -o-filter: grayscale(80%);
  -ms-filter: grayscale(80%); }

.PaginationDisplay {
  display: block;
  height: 30px;
  width: 100%;
  float: left;
  margin: 0 auto;
  margin-bottom: 20px;
  text-align: center; }

.paginationBox {
  margin: 0 auto;
  display: block; }

.PhotoEntryBodyClass .image img {
  max-width: 100%;
  width: auto;
  height: auto;
  display: block; }

.mfp-no-margins img.mfp-img {
  padding: 0; }

/* position of shadow behind the image */
.mfp-no-margins .mfp-figure:after {
  top: 0;
  bottom: 0; }

/* padding for main container */
.mfp-no-margins .mfp-container {
  padding: 0; }

/* 

for zoom animation 
uncomment this part if you haven't added this code anywhere else

*/
.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

.mfp-with-zoom.mfp-ready .mfp-container {
  opacity: 1; }

.mfp-with-zoom.mfp-ready.mfp-bg {
  opacity: 0.8; }

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0; }

/* Coach Page */
.coachList {
  position: relative; }

.coachList .coach {
  display: block;
  float: left;
  width: 100%;
  margin-top: 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 10px 20px;
  background: #fff;
  position: relative;
  font-size: 14px; }

.coach .headline {
  color: #F58026;
  font-size: 30px;
  font-family: "Open Sans";
  line-height: 2; }

.coach .image {
  float: right;
  width: 250px; }

.coach img {
  width: auto;
  height: auto;
  max-width: 200px;
  max-height: 120px;
  display: block;
  margin: 0;
  padding: 0;
  float: right; }

.coachList .coach .leftCol {
  float: left;
  width: 700px; }

.coachList .topBio {
  margin: 0;
  padding: 20px 0;
  background: none; }

.coachList .coachingInfo {
  line-height: 2; }

.coachList .specialty {
  line-height: 2; }

#main .privateInstruction {
  width: 300px; }

/*=================== Map Complex Page =====================*/
#complexMap {
  width: 100%;
  display: block;
  height: 100%;
  position: relative;
  overflow: hidden; }

#complexMapBG {
  display: block;
  height: auto;
  width: 100%; }

#complexMapBG img {
  display: block;
  height: auto;
  width: 100%; }

.CMOverlay {
  display: block;
  position: absolute;
  left: 0;
  top: -150%;
  text-align: center;
  width: 96%;
  height: auto;
  padding: 2%;
  background: #333;
  z-index: 3;
  border-bottom: 5px solid #f58026;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease; }

.CMOverlayImage {
  width: 24%;
  margin-right: 1%;
  float: left;
  margin-top: 3%; }

.CMOverlayImage img {
  width: 100%;
  height: auto; }

.CMOverlayText {
  color: #fff;
  display: block;
  float: left;
  width: 72%;
  margin-left: 3%; }

.CMFieldLink {
  position: absolute;
  width: 22%;
  height: 29%;
  z-index: 2;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg); }

.CMFieldSMLink {
  position: absolute;
  width: 16%;
  height: 22%;
  z-index: 2; }

.CMFieldLink img {
  width: 60%;
  max-width: 50px;
  height: auto;
  display: block;
  position: absolute;
  top: -23%;
  left: 42%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important;
  filter: alpha(opacity=0) !important;
  opacity: 0 !important;
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg); }

.CMFieldSMLink img {
  width: 50%;
  max-width: 25px;
  height: auto;
  display: block;
  margin-left: 25%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important;
  filter: alpha(opacity=0) !important;
  opacity: 0 !important; }

.CMFieldSMLink img.mapHover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
  filter: alpha(opacity=100) !important;
  opacity: 1 !important;
  -webkit-animation: mapHover 1s infinite;
  -moz-animation: mapHover 1s infinite;
  -o-animation: mapHover 1s infinite;
  -ms-animation: mapHover 1s infinite;
  animation: mapHover 1s infinite; }

.CMFieldLink img.mapHover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
  filter: alpha(opacity=100) !important;
  opacity: 1 !important;
  -webkit-animation: mapHover2 0.5s infinite;
  -moz-animation: mapHover2 0.5s infinite;
  -o-animation: mapHover2 0.5s infinite;
  -ms-animation: mapHover2 0.5s infinite;
  animation: mapHover2 0.5s infinite; }

#CMGiantsLink {
  margin: 21% 0 0 66%; }

#CMPhilliesLink {
  margin: 39% 0 0 80%; }

#CMRedSoxLink {
  margin: 55% 0 0 64%; }

#CMPiratesLink {
  margin: 37.5% 0 0 48%; }

#CMBrewersLink {
  margin: 58% 0 0 32%; }

#CMCardinalsLink {
  margin: 57% 0 0 20%; }

#CMGiants.mapDown,
#CMPhillies.mapDown,
#CMRedSox.mapDown,
#CMPirates.mapDown,
#CMBrewers.mapDown,
#CMCardinals.mapDown {
  top: 0; }

.fieldTitle {
  font-size: 30px;
  font-family: 'Fjalla One', sans-serif;
  width: 100%;
  margin-bottom: 15px; }

.labelTitle {
  display: block;
  font-weight: bold;
  font-style: normal;
  font-size: 14px;
  text-transform: uppercase; }

.CMContent {
  font-style: italic;
  width: 100%;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  margin: 5px 0; }

/*=================== Partners page =========================*/
.group:after {
  content: "";
  display: table;
  clear: both; }

.Partners #secondaryMainContent {
  padding-left: 0;
  padding-right: 0;
  background: none; }

.Partners .h1ImageSponsor {
  display: block;
  float: left;
  padding: 0 0 20px 64px;
  background: white; }

.Partners.MKESecondary h1 {
  margin: 0;
  padding: 36px 0 0 12px;
  background-color: white;
  height: 64px;
  width: 574px; }

.partnerItem {
  padding: 20px;
  margin: 10px 0;
  background: white; }
  @media only screen and (max-width: 720px) {
    .partnerItem {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; } }

.partnerItem a {
  color: #1E3B54;
  text-decoration: underline; }

.partnerItem a:hover,
.partnerItem a:focus,
.partnerItem a:active {
  color: #979797; }

.partnerItem .partnerImage {
  background: #FFF;
  width: 25%;
  display: block;
  float: left; }
  @media only screen and (max-width: 720px) {
    .partnerItem .partnerImage {
      float: none;
      margin: 0 auto;
      width: 100%; } }

.partnerItem .partnerImage a {
  display: block;
  text-decoration: none; }

.partnerItem .partnerImage img {
  width: 100%;
  height: auto;
  display: block;
  max-width: 200px; }
  @media only screen and (max-width: 720px) {
    .partnerItem .partnerImage img {
      max-width: 100%;
      width: 200px;
      margin: 0 auto; } }

.partnerItem .partnerImage .official {
  text-align: center;
  display: block;
  padding: 10px 0 0 0; }

.partnerItem .partnerImage .officialText {
  display: block; }

.partnerInfo {
  display: block;
  float: left;
  margin-left: 2%;
  width: 73%;
  text-align: left; }
  @media only screen and (max-width: 720px) {
    .partnerInfo {
      max-width: 100%;
      margin-top: 10px;
      float: none;
      width: unset;
      margin-right: 2%; } }
  .partnerInfo a {
    display: inline-block; }

.currentOffer {
  display: block;
  float: left;
  margin-left: 20px;
  width: 325px;
  text-align: center; }

.partnerHeadline {
  display: block;
  text-align: center;
  text-transform: uppercase;
  color: #1e3b54;
  font-weight: bold;
  font-size: 16px;
  line-height: 2; }

.leagueList {
  height: auto;
  margin: 8px 0;
  clear: both; }

.leagueItem {
  display: block;
  float: left;
  width: 100%;
  margin-top: 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 15px;
  background: #fff;
  text-align: center; }

.leagueItem .headline {
  color: #F58026;
  font-size: 30px; }

.leagueItem .dates {
  color: #2E4558;
  font-size: 22px; }

.leagueItem .details {
  width: 90%;
  margin: 0 auto; }

.leagueList span.scheduleButton {
  display: block;
  float: left;
  width: 250px;
  padding-bottom: 20px; }

.leagueList span.scheduleButton img {
  display: block;
  margin: 0 auto; }

.leagueList .content {
  width: 710px;
  float: left; }

.buttonGroup {
  margin: 15px auto;
  display: table;
  text-align: center;
  clear: both; }

.buttonGroup .button {
  float: left; }

.buttonGroup .button ~ .button {
  margin-left: 10px; }

/*
.leagueItem img{float:left; width:100%; display:block; height:auto; position:relative; z-index:1; max-height:86px;}
.leagueItem .moreInfo{left:0; top:100%; position:absolute; height:auto; width:100%; display:block; background:#87BA0A; z-index:2;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;-ms-transition: all 0.2s ease;transition: all 0.2s ease;}
.leagueItem:hover .moreInfo{top:0;}                      
.leagueItem a{position:absolute;z-index:3; width:100%; display:block; height:100%; top:0; left:0; line-height:300px;}
*/
a.backForms {
  position: absolute;
  top: 20px;
  right: 0;
  font-family: 'Fjalla One', sans-serif;
  color: #fff;
  margin: 0 auto;
  width: 200px;
  border-radius: 4px 0 0 4px;
  height: 50px;
  background: #2C86A9;
  text-decoration: none;
  display: block;
  text-align: center;
  line-height: 50px;
  font-size: 12px;
  margin-top: 20px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease; }

a.backForms:hover {
  background: #314955;
  color: #fff; }

#secondaryBanner a {
  display: block;
  width: 100%;
  height: 100%;
  float: left;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease; }

#secondaryBanner a:hover {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  -ms-filter: grayscale(100%); }

/*===Forms Area===*/
.categoryItem {
  width: 48%;
  display: block;
  float: left;
  margin: 10px 1%;
  height: 86px;
  text-transform: uppercase;
  font-size: 2vw; }

#contentWrap2 .categoryItem a {
  overflow: hidden;
  text-decoration: none;
  position: relative;
  font-family: 'Fjalla One', sans-serif;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  text-align: center;
  background: url(/Content/images/signUpBackground.jpg) top left repeat;
  display: block;
  line-height: 86px;
  color: #fff;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease; }

#contentWrap2 .categoryItem:nth-child(2n + 1) a {
  background: url(/Content/images/signUpBackground2.jpg) top left repeat; }

#contentWrap2 .categoryItem a:hover .subCatHover {
  top: 0;
  color: #fff; }

#noNoNo {
  width: 100%;
  text-align: center; }
  #noNoNo img {
    max-width: 250px; }
    @media only screen and (max-width: 1000px) {
      #noNoNo img {
        max-width: 150px; } }

.categoryItem a .subCatHover {
  left: 0;
  top: 100%;
  position: absolute;
  height: auto;
  width: 100%;
  display: block;
  z-index: 2;
  background: #87ba0a;
  font-family: 'Fjalla One', sans-serif;
  font-size: 22px;
  line-height: 86px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease; }

.formsEntry h1 {
  text-align: center;
  text-transform: uppercase;
  font-weight: bold; }

#generalFormBox {
  width: 100%;
  display: block;
  margin: 0 auto;
  text-align: center; }

#rlbTournamentRules #generalFormBox {
  text-align: left; }

/*===Forms Input Fields Area===*/
.formFieldCheckContainer label {
  color: #333;
  text-transform: none; }

label {
  display: block;
  letter-spacing: .5px;
  color: #115C84;
  margin-top: 25px;
  font-size: 18px;
  width: 96%;
  margin: 0 2%;
  line-height: 0px;
  text-transform: uppercase; }

input[type="text"],
input[type="email"],
input[type="password"],
select,
textarea {
  font-family: 'Open Sans', sans-serif;
  border: 1px solid #475E70;
  background: #fff;
  color: #333;
  font-size: 14px;
  padding: 2px 0 0 5px;
  width: 96%;
  margin: 5px 1%;
  border-radius: 0px;
  height: 30px; }

select {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; }

#otherField {
  text-align: left; }

label.error {
  display: none !important; }

#PlayerValidation > label.error {
  display: block !important; }

textarea {
  padding-top: 5px;
  min-height: 100px; }

input.error,
select.error {
  border: 1px solid #2C86A9;
  background: #FFFCAF; }

#Sponsorships .valMessage {
  float: none; }
  #Sponsorships .valMessage label {
    margin-bottom: 10px;
    line-height: unset; }
    @media only screen and (max-width: 400px) {
      #Sponsorships .valMessage label {
        margin-bottom: 28px; } }

.valMessage {
  float: left;
  margin: 0 auto;
  padding: 0;
  width: 100%; }

.valMessage label {
  height: 20px; }

.formFieldSelect {
  float: left;
  font-family: 'Open Sans', sans-serif;
  border: 1px solid #475E70;
  background: #fff;
  color: #333;
  font-size: 14px;
  padding: 2px 0 0 5px;
  width: 96.8%;
  margin: 5px 1%;
  border-radius: 0px;
  height: 35px; }

.formFieldSelectHalf {
  width: 47.4%;
  margin: 5px 1%; }

.formFieldSelectThird {
  width: 30.9%;
  margin: 5px 1%; }

.formFieldCheckContainer {
  float: left;
  margin-top: 15px; }

.formFieldcheck {
  float: left;
  width: 40px;
  padding: 10px; }

.formFieldcheck2 {
  float: left;
  width: 96%;
  padding: 10px;
  text-align: left; }

.formFieldInput.formFieldInputHalf {
  width: 46%;
  float: left; }

.playerExpand,
.coachExpand {
  display: block;
  float: left;
  width: 20px;
  height: 20px;
  position: relative;
  margin: 0 0 0 1%; }

.playerExpandButton,
.coachExpandButton {
  cursor: pointer;
  display: none;
  float: left;
  height: 20px;
  width: 20px;
  background: #87ba0a;
  color: #fff;
  text-align: center;
  line-height: 20px;
  font-size: 20px;
  font-weight: bold;
  font-family: 'Arial', sans-serif;
  position: absolute;
  z-index: 3; }

.playerExpandButton2,
.coachExpandButton2 {
  top: 0;
  left: 0;
  cursor: pointer;
  display: block;
  float: left;
  height: 20px;
  width: 20px;
  background: #333;
  color: #fff;
  text-align: center;
  line-height: 18px;
  font-size: 20px;
  font-weight: bold;
  font-family: 'Arial', sans-serif;
  position: relative;
  z-index: 2; }

.playerExpandContainer,
.coachExpandContainer {
  display: block;
  width: 100%;
  height: auto;
  max-height: 500px;
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.playerExpandContainer.playerExpandContainerHide,
.coachExpandContainer.playerExpandContainerHide {
  max-height: 0px; }

.playerBlock,
.coachBlock {
  display: none;
  float: left;
  margin-top: 20px;
  width: 100%;
  height: auto;
  float: left; }

.playerBlockStyle,
.coachBlockStyle {
  float: left;
  margin-top: 20px;
  width: 100%;
  height: auto;
  clear: both; }

.showPlayerBlock {
  display: block; }

#addPlayer,
#addCoach {
  display: block;
  background: #87ba0a;
  height: 40px;
  width: 150px;
  margin: 10px 0 0 1%;
  line-height: 40px;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
  float: left;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease; }

.deletePlayer {
  display: none;
  background: #333;
  height: 40px;
  width: 150px;
  margin: 10px 0 0 1%;
  line-height: 40px;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
  float: left;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease; }

.deleteButton .deletePlayer {
  display: block; }

.errorAdmin {
  color: #44bd91; }

#SendButton input {
  text-transform: uppercase;
  font-family: 'Fjalla One', sans-serif;
  margin: 0 auto;
  -webkit-appearance: none;
  cursor: pointer;
  border: none;
  position: relative;
  height: 38px;
  width: 50%;
  display: block;
  background-color: #87ba0a;
  color: #fff;
  font-size: 28px;
  font-weight: bold;
  height: 50px;
  text-align: center;
  line-height: 50px;
  margin-top: 22px;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease; }

#SendButton input:hover {
  background-color: #2E4558; }

.securitySection {
  width: 96%;
  margin: 0 2%; }

.labelSpace {
  display: block;
  font-size: 20px;
  font-weight: bold;
  float: left;
  margin-top: 14px;
  width: 100%;
  text-align: center; }

.validation-summary-errors li {
  text-decoration: none;
  color: #bebebe;
  font-size: 20px;
  text-transform: uppercase;
  list-style-type: none;
  margin-top: 10px; }

.mathQuest {
  float: left;
  width: 100%; }

#questAns {
  height: 50px;
  font-size: 40px;
  text-align: center;
  width: 50%;
  margin: 0 auto; }

#ContactFormCaptcha {
  margin-top: 0px; }

.FormSeperator {
  float: left;
  width: 100%;
  margin: 20px 0;
  height: 0px;
  background: #87BA0A; }

.FSFilled {
  height: 1px; }

.formLabel {
  margin-top: 10px;
  width: 100%;
  display: block;
  float: left;
  text-align: left;
  margin-left: 1%;
  font-weight: bold;
  color: #2E7C9C;
  font-size: 16px;
  margin-left: 1%; }

.signatureLabel {
  width: 100%;
  display: block;
  float: left;
  font-weight: bold;
  font-style: italic; }

.formLabelSm {
  width: 100%;
  float: left;
  margin: 5px 1%;
  float: left;
  display: block;
  font-style: italic; }

#signature,
#signature2 {
  padding-bottom: 40px;
  display: block;
  background: #fff;
  border: 1px solid #475E70;
  width: 98%;
  margin: 10px 1%;
  float: left;
  border-radius: 10px 10px 0 0;
  position: relative; }

.eSignButton {
  width: 48%;
  height: 50px;
  margin: 10px 26%;
  font-size: 16px;
  color: #fff;
  background: #2E7C9C;
  display: block;
  float: left;
  line-height: 50px;
  font-family: 'Fjalla One', sans-serif;
  border-radius: 50px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease; }

.eSignButton:hover {
  background: #333; }

#signatureButtons,
#signatureButtons2 {
  position: absolute;
  bottom: 0;
  height: 40px;
  width: 100%;
  display: block; }

.eSignClearButton,
.eSignSaveButton {
  font-family: 'Fjalla One', sans-serif;
  width: 50%;
  height: 40px;
  font-size: 16px;
  color: #fff;
  background: #2E7C9C;
  display: block;
  float: left;
  line-height: 40px;
  border-radius: 0px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease; }

.eSignSaveButton {
  background: #87ba0a; }

.eSignClearButton:hover,
.eSignSaveButton:hover {
  background: #333; }

.eSignSaveButton.signatureSaved {
  background: #F58026; }

.eSignature {
  float: left;
  display: block;
  overflow: hidden;
  margin: 0 1%;
  height: auto;
  max-height: 0;
  width: 96%;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease; }

.eSignature.eSignatureOpen {
  max-height: 500px; }

#generalFormBox .FormFull {
  width: 96%;
  margin: 5px 1%;
  float: left; }

#generalFormBox .FormHalf {
  width: 46.7%;
  margin: 5px 1%;
  float: left; }

#generalFormBox .FormThird {
  width: 30.2%;
  margin: 5px 1%;
  float: left; }

#generalFormBox .FormTwoThird {
  width: 63.2%;
  margin: 5px 1%;
  float: left; }

#generalFormBox .FormFourth {
  width: 22%;
  margin: 5px 1%;
  float: left; }

#generalFormBox select option {
  padding: 2px 0; }

.FormRedText {
  color: #E01214; }

.FormBlueText {
  color: #3185B1; }

/* ==============={ Admin AREA }=============== */
body.AdminLogin {
  background: #fff; }

#AdminLogin #secondaryBG {
  display: none; }

#AdminLogin #secondaryBannerPlaceHolder {
  display: none; }

#AdminLogin h1 {
  font-size: 50px; }

#AdminLogin p {
  color: #333;
  text-align: center; }

#AdminLogin #main {
  margin-top: 20px; }

#AdminLogin label {
  display: block;
  font-weight: 900;
  margin-top: 15px;
  color: #f58026;
  font-style: normal;
  font-weight: bold;
  text-align: center; }

#AdminLogin input[type="text"],
#AdminLogin input[type="email"],
#AdminLogin input[type="password"],
#AdminLogin textarea {
  height: 35px;
  width: 99%;
  padding: 1% 0;
  text-align: center;
  border: 1px solid #aaa;
  border-radius: 0;
  color: #333;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  margin: 0 1%; }

#AdminLogin label.error {
  display: inline;
  color: #f58026;
  margin-left: 5px; }

#AdminLogin input.error,
#AdminLogin textarea.error,
#AdminLogin #recaptcha_response_field.error {
  border: 1px solid #f58026;
  color: #FFF;
  background-color: #A9DEF2; }

#AdminLogin #ContactFormCaptcha {
  margin-top: 0px; }

#AdminLogin input:focus,
#AdminLogin textarea:focus {
  background: #fff !important;
  color: #333 !important;
  border: 1px solid #f58026 !important; }

#AdminLogin #AdminSendButton {
  font-family: 'Fjalla One', sans-serif;
  display: block;
  height: 40px;
  width: 100%;
  margin-top: 30px;
  border: none;
  background: #333;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  font-weight: bold;
  font-size: 18px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease; }

#AdminLogin #AdminSendButton:hover {
  background: #f58026; }

#AdminLogin #forgotPassword a {
  width: 150px;
  height: 30px;
  text-transform: uppercase;
  font-weight: bold;
  display: block;
  background: #f58026;
  text-decoration: none;
  float: left;
  text-align: center;
  color: #fff;
  line-height: 30px;
  margin-top: 10px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease; }

#AdminLogin #forgotPassword a:hover {
  background: #f58026;
  border-radius: 4px; }

#adminLogo {
  display: block;
  text-align: center; }

#AdminLogin #header {
  display: none; }

#AdminLogin #footer {
  display: none; }

#AdminLogin .wrap2 {
  width: 320px; }

#AdminLogin h1 {
  text-align: center; }

/*========{ Front Office }==========*/
.topBio {
  padding: 25px;
  background: #fff;
  display: block;
  margin: 20px 0 0; }
  @media only screen and (max-width: 720px) {
    .topBio {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; } }

.bottomBio {
  padding: 25px;
  background: #fff;
  display: block;
  margin: 0 0 25px; }

.leftImg {
  display: inline-block;
  width: 25%;
  max-width: 254px; }
  @media only screen and (max-width: 720px) {
    .leftImg {
      width: 100%;
      margin: 0 auto; } }

.leftImg img {
  max-width: 250px;
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
  margin-top: 25px; }
  @media only screen and (max-width: 720px) {
    .leftImg img {
      max-width: 200px; } }

.rightText {
  display: inline-block;
  float: right;
  color: #000;
  width: 67.5%;
  margin: 0 0 0 2.5%;
  padding: 20px 2.5%; }
  @media only screen and (max-width: 720px) {
    .rightText {
      float: none;
      width: 100%;
      max-width: 100%;
      margin: 0;
      padding: 0; } }

.rightText:after {
  display: table;
  clear: both; }

.bioDivider {
  display: block;
  width: 90%;
  height: 4px;
  background: #ccc;
  margin: 0 auto;
  margin: 35px auto; }

.rightText .readMoreLink {
  display: inline-block;
  text-decoration: none;
  padding: 5px 10px;
  color: #ee4018;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.rightText .readMoreLink:hover,
.rightText .readMoreLink:active {
  color: #331d0c; }

.middleBioTitle {
  text-decoration: none;
  color: #ee4018;
  text-shadow: none;
  font-size: 12px;
  float: left;
  line-height: 14px;
  margin-top: 8px;
  width: 100%; }

.middleBio a {
  text-decoration: none;
  line-height: 14px; }

.middleNameInfo {
  display: block;
  text-align: center;
  text-shadow: none;
  color: #000;
  margin-top: 10px;
  font-weight: bold; }

.topBio .clear,
.bottomBio .clear {
  height: 0px; }

.middleBio {
  text-align: center;
  padding: 25px 25px 0 25px;
  background: #fff;
  margin: 0 0 25px; }

.middleBio a {
  display: inline-block;
  width: 14.5%;
  margin: 0 3.5% 20px; }

#main .middleBio a {
  text-decoration: none; }

.middleBio a img {
  width: 100%;
  display: block; }

#main #contentWrap2 .backButton {
  margin-top: 25px;
  text-decoration: none;
  background: none repeat scroll 0 0 #87ba0a;
  color: #fff;
  display: block;
  float: left;
  font-family: "Fjalla One", sans-serif;
  font-size: 18px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  width: 150px; }

#main #contentWrap2 .backButton:hover {
  background: #45596B; }

.divisionButtons {
  width: 100%;
  float: left;
  display: block;
  height: auto;
  margin: 10px auto; }

.divisionButtons a {
  display: block;
  float: left;
  width: 30%;
  margin: 5px 1.5%; }

.divisionButtons a img {
  display: block;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  max-width: 201px;
  height: auto;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease; }

#HighSchool .divisionButtons a img {
  margin: 0; }

.divisionButtons a:hover img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  -ms-filter: grayscale(100%); }

.formsButtonImage {
  display: inline-block;
  height: 125px;
  margin-bottom: 20px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease; }

.formsButtonImage:hover {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%); }

/* ==============={ MISC AREA }=============== */
.comingSoon {
  display: block;
  float: left;
  width: 100%;
  height: auto; }

#noJava {
  display: none; }

#noJavaSlider {
  display: none; }

#noJavaViewAll {
  display: none; }

.valMessage,
.valMessage label {
  color: red;
  font-weight: bold; }

/* ======================= KEY FRAMES ==================== */
@keyframes navHover {
  0% {
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg); }
  30% {
    -moz-transform: rotate(40deg);
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    -o-transform: rotate(40deg);
    -ms-transform: rotate(40deg); }
  60% {
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg); }
  80% {
    -moz-transform: rotate(-40deg);
    -webkit-transform: rotate(-40deg);
    transform: rotate(-40deg);
    -o-transform: rotate(-40deg);
    -ms-transform: rotate(-40deg); }
  0% {
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg); } }

@-moz-keyframes navHover {
  0% {
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg); }
  30% {
    -moz-transform: rotate(40deg);
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    -o-transform: rotate(40deg);
    -ms-transform: rotate(40deg); }
  60% {
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg); }
  80% {
    -moz-transform: rotate(-40deg);
    -webkit-transform: rotate(-40deg);
    transform: rotate(-40deg);
    -o-transform: rotate(-40deg);
    -ms-transform: rotate(-40deg); }
  0% {
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg); } }

@-o-keyframes navHover {
  0% {
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg); }
  30% {
    -moz-transform: rotate(40deg);
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    -o-transform: rotate(40deg);
    -ms-transform: rotate(40deg); }
  60% {
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg); }
  80% {
    -moz-transform: rotate(-40deg);
    -webkit-transform: rotate(-40deg);
    transform: rotate(-40deg);
    -o-transform: rotate(-40deg);
    -ms-transform: rotate(-40deg); }
  0% {
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg); } }

@-ms-keyframes navHover {
  0% {
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg); }
  30% {
    -moz-transform: rotate(40deg);
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    -o-transform: rotate(40deg);
    -ms-transform: rotate(40deg); }
  60% {
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg); }
  80% {
    -moz-transform: rotate(-40deg);
    -webkit-transform: rotate(-40deg);
    transform: rotate(-40deg);
    -o-transform: rotate(-40deg);
    -ms-transform: rotate(-40deg); }
  0% {
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg); } }

@-webkit-keyframes navHover {
  0% {
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg); }
  30% {
    -moz-transform: rotate(40deg);
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    -o-transform: rotate(40deg);
    -ms-transform: rotate(40deg); }
  60% {
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg); }
  80% {
    -moz-transform: rotate(-40deg);
    -webkit-transform: rotate(-40deg);
    transform: rotate(-40deg);
    -o-transform: rotate(-40deg);
    -ms-transform: rotate(-40deg); }
  0% {
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg); } }

@-webkit-keyframes mapHover {
  0% {
    margin-top: 0; }
  50% {
    margin-top: -15px; }
  100% {
    margin-top: 0px; } }

@keyframes mapHover {
  0% {
    margin-top: 0; }
  50% {
    margin-top: -15px; }
  100% {
    margin-top: 0px; } }

@-moz-keyframes mapHover {
  0% {
    margin-top: 0; }
  50% {
    margin-top: -15px; }
  100% {
    margin-top: 0px; } }

@-o-keyframes mapHover {
  0% {
    margin-top: 0; }
  50% {
    margin-top: -15px; }
  100% {
    margin-top: 0px; } }

@-ms-keyframes mapHover {
  0% {
    margin-top: 0; }
  50% {
    margin-top: -15px; }
  100% {
    margin-top: 0px; } }

@-webkit-keyframes mapHover2 {
  0% {
    margin-top: 32%;
    margin-left: -40%; }
  50% {
    margin-top: 30%;
    margin-left: -42%; }
  100% {
    margin-top: 32%;
    margin-left: -40%; } }

@keyframes mapHover2 {
  0% {
    margin-top: 32%;
    margin-left: -40%; }
  50% {
    margin-top: 30%;
    margin-left: -42%; }
  100% {
    margin-top: 32%;
    margin-left: -40%; } }

@-moz-keyframes mapHover2 {
  0% {
    margin-top: 32%;
    margin-left: -40%; }
  50% {
    margin-top: 30%;
    margin-left: -42%; }
  100% {
    margin-top: 32%;
    margin-left: -40%; } }

@-o-keyframes mapHover2 {
  0% {
    margin-top: 32%;
    margin-left: -40%; }
  50% {
    margin-top: 30%;
    margin-left: -42%; }
  100% {
    margin-top: 32%;
    margin-left: -40%; } }

@-ms-keyframes mapHover2 {
  0% {
    margin-top: 32%;
    margin-left: -40%; }
  50% {
    margin-top: 30%;
    margin-left: -42%; }
  100% {
    margin-top: 32%;
    margin-left: -40%; } }

@media only screen and (max-width: 1150px) {
  #batterHead {
    display: none; }
  #batterTail {
    display: none; }
  #catcher {
    display: none; }
  .jshowoff,
  .jshowoff-1 {
    margin-left: 10%; }
  .jshowoff-slidelinks,
  .jshowoff-1-slidelinks {
    right: 192px;
    margin-top: 20px; } }

@media only screen and (max-width: 1000px) {
  .wrap {
    max-width: 720px; }
  .wrap2 {
    max-width: 720px; }
  .wrap3 {
    max-width: 720px; }
  .jshowoff,
  .jshowoff-1 {
    margin-left: 0; }
  #popUpOverlay {
    width: 96%;
    margin: 0 2%;
    float: left;
    position: absolute;
    background: transparent;
    height: auto;
    background: #fff;
    border-bottom: 5px solid #333;
    -webkit-box-shadow: 0 2px 18px #000;
    box-shadow: 0 2px 18px #000; }
  #popupBox {
    top: 0;
    width: 100%;
    margin: 0 auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    left: 0;
    position: relative; }
  #popupBox.popSlide {
    top: 0; }
  #top {
    height: calc(100% - 50%); }
  #slogan {
    display: none; }
  .featuredTournamentsRotator {
    float: none;
    margin: 0 auto;
    width: 100%; }
  .jshowoff-slidelinks,
  .jshowoff-1-slidelinks {
    right: 3%;
    top: 14px; }
  #TR1,
  #TR2,
  #TR3,
  #TR4 {
    width: 100%;
    height: auto;
    margin: 0 auto; }
  #TR1 img,
  #TR2 img,
  #TR3 img,
  #TR4 img {
    width: 100%;
    height: auto;
    max-width: 729px;
    min-width: 300px; }
  #featuredRight,
  #featuredLeft {
    width: 96%;
    margin: 0 2%; }
  #featuredRight {
    text-align: center; }
  #featuredRight p {
    text-align: center;
    float: left;
    width: 100%; }
  #featuredRight img {
    margin: 0 auto;
    margin-top: 20px;
    float: none; }
  #signUp {
    height: 60px; }
  #main #signUpRight {
    font-size: 3.6vw;
    line-height: 60px; }
  #signUpLeft1 {
    display: none; }
  #signUpLeft2 {
    letter-spacing: 0px;
    font-size: 3.6vw; }
  #footLogo {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    height: auto; }
  #footLogo img {
    max-width: 201px;
    width: 100%;
    margin: 0 auto;
    height: auto; }
  #footSignUp {
    width: 100%;
    margin-top: 20px; }
  #bottomFoot {
    display: none; }
  #copyright {
    text-align: center;
    width: 100%;
    margin: 5px 0;
    line-height: 18px; }
  #footLogos {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 15px; }
  #footLogos a {
    width: 31%;
    margin: 0 1%;
    text-align: center; }
  #footLogos a img {
    margin: 0 auto; }
  #mcp,
  #tr,
  #mkes {
    float: none;
    width: 90%;
    max-width: 105px; }
  #tr {
    max-width: 137px; }
  .formHolder input {
    width: 72%; }
  #subBottomFoot {
    margin-top: 10px; }
  .marginL5 {
    margin: 0 auto; }
  #mobileMenu {
    float: left;
    width: 30%;
    display: block;
    height: 60px;
    background: none;
    cursor: pointer;
    text-align: center; }
  #mobileMenu:hover #menuText {
    color: #87ba0a; }
  #menuBarBox {
    float: left;
    display: block;
    height: 70px;
    text-align: center; }
  .menuBar {
    display: block;
    position: relative;
    height: 8px;
    margin: 0 18%; }
  .menuBar img {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  #menuBarBox1 {
    display: block;
    float: left;
    margin-top: 12px;
    width: 45px; }
  #menuText.MBBRotate0 {
    color: #fea000; }
  .MBBRotate {
    margin-top: 18px;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -o-transform: rotate(45deg); }
  #menuBar2 .MBBRotate2 {
    margin-top: 10px;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -o-transform: rotate(-45deg); }
  .MBBRotate3 {
    opacity: 0;
    filter: alpha(opacity=0); }
  #menuText {
    width: 50px;
    text-align: center;
    display: block;
    float: left;
    height: 60px;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 60px;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  #headerMenu {
    max-height: 0;
    height: auto;
    overflow: hidden;
    width: 100%;
    position: absolute;
    margin-top: 60px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  #headerMenu li {
    height: auto; }
  #headerMenu li a {
    text-align: center;
    padding: 0;
    margin: 0 auto;
    float: left;
    display: block;
    background: #87ba0a;
    height: 60px; }
  #headerMenu li a .headerMenuHover {
    display: none; }
  #headerMenu .headerDrop {
    height: auto;
    max-height: 0;
    display: block;
    width: 100%;
    float: left;
    position: relative;
    top: 0;
    left: 0; }
  #headerMenu .headerDropLi:hover .headerDrop {
    height: auto; }
  #headerMenu .headerDrop li a {
    width: 100%;
    text-align: center; }
  #header .mobileOpen {
    max-height: 1200px;
    height: auto; }
  #header #complexDrop.mobileOpen {
    height: 240px; }
  #headerMenu li {
    width: 100%; }
  #headerMenu .headerDrop li a .headerDropHover {
    width: 100%;
    left: -100%; }
  .headerMenuBox {
    padding: 0;
    margin: 0 auto;
    display: inline-block;
    text-align: center;
    float: none; }
  #headerMenu #teamAA .headerDrop {
    left: 0; }
  #tournaments {
    background: none;
    margin-top: 190px;
    height: auto; }
  .featuredTournamentsRotator {
    height: auto; }
  #featuredEvent {
    margin-top: -2px !important;
    z-index: 2; }
  a.backForms {
    top: -5px;
    width: 75px;
    overflow: hidden; }
  #contentWrap2 .categoryItem a {
    font-size: 16px; }
  #generalFormBox .FormThird {
    width: 30%;
    margin: 5px 1%;
    float: left; }
  #generalFormBox .FormHalf {
    width: 46.5%;
    margin: 5px 1%;
    float: left; }
  #generalFormBox .FormFourth {
    width: 21.7%; }
  .formFieldSelect {
    width: 97%; }
  .photoItem {
    width: 150px;
    height: 150px;
    margin: 5%; }
  .photoHover {
    display: none; }
  .CMOverlayImage {
    margin-top: 10%; }
  .tournamentButtons {
    width: 100%;
    padding-top: 20px; }
  .tournamentDate {
    width: 33%;
    margin: 0 1%; }
  .tournamentImage {
    width: 54%;
    margin: 0 1%; }
  #Tournaments #main a.infoButton,
  #Tournaments #main a.regButton {
    width: 70%; }
  .tournamentInfo {
    margin-top: 20px; }
  .leagueList a.scheduleButton {
    float: none;
    width: 100%; }
  .leagueList .content {
    float: none;
    width: 100%; }
  #main .leagueItem .buttonGroup a {
    width: 46%;
    margin: 1% 2%; }
  .buttonGroup {
    width: 100%;
    display: block;
    text-align: center; } }

@media only screen and (max-width: 900px) {
  .popupBoxTitle {
    line-height: 27px;
    min-height: 70px; }
  #map {
    width: 100%;
    text-align: center;
    margin: 0 auto; }
  #map img {
    width: 100%;
    height: auto; }
  #fields {
    width: 100%; }
  .close {
    width: 100%;
    float: left; }
  .popupBoxTitle {
    height: auto; }
  #popupWeather .weatherForecast {
    width: 100%; }
  #popupWeather .weatherForecast .weatherForecastItem {
    width: 31%;
    margin: 0 1%; }
  #popupWeather .weatherItem {
    width: 100%; }
  #popupBox .weatherTemp,
  #popupBox .weatherDesc,
  #popupBox .weatherDesc,
  #popupBox .weatherRange,
  #popupBox .weatherWind,
  #popupBox .weatherHumidity,
  #popupBox .weatherVisibility {
    margin-top: 20px; }
  #fieldinfo {
    width: 100%; }
  .trailInformation {
    width: 600px;
    margin: 0 auto; }
  .trailListing {
    float: left;
    border: none; }
  #popRestaraunts {
    float: left;
    margin-top: 15px; }
  .photoItem {
    width: 150px;
    height: 150px;
    margin: 5%; } }

@media only screen and (max-width: 720px) {
  .photoItem {
    width: 29%;
    height: 200px;
    margin: 1%; } }

@media only screen and (max-width: 700px) {
  .photoItem {
    margin: 1%; }
  .fieldTitle {
    font-size: 20px; } }

@media only screen and (max-width: 650px) {
  #popRestaraunts {
    float: none;
    margin: 0 auto; }
  .trailListing {
    float: none;
    margin: 0 auto;
    margin-bottom: 10px; }
  #generalFormBox .FormFourth {
    width: 46.25%; } }

@media only screen and (max-width: 550px) {
  .topNumber {
    top: 200px;
    width: 100%;
    text-align: center; }
  .wrap {
    max-width: 550px;
    min-width: 100%; }
  .wrap2 {
    max-width: 550px;
    min-width: 100%; }
  .wrap3 {
    min-width: 100%; }
  .trailInformation {
    width: 100%; }
  #popRestaraunts {
    float: none;
    margin: 0 auto; }
  .trailListing {
    float: none;
    margin: 0 auto;
    margin-bottom: 10px; }
  #contentWrap2 .categoryItem a {
    font-size: 12px; }
  #popupBox .weatherTemp,
  #popupBox .weatherDesc,
  #popupBox .weatherDesc,
  #popupBox .weatherRange,
  #popupBox .weatherWind,
  #popupBox .weatherHumidity,
  #popupBox .weatherVisibility {
    margin-top: 0px; }
  .photoItem {
    width: 29%;
    height: 150px;
    margin: 1%; }
  #secondaryBanner {
    margin-top: 274px; }
  #tournaments {
    margin-top: 282px; }
  #headerLogo {
    width: 100%;
    text-align: center;
    height: 105px; }
  #headerLogo img {
    margin: 0 auto;
    float: none;
    margin-top: 0px;
    width: 100%;
    max-width: 201px; }
  #newsLetterSubmit {
    font-size: 12px; }
  .jshowoff-slidelinks,
  .jshowoff-1-slidelinks {
    display: none; }
  .trailPartial {
    width: 99%;
    margin: 0 auto;
    float: left;
    position: relative;
    top: 0;
    height: auto;
    right: 0; }
  #homeWeather {
    width: 100%; }
  #homeWeather .weatherItem {
    width: 310px;
    margin: 0 auto; }
  #weatherTitle {
    width: 100%;
    padding: 0;
    text-align: center; }
  .popOpen {
    width: 100%;
    float: left;
    height: 25px;
    text-align: center;
    margin: 0 auto; }
  .popOpen Img {
    margin: 0 auto;
    margin-top: 10px; }
  #headerWhite {
    display: none; }
  #mailingList .formHolder input {
    width: 70%; }
  a.backForms {
    top: 0;
    float: left;
    position: relative;
    width: 100%;
    overflow: hidden; }
  .CMOverlayImage {
    display: none; }
  .CMOverlayText {
    width: 100%; }
  #generalFormBox .FormFull {
    width: 96%;
    margin: 5px 1%;
    float: left; }
  #generalFormBox .FormHalf {
    width: 96%;
    margin: 5px 1%;
    float: left; }
  #generalFormBox .FormThird,
  #generalFormBox .FormTwoThird {
    width: 46.25%;
    margin: 5px 1%;
    float: left; }
  .sideSideTable td {
    width: 100%; }
  .sideSideTable .sideSideImage {
    width: 100%; }
  .tournamentImage,
  .tournamentDate,
  .tournamentButtons {
    width: 100%;
    padding: 0; }
  #Tournaments #main a.infoButton,
  #Tournaments #main a.regButton {
    width: 90%; }
  #main .leagueItem .buttonGroup a {
    width: 90%;
    margin: 1% 5%; } }

@media only screen and (max-width: 450px) {
  .photoItem {
    width: 28%;
    height: 120px;
    margin: 1%; }
  .CMFieldLink img {
    display: none; }
  .categoryItem {
    width: 100%;
    font-size: 3vw; }
  #contentWrap2 .categoryItem a {
    font-size: 18px; }
  #SummerCamps .tournamentButtons {
    width: 100%; }
  #SummerCamps .tournamentButtons .infoButton {
    float: left;
    margin: 0 auto;
    width: 100%; }
  #SummerCamps .tournamentButtons .regButton {
    float: left;
    margin: 0 auto;
    width: 100%;
    margin-top: 10px; } }

@media only screen and (max-width: 420px) {
  #generalFormBox .FormThird,
  #generalFormBox .FormTwoThird,
  #generalFormBox .FormFourth {
    width: 96%;
    margin: 5px 1%;
    float: left; }
  .photoItem {
    width: 43%;
    height: 150px;
    margin: 1%; }
  .labelTitle {
    font-size: 10px;
    line-height: 2px;
    margin-bottom: 7px; }
  .fieldTitle {
    margin-bottom: 0;
    font-size: 14px; } }

@media only screen and (max-width: 320px) {
  #homeWeather .weatherItem {
    width: 100%; }
  #popRestaraunts {
    width: 100%; }
  #umbrellaBar {
    width: 100%; }
  .trailListing {
    width: 100%; }
  #SendButton input {
    font-size: 20px; } }

/* Replica Fields */
/*
#ReplicaFields .MapLinkContainer {
    position: relative;
}
*/
#ReplicaFields .MapLink {
  display: block;
  position: absolute;
  background: none;
  text-indent: -9999px; }

#ReplicaFields .DiMaggios {
  width: 120px;
  height: 80px;
  top: 205px;
  left: 33px; }

#ReplicaFields .UmbrellaBar {
  width: 135px;
  height: 99px;
  top: 325px;
  left: 423px; }

#ReplicaFields .TapWorks {
  width: 90px;
  height: 81px;
  top: 292px;
  left: 130px; }

#ReplicaFields .BikePark.BMX {
  width: 135px;
  height: 129px;
  top: 571px;
  left: 23px; }

#ReplicaFields .BikePark {
  width: 96px;
  height: 89px;
  top: 202px;
  left: 460px; }

#ReplicaFields .SnowPark {
  width: 85px;
  height: 119px;
  top: 185px;
  left: 371px; }

.description {
  display: block;
  width: 100%;
  float: left;
  font-style: italic;
  margin: 20px 0;
  color: #cc0000;
  font-size: 16px;
  line-height: 20px; }

.submitThis {
  font-family: 'Fjalla One';
  margin: 20px auto;
  width: 50%;
  background: #87ba0a;
  color: #fff;
  font-size: 28px;
  line-height: 50px;
  border: none;
  text-transform: uppercase;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease; }

.submitThis:hover,
.submitThis:active {
  cursor: pointer;
  background: #2E4558;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease; }

/*----- Additions 3/30/17 CS -----*/
.topNumber {
  display: inline-block;
  position: absolute;
  right: 0;
  font-size: 2em;
  font-weight: 600; }

.fifty-fity {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  @media only screen and (max-width: 1000px) {
    .fifty-fity {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse; } }
  .fifty-fity .aboutUs {
    width: 50%; }
    @media only screen and (max-width: 1000px) {
      .fifty-fity .aboutUs {
        width: 100%; } }
  .fifty-fity .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
    @media only screen and (max-width: 1000px) {
      .fifty-fity .container {
        width: 100%;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-top: 10px; } }
    .fifty-fity .container .jumpTo {
      background-color: #2E4558;
      border-radius: 4px;
      padding: 10px 15px; }
      .fifty-fity .container .jumpTo a {
        color: #fff !important;
        font-family: "Fjalla One";
        font-size: 22px; }
        .fifty-fity .container .jumpTo a:hover {
          color: #ed7320 !important; }
      .fifty-fity .container .jumpTo img {
        margin-right: 10px;
        vertical-align: middle; }

.grid-options {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  padding: 20px 0; }
  @media only screen and (max-width: 1000px) {
    .grid-options {
      -ms-grid-columns: (1fr)[1];
      grid-template-columns: repeat(1, 1fr);
      justify-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; } }
  @media only screen and (max-width: 600px) {
    .grid-options {
      -ms-grid-columns: (350px)[1];
      grid-template-columns: repeat(1, 350px); } }
  @media only screen and (max-width: 400px) {
    .grid-options {
      -ms-grid-columns: (335px)[1];
      grid-template-columns: repeat(1, 335px); } }
  .grid-options .grid-option {
    background-color: #fff;
    border-bottom: 6px solid #ed7320;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    @media only screen and (max-width: 1000px) {
      .grid-options .grid-option {
        width: 100%; } }
    @media only screen and (max-width: 600px) {
      .grid-options .grid-option {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: initial;
        -ms-flex-align: initial;
        align-items: initial; } }
    .grid-options .grid-option .grid-context {
      padding-right: 20px; }
      @media only screen and (max-width: 600px) {
        .grid-options .grid-option .grid-context {
          padding-left: 20px; }
          .grid-options .grid-option .grid-context h2 {
            margin: 0; } }
    .grid-options .grid-option img {
      max-width: 100%;
      width: 250px;
      max-height: 160px;
      padding: 20px; }
      @media only screen and (max-width: 600px) {
        .grid-options .grid-option img {
          margin: 0 auto; } }