/* FONT EMBEDDING */
@font-face {
    font-family: 'cooper';
    src: url('/typefaces/cooper/cooperhewitt-bold-webfont.eot');
    src: url('/typefaces/cooper/cooperhewitt-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/typefaces/cooper/cooperhewitt-bold-webfont.ttf') format('truetype'),
         url('/typefaces/cooper/cooperhewitt-bold-webfont.svg#exoblack') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'cooper';
    src: url('/typefaces/cooper/cooperhewitt-medium-webfont.eot');
    src: url('/typefaces/cooper/cooperhewitt-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('/typefaces/cooper/cooperhewitt-medium-webfont.ttf') format('truetype'),
         url('/typefaces/cooper/cooperhewitt-medium-webfont.svg#cooper') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
   font-family: "Font Awesome 5 Pro Brands";
   src: url('/typefaces/Font Awesome 5 Pro/fa-brands-400.woff2') format('woff2'), /* Super Modern Browsers */
   url('/typefaces/Font Awesome 5 Pro/fa-brands-400.woff') format('woff'), /* Pretty Modern Browsers */
   url('/typefaces/Font Awesome 5 Pro/fa-brands-400.ttf') format('truetype'); /* Safari, Android, iOS */
}

.fab {
   font-family: 'Font Awesome 5 Pro Brands';
}

@font-face {
   font-family: "Font Awesome 5 Pro Regular";
   src: url('/typefaces/Font Awesome 5 Pro/fa-regular-400.woff2') format('woff2'), /* Super Modern Browsers */
   url('/typefaces/Font Awesome 5 Pro/fa-regular-400.woff') format('woff'), /* Pretty Modern Browsers */
   url('/typefaces/Font Awesome 5 Pro/fa-regular-400.ttf') format('truetype'); /* Safari, Android, iOS */
}

.far {
   font-family: 'Font Awesome 5 Pro Regular';
}

@font-face {
   font-family: "Font Awesome 5 Pro Solid";
   src: url('/typefaces/Font Awesome 5 Pro/fa-solid-900.woff2') format('woff2'), /* Super Modern Browsers */
   url('/typefaces/Font Awesome 5 Pro/fa-solid-900.woff') format('woff'), /* Pretty Modern Browsers */
   url('/typefaces/Font Awesome 5 Pro/fa-solid-900.ttf') format('truetype'); /* Safari, Android, iOS */
}

.fas {
   font-family: 'Font Awesome 5 Pro Solid';
}
/* END FONT EMBEDDING */

/*Main page */

.clearfix {
   clear: both;
}

.mBtn, .mmItem {
   display: none;
}

html 
{
	-webkit-font-smoothing: antialiased;
}

body {
	font-family: cooper, Helvetica, Arial, sans-serif;
	margin: auto;
	background: var(--pres-main-bg-dark);
   padding: 0px;
   width: 100%;
}

input[type=text], input[type=email], 
input[type=password], textarea {
   border-radius: 5px !important;
   -webkit-border-radius: 5px !important; 
   -moz-border-radius: 5px !important;     
   border: solid 1px #bbbbbb;
	padding: 5px;
	height: 35px;
}

input[type=submit], input[type=button], .mts_cc_button 
{
	-webkit-appearance: none;
	-moz-appearance: none;
}

.mts_cc_text {
   color: #e23740;
}

.mts_cc_button 
{
   cursor: pointer !important;
   -webkit-appearance: none;
   -moz-appearance: none;
   font-size: 1em;
   background-color: #e23740;
   color: var(--pres-light-fg-color);
}

#loginM,
#findTeamM {
   display: none;
}

#headContainer {
   width: 100%;
   position: fixed;
   clear: both;
   padding: 0px;
	height: 8vh;
	z-index: 6;
	background-color: #051a27;
	top: 0px;
}

#header {
	width: 100%;
	margin: auto;
   position: relative;
   padding: 10px;
	height: 8vh;
}

div, a, form, span, input 
{
   box-sizing: border-box;
   -ms-box-sizing: border-box;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;   
}

.descriptionText {
   font-size: 1em;
   color: var(--pres-main-fg-color);
   line-height: 1.1em;
   text-align: center;
   width: 100%;
   margin: 90px 0px 100px 0px;
}

#logo_image {
   position: relative;
   top: 0px;
   left: 0px;
   margin: 0px auto;
   display: block;
   z-index: 3;
}

.mtsHorn {
   opacity: 0;
   width: 72px;
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
   -webkit-transform: translate(-50%, -50%);
   transition: width 500ms, opacity 500ms;
   -webkit-transition: width 500ms, opacity 500ms;
}

.mtsHornShow {
   width: 50px;
   opacity: 1;
   transition: width 500ms, opacity 500ms;
   -webkit-transition: width 500ms, opacity 500ms;
}

