body {
	background: #dddddd;
	color: #000000;
	/*
	background: url(img/home-bg.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

img {
	max-width: 100% !important;
}

.fullsize {
	width: 100%;
}

h1 {
	margin: 0;
	color: #ffffff;
}

a {
	color: #191970;
	font-weight: 700;
	text-decoration: none;
}

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

p, ul, li {
	font-size: 17px;
}
#bodyHome {
	background: url(/css/img/home-bg.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#testHome,
#supportHome {
	background: url(/css/img/fade-bg.jpg) no-repeat;
}

#supportHome .row {
	margin: 25px 0;
}

canvas {
	display: block;
}
#canvas {
	z-index: -1;
}

#donateButton,
.box-button,
.box-button-grey {
	width: 100%;
	padding: 0;
	margin: 0;
	display: inline-block;
}
#donateButton [type=submit],
.box-button {
	width: 100%;
	padding: 20px;
	background-color: #191970;
	color: #ffffff;
	border-radius: 15px;
	border: 0;
	font-weight: 700;
	cursor: pointer;
	display: inline-block;
	text-transform: uppercase;
	text-decoration: none;
}
#donateButton [type=submit]:hover,
.box-button:hover {
	background-color: #46468c;
	color: #ffffff;
}
#donateButton [type=submit]:focus,
.box-button:focus {
	border: 0;
	outline: 0;
}

.box-button-grey {
	width: 100%;
	padding: 20px;
	background-color: #c7c7c7;
	color: #ffffff;
	border-radius: 15px;
	border: 0;
	font-weight: 700;
	display: inline-block;
	text-transform: uppercase;
	text-decoration: none;
}

.main-links {
	text-align: center;
}

.nav-box {
	padding: 20px;
	background-color: rgba(25, 25, 112, .75);
	color: #ffffff;
	border: 0;
	font-weight: 700;
	display: inline-block;
	text-decoration: none;
	font-size: 15px;
	text-transform: uppercase;
}

.nav-box:hover {
	color: #ffffff;
	background-color: #191970;
}

.nav-box-trans {
	padding: 30px;
	background-color: transparent;
	color: #ffffff;
	border: 0;
	font-weight: 700;
	display: inline-block;
	text-decoration: none;
	font-size: 15px;
	text-transform: uppercase;
}

.nav-box-trans:hover {
	color: #191970;
	background-color: #ffffff;
}

.nav-logo {
	display: none;
	position: absolute;
	top: 5px;
	left: 20px;
}

.corner-left {
	border-radius: 15px 0 0 0;
}

.corner-right {
	border-radius: 0 15px 0 0;
}

.header,
.footer {
	position: relative;
	display: block;
	width: 100%;
}

.header {
	margin-bottom: 20px;
}

.footer {
	background-color: #191970;
    height: 150px;
	padding: 20px;
	margin: 0 auto;
}

.footer .row {
	margin: 0 !important;
}

.footer a {
	padding: 15px;
	margin-right: 10px;
	color: #ffffff;
	font-size: 18px;
	text-transform: uppercase;
}

.footer a:hover {
	background-color: #ffffff;
	color: #191970;
}

.footer a:nth-last-of-type(1) {
	margin-right: 0 !important;
}

.footer-url-container {
	position: absolute;
	left: 0;
	bottom: 20px;
	width: 100%;
}

.footer-url {
	text-transform: lowercase !important;
	font-size: 15px !important;
	padding: 0 !important;
}

.footer-url:hover {
	background-color: transparent !important;
	color: #cfecf0 !important;
}

.footer-url-donate {
	color: #cfecf0 !important;
}

.footer-url-donate:hover {
	color: #191970 !important;
	background-color: #cfecf0 !important;
}

.border-line {
	width: 100%;
	height: 25px;
	background: #006600;
}

.container {
	padding: 0 15px;
	margin-bottom: 25px;
}

.trans-white-bg {
	background: rgb(255, 255, 255);
    background: rgba(255, 255, 255, .9);
	padding: 15px;
}

.strip-margin {
	margin: 0 !important;
}

.strip-bottom-margin {
	margin-bottom: 0 !important;
}

.strip-padding {
	padding: 0 !important;
}

.strip-bottom-padding {
	padding-bottom: 0 !important;
}

.txt-center {
	text-align: center;
}

.embolden {
	font-weight: 900;
	font-size: 16px;
}

.subtle-embolden {
	font-weight: 700;
}

.thicken {
	font-weight: 700;
}

.phantom-howl {
	display: none;
}

.midnight-blue {
	color: #191970;
}

.header-blue {
	background: rgb(25, 25, 112);
    background: rgba(25, 25, 112, .9);
	padding: 15px;
	margin: 0;
}

.header-blue .embolden {
	color: #ffffff;
}

.header-blue p {
	margin: 0;
}

.header-white {
	background: rgb(255, 255, 255);
    background: rgba(255, 255, 255, .9);
	padding: 25px;
	margin-top: 0;
	margin-bottom: 50px;
	text-align: initial;
	border-top: 10px solid #191970;
	border-right: 0;
	border-bottom: 0;
	border-left: 0;
	border-radius: 20px 20px 0 0;
}

#supportHome .header-white-top {
	background: rgb(255, 255, 255);
    background: rgba(255, 255, 255, .9);
	padding: 25px;
	margin-top: 0;
	margin-bottom: 0;
	text-align: initial;
	border-top: 10px solid #191970;
	border-right: 0;
	border-bottom: 0;
	border-left: 0;
	border-radius: 20px 20px 0 0;
}

#supportHome .header-white {
	background: rgb(255, 255, 255);
    background: rgba(255, 255, 255, .9);
	padding: 25px;
	margin-top: 0;
	margin-bottom: 25px;
	text-align: initial;
	border: 0;
	border-radius: 0;
}

#bodyHome .header-white {
	background: rgb(255, 255, 255);
    background: rgba(255, 255, 255, .9);
	padding: 50px 25px;
	margin-top: 25px;
	margin-bottom: 50px;
	text-align: center;
	border: 5px solid #191970;
}

.header-white .embolden,
.header-white-top .embolden {
	color: #191970;
	font-size: 20px;
	text-transform: uppercase;
}

.header-white p {
	margin-bottom: 20px;
}

.hw-last {
	margin-top: 50px;
}

.holder-div {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	z-index: 999;
}

.content-holder {
	padding: 0;
	text-align: center;
}

#blue-button-holder {
	position: relative;
	width: 100%;
	text-align: center;
	margin-top: 10px;
}

.blue-button {
	display: inline-block;
	padding: 25px;
	color: #ffffff;
	background-color: rgb(25, 25, 112, .75);
	background-color: rgba(25, 25, 112, .75);
	font-weight: 700;
	text-align: center;
	width: 110px;
	max-width: 33%;
	margin-right: 10px;
}

.blue-button:hover {
	background-color: #191970;
	color: #ffffff;
}

#blue-button-holder .blue-button:last-child {
	margin-right: 0;
}

.blue-box {
	position: relative;
	max-width: 100%;
	height: 100%;
	min-height: 300px;
	padding: 20px;
	border: 2px solid #191970;
	border-radius: 20px;
	-ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
	text-align: center;
}

.bottom-button {
	position: absolute;
	left: 20px;
	bottom: 20px;
	width: -webkit-calc(100% - 40px);
    width:    -moz-calc(100% - 40px);
    width:         calc(100% - 40px);
}

.navbar {
	padding: 0px 10px;
	background: rgb(255, 255, 255);
    background: rgba(255, 255, 255, .9);
}

.navbar-brand {
	margin-left: 80px;
}

.nav-link {
	padding: 25px 15px !important;
	text-transform: uppercase;
	font-size: 16px;
}

.nav-link:hover {
	padding: 25px 15px 22px 15px !important;
	border-bottom: 3px solid #191970;
}

.nav-link a {
	text-decoration: none;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before {
	bottom: .5em;
}
.table-striped tbody tr:nth-of-type(odd) {
	background-color: #f4f4f4;
}
table.dataTable thead .sorting {
	background-color: #ffffff;
}
table.dataTable thead .sorting_asc {
	background-color: #ffffff;
}
table.dataTable thead .sorting_desc {
	background-color: #ffffff;
}
table.dataTable tfoot th {
	background-color: #ffffff;
}
.dataTables_scrollHead,
.dataTables_scrollFoot {
	background-color: #ffffff;
}
.dataTables_wrapper {
	margin-bottom: 10px;
}
table.dataTable thead th, table.dataTable thead td,
table.dataTable tfoot th, table.dataTable tfoot td {
	background-color: #ffffff;
}
/*
.table-striped tbody tr:hover {
	background-color: #d6d6d6;
}
*/

.main-container {
	width: 95%;
	margin: 0 auto;
	padding: 10px;
}
#playerTable tfoot {
	margin-bottom: 25px;
}
.table-spacer {
	height: 25px;
}
.table-header {
	padding: 25px;
	background-color: #000080;
	font-size: 30;
	color: #ffffff;
	text-transform: uppercase;
}
.floating-menu {
	display: none;
}
.sliding-menu {
	display: none;
}
.form-entry {
	display: block;
	margin-bottom: 10px;
}
.form-entry input,
.form-entry select,
.form-entry textarea {
	padding: 10px;
	width: 100%;
	border: 1px dotted #000000;
}
.form-entry input:focus,
.form-entry textarea:focus {
	background-color: #191970;
	color: #ffffff;
	border-color: #ffffff;
	outline: 0;
	border: 1px solid #000000;
}
.form-entry textarea {
	height: 200px;
}
.form-entry input[type=submit] {
	width: initial;
	padding: 20px;
	background-color: #191970;
	color: #ffffff;
	border: 0;
	outline: 0;
	font-weight: 700;
	text-transform: uppercase;
}
.form-entry input[type=submit]:hover,
.form-entry input[type=submit]:focus,
.form-entry input[type=submit]:active {
	background-color: #46468c;
}
.form-entry select {
	padding: 13px;
}
.contact-box {
	position: relative;
	margin-top: 20px;
	border: 1px dotted #191970;
	padding: 20px;
	font-size: 18px;
	font-weight: 700;
	color: #000000;
}
.mobile-link {
	display: block;
	padding: 20px 15px;
	color: #ffffff;
	font-size: 22px;
	text-transform: uppercase;
	text-decoration: none;
}
.mobile-link:hover {
	color: #dddddd;
	background-color: #46468c;
}
.mobile-link:focus,
.mobile-link:active {
	background-color: #46468c;
}

