/*
Theme Name: Rocky Hill Wrestling 1.0
Theme URI: https://rockyhillwrestling.org 
Author: David Martin	
Author URI: https://rockyhillwrestling.org 
Description: Custom theme for Rocky Hill Wrestling Booster Club
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rocky-hill-wrestling-1-0
Tags: 
*/

/************************************************/
/* General Layout
/************************************************/

body {
	width: 100%;
	overflow-wrap: break-word; /* Allow Single Words To Wrap If Too Long - Mostly for Mobile*/
}

.body-wrapper {
	box-sizing: border-box;
	min-height: 100vh;
	height: 100vh;
	width: 100%;
	display: grid; 
	grid-template-rows: auto 1fr auto; 
	gap: 0px 0px; 
	grid-template-areas:
		"header"
		"content"
		"footer";   
}

.header-wrapper {
	box-sizing: border-box;
	grid-area: header;
	z-index: 9990;
	width: 100%;
}

.main-wrapper {
	box-sizing: border-box;
	grid-area: content;
	max-height: 100%;
	min-height: 100%;
	height: 100%;
	overflow: auto;
	width: 100%;
	margin-block-start: 0 !important;
	margin-block-end: 0 !important;
}

.footer-wrapper {
	box-sizing: border-box;
	grid-area: footer;
	width: 100%;
}

main, .wp-block-post-content  {
	box-sizing: border-box !important;
	max-height: 100% !important;
	min-height: 100% !important;
	height: 100% !important;
}


/************************************************/
/* TABS
/************************************************/
.tab-container-content {
	box-sizing: border-box;
	margin-block-start: 0 !important;
	margin-block-end: 0 !important;
	width: 100%;
	height: 100%;
	min-height: 100%;
	max-height: 100%;
	display: grid; 
	grid-template-rows: auto auto 1fr; 
	gap: 0px 0px; 
	grid-template-areas:
		"headers"
		"tabs"
		"content";   
}

.tab-container-content .headers {
	margin-block-start: 0 !important;
	margin-block-end: 0 !important;
	grid-area: headers;
	box-sizing: border-box;
	width: 100%;
}

.tab-container-content .tabs {
	box-sizing: border-box;
	margin-block-start: 0 !important;
	margin-block-end: 0 !important;
	display: flex;
	gap: 0.5rem;
	padding-bottom: 0.5rem;
	padding-top: 0.5rem;
	grid-area: tabs;
	height: 100%;
	min-height: 100%;
	max-height: 100%;
	width: 100%;
}

.tab-container-content .tab-content-wrapper {
	box-sizing: border-box;
	grid-area: content;
	width: 100%;
	height: 100%;
	max-height: 100%;
	min-height: 100%;
	overflow: auto;
	margin-block-start: 0 !important;
	margin-block-end: 0 !important;
}

.tab-container-content .tabs .tab {
	flex: 1;
	padding: 0.5rem 1rem;
	cursor: pointer;
	border: none;
	background: #eee;
	border-radius: .5rem;
	transition: background 0.3s ease;
	font-weight: bold;
	font-size: 1rem;
}

.tab-container-content .tabs .tab:hover {
	background: #ddd;
}

.tab-container-content .tabs .tab.active {
	background: #333;
	color: #fff;
}

.tab-container-content .tab-content-wrapper .tab-content {
	display: none;
	text-align: center;
}

.tab-container-content .tab-content-wrapper .tab-content.active {
	display: block;
}


/************************************************/
/* TABLE FORMAT - DUALS
/************************************************/
table.results-dual {
	border-bottom: 1px solid #aaaaaa;
	background-color: #ffffff;
	text-align: left;
	border-collapse: separate;
	border-spacing: 0;
}

table.results-dual td, table.results-dual th {
	padding: 0.1rem 0.3rem;
}

table.results-dual td {
	border-left: 1px solid #aaaaaa;
	border-top: 1px solid #aaaaaa;
}