.mhSignLog 
{
	display: none;
}

.fbLike 
{
	display: block;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
   position: absolute;
	left: 160px;	
}

.userCtr
{
	display: block;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
   position: absolute;
	left: 10px !important;	
}

.searchBar {
   float: right;
   margin: 25px 0px 0px 0px;
}

#searchTxt {
   height: 35px;
   width: 300px;  
   border: none;
   font-size: .9em;
   color: var(--pres-main-fg-color);
   padding-left: 10px;
   border: solid 1px #bbbbbb;
   border-radius: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
   position: absolute;
}

.searchBarBtn {
   background-image: url(/images/searchBarBtn.jpg);
   background-position: 0px 0px;
   background-repeat: no-repeat;
   height: 25px;
   width: 25px;
   float: left;
}

/* -- Main Navigation Styles -- */
.mainNav {
   position: relative;
   clear: both;
   width: 100%;
   padding: 10px 0px;
   margin: 0px auto 0px auto;  
   z-index: 101;
   background-color: var(--pres-main-fg-color);
   display: none;
}

.mainNavContainer {
   width: 1170px;
   margin: 0px auto 0px auto;
}     

.mainNavBtnLeft {
   color: #fafafa;
   float: left;
   text-align: center;
   
   cursor: pointer;
}

.mainNavBtnRight, .mainRegisterBtn,
.createTeamBtn, .createTeamBtn2 {
   float: left;
   border-radius: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   padding: 5px 10px;
   text-align: center;
   margin-right: 10px;
	text-decoration: none;
}

.createTeamBtn  {
   float: none;
   display: block;
   margin: 10px auto;
   line-height: 2em;
   position: relative;
   width: 200px;
}

.createTeamBtn2 {
   float: left;
   margin-top: 20px;
   padding: 10px;
   font-size: 1.25em;
}
/* -- End Main Navigation -- */

.mainContentContainer {
   position: relative;
   clear: both;
   width: 100%;
   height: auto;
   padding: 20px;
   margin: 0px auto 0px auto;
   z-index: 5;
	top: 8vh;
   background: var(--pres-main-bg-light);
}

.mainContent {
   width: 1170px;
   min-height: 200px;
   margin: auto;
}

.slim {
   width: 300px;
   display: block;
   margin: 10px auto;
}

.leftContent {
   display: block;
   z-index: 5;
   width: 500px;
   margin: auto;
   transition: width 500ms;
   -webkit-transition: width 500ms;
   height: 565px;
   -webkit-transform: translate3d(0,0,0);
}

.lcGrow {
   width: 800px;
   transition: width 500ms;
   -webkit-transition: width 500ms;
   -webkit-transform: translate3d(0,0,0);
}

.rightContent {
   position: fixed;
   left: -360px;
   box-shadow: 0px 0px 5px #000000;
   border-radius: 10px;
   width: 350px;
   padding: 20px;
   top: 55px;   
   background: var(--pres-main-bg-light);
   z-index: 17;
   transition: left 250ms;
   -webkit-transition: left 250ms;
   -moz-transition: left 250ms;
}

.rcShow {
   left: 75px;
   transition: left 250ms;
   -webkit-transition: left 250ms;
   -moz-transition: left 250ms;
}

.rcTri {
   width: 0;
   height: 0;
   border-left: solid 15px transparent;
   border-right: 15px solid transparent;
   border-bottom: solid 15px #ffffff;
   top: -7px;
   position: absolute;
}

.alertsContainer {
   float: left;
   width: 600px;
   height: 30px;
   margin: 10px 0px 10px 0px;
   background-image: url(/images/alertsBg.jpg);
   background-repeat: no-repeat;
   background-position: 0px 0px;
   box-shadow: 0px 0px 5px #000000;
   behavior: url(/css/PIE.htc);
}

.alertsDropArrow {
   height: 29px;
   color: #fafafa;
   text-shadow: 0px 1px 1px #000000;
   width: 30px;
   float: left;
   border-right: solid 1px #444444;
   border-left: solid 1px #000000;
   border-bottom: solid 1px #000000;
   border-top: solid 1px #444444;
   text-align: center;
   background-image: url(/images/alertsDropArrow.png);
   background-repeat: no-repeat;
   background-position: 5px 10px;
   cursor: pointer;
}

.alertsBody {
   height: 22px;
   color: #fafafa;
   text-shadow: 0px 1px 1px #000000;
   width: 490px;
   float: left;
   border-right: solid 1px #444444;
   border-left: solid 1px #000000;
   border-bottom: solid 1px #000000;
   border-top: solid 1px #444444;
     
   font-size: 10pt;
   color: #bbbbbb;
   padding: 7px 0px 0px 10px;
}

