// <uniquifier>: Use a uniquifier for the class name
// <weight>: Use a value from 100 to 900


.patrick-hand sc-regular {
  font-family: "Patrick Hand SC", sans-serif;
  font-weight: 400;
  font-style: normal;
}


// <uniquifier>: Use a uniquifier for the class name
// <weight>: Use a value from 300 to 800

.open-sans-400 {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}
.open-sans-600 {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}
.open-sans-800 {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}

a.list-group-item .list-group-item-heading, a.list-group-item-heading, a.list-group-item-heading:link, a.list-group-item-heading:visited, a.list-group-item-heading:hover, a.list-group-item-heading:focus {
  font-decoration: none; color: #337ab7;
}


.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
  color: #000000;
  background-image: -webkit-linear-gradient(top, #fff112 0%, #fff112 100%);
  background-image: -o-linear-gradient(top, #fff112 0%, #fff112 100%);
  background-image: linear-gradient(to bottom, #fff112 0%, #fff112 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffff112', endColorstr='#fffff112', GradientType=0);
  border-color: #b6cdd6;
}


.bg-primary { color: #000000; background-color: #fff112; }

.btn-primary {
  background-image: -webkit-linear-gradient(top, #000000 0%, #000000 100%);
  background-image: -o-linear-gradient(top, #000000 0%, #000000 100%);
  background-image: linear-gradient(to bottom, #000000 0%, #000000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000000', endColorstr='#ff000000', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  color: #fff112;
  border-color: #fff112;
  }

.btn-primary:hover, .btn-primary:focus {
  background-image: -webkit-linear-gradient(top, #fff112 0%, #fff112 100%);
  background-image: -o-linear-gradient(top, #fff112 0%, #fff112 100%);
  background-image: linear-gradient(to bottom, #fff112 0%, #fff112 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffff112', endColorstr='#fffff112', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-color: #fff112;
  color: #000000;
  background-position: 0 0;
  border-color: #000000;
}

.page {
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-size: 120%;
	padding-top: 50px;
}

p { font-size: 18px; }

.display-inline-block {
    display: inline-block;
}

main {
	margin-bottom: 20px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Patrick Hand SC", sans-serif;
	font-weight: 500;
}

h1 { font-size: 36px; }
h2 { font-size: 32px; }
h3 { font-size: 28px; }
h4 { font-size: 24px; }
h5 { font-size: 22px; }

strong .strong,
b, .bold {
	font-weight: 700;
}

.serif {
	font-family: Georgia, serif;
}

.text-montserrat {
	  font-family: "Roboto", sans-serif;
	  font-weight: 400;
}

.text-montserrat-bold {
	  font-family: "Roboto", sans-serif;
	  font-weight: 600;
}

.letter-spacing {
	letter-spacing: 1px;
}

.text-white,
.text-white small,
a.text-white:link,
a.text-white:visited,
a.text-white:hover,
a.text-white:active {
    color: white;
}

.text-black,
.text-black small,
a.text-black:link,
a.text-black:visited,
a.text-black:hover,
a.text-black:active {
    color: black;
}

.well hr {
	border-top: 1px solid #dcdcdc;
}

.m-0 {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

.m-y-0 {
	margin-top: 0;
	margin-bottom: 0;
}

.m-t-0 {
	margin-top: 0;
}

.m-b-0 {
	margin-bottom: 0;
}

.m-x-0 {
	margin-right: 0;
	margin-left: 0;
}

.m-r-0 {
	margin-right: 0;
}

.m-l-0 {
	margin-left: 0;
}

.p-0 {
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

.p-y-0 {
	padding-top: 0;
	padding-bottom: 0;
}

.p-t-0 {
	padding-top: 0;
}

.p-b-0 {
	padding-bottom: 0;
}

.p-x-0 {
	padding-right: 0;
	padding-left: 0;
}

.p-r-0 {
	padding-right: 0;
}

.p-l-0 {
	padding-left: 0;
}

.m-10 {
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}

.m-y-10 {
	margin-top: 10px;
	margin-bottom: 10px;
}

.m-t-10 {
	margin-top: 10px;
}

.m-b-10 {
	margin-bottom: 10px;
}

.m-x-10 {
	margin-right: 10px;
	margin-left: 10px;
}

.m-r-10 {
	margin-right: 10px;
}

.m-l-10 {
	margin-left: 10px;
}

.p-10 {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.p-y-10 {
	padding-top: 10px;
	padding-bottom: 10px;
}

.p-t-10 {
	padding-top: 10px;
}

.p-b-10 {
	padding-bottom: 10px;
}

.p-x-10 {
	padding-right: 10px;
	padding-left: 10px;
}

.p-r-10 {
	padding-right: 10px;
}

.p-l-10 {
	padding-left: 10px;
}

.m-20 {
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
}

.m-y-20 {
	margin-top: 20px;
	margin-bottom: 20px;
}

.m-t-20 {
	margin-top: 20px;
}

.m-b-20 {
	margin-bottom: 20px;
}

.m-x-20 {
	margin-right: 20px;
	margin-left: 20px;
}

.m-r-20 {
	margin-right: 20px;
}

.m-l-20 {
	margin-left: 20px;
}

.p-20 {
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

.p-y-20 {
	padding-top: 20px;
	padding-bottom: 20px;
}

.p-t-20 {
	padding-top: 20px;
}

.p-b-20 {
	padding-bottom: 20px;
}

.p-x-20 {
	padding-right: 20px;
	padding-left: 20px;
}

.p-r-20 {
	padding-right: 20px;
}

.p-l-20 {
	padding-left: 20px;
}

.m-40 {
	margin-top: 40px;
	margin-right: 40px;
	margin-bottom: 40px;
	margin-left: 40px;
}

.m-y-40 {
	margin-top: 40px;
	margin-bottom: 40px;
}

.m-t-40 {
	margin-top: 40px;
}

.m-b-40 {
	margin-bottom: 40px;
}

.m-x-40 {
	margin-right: 40px;
	margin-left: 40px;
}

.m-r-40 {
	margin-right: 40px;
}

.m-l-40 {
	margin-left: 40px;
}

.p-40 {
	padding-top: 40px;
	padding-right: 40px;
	padding-bottom: 40px;
	padding-left: 40px;
}

.p-y-40 {
	padding-top: 40px;
	padding-bottom: 40px;
}

.p-t-40 {
	padding-top: 40px;
}

.p-b-40 {
	padding-bottom: 40px;
}

.p-x-40 {
	padding-right: 40px;
	padding-left: 40px;
}

.p-r-40 {
	padding-right: 40px;
}

.p-l-40 {
	padding-left: 40px;
}

.bg-white {
	background-color: white;
}

.xgradient-visions-of-grandeur {
	background: #3bd1c7;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to top, #666666, #000000);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to top, #666666, #000000); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.gradient-visions-of-grandeur {
	background: #000000;  /* fallback for old browsers */
	background-color: #000000;
	background-image: url("/images/wallpaper.png" );
    background-repeat: repeat;
}

.gradient-midnight-city {
	background: #232526;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #414345, #232526);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #414345, #232526); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	color: white;
}

.gradient-blue-raspberry {
	background: #00B4DB;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #0083B0, #00B4DB);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #0083B0, #00B4DB); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.theme-dropdown .dropdown-menu {
	position: static;
	display: block;
	margin-bottom: 20px;
}

.theme-showcase > p > .btn {
	margin: 5px 0;
}

.theme-showcase .navbar .container {
	width: auto;
}

/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  z-index: 20;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
}
.navbar-wrapper .navbar .container {
  width: auto;
}

@media (max-width: 767px) {
	.text-center-xs {
		text-align: center;
	}
	.footer {
	    height: 160px;
	}
	.footer .list-inline {
		margin-left: 0;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.list-navigation > li {
	    padding-right: 10px;
	    padding-left: 10px;
	}
}

@media (min-width: 992px) {
	.list-navigation > li {
	    padding-right: 20px;
	    padding-left: 20px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
}

@media (min-width: 1200px) {
	.list-navigation > li {
	    padding-right: 30px;
	    padding-left: 30px;
	}
}

/* decrease left/right padding on main nav, default was 10px 15px  */
.nav > li > a {
    xpadding: 10px 10px; /* removed */
    font-size: 16px;
    }    


@media (min-width: 768px) {
	ul.nav.navbar-nav {
    		float: none;
    		margin: 0 auto;
    		display: table;
    		table-layout: fixed;
	}
}



html {
	position: relative;
}

body {
	margin-bottom: 80px; background: #000000;
}

.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 80px;
	color: white;
    background-color: #000000;
}

a.text-info, a.text-info:link, a.text-info:visited, a.text-info:hover, a.text-info:focus {
  font-decoration: none; color: #fff112;
}



.carousel-caption {
  left: 10%;
  right: 10%;
  padding-top: 10px;
  padding-bottom: 20px;
  text-align: center;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.8);
  background: rgba(0, 0, 0, 0.25);
}



.warning { color:#990000; font-weight: bold; }
.help    { color:#990099; font-weight: normal; }


.teamthumb   {   max-width: 100%; float: left; width: 60%; margin: 0px 10px 0px 0px; }
.coachthumb  {   max-width: 100%; float: left; width: 35%; margin: 0px 10px 0px 0px; }
.playerthumb  {   max-width: 20%; float: left; margin: 10px 30px 0px 0px; }
.teamthumb > img   { width: 437px; }
.coachthumb > a > img  { width: 110px; }
.playerthumb > a > img  { width: 160px; margin-bottom: 0px !important; }
.playerthumb > img  { width: 160px; margin-bottom: 0px !important; }

@media (max-width: 1199px) { 
.teamthumb > img   { width: 360px; }
.coachthumb > a > img  { width:  110px; }
.playerthumb > a > img { width: 160px; }
.playerthumb > img { width: 160px; }
.playerthumb  {   max-width: 30%; float: left; margin: 10px 30px 0px 0px; }
}

@media (max-width: 999px) { 
.teamthumb > img   { width: 290px; }
.coachthumb > a > img  { width: 100px; }
.playerthumb > a > img  { width: 160px; margin-bottom: 0px !important; }
.playerthumb > img  { width: 160px; margin-bottom: 0px !important; }
.playerthumb  {   max-width: 40%; float: left; margin: 10px 30px 0px 0px; }
}

@media (max-width: 767px) { 
.teamthumb > img   { width: 360px; }
.coachthumb > a > img  { width: 90px; }
.playerthumb > a > img  { width: 160px; margin-bottom: 0px !important; }
.playerthumb > img  { width: 160px; margin-bottom: 0px !important; }
}

@media (max-width: 670px) { 
.teamthumb > img   { width: 280px; }
.coachthumb > a > img  { width: 80px; }
.playerthumb > a > img  { width: 160px; margin-bottom: 0px !important; }
.playerthumb > img  { width: 160px; margin-bottom: 0px !important; }
}

@media (max-width: 580px) { 
.teamthumb > img   { width: 280px; }
.coachthumb > a > img  { width: 80px; }
.playerthumb > a > img  { width: 140px; margin-bottom: 0px !important; }
.playerthumb > img  { width: 140px; margin-bottom: 0px !important; }
.playerthumb  {   max-width: 40%; float: left; margin: 10px 20px 0px 0px; }
}

@media (max-width: 520px) { 
.teamthumb > img   { width: 260px; }
.coachthumb > a > img  { width: 80px; }
.playerthumb > a > img  { width: 160px; margin-bottom: 0px !important; }
.playerthumb > img  { width: 160px; margin-bottom: 0px !important; }
.playerthumb  {   max-width: 40%; float: left; margin: 10px 20px 0px 0px; }
}

@media (max-width: 500px) { 
.teamthumb > img   { width: 240px; }
.coachthumb > a > img  { width: 70px; }
.playerthumb > a > img  { width: 120px; margin-bottom: 0px !important; }
.playerthumb > img  { width: 120px; margin-bottom: 0px !important; }
.playerthumb  {   max-width: 40%; float: left; margin: 10px 20px 0px 0px; }
}

@media (max-width: 370px) { 
.teamthumb > img   { width: 280px; }
.coachthumb > a > img  { width: 90px; }
.playerthumb > a > img  { width: 80px; margin-bottom: 0px !important; }
.playerthumb > img  { width: 80px; margin-bottom: 0px !important; }
.playerthumb  {   max-width: 40%; float: left; margin: 10px 20px 0px 0px; }
}



.submitbutton, a.submitbutton:link, a.submitbutton:visited {
  font-family: trebuchet ms, verdana, arial, sans-serif; font-size: 12px; cursor:pointer; font-weight:bold;
  border:outset 1px #ffffff; background:#3371b7; color:#ffffff;
  padding: 2px 12px 2px 12px; margin: 2px 0 0 2px; text-decoration: none;
}

.submitbutton:hover, a.submitbutton:hover {
  font-family: trebuchet ms, verdana, arial, sans-serif; font-size: 12px; cursor:pointer; font-weight:bold;
  border:outset 1px #EEEEEE; background:#43c0b3; color:#3371b7;
  padding: 2px 12px 2px 12px; margin: 2px 0 0 2px; text-decoration: none;
}

  .activeYes { color: #009900; font-weight: bold; }
   .activeNo { color: #990000; font-weight: bold; }


.center-div { margin: 0 auto; text-align: center; }


.score-menu { color: #000000; background: #43c0b3; }
.score-bg { color: #000000; background: #ffffff; }

.score-menu > a, .score-menu > a:visited {
  font-weight: bold; color: #cccccc;
}

.score-menu > a:hover, .score-menu > a:focus {
  font-weight: bold; color: #ffffff;
}


.divstriped:nth-of-type(odd) { padding: 5px; background-color: #f4f4f4; }
.divstriped:nth-of-type(even) { background-color: #ffffff; }

a.volleymax, a.volleymax:visited, a.volleymax:hover, a.volleymax:focus { font-decoration: none; color: #fff112; }


.pillnav {
  spacing-top: -60px;
  background-color: #fff112; 
  border-radius: 7px;
  list-style-type: none;
  text-align: center;
  margin: 0;
  padding: 0;
}

.pillnav li {
  display: inline-block;
  font-size: 14px;
  padding: 0px;
}

.navbar-inverse .navbar-nav > li > a {
  font-size: 16px;
  color: #000000;
}

.navbar-nav > li > a { text-shadow: 0 0 0 #ffffff; }
.navbar-inverse .navbar-nav > li > a { text-shadow: 0 0 0 #fff112;
 }
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
  color: #000000;
  background-color: transparent;
  }

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #000000; background-color: transparent; }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #666666; } 
  
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}


.navbar-inverse {
  background-image: -webkit-linear-gradient(top, #fff112 0%, #fff112 100%) !important;
  background-image: -o-linear-gradient(top, #fff112 0%, #fff112 100%) !important;;
  background-image: linear-gradient(to bottom, #fff112 0%, #fff112 100%) !important;;
  color: #000000;
}