.donate-iframe-wrapper {
	width: 100%;
	display: inline-block;
}
.donate-iframe {
	width: 100%;
	height: 615px;
	max-width: 601px;
	border: 0;
	overflow: hidden;
}

/* Float Shadow */
.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}

/* Bubble Float Top */
.hvr-bubble-float-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-top:before {
  position: absolute;
  z-index: -1;
  content: '';
  left: calc(50% - 10px);
  top: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #e1e1e1 transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-top:hover, .hvr-bubble-float-top:focus, .hvr-bubble-float-top:active {
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
}
.hvr-bubble-float-top:hover:before, .hvr-bubble-float-top:focus:before, .hvr-bubble-float-top:active:before {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}
.DTFC_LeftBodyLiner {
	overflow-x: hidden !important;
}
.year-nav-wrapper {
	position: relative;
	display: block;
	padding-top: 20px;
	padding-bottom: 10px;
	text-align: center;
}
.year-nav-button {
	padding: 20px;
	display: inline-block;
	background-color: #152238; ;
	color: #ffffff;
	margin-right: 20px;
}
.year-nav-button:last {
	padding: 20px;
	display: inline-block;
	background-color: #152238;
	color: #ffffff;
	margin-right: 0;
}
.year-nav-button:hover {
	background-color: #00005a;
	color: #ffffff;
}
.year-nav-button-active {
	background-color: #000073;
	color: #ffffff;
}
.year-nav-button-active:hover {
	background-color: #000073;
	color: #ffffff;
}
.legend-wrapper {
	display: block;
	color: #ffffff;
	text-align: center;
}
.legend-sub-wrapper {
	position: relative;
	display: inline-block;
	width: 500px;
	max-width: 100%;
	text-align: center;
}
.legend-header {
	background-color: #000080;
	padding: 10px;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 25px;
}
.legend-table {
	position: relative;
	width: 100%;
}
.legend-table td {
	width: 50%;
	background-color: #e9e9e9;
	border: 1px solid #000000;
	padding: 10px;
}