.alertsAlert {
   height: 22px;
   color: #fafafa;
   text-shadow: 0px 1px 1px #000000;
   width: 64px;
   float: left;
   border-right: solid 1px #444444;
   border-left: solid 1px #000000;
   border-bottom: solid 1px #000000;
   border-top: solid 1px #444444;
   text-align: center;
   font-size: 10pt;
   padding: 7px 0px 0px 0px;
   cursor: pointer;
}

.leftContentVid {
   position: relative;
   width: 100%;
   background: var(--pres-main-bg-dark);
   margin: 0px 0px 0px 0px;
   padding-bottom: 56.25%; /* 16:9 */
   padding-top: 25px;
   height: 0px;
}

.leftContentVid iframe {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;   
}

.descriptionMts {
   float: left;
   clear: both;
   width: 100%;
   padding: 10px 0px 0px 0px;
}

.readMoreBtn {
   color: var(--pres-light-fg-color);
   width: 15%;
   padding: 1%;
   margin: 1%;
   float: right;
   text-align: center;
   cursor: pointer;
   background-color: var(--pres-main-fg-color);
   border-radius: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
}

.readMoreBtn:hover {
   opacity: .5;
}

.loginContainer {
   float: left;
   width: 100%;  
   margin: 0px 0px 0px 0px;
   background: var(--pres-main-bg-light);
}

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

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

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

.loginHeading {
   font-size: 1.5em;
   color: var(--pres-main-fg-color);
   height: auto;
   width: 100%;
	font-weight: bold;
}

.loginRow {
   height: auto;
   width: 100%;
   float: left;
   clear: both;
   margin: 10px 0px 0px 0px;     
}

.loginLabel {
   float: left;
   font-size: 1em;
   color: var(--pres-main-fg-color);
}

.loginText {
   float: left;
   clear: both;
   width: 100%;
   margin: 5px 0px 0px 0px;
   border: solid 1px #bbbbbb;
   color: var(--pres-main-fg-color);
   font-size: 1em;
   padding: 5px 10px;
}

.loginChk {
   background-color: #fafafa;
   border: solid 1px #bbbbbb;
   margin: 0px;
   padding: 0px;  
}

.keepLoggedTxt {
   font-size: 1em;
   margin: 0px 0px 0px 0px;
}

.forgotPw {
   font-size: 1em;
   color: #e23740;
   margin: 0px 0px 0px 10px;  
}

.forgotPw:hover {
   opacity: .5;
}

.loginSubmitButton {
   position: relative;
   margin: 0px 0px 0px 0px;
   font-size: 1em;
   color: var(--pres-light-fg-color);
   height: 35px;
   width: 100%;
   border: none; 
   background-color: var(--pres-main-fg-color); 
   border-radius: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px; 
}

.loginSubmitButton:hover 
{
   opacity: .5;
   cursor: pointer;
}

.sideBarLine {
   height: 0px;
   width: 300px;
   border-top: solid 1px #000000;
   border-bottom: solid 1px #444444;
   float: left;
   clear: both;
   margin: 10px 0px 0px 20px;  
   display: none;
}

#fbLogin 
{
   width: 100%;
   float: left;
   clear: both;
   border: solid 1px #3b5998;
   border-radius: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   padding: 0px 0px 0px 5px;
   position: relative;
}

#fbLogin:hover 
{
   opacity: .5;
}

.iWantToLogin {
   font-size: 1em;
   color: #3b5998;
   padding: 0px 0px 0px 0px;
   font-weight: bold;
   vertical-align: middle;
   text-decoration: none;
   position: absolute;
   top: 50%;
   left: 10px;
   transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
}

.fab.fbLoginIcon {
   height: 35px;
   width: 35px;
   float: right;
   background: #3b5998;
   color: var(--pres-light-fg-color);
   line-height: 35px;
   text-align: center;
   font-size: 1.5em;
}

.free {
	font-weight: bold;
   font-size: 36pt;
   color: #fafafa;
   float: left;  
   text-align: center;
   width: 100%;
   margin: 0px 0px -10px 0px;
   text-shadow: 0px 1px 1px #000000;
   padding: 0px;
   display: none;
}

.createToday {
	font-weight: bold;
   text-align: center;
   float: left;
   width: 100%;
   cursor: pointer;
   background: #e23740; /* Old browsers */
	font-family: helvetica, Arial, Sans-Serif;
   color: #fff;
   font-size: 1em;
   text-align: center;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
   height: 35px;
   padding: 9px 0px;
}

.createToday:hover {
   opacity: .5;
}

.createIcon {
   width: 30px;  
   margin-left: 0px;
   vertical-align: middle;
   margin-top: -5px;
}

/* IC Common Styles*/
.informContentContainer, 
.informContentContainer2 {
   border-bottom: solid 5px #e23740;
}

