/*
Theme Name: Kadence Child - MO JETS
Template: kadence
Author: Mike Barbaro
Description: A child theme for the MO JETS project using Kadence.
Version: 1.0.0
*/

:root{
	--jets-darkteal: #0e4756;
	--jets-medteal: #16738a;
	--jets-babyblue: #96b0db;
	--jets-yellow: #daeab6;
	--jets-purple: #38254b;
}

/**** BASICS, FONTS ****/
#wrapper a:hover{
	color: var(--jets-medteal);
}

/**** HEADER ****/
#wrapper #masthead{
	background-color: var(--jets-darkteal);
	color: #fff;
}
#wrapper .main-navigation .primary-menu-container > ul > li.menu-item > a{
	color: #fff;
}
#wrapper .main-navigation .primary-menu-container > ul > li.menu-item.current-menu-item a,
#wrapper .main-navigation .primary-menu-container > ul > li.menu-item > a:hover,
#wrapper .header-navigation .header-menu-container ul ul li.menu-item > a:hover{
	color: var(--jets-yellow);
}
.site-branding a.brand img{
	width:120px;
	height:auto;
	padding:0.5em;
}
.site-branding .site-title-wrap .site-title{
	color: var(--jets-yellow);
	max-width:100px;
	font-size: 20px;
	margin-top: 1em;
	margin-bottom: 1em;
}
#wrapper .header-navigation .header-menu-container ul ul li.menu-item > a{
	font-size:13px;
}

/**** TABS, BUTTONS ****/
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{
	border:1px solid #222;
	background-color: var(--jets-darkteal);
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{
	cursor:pointer;
}
#wrapper .ui-tabs-tab.ui-state-active:hover a,
#wrapper .ui-tabs-tab.ui-state-active a:hover{
	color:#fff
}
.pure-button-primary, .pure-button-selected, a.pure-button-primary, a.pure-button-selected{
	background-color: var(--jets-darkteal);
}
.pure-button-hover, .pure-button:focus, .pure-button:hover{
	background-color: var(--jets-medteal);
}

/**** REPORTS ****/
#main .schlyrstats{
	color: var(--jets-darkteal);
}
#main .button-lightblue{
	background-color: var(--jets-darkteal);
}


/**** FOOTER ****/
#colophon{
	background-color: var(--jets-darkteal);
	color: #fff;
}

/** COLOR, z-index OVERRIDES **/
#ui-datepicker-div{
	z-index:100 !important;
}
.vr-main-color{
	color: var(--jets-darkteal) !important;
}

/** TABLES **/
table,
table#current_students{
	padding-top:1em;
}
table thead tr,
table#current_students thead tr{
	background-color:#efefef;
}

/** History **/
#historydiv{
}