.tournament-header {
	padding: 20px;
	background-color: #152238;
	color: #ffffff;
	font-size: 17px;
	font-weight: 700;
	border: 1px solid #000000;
	margin: 0 0 10px 0;
}
.tournament-header:hover {
	cursor: pointer;
}
.games-wrapper {
	margin: 0 0 10px 0;
	padding: 0;
}

.individual-game {
	margin: 0 0 10px 0;
	padding: 20px;
	background-color: #c3c3c3;
	color: #ffffff;
	font-weight: 700;
}

.individual-game:hover {
	cursor: pointer;
}

@media only screen and (min-width: 1028px) {
	#donateButton [type=submit],
	.box-button,
	.box-button-grey	{
		font-size: 20px;
	}
	.nav-box {
		padding: 25px 40px 20px 40px;
		background-color: rgba(25, 25, 112, .75);
		color: #ffffff;
		border: 0;
		font-weight: 700;
		display: inline-block;
		text-decoration: none;
	}
}

@media only screen and (max-width: 991px) {
	.yeti-logo {
		width: 300px;
		margin-top: 10px;
	}
}

@media only screen and (max-width: 768px) {
	#testHome,
	#supportHome {
		background: url(/css/img/fade-mobile-bg.jpg) no-repeat;
	}
	.navbar {
		padding: 30px 10px;
	}
	.nav-box:nth-of-type(1) {
		padding-left: 20px;
	}
	.nav-box:nth-of-type(3) {
		padding-right: 20px;
	}
	.footer a {
		padding: 10px;
		font-size: 12px;
		margin-right: 5px;
	}
	.footer-url-donate {
		display: none;
	}
}

