/*@import url(https://fonts.googleapis.com/css?family=Nunito);*/

*{
	box-sizing: border-box;
}
html{
	height: 100%;
}

body{
	background-image:url('/img/wood.png');
	background-repeat: repeat;
	font-family: 'Montserrat', sans-serif;
	min-height: calc(100vh - 90px);
	width: 100%;
}
.no-scroll{
	overflow-y: hidden;
}

header:after, section:after, main:after, footer:after, .row:after, .clear:after{clear: both; content: ''; display: table; } h1, h2, h3, h4, h5, h6, ul, li, p{margin: 0; padding: 0; } .wrap{margin-left: 5%; width: 90%; } .wrap-bg{padding-left: 5%; padding-right: 5%; width: 100%; } .row{display: flex; } .col-1{width: 8.3333%; } .col-2{width: 16.6666%; } .col-3{width: 25%; } .col-4{width: 33.3333%; } .col-5{width: 41.6666%; } .col-6{width: 50%; } .col-7{width: 58.3333%; } .col-8{width: 66.6666%; } .col-9{width: 75%; } .col-10{width: 83.3333%; } .col-11{width: 91.6666%; } .col-12{width: 100%; } .superlight{font-weight: 100 } .light{font-weight: 300 } .normal{font-weight: 400 } .semibold{font-weight: 600 } .bold{font-weight: 700 } .italic{font-style: italic } .caps{text-transform: capitalize } .upper{text-transform: uppercase } .lower{text-transform: lowercase } .tight{letter-spacing: -1px } .loose{letter-spacing: 1px } .left{text-align: left } .center{margin: 0px auto } .centered{text-align: center } .right{text-align: right } .pull-left{float: left } .pull-right{float: right }

a{
	color: #c41230;
	text-decoration: none
}


label{
	display: block;
	font-weight: bold;
	margin-bottom: 3px;
}

input, select, textarea{
	height: 36px;
	margin-bottom: 20px;
	padding: 8px;
	width: 50%;
}

textarea{
	height: 200px;
	padding: 12px 8px;
}

select{
	cursor: pointer;
}

button, .btn{
	background: #C41230;
	border: none;
	color: #FFF;
	cursor: pointer;
	display: block;
	font-size: 18px;
	font-weight: 100;
	margin-top: 20px;
	outline: none;
	padding: 12px 50px;
}
table button, table .btn{
	font-size: 14px;
	margin-left: 10%;
	margin-top: 0;
	padding: 8px 5px;
	width: 80%;
}

button:hover, .btn:hover{
	background: #a00c25;
}

.btn-primary{
	background: #666;
}
.btn-primary:hover{
	background: #000;
}
.btn-add{
	background: #6ad86f;
	margin-top: 0;
}
.btn-add:hover{
	background: #5abc5f;
}
.btn-standings{
	padding: 12px;
	text-align: center;
	width: 300px;
}


h1{
	font-size: 36px;
	font-weight: 400;
	margin-bottom: 30px;
}
h2{
	margin-bottom: 15px;
}

table{
	border-collapse: collapse;
	margin-bottom: 50px;
	width: 100%;
}

tr{
	background: rgba(0,0,0,0.04);
}
tr:nth-child(even){
	background: rgba(0,0,0,0.08);
}
tr:hover{
	background: rgba(0,0,0,0.12);
}
td, th{
	padding: 1px 3px;
	text-align: center;
}

th{
	background: rgba(255,255,255,0.35);
	font-weight: bold;
	padding: 8px;
}

td{

}

p{
	font-size: 19px;
	font-weight: 400;
	line-height: 1.625;
	margin-bottom: 25px;
}

ol li{
	font-size: 18px;
	margin-bottom: 25px;
}
ol li ul{
	list-style: disc;
	margin-left: 20px;
	margin-top: 15px;
}
ol li ul li{
	margin-bottom: 10px;
}


