/*@import url('https://fonts.googleapis.com/css?family=Barlow|Archivo+Black|Lato:900|Bowlby+One+SC|Sancreek|Crete+Round|Graduate|Leckerli+One|Passion+One|Rowdies|Staatliches');*/
@import url('https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400..700;1,400..700&display=swap');

body {
	font-family: 'Cabin', cursive;
	color: white;
	background-image: url("../images/ballparkbg.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center bottom;	
	text-shadow: 1px 1px 2px black
}

td {
	text-align:center;
	vertical-align: top;
}

.five {
	width: 20%;
}

.six {
	width: 16.667%;
}

.seven {
	width: 14.285%;
}

.coffee-button {
  position: fixed;    /* stays in place on scroll */
  top: 20px;          /* distance from the top */
  right: 20px;        /* distance from the right */
  z-index: 9999;      /* on top of other elements */
}

.select2-option-wrapper {
  display: flex;
  align-items: center;
}

.select2-option-img {
  display: inline-block;
  width: 40px;       
  padding-right: 8px; 
}

.select2-option-img img {
  max-height: 22px;
  width: auto;
  display: block;
  margin: 0 auto;
}

.select2-container .select2-results__option {
  color: #000 !important;
  text-shadow: none !important;
}

/* The selected item text shown in the box */
.select2-container .select2-selection__rendered {
  color: #000 !important;
  text-shadow: none !important;
}

.subtitle {
    font-size: .8em;
}

.header {
	display: flex;
  	justify-content: center; /* horizontal */
  	align-items: center;
	margin-bottom: 10px;
	width:100%;
	font-size:3em;
    font-weight: 700;
	-webkit-text-stroke: 1px black;
	text-shadow:
    2px 2px 0 #000,
    /* Simulated effect for Firefox and Opera
       and nice enhancement for WebKit */
   -1px -1px 0 #000,  
    1px -1px 0 #000,
   -1px  1px 0 #000,
    1px  1px 0 #000;
}

.header img {
  height: 50px;
  width: auto;  /* maintain aspect ratio */
}

.leftimg {
	margin-right: 25px;
}

.rightimg {
	margin-left: 25px;
}

.footer {
	position:absolute; 
	bottom:0; 
	left:0; 
	width:100%; 
	height:40px; 
	display: flex;
  	justify-content: center; /* horizontal */
  	align-items: center;
}

.header2 {
	text-align:center;
	font-size:2em;
	float: left;
	-webkit-text-stroke: 1px black;
	text-shadow:
    1px 1px 0 #000,
    /* Simulated effect for Firefox and Opera
       and nice enhancement for WebKit */
   -1px -1px 0 #000,  
    1px -1px 0 #000,
   -1px  1px 0 #000,
    1px  1px 0 #000;
}

.fitTextRight {
	-webkit-text-stroke: 1px black;
	text-shadow:
    2px 2px 0 #000,
    /* Simulated effect for Firefox and Opera
       and nice enhancement for WebKit */
   -1px -1px 0 #000,  
    1px -1px 0 #000,
   -1px  1px 0 #000,
    1px  1px 0 #000;
	line-height:75px; 
	float:right; 
	margin-right:15px;
}

.fitTextLeft {
	-webkit-text-stroke: 1px black;
	text-shadow:
    2px 2px 0 #000,
    /* Simulated effect for Firefox and Opera
       and nice enhancement for WebKit */
   -1px -1px 0 #000,  
    1px -1px 0 #000,
   -1px  1px 0 #000,
    1px  1px 0 #000;
	line-height:75px; 
	float:left; 
	margin-left:15px;
}

.imageLeft {
	height:100px; 
	position:relative; 
	top:50%; 
	margin-top:-50px; 
	float:left; 
	margin-left:15px;
}

.imageRight {
	height:100px; 
	position:relative; 
	top:50%; 
	margin-top:-50px; 
	float:right; 
	margin-right:15px;
}

.um_title{
	font-family: 'Rowdies', sans-serif;
	background:#103959;
}

.pg_title{
	font-family: 'Crete Round', sans-serif;
	background:#2E790D;
}

.cm_title{
	font-family: 'Graduate', sans-serif;
	background:#f90e24;
}

.jm_title{
	font-family: "Leckerli One", sans-serif;
	background:#103959;
}

.sf_title{
	font-family: "Passion One", sans-serif;
	background:#4283C7;
}

.rf_title{
	font-family: 'Bowlby One SC', sans-serif;
	background:#c6011f;
}

.we_title{
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	background:#0f7173
}

.nc_title{
	font-family: 'Archivo Black', sans-serif;
	background:#493548
}

.lm_title{
	font-family: 'Staatliches', sans-serif;
	background:#174207
}

.title {
	margin-bottom: 15px;
	height:75px;
	width:100%;
	-moz-border-radius:20px;  
	border-radius: 20px;  
	-webkit-border-radius: 20px;
	border: 2px solid white;
	font-size:2.5em;
	cursor: pointer;			
}

.title:hover {
	-moz-box-shadow: 0 0 10px #fff;
	-webkit-box-shadow: 0 0 10px #fff;
	box-shadow: 0px 0px 10px #fff;
}

.legacy:hover {
	-webkit-filter: drop-shadow(0px 0px 6px #FFF);
	filter: drop-shadow(0px 0px 6px #fff);
}

/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF FOUR  */
.span_4_of_4 {
	width: 100%;
}
.span_3_of_4 {
	width: 74.6%;
}
.span_2_of_4 {
	width: 49.2%;
}
.span_1_of_4 {
	width: 23.8%;
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }
}

a {
  color: white;
}

a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.thumb {
	width: 200px;           
  	height: 120px;        
  	object-fit: cover;
	image-rendering: auto;
    border: 1px solid transparent;
    border-radius: 4px;
    transition: filter 0.2s ease, border-color 0.2s ease;
}

.thumb2 {
	width: 150px;
	image-rendering: auto;
    border: 1px solid transparent;
    border-radius: 4px;
    transition: filter 0.2s ease, border-color 0.2s ease;
}

a:hover .thumb,
a:hover .thumb2 {
    -webkit-filter: drop-shadow(1px 1px 4px #ffffff);
    filter: drop-shadow(0px 0px 4px #ffffff);
}

a:active {
  text-decoration: underline;
}

table {
	border-spacing: 0 15px; /* 0 for columns, 10px for rows */
	border-collapse: separate; /* must be separate for border-spacing to work */
  }