/* -----InformContentContainer----- */
.informContentContainer {
   position: relative;
   clear: both;
   width: 100%;   
   margin: 0px auto 0px auto;
   height: 94vh;
   z-index: 4;
   padding: 0px;
	top: 8vh;
   overflow: hidden;
   background: var(--pres-main-bg-light);
}

.baseballImg, .golfImg, .footballImg {
   width: 100%;
   top: 0px;
   position: absolute;
   z-index: 0;
}

.footballImg {
   top: 30px;
}

.redOverlay, .redOverlay2, .redOverlay3 {
   position: absolute;
   top: 0px;
   left: 0px;
   background: rgba(255,255,255,0);
   background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0) 0%, rgba(5,26,39,0.25) 25%, rgba(5,26,39,1) 100%);
   background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,0)), color-stop(25%, rgba(5,26,39,0.25)), color-stop(100%, rgba(5,26,39,1)));
   background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0) 0%, rgba(5,26,39,0.25) 25%, rgba(5,26,39,1) 100%);
   background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,0) 0%, rgba(5,26,39,0.25) 25%, rgba(5,26,39,1) 100%);
   background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0) 0%, rgba(5,26,39,0.25) 25%, rgba(5,26,39,1) 100%);
   background: radial-gradient(ellipse at center, rgba(255,255,255,0) 0%, rgba(5,26,39,0.25) 25%, rgba(5,26,39,1) 100%);
   opacity: 0;
   transition: opacity 500ms;
   -webkit-transition: opacity 500ms;
   width: 100%;
   height: 100%;
   z-index: 1;
}

.rolShow {
   opacity: .5;
   transition: opacity 500ms;
   -webkit-transition: opacity 500ms;
}

.mobilePhone {
   opacity: 0;
   bottom: 100%;
   transition: bottom 500ms, opacity 500ms;
   -webkit-transition: bottom 500ms, opacity 500ms;
   position: absolute;
   z-index: 3;
   left: 50px;
   height: 75%;
}

.commHeader {
   font-weight: bold;
   padding: 0px;
   font-size: 8em;
   color: var(--pres-light-fg-color);
   margin: 0px 0px 0px 0px;
   opacity: 0;
   transition: left 250ms, opacity 1000ms;
   -webkit-transition: left 250ms, opacity 1000ms;
   top: 50px;
   left: -100%;
   position: absolute;
   z-index: 2;
}

.chShow {
   left: 50px;
   opacity: 1;
   transition: left 250ms, opacity 1000ms;
   -webkit-transition: left 250ms, opacity 1000ms;
}

.commDescript {
   position: absolute;
   width: 33%;
   margin: 0px 0px 0px 0px;
   font-size: 1.5em;
   color: #051a27;
   opacity: 0;
   background: var(--pres-main-bg-light);
   padding: 50px;
   bottom: -100%;
   right: 0px;
   z-index: 3;
   border-top: solid 5px #e23740;
}

.cdShow {
   opacity: 1;
   bottom: 0px;
   transition: bottom 500ms, opacity 500ms;
   -webkit-transition: bottom 500ms, opacity 500ms;
}

.mobileShow {
   opacity: 1;
   bottom: 50px;
   transition: bottom 500ms, opacity 500ms;
   -webkit-transition: bottom 500ms, opacity 500ms;
}


/* End informcontentcontainer */

/* -----InformContentContainer2-----*/
.informContentContainer2 {
   position: relative;
   width: 100%;
   padding: 0px;
	top: 8vh;
   height: 92vh;
   overflow: hidden;
}

.golfImg {
   position: absolute;
   width: 100%;
   z-index: 0;
}

.mgmtContainer {
   margin: auto;
   width: 1170px;
   padding: 0px 0px 20px 0px;
   display: block;
}  

.screen {
   left: -100%;
   bottom: -100px;
   z-index: 2;
   transition: left 1000ms;
   -webkit-transition: left 1000ms;
   height: 60%;
   position: absolute;
}

.screenUp {
   left: -5%;
   transition: left 1000ms;
   -webkit-transition: left 1000ms;
}


.mgmtHeading {
   margin: 0px auto 10px 0px;
   font-size: 8em;
   z-index: 3;
   color: var(--pres-light-fg-color);
   position: absolute;
   top: 0px;
   font-weight: bold;
   right: 50px;
   padding: 30px 50px;
   transition: right 1000ms, opacity 500ms;
   -webkit-transition: right 1000ms, opacity 500ms;
   opacity: 0;
}

.mhShow {
   opacity: 1;
   right: 0px;
   transition: right 1000ms, opacity 500ms;
   -webkit-transition: right 1000ms, opacity 500ms;
}

