.container-content {background-color: #e7e7e7;}
.container-content .container {background-color: #fff; border-radius: 0 0 10px 10px;}
.container-content .container.page-container {padding: 20px 40px;}




/*.navbar {background-color:#0B4F6C; box-shadow: 0 4px 20px rgba(0,0,0,.25)}
.navbar {background: rgb(36,77,140);background: linear-gradient(183deg, rgba(36,77,140,1) 10%, rgba(99,117,149,1) 100%);box-shadow: 0 4px 20px rgba(0,0,0,.25)}


*/


.navbar {background: rgb(36,77,140);background: linear-gradient(183deg, rgba(36,77,140,1) 8%, rgba(99,117,149,1) 58%);}
.navbar-brand {position: relative;}
img.homelogo {height: 70px; top:-20px; position: absolute; z-index: 2;}
.navbar-collapse {padding-top: 30px;}
.nav-link, .navbar-nav .nav-link.active {color: #DAD7CD;}

h1 {font-size: 30px;font-family: 'Alkatra', system-ui;	}

.header-callout {font-size: 1.2em; background-color: #D0F3FF; padding: 2px 3px;}


/***** Images *****/
img.thunder-logo-home {}
img.thunder-logo {float: right; margin: 0 0 20px 20px; padding: 2px; }
img.storm-logo-home {width: 250px;margin-top: 30px;}

/***** Buttons *****/
#account-registration-button {padding: 20px 0;}
#account-registration-button .btn-primary {font-size: 1.3em;}

/***** Home Page Calendar *****/
#coe-container {margin: 0; padding: 5px; background: #91C66D; border-radius: 5px;}
#coe-container h3 {color: #fffaeb; font-size: 24px; margin: 0 0 7px 5px; padding: 0;}
#coe-table {background: #F2EDE9; padding: 5px;}
#coe-table tr.alt-color { background: rgba(51, 51, 51, 0.03);}
#coe-table td { font-size: 15px;padding: 6px 13px 1px 2px; }
#coe-table td.date { font-weight: bold; padding: 2px 20px 2px 2px; vertical-align: top;}

/***** Content *****/

table.league-info {width: 100%;}
table.league-info td {vertical-align: top;}
.rightborder {border-right: 1px dotted #a8a8a8;}
.content-photo {margin: 0 0 20px 20px; border: 1px solid #D0E3F2; border-radius: 10px; padding: 3px; box-shadow: 3px 3px 5px #ccc;}

/***** Right Rail *****/
.fieldStatusBox { background-color: #f0f8ff; padding: 5px; margin:0px 2px 10px 2px; border: 2px solid #6890c9; font-size:16px; border-radius: 8px; }
.fieldStatusBox .fsIcon { margin: 5px; height: 50px; width:50px; float: left;}
.fieldStatusBox p { margin: 20px 15px 20px 80px;}

/***** Schedule *****/
#schedule .pitching-line-display  {} 
#schedule.pitching-line-display td {font-size: 11px; padding: 0;} 

.scheduler td {padding: 0 25px 7px 0;}
#schedule-search {width: 100%;}
#schedule-search td.parks {width: 230px;}
#schedule-search td.fields {width: 175px;}
#schedule-search td.calendar {padding-right: 20px; width: 120px;}
#schedule-search td.calendar img.ui-datepicker-trigger { float: right;}

#schedule {font-size: 10px; width: 100%;border-bottom: 1px dotted #888; margin: 0 0 15px 0;}
#schedule th {background: #CECCCC; color: #333;padding: 3px 0; text-align: left;}
#schedule tr.playoffs th {background-color: #f6b33d; color: #333;padding: 3px 0; text-align: left;}
#schedule td {padding: 3px 0;}
#schedule tr.toprow td {color: #000;padding-left: 10px;line-height: 25px;background-color: #ABCB9C;font-weight: bold; border-radius: 5px 5px 0 0;}
#schedule tr.stathead td {background: #EAF5E5; font-weight: bold; padding: 4px 10px; font-size: 12px; }
#schedule tr.datarow td {border-bottom: 1px dotted #C1C1C1;}
#schedule tr.datarow2 td {border-top: 1px dotted #C1C1C1;}
#schedule tr.game-info td {padding: 0;border-top: 1px dotted #888; font-size: 11px;}
#schedule tr.game-info-pitching th {padding: 0 0 0 10px;}
#schedule tr.game-info-pitching td {padding: 0 0 0 10px;border-top: 1px dotted #888; font-size: 11px;}

#schedule tr.playoffhead td {background: #f8d495; font-weight: bold; padding: 4px 10px; font-size: 12px; }
#schedule tr.playoffSchedule td {background: #f8d495; font-weight: bold; padding: 15px 10px; font-size: 20px; text-align: center; border-top: 2px solid #888;}


#schedule .oddrow {background: #EAF5E5;}
#schedule .evenrow {background: #fff;}
#schedule .even {background: #F4F4F4;} 
#schedule .gamedate {height: 15px; font-weight: bold;background: #C1282D; color: #fff;}
/* 
#schedule .gamedate td {padding: 0 0 0 10px; border-top: 7px solid #fff;border-bottom: 1px solid #333;background: url(/images/background/bg_row_standings.gif) repeat-x transparent;}
#schedule .titles {background: url(/images/background/bg_row_standings_blue.gif) repeat-x transparent;padding: 0 0 0 10px; }
 */
#schedule .gamedate td {padding: 0 0 0 10px; border-top: 7px solid #fff;border-bottom: 1px solid #aaa;}
#schedule .titles {background: #D3D3D3;padding: 0 0 0 10px; }
#schedule .gametime {width: 65px; padding: 0 0 0 5px; }
#schedule .awayteam {width: 140px; text-align: right;}
#schedule .vs {width: 40px;}
#schedule .hometeam {width: 140px;}
#schedule .park {width: 200px;}
#schedule .pitching {width: 70px;}
#schedule .fieldStatus {width: 100px;}
#schedule .gameID {width: 70px; padding-right: 5px; text-align: right;}
#schedule .winner {color: #008000;}
#schedule .loser {color: #800000;}
#schedule .rownum {width: 20px; padding: 5px 5px 5px 0; text-align: right;}
#schedule .day {text-align: left; padding-right: 10px;}

.playoffScheduleBox {float: left; height: 20px; width: 20px; margin-bottom: 15px; border: 1px solid black; clear: both;}
.red {background-color: red;}
.green {background-color: green;}
.blue {background-color: blue;}

/***** Championship Shedule *****/
table#schedule-championship  {width: 100%; margin: 0 0 20px 0;}
#schedule-championship th {background: #f6f6f6; color: #333; padding: 3px 0; text-align: left; font-size: 1em;}
#schedule-championship td {border-bottom: 3px dotted #a8d7eb; font-size: .9em;}

/***** Footer *****/
#footer { background-color: #e7e7e7; text-align: center; padding: 0px 0 25px 0; color: #e2c05a; }
#footer ul li {display: inline; padding:0 7px 15px 0; color: #346b1f;}
#footer a {color: #346b1f; text-decoration: none;}
#footer a:hover {text-decoration: underline;}
#footer p {color: #4C6696; margin: 10px 0 0 0;}
#footerContent ul.footerLinks {margin: 15px 0 0 0;}
#footerContent .socialMediaLinks {text-align: center; padding: 10px 0 0 0; font-size: 18px; color: #003366;}

#footerContent .socialMediaLinks a.facebook {
  background-image: url(/images/icons/icon-facebook.png);  display: inline-block;  margin: 0 auto;  text-indent: -9999px;  width: 35px;  height: 35px;}
#footerContent .socialMediaLinks a.facebook:hover {
  background-image: url(/images/icons/icon-facebook2.png);}
#footerContent .socialMediaLinks a.twitter {
  background-image: url(/images/icons/icon-twitter.png);  display: inline-block;  margin: 0 auto;  text-indent: -9999px;  width: 35px;  height: 35px;}
#footerContent .socialMediaLinks a.twitter:hover {
  background-image: url(/images/icons/icon-twitter2.png);}
#footerContent .socialMediaLinks a.instagram {
  background-image: url(/images/icons/icon-instagram.png);  display: inline-block;  margin: 0 auto;  text-indent: -9999px;  width: 35px;  height: 35px;}
#footerContent .socialMediaLinks instagram {
  background-image: url(/images/icons/icon-instagram2.png);}



/* #container-mainnav.container {background-color:;} */

/* Smaller screen */
@media (max-width: 935px)  
{
	.container-content {padding: 0 5px;}
	.container-content .container {padding: 10px;}
	.container-content .container.page-container {padding:25px 15px 15px 15px;}
	.nav-link, .navbar-nav .nav-link.active {color: #937820;}
	h1.main {font-size: 32px;}
	ul.navbar-nav { background-color: #e7eef8; border-radius: 5px; padding: 10px;}
	ul.navbar-nav a.nav-link {border-bottom: 1px dotted #000;}	
	/***** Images *****/
	img.thunder-logo-home {width: 125px; }
	img.storm-logo-home {width: 150px; margin-top: 20px; }
	.rightborder {border-right: none;}
	.bottomborder {border-bottom: 2px dotted #a8a8a8;}
}

/* Larger screen */
@media (min-width: 935px)  
	{

	img.homelogo {height: 150px; top:-30px; position: absolute;}
	.navbar-expand-lg .navbar-collapse {padding-left: 200px;}

	.my-5 {
    	margin-top: 5rem!important;
   		margin-bottom: 3rem!important;
		}
	}