/* LOGIN & REGISTER */
.card-header{
	display: none;
}
.card-body label{
	line-height: 36px;
	width: 150px;
}
.register .card-body label{
	width: 175px;
}
.card-body input{
	width: 300px;
}
.form-check input, .form-check label{
	display: inline;
	font-size: 14px;
	font-weight: normal;
	height: auto;
	width: auto;
}
.invalid-feedback strong{
	color: #C41230;
	font-size: 12px;
	padding-left: 12px;
}
.login button, .login .btn{
	padding: 12px;
	text-align: center;
	width: 300px;
}

/* PAYPAL */
.paypal input{
	height: auto;
	width: auto;
}
.paypal select{
	width: 200px;
}
.paypal table{
	margin-bottom: 0;
}
.paypal tr{
	background: none;
}
.paypal td{
	text-align: left;
}

/* COURT ART */
.lane{
	background-image: url(/img/wood.png);
	border: 0px solid tan;
	border-top: none;
	height: 400px;
	left: 40%;
	position: fixed;
	top: 90px;
	width: 20%;
	z-index: 2;
}

.three{
	background: rgba(178, 143, 78, 0.25);
	border: 0px solid tan;
    border-bottom-left-radius: 450px;
    border-bottom-right-radius: 450px;
    display: inline-block;
    height: 550px;
    left: 7%;
    margin: 0 1em 1em 0;
    position: fixed;
    top: 90px;
    width: 86%;
}

.court-logo{
	bottom: -10%;
	display: none;
	left: 40%;
	position: fixed;
	transform: rotate(105deg);
	width: 20%;
}

/*@media screen and (min-width: 1150px) , screen and (min-height: 3000px) {
	.court-logo{
		display: block;
	}
}*/



.content{
	background: rgba(237,226,196,0);
	display: block;
	margin-top: 90px;
	min-height: calc(100% - 180px);
	padding-bottom: 40px;
	padding-left: 8%;
	padding-top: 40px;
	padding-right: 8%;
	position: relative;
	width: 100%;
	z-index: 3;
}
.brackets .content{
	min-width: 1150px;
	padding-left: 0%;
	padding-right: 0%;
	padding-top: 0;
}
.comments-form{
	padding: 40px 8%;
}
.error{
	padding: 25px;
}

.header{
	background-image:url(/img/wood.png);
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 4;
}
.logo{
	color: white;
	font-family: 'Bowlby One';
	font-size: 44px;
	letter-spacing: 6px;
	text-shadow: 4px 3px #000;
}
.red-overlay{
	background: rgba(196,18,48,0.4);
	height: 90px;
	line-height: 90px;
}
.hamburger{
	cursor: pointer;
	margin-top: 15px;
	position: absolute;
	right: 5%;
}

.teams-show img{
	height: 40px;
}
.teams-show-name{
	font-size: 20px;
}


/* NAV */
.menu{
	background: rgba(196,18,48,0.95);
	display: none;
	height: 100%;
	left: 0;
	overflow-y: scroll;
	padding: 50px 15px;
	position: fixed;
	text-align: center;
	top: 0;
	width: 100%;
	z-index: 11;
}
.menu ul{
	margin-top: 15px;
}
.menu li{
	color: #000;
	font-size: 24px;
	font-weight: bold;
	margin-top: 40px;
}
.menu li ul li{
	margin-top: 10px;
}
.menu a{
	color: white;
	font-size: 20px;
	font-weight: 400;
}
.menu a:hover{
	color: #333;
}
.menu-close{
	cursor: pointer;
	position: absolute;
	right: 5%;
	top: 25px;
	width: 40px;
}

/* BRACKETS TABLE */
.brackets-mine td{
	padding: 5px;
}
.brackets-mine td img{
	width: 45px;
}

/* STANDINGS TABLE */
.standings-total{
	font-size: 20px;
	font-weight: bold;
	padding: 3px;
}

/* FAME / SHAME */
.hall{
	margin-top: 50px;
}
.hall h2{
	margin-bottom: 20px;
	margin-top: 40px;
}