.eventDescript {
   position: absolute;
   width: 33%;
   padding: 30px;
   height: 100%;
   margin: 0px 0px 0px 0px;
   opacity: 1;
   bottom: 0px;
   left: -33.333%;
   background: var(--pres-main-bg-light);
   transition: left 500ms;
   -webkit-transition: left 500ms;
   -moz-transition: left 500ms;
   z-index: 2;
   border-top: solid 5px #e23740;
}

.edOpen {
   left: 0px;
   transition: left 500ms;
   -webkit-transition: left 500ms;
   -moz-transition: left 500ms;
}

.eventRow {
   float: left;
   clear: both;
   height: auto;
   width: 100%;
   padding: 0px 20px 20px 0px;
}

.eventHeading {
   float: left;
   height: auto;
   font-size: 1.75em;
   color: #051a27;
   width: 100%;
}

.eventBody {
   float: left;
   height: auto;
   font-size: 1.25em;
   line-height: 1.5em;
   color: #051a27;
   margin: 5px 0px 0px 0px;   
}

/* -----End InformContainer2----- */

/* -----InformContainer3----- */

.informContentContainer3 {
   height: 92vh;
   clear: both;
   width: 100%;
   position: relative;
	top: 8vh;
   z-index: 5;   
   overflow: hidden;
   background: var(--pres-main-bg-dark);
}

.orgContent {
   width: 100%;
   margin: 0px 0px 0px 0px;
   position: absolute;
   bottom: -100%;
   opacity: 0;
   transition: opacity 500ms, bottom 500ms;
   -webkit-transition: opacity 500ms, bottom 500ms;
   z-index: 3;
}

.ocShow {
   bottom: 0px;
   opacity: 1;
   transition: opacity 500ms, bottom 500ms;
   -webkit-transition: opacity 500ms, bottom 500ms;
}

.third {
   width: 33.333%;
   padding: 60px;
   float: left;
}

.orgHeading {
   position: absolute;
   top: 100%;
   font-weight: bold;
   font-size: 8em;
   color: var(--pres-light-fg-color);
   margin: 0px 0px 0px 0px;
   width: 100%;
   padding: 20px;
   text-align: left;
   transition: top 1000ms;
   -webkit-transition: top 1000ms;

}   

.ogShow {
   top: -200px;
   transition: top 1000ms;
   -webkit-transition: top 1000ms;
}

.orgInfo {
   float: left;
   position: relative;
   clear: both;
   height: auto;
   width: 100%;
   margin: 1px 0px 0px 0px;
   background: var(--pres-main-bg-light);
   border-top: solid 5px #e23740;
}

.orgInfoHeading {
   float: left;
   font-size: 1.75em;
   color: #051a27;
   width: 100%;
}

.orgInfoCopy {
   float: left;
   clear: both;
   height: auto;
   width: 100%;
   color: #051a27;
	line-height: 1.5em;
   font-size: 1.25em;
   margin: 0px;
}
/* -----End InformContainer3----- */

/* --------- Footer Style --------- */

#footerContainer {
   float: left;
	clear: both;
	width: 100%;
	height: auto;
	margin: 0px auto 0px auto;
	position: relative;
	top:8vh;
   background: var(--pres-main-bg-light);
   border-top: solid 5px #051a27;
}

.footerContent {
   margin: auto;
   width: 100%;
   height: 50px;
   position: relative;  
}

#footer {
	width: 100%;
	margin: auto;
	height: auto;	
   padding: 0px 20px;
}

.footerColumn {
	height: auto;
	float: left;
	margin: 10px 0px 0px 0px;
   padding: 0px 10px 0px 0px;
}

.footerColumnR {
	float: right;
	margin: 10px 0px 0px 0px;
}

.rowFootHead {
	font-size: .9em;
	font-weight: bold;
	/*width: 145px;*/
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	text-decoration: none;
}

.rowFootHeadR {
	font-weight: bold;	
	font-size: .9em;
	/*width: 145px;*/
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	text-decoration: none;
}

.rowFootLink {
	float: left;
	clear: both;
	width: 80px;
}

a.footer_link {
   
	font-size: 6pt;
	font-weight: bold;
	color: #15384e;
	width: 75px;
	height: auto;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #15384e;
	clear: both;
	float: left;
	margin: 0px 0px 5px 0px;
}

a.footer_link:hover {
	cursor: pointer;
}

/* --------- End Footer Style --------- */

#searchBarBtn {
   background-image: url(/images/searchBarBtn.jpg);
   background-position: 0px 0px;
   background-repeat: no-repeat;
   height: 24px;
   width: 25px;
   float: left;
   cursor: pointer;
   border-radius: 0px 5px 5px 0px;
   -webkit-border-radius: 0px 5px 5px 0px;
   -moz-border-radius: 0px 5px 5px 0px;
}