@media only screen and (min-width: 600px) {
	#supportHome .col-sm:nth-of-type(1) {
		padding-left: 0;
	}
	#supportHome .col-sm:nth-of-type(2) {
		padding-right: 0;
	}
}

@media only screen and (max-width: 576px) {
	.nav-box,
	#donateButton [type=submit]	{
		background-color: #191970;
		color: #ffffff;
		border: 0;
		font-weight: 700;
		display: inline-block;
		text-decoration: none;
	}
	.nav-box {
		padding: 15px 10px 10px 10px;
	}
	.blue-box {
		min-height: 250px;
	}
	#supportHome .col-sm:nth-of-type(1) {
		margin-bottom: 25px;
	}
	#supportHome .col-sm {
		padding: 0;
	}
	.hide-mid {
		display: none;
	}
	.floating-menu {
		position: fixed;
		display: inline-block;
		top: 15px;
		right: 15px;
		padding: 10px;
		background-color: #191970;
		z-index: 1000;
		border-radius: 10px;
		cursor: pointer;
	}
	.menu-bars {
		font-size: 30px;
		padding: 5px;
		color: #ffffff;
	}
	.menu-close {
		width: 100%;
		color: #ffffff;
		padding: 10px;
		margin-bottom: 10px;
		font-size: 35px;
		text-align: right;
	}
	.menu-close i {
		position: relative;
		display: inline-block;
		cursor: pointer;
		z-index: 1500;
	}
	.sliding-menu {
		opacity: 0;
		position: fixed;
		display: inline-block;
		top: 0px;
		right: -35%;
		height: 100vh;
		width: 35%;
		background-color: #191970;
		z-index: 999;
		padding: 10px;
	}
}