table.results-dual thead {
	position: sticky;
	top: 0;
	background: #aaaaaa;
	background: -moz-linear-gradient(top, #bfbfbf 0%, #b2b2b2 66%, #aaaaaa 100%);
	background: -webkit-linear-gradient(top, #bfbfbf 0%, #b2b2b2 66%, #aaaaaa 100%);
	background: linear-gradient(to bottom, #bfbfbf 0%, #b2b2b2 66%, #aaaaaa 100%);
}

table.results-dual th {
	font-weight: bold;
	color: #000000;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

table.results-dual th.last {
	border-right: 1px solid #000000;
}

table.results-dual td.col1 {
	width: 3rem;
	text-align: center;
}

table.results-dual td.col2 {
	width: 15rem;
	text-align: left;
}

table.results-dual td.col3 {
	width: 13rem;
	text-align: left;
}

table.results-dual td.col4 {
	width: 2rem;
	text-align: center;
}

table.results-dual td.col5 {
	width: 13rem;
	text-align: left;
}

table.results-dual td.col6 {
	width: 2rem;
	text-align: center;
}

table.results-dual td.last {
	border-right: 1px solid #aaaaaa;
}

table.results-dual td.total-points {
	text-align: center;
	font-weight: bold;
}

table.results-dual th.header-school {
	text-align: center;
}

table.results-dual th.header-class {
	text-align: center;
}

table.results-dual td.footer-total {
	font-weight: bold;
}

table.results-dual tfoot {
	background-color: #eeeeee;
}

table.results-dual tfoot td.last {
	border-right: 1px solid #aaaaaa;
}


/************************************************/
/* TABLE FORMAT - TOURNEYS
/************************************************/
table.results-tourney {
	border-bottom: 1px solid #aaaaaa;
	background-color: #ffffff;
	text-align: left;
	border-collapse: separate;
	border-spacing: 0;
}

table.results-tourney td, table.results-tourney th {
	padding: 0.1rem 0.3rem;
}

table.results-tourney td {
	border-left: 1px solid #aaaaaa;
	border-top: 1px solid #aaaaaa;
}

table.results-tourney tbody:nth-child(even) {
	background-color: #ebebeb;
}

table.results-tourney thead {
	position: sticky;
	top: 0;
	background: #aaaaaa;
	background: -moz-linear-gradient(top, #bfbfbf 0%, #b2b2b2 66%, #aaaaaa 100%);
	background: -webkit-linear-gradient(top, #bfbfbf 0%, #b2b2b2 66%, #aaaaaa 100%);
	background: linear-gradient(to bottom, #bfbfbf 0%, #b2b2b2 66%, #aaaaaa 100%);
}

table.results-tourney th {
	font-weight: bold;
	color: #000000;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

table.results-tourney th.last {
	border-right: 1px solid #000000;
}

table.results-tourney td.col1 {
	width: 10rem;
	text-align: left;
	font-weight: bold;
}

table.results-tourney td.col2 {
	width: 3rem;
	text-align: center;
}

table.results-tourney td.col3 {
	width: 8rem;
	text-align: left;
}

table.results-tourney td.col4 {
	width: 12rem;
	text-align: left;
}

table.results-tourney td.col5 {
	width: 20rem;
	text-align: left;
}

table.results-tourney td.col6 {
	width: 15rem;
	text-align: left;
}

table.results-tourney td.col7 {
	width: 15rem;
	text-align: left;
}

table.results-tourney td.last {
	border-right: 1px solid #aaaaaa;
}

table.results-tourney th.header-class {
	text-align: center;
}


/************************************************/
/* TABLE FORMAT - STATS
/************************************************/
table.stats {
	border-bottom: 1px solid #aaaaaa;
	background-color: #ffffff;
	text-align: left;
	border-collapse: separate;
	border-spacing: 0;
}

table.stats td, table.stats th {
	padding: 0.1rem 0.3rem;
}

table.stats td {
	border-left: 1px solid #aaaaaa;
	border-top: 1px solid #aaaaaa;
}

table.stats tbody:nth-child(even) {
	background-color: #ebebeb;
}

table.stats thead {
	position: sticky;
	top: 0;
	background: #aaaaaa;
	background: -moz-linear-gradient(top, #bfbfbf 0%, #b2b2b2 66%, #aaaaaa 100%);
	background: -webkit-linear-gradient(top, #bfbfbf 0%, #b2b2b2 66%, #aaaaaa 100%);
	background: linear-gradient(to bottom, #bfbfbf 0%, #b2b2b2 66%, #aaaaaa 100%);
}

table.stats th {
	
	font-weight: bold;
	font-size: .75rem;
	color: #000000;	
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;	
}

table.stats th.first-row {
	border-bottom: none;
}

table.stats th.small {
	font-size: .75rem;
}

table.stats th.center {
	text-align: center;
}

table.stats th.last {
	border-right: 1px solid #000000;
}

table.stats td.col1 {
	width: 10rem;
	text-align: left;
	font-weight: bold;
}

table.stats td.col2 {
	width: 5rem;
	text-align: center;
}

table.stats td.col3 {
	width: 5rem;
	text-align: center;
}

table.stats td.col4 {
	width: 5rem;
	text-align: center;
}

table.stats td.col5 {
	width: 5rem;
	text-align: center;
}

table.stats td.col6 {
	width: 5rem;
	text-align: center;
}

table.stats td.col7 {
	width: 5rem;
	text-align: center;
}

table.stats td.col8 {
	width: 5rem;
	text-align: center;
}

table.stats td.col9 {
	width: 5rem;
	text-align: center;
}

table.stats td.col10 {
	width: 5rem;
	text-align: center;
}

table.stats td.col11 {
	width: 5rem;
	text-align: right;
}

table.stats td.col12 {
	width: 5rem;
	text-align: center;
}

table.stats td.last {
	border-right: 1px solid #aaaaaa;
}