.fctBtn {
   position: fixed;
   right: 10px;
   top: 70px;
   opacity: 0;
   transition: opacity 500ms;
   -webkit-transition: opacity 500ms;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   padding: 10px;
   text-align: center;
   z-index: 10;
   text-decoration: none;
   font-size: 1em;
}

.fctBtnShow {
   opacity: 1;
   transition: opacity 500ms;
   -webkit-transition: opacity 500ms;
}

#mg2, #og2 {
   display:block;
}

@media all and (min-width: 1025px) and (max-width: 1366px) {
   .mainContent, .commContainer,
   .mgmtContainer, .orgContainer,
   .informContent {
      width: 960px;
   }

   .commHeader {
      font-size: 6em;
   }

   .mobilePhone {
      height: 66%;
   }

   .commDescript {
      width: 400px;
      padding: 60px 50px;
      line-height: 1.75em;
      font-size: 1.25em;
   }

   .mgmtHeading {
      font-size: 6em;
   }

   .screen {
      right: -10%;
   }

   .grassDown {
      bottom: -80px;
   }

   .eventBody {
      font-size: 1em;
   }

   .informContentContainer3 {
      background-position: 0px 0px;
   }

   .third {
      width: 33.333%;
      padding: 30px 70px;
   }

   .orgHeading {
      font-size: 6em;
   }

   .ogShow {
      top: -150px;
   }

   .orgInfoCopy {
      font-size: 1em;
   }

   .baseballImg {
      width: 125%;
   }

   #mg2, #og2 {
      display:block;
   }
}

@media all and (min-width: 768px) and (max-width: 1024px) {
   #header, .mainNavContainer,
   .mainContent, .commContainer,
   .mgmtContainer, .orgContainer,
   #footer {
      width: 100%;
   }

   .fb-like.fb_iframe_widget.fb_iframe_widget_fluid {
      width: 80px !important;
   }

   .searchBar {
      width: 200px;
   }

   .third {
      width: 50%;
      padding: 10px 30px;
   }

   .informContentContainer2 {
      background-size: 1920px 1132px;
      background-position: -50px 0px;
   }

   .informContentContainer {
      background-position: -100px 0px;
   }

   .orgInfo {
      padding-bottom: 30px;
   }

   .orgInfoCopy {
      font-size: 1em;
   }

   .leftContent {
      width: 640px;
   }

   .commDescript {
      width: 66.666%;
      padding: 40px;
      margin: 0px 0px 0px 0px;
      font-size: 1.25em;
      line-height: 1.5em;
   }

   .cdShow {
      left: 0px;
   }

   .commHeader {
      font-size: 6em;
      left: 100%;
      padding: 0px 40px;
      bottom: 316px;
      width: 66.666%;
      transition: left 500ms, opacity 1000ms;
      -webkit-transition: left 500ms, opacity 1000ms;
   }

   .baseballImg {
      width: 150%;
      left: -25%;
   }

   .chShow {
      left: 0px;
      transition: left 500ms, opacity 1000ms;
      -webkit-transition: left 500ms, opacity 1000ms;
   }

   .informContent {
      width: 100%;
   }

   .mobilePhone {
      float: none;
      position: absolute;
      margin-top: 0px;
      bottom: -100%;
      margin-right: 0px;
      transform: none;
      -webkit-transform: none;
      -moz-transform: none;
      -ms-transform: none;
      right: 0px;
      left: initial;
      height: 65%;
   }

   .mobileShow {
      margin-right: 0px;
      opacity: 1;
      bottom: -160px;
      transition: bottom 500ms, opacity 500ms;
      -webkit-transition: bottom 500ms, opacity 500ms;
   }

   .mgmtContent {
      width: 100%;
      left: 0px;
   }

   .mgmtHeading {
      font-size: 6em;
      padding: 0px 30px;
      left: 0px;
      transition: left 500ms;
      -webkit-transition: left 500ms;
   }

   .eventRow {
      width: 50%;
      clear: none;
   }

   .screen {
      z-index: 1;
      height: 55vh;
   }

   .screenUp {
      left: -20vh;
      bottom: 15vh;
   }

   .eventDescript {
      bottom: -300px;
      height: 300px;
   }

   .edOpen {
      padding: 30px;
      height: 30%;
      width: auto;
      bottom: 0px;
      z-index: 2;
      transition: bottom 500ms;
      -webkit-transition: bottom 500ms;
   }

   .eventRow {
      padding: 0px 30px 0px 0px;
   }

   #mg2, #og2 {
      display:block;
   }
}

@media all and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
   .mobilePhone {
      height: 95%;
   }

   #mg2, #og2 {
      display:block;
   }
}