/* CLASSIC BRACKET VIEW */
.region-buttons{
	margin-bottom: 20px;
}
.region-buttons button{
	background: rgba(0,0,0,0.5);
	margin-top: 0;
	padding: 10px;
	transition: background 0.25s ease;
	width: 20%;
}
.region-buttons button:hover{
	background: rgba(0,0,0,0.75);
}
.region-buttons button.active{
	background: rgba(196,18,48,0.75);
}
.region-buttons button.active:hover{
	background: rgba(196,18,48,0.75);
}
.region{
	display: none;
	padding-left: 3%;
	padding-right: 3%;
	position: relative;
}
.region:first-child{
	display: block;
}

.r1wrap, .r2wrap, .r3wrap, .r4wrap, .r5wrap, #semiwrap, #finalwrap, #champwrap{
	float: left;
}

.r2wrap{
	margin-left: 15px;
	margin-top: 45px;
}
.r3wrap{
	margin-left: -80px;
	margin-top: 129px;
}
.r4wrap{
	margin-left: -140px;
	margin-top: 298px;
}
.r5wrap{
	margin-left: 20px;
	margin-top: 317px;
}

.classic .r1:nth-of-type(2n){
	margin-bottom: 20px;
}
.classic .r2:nth-child(2n){
	margin-bottom: 104px;
}
.classic .r3:nth-child(2n){
	margin-bottom: 274px;
}
.classic .r1:last-child, .classic .r2:last-child, .classic .r3:last-child, .classic .r4:last-child{
	margin-bottom: 0 !important;
}

.rect{
	background: rgba(250,235,215,0.65);
	cursor: pointer;
	font-size: 12px;
	height: 30px;
	line-height: 30px;
	margin-bottom: 5px;
	overflow: hidden;
	padding: 0 5px;
	width: 215px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.r1.rect{
	font-size: 14px;
	width: 250px;
}

.rect img{
	float: left;
	height: 28px;
	margin-right: 8px;
	margin-top: 1px;
}
.rect span{
	display: inline-block;
	font-size: 12px;
	padding: 0 3px;
}
.rect span.record{
	display: none;
	font-size: 11px;
	padding: 0;
}
.rect.r1 span.record{
	display: inline-block;
}
.winner{
	background: rgb(0,250,154,0.5) !important;
}
.loser{
	background: rgba(196,18,49,0.5) !important;
}

/* FINAL FOUR */
#FF{
	
}
.final-four-logo{
	left: calc(50% - 184px);
	margin: 0px auto;
	position: absolute;
	margin-top: -50px;
	width: 370px;
}
#FF .rect{
	font-size: 16px;
	width: 300px;
}
#FF .rect span{
	font-size: 18px;
}
.semiwrap{
	position: absolute;
	top: 50px;
}
.semiwrap:nth-of-type(1){
	left: 5%;
}
.semiwrap:nth-of-type(2){
	right: 5%;
}
.semiwrap .rect{
	height: 42px;
	line-height: 42px;
}
.semiwrap img{
	height: 40px;
	margin-right: 10px;
}
.final{
	height: 50px;
	line-height: 50px;
	position: absolute;
	top: 250px;
}
.final:first-child{
	left: 10%;
}
.final:last-child{
	right: 10%;
}
.final img{
	height: 48px;
	margin-right: 10px;
}
.champ{
	height: 50px;
	left: calc(50% - 150px);
	line-height: 50px;
	position: absolute;
	top: 375px;
}
.champ img{
	height: 48px;
	margin-right: 10px;
}

#FF button{
	left: 40%;
	padding-left: 5px;
	padding-right: 5px;
	position: absolute;
	top: 296px;
	width: 20%;
}
.form-info{
	background: rgba(255,255,255,0.75);
	display: none;
	left: calc(50% - 300px);
	padding: 25px;
	position: absolute;
	right: 250px;
	top: 50px;
	width: 600px;
	z-index: 9;
}
.form-info p{
	font-size: 16px;
}
.form-info input{
	display: block;
}
span.tb{
	font-size: 12px;
}
.overlay{
	background: rgba(0,0,0,0.85);
	display: none;
	height: 100%;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 8;
}