@media all and (min-width: 320px) and (max-width: 767px) {
	#headContainer 
	{
		position: relative;
	}

   #logo_image {
      width: 90%;
   }

   .slim {
      width: 90%;
      margin: 10px auto;
   }

   .userCtr {
      display: none;
   }

   .createToday {
      padding: 10px 0px;
      font-size: 1em;
		border-radius: 0px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
   }
	
	.mainContentContainer, .informContentContainer,
	.informContentContainer2, .informContentContainer3,
	#footerContainer
	{
		top: 0px;
	}
	
   #header, .mainNavContainer,
   .mainContent, .commContainer,
   .mgmtContainer, .orgContainer,
    #footer, .leftContent, .rightContent,
    .commContent {
      width: 100%;
   }

   .leftContent, .leftContentVid {
      height: 240px;
   }

	#logo, #logo_image, #logo_imageL {
      position: relative;
      display: block;
      margin: auto;
		border: none;
	}
	
   .mBtn {
      display: block;
      margin: 0px;
      height: 30px;
      width: 30px;
      position: relative;
      z-index: 50;  
		top: 50%;
		left: 0px;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
   }
   
   .mainContentContainer, .leftContentVid,
   .rightContent, .informContentContainer,
   .informContentContainer2, .informContentContainer3,
   .orgContainer {
      margin: 0px;
      padding: 0px;
   }

   .mainContentContainer {
      height: 100vh;
   }

   .informContentContainer,
   .informContentContainer2, 
   .informContentContainer3 {
      border-top: none;
      border-bottom: none;
      border: none;  
      background-size: 100%;
      background-position: 0px 0px;
   }
   
   .searchBar,
   .commImage, .fbLike, .readMoreBtn,
   .footerColumn {
      display: none;
   }
   
   .mainNav {
      padding: 0px;
      margin: 0px;
      height: 0px;
      transition: height 500ms;
      -webkit-transition: height 500ms;
      overflow: hidden;
      float: left;
      clear: both;
      width: 100%;
   }
   
   .mainNavO {
      height: auto;   
      display: block;
      transition: height 500ms;
      -webkit-transition: height 500ms;
   }
      
   .mainNavBtnRight, .mainRegisterBtn {
      border-radius: 0px;
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;   
      background-color: var(--pres-main-fg-color);
      color: var(--pres-light-fg-color);   
      font-size: .9em;
		width: 50%;
		padding: 10px;
      border-top: solid 1px #555555;
      border-bottom: solid 1px #222222;
      text-align: left;
		float:left;
   }
   
   .descriptionText {
      font-size: 1em;
		width: 100%;
		padding: 20px;
      margin: 0px;
      color: var(--pres-main-fg-color);
      text-align: center;
   }
   
   .commContent {
      text-align: center;
   }

   .commHeader {
      width: 100%;
      padding: 20px 0px 0px 20px;
      top: 0px;
      text-align: left;
      font-size: 2.5em;
      background: none;
      transition: top 500ms, opacity 500ms;
      -webkit-transition: top 500ms, opacity 500ms;
      left: 0px;
      height: auto;
   }

   .chShow {
      top: 35%;
      transition: top 500ms, opacity 500ms;
      -webkit-transition: top 500ms, opacity 500ms;
   }

   .madeFor, .mobilePhone {
      display: none;
   }
  
   .commDescript {
      margin: 0px;
      text-align: left;
		width: 100%;
		padding: 1em;
      line-height: 1.5em;
      height: 52%;
      transition: bottom 500ms, opacity 500ms;
      -webkit-transition: bottom 500ms, opacity 500ms;
      bottom: -52%;
   }

   .cdShow {
      bottom: 0px;
      transition: bottom 500ms, opacity 500ms;
      -webkit-transition: bottom 500ms, opacity 500ms;
   }

   .eventImg {
		width: 100%;
		padding: 0px;
      margin: 0px;
      float: left;
      clear: both;
      background-color: transparent;
   }
  
   .orgContainer {
      text-align: center;
      box-shadow: none;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      -o-box-shadow: none;
   }

   .orgContent {
      width: 100%;
      clear: both;
      float: left;
      margin: 0px;
      padding: 0px;
      position: relative;
      min-height: 100%;
   }
   
   .orgInfo {
		padding: 0px;
      text-align: left;
      margin: 0px;
      float: none;
      position: absolute;
      bottom: 0px;
      height: 60%;
   }

   .orgInfoCopy {
      margin-bottom: 30px;
   }
   
   .backToTop {
      display: none;
   }
   
   .footerColumnR {
      width: 100%;
      float: left;
      text-align: center;
   }
   
   .rowFootHeadR {
      padding: 0px;
      width: 100%;
      text-align:center;
   }
   
   #loginM, #findTeamM {
      display: block;
   }
   
   /* RIGHT CONTENT LOGIN */
   .rightContent {
      background: var(--pres-main-bg-light);
   }
  
   .loginSubmitButton {
      padding: 0px;
      width: 100%;
      -webkit-appearance: none;
      -moz-appearance: none;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;   
   }
   
   .promo100 {
      width: 100%;
      margin: 0px;   
   }
   
   /* END RIGHT CONTENT LOGIN */
	
	.mainRegisterBtn, .mainNavBtnRight 
	{
      float: left;
		clear: both;
		margin: 0px 0px 0px 0px;
		text-align: center;
		background: #e23740;
      width: 100%;
      margin-bottom: 1px;
      border: none;
	}

   .informContent, .commHeader
    {
      width: 100%;
   }

   .baseballImg, .golfImg, .footballImg {
      height: auto;
   }

   .golfImg {
      right: 0px;
   }

   .footballImg {
      left: 50%;
      transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
   }

   .screen, .grass {
      display: none;
   }

   .informContentContainer2 {
      height: 94vh;
      background-size: 100%;
   }

   .mgmtContent {
      width: 100%;
      left: 0px;
   }

   .eventDescript {
		width: 100%;
		padding: 20px;
      margin: 0px;
      height: 60%;
      left: 0px;
      bottom: -60%;
      transition: bottom 500ms;
      -webkit-transition: bottom 500ms;
   }   

   .edOpen {
      bottom: 0px;
      transition: bottom 500ms;
      -webkit-transition: bottom 500ms;
   }

   .eventRow {
      width: 90%;
      padding: 20px;
      float: right;
   }

   .informContentContainer3 {
      height: 94vh;
   }

   .orgHeading {
      margin: 0px;
      padding: 20px;
      font-size: 2.5em;
      width: 100%;
      text-align: left;
      left: 0px;
   }

   .ogShow {
      top: 28%;
   }

   .third {
      width: 90%;
      padding: 0px;
      float: right;
   }

   .mgmtHeading {
      width: 100%;
      font-size: 2.5em;
      padding: 0px 20px;
      top: 28%;
   }

   .eventRow {
      padding: 0px;
   }

   .createTeamBtn {
      width: 100%;
   }

   .cnCtr, .mnCtr {
      display: block;
      position: absolute;
      width: 60px;
      top: 10px;
      left: 10px;
   }

   .circleNav {
      height: 14px;
      width: 14px;
      border-radius: 7px;
      -webkit-border-radius: 7px;
      -moz-border-radius: 7px;
      border: solid 1px #e23740;
      display: block;
      position: relative;
      margin: 0px 0px 10px 0px;
      cursor: pointer;
      transition: background 500ms;
      -webkit-transition: background 500ms;
   }

   .cnFill {
      background: #e23740;
      transition: background 500ms;
      -webkit-transition: background 500ms;
   }

   #mg2, #og2 {
      display:none;
   }

   .golfImg, .footballImg {
      height: 50%;
      width: auto;
   }
   
   .commDescript, .eventBody,
   .orgInfoCopy {
      font-size: 1em;
      line-height: 1.5em;
   }

   .fctBtn {
      display: none;
   }

   .informContentContainer,
   .informContentContainer2,
   .informContentContainer3 {
      height: 100vh;
   }

   .mBtn {
      height: 90%;
      width: auto;
   }

   .orgInfoHeading, .eventHeading {
      font-size: 1.25em;
   }
   
}

@media all and (min-width: 320px) and (max-width: 767px) and (orientation: portrait) {
   .baseballImg {
      width: 150%;
      height: auto;
      position: relative;
   }
   
   .commDescript {
      padding: 20px;
      font-size: 1.125em;
   }

   .eventDescript, .orgInfo {
      padding: 10px;
      font-size: 1.125em;
   }

   .mgmtHeading, .commHeader, .orgHeading {
      padding: 0px 10px;
   }

   .rightContent {
      float: left;
      clear: both;
      position: relative;
      top: 0px;
      left: 0px;
      box-shadow: 0px 0px 0px #000000;
      border-radius: 0px;
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      width: 100%;
      padding: 20px;
      z-index: 200;
      transition: left 0ms;
      -webkit-transition: left 0ms;
      -moz-transition: left 0ms;
      height: 0px;
      overflow: hidden;
      display: none;
   }

   .rcShow {
      height: auto;
      display: block;
      transition: left 0ms;
      -webkit-transition: left 0ms;
      -moz-transition: left 0ms;
   }
}

@media all and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
   .baseballImg, .golfImg, .footballImg {
      width: 100%;
      height: auto;
   }

   .commDescript, .eventDescript, .orgInfo {
      height: 42%;
      padding: 10px;
   }

   .mgmtHeading, .commHeader, .orgHeading {
      top: 43%;
      padding: 0px 30px;
   }

   .third, .eventRow {
      width: 95%;
      left: 2%;
   }
}