/* Custom styles for SPARCC - Jon @ Graydian 3-17-2023 */


/* Prevents flash of unstyled text from Google fonts. */

.wf-loading { opacity: 0; }

.wf-active, .wf-inactive {
	-webkit-transition: opacity .2s ease-out;  
	-moz-transition: opacity .2s ease-out; 
	-o-transition: opacity .2s ease-out;  
	transition: opacity .2s ease-out;  
}

.grecaptcha-badge {
	display: none !important;
	visibility: hidden !important;
}

/* Basic Resets of Child Theme */

body {
	font-family: 'Nunito Sans', sans-serif;
}

main.site-main,
div.content-area {
	width: 100%;
}

a {
	text-decoration: none;
	color: #1a92ce;
}

a:hover {
	color: #107db4;
	text-decoration: underline;
}

#content:-internal-direct-focus,
#content:focus,
#content:focus-visible,
#content:focus-within,
#main:-internal-direct-focus,
#main:focus,
#main:focus-visible,
#main:focus-within {
	outline-color: -webkit-focus-ring-color;
	outline-style: auto;
	outline-width: 0 !important;
	outline: none !important;
	outline: 0 !important;
}

hr {
  background-color: #eee;
  opacity: 1;
  margin: 1.5rem 0;
}

.img-shadow {
	box-shadow: 0 2px 5px #ccc;
}

select:focus {
  border-color: #acacac !important;
  outline: 0 !important;
  box-shadow: none !important;
}

.btn:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(18, 105, 148, 0.5);
}

:focus-visible {
    outline: #126994 auto 1px;
}

/* Colors */

.sparcc-blue {
	color: #1a92ce;
}

/* Buttons */

.btn {
	font-weight: bold;
}

.btn:focus,
.btn:active,
.btn:active:focus {
	box-shadow: none;
	text-decoration: none;
}

.btn .fa-right {
	margin-left: 5px;
}

.btn .fa-left {
	margin-right: 5px;
}

.btn-blue {
	background-color: #1a92ce;
	border-color: #1a92ce;
	color: #fff;
}

.btn-blue:hover {
	background-color: #076899;
	border-color: #076899;
	color: #fff;
	text-decoration: none;
}

.btn-outline-blue {
	border-color: #1a92ce;
	color: #1a92ce;	
}

.btn-outline-blue:hover {
	background-color: #1a92ce;
	border-color: #1a92ce;
	color: #fff;
	text-decoration: none;
}

/* Typography */

.caps { text-transform: uppercase; }

h1, h2, h3, h4, h5, h6 {
	font-family: 'Nunito Sans', sans-serif;
	font-weight: bold;
	font-weight: 800;
}

/* Top Black Menu Area */

#main-nav {
	background-color: #000;
	padding-top: 0;
	padding-bottom: 0;
}

#main-nav .container-fluid.container-nav {
	padding-left: 0;
	padding-right: 0;
}

#main-menu > li {
  border-left: 1px solid #126994;
  line-height: 50px;
}

#main-menu > li > a {
	color: #fff;
	font-weight: 800;
	line-height: 50px;
	padding: 0 15px;
}

#main-menu > li > a:hover,
#main-menu > li > a.dropdown-toggle.show {
	background-color: #085a81;
	color: #fff;
	text-decoration: none;
}

#main-menu > li > .dropdown-menu {
	left: inherit;
	right: 0; /* For Staff dropdown to align right */
	top: 95%;
	background-color: #085a81;
	color: #fff;
	border: 0;
	border-radius: 0 0 0 0.375rem;
	padding-top: 0;
	padding-bottom: 0;
	overflow: hidden;
}

#main-menu > li > .dropdown-menu > li {
	line-height: inherit;
	line-height: 2;
}

#main-menu > li > .dropdown-menu > li > a {
	line-height: inherit;
	color: #fff;
	text-decoration: none;
}

#main-menu > li > .dropdown-menu > li > a:hover {
	line-height: inherit;
	color: #fff;
	text-decoration: none;
	background-color: #025175;
	color: #fff;
}

/* Google Translate Styling */

.google-translate {
	min-width: 183px;
	text-align: center;
	padding: 10px 0;
  border-left: 1px solid #126994;
  border-right: 1px solid #126994;
}

.google-translate-inner {
  height: 30px;
  overflow: hidden;
  padding: 0 15px;
}

.google-translate-inner select {
	padding: 5px 2px;
	margin: 0 !important;
	height: 29px;
	-webkit-appearance: none;
}

/* General Dropdown Styling (All) */

.dropdown-toggle::after {
  display: inline-block;
  margin-left: 6px;
  vertical-align: 0;
  font-family: fontawesome;
  content: "\f107";
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
  width: 15px;
  text-align: center;
}

.dropdown-toggle.show::after {
  content: "\f00d"; /* close button */
}

/* Mega Upper Left Menu */

#mega-menu ul > li {
  line-height: 50px;
}

#mega-menu ul > li > a {
	color: #fff;
	font-weight: 800;
	line-height: 50px;
	padding: 0 15px;
	display: inline-block;
}

#mega-menu ul > li > a:hover,
#mega-menu ul > li > a.dropdown-toggle.show {
	background-color: #085a81;
	color: #fff;
	text-decoration: none;
}

#mega-menu .dropdown-menu {
	top: 95%;
	width: 100vw;
	background-color: #085a81;
	color: #fff;
	border: 0;
	border-radius: 0;
	padding-top: 30px;
	padding-bottom: 0;
}

#mega-menu .dropdown-menu .row:first-of-type {
	margin-bottom: 40px;
}

#mega-menu h2 {
	font-size: 20px;
	padding-top: 8px;
	border-top: 2px solid #1a92ce;
}

#mega-menu .mega-menu-container ul {
	list-style: none;
	padding-left: 0;
}

#mega-menu .mega-menu-container ul > li {
	display: block;
	line-height: 1.7;
}

#mega-menu .mega-menu-container ul > li > a {
	display: inline;
	line-height: 1.7;
	padding: 0;
	color: #fff !important;
	font-weight: normal;
	white-space: normal;
}

#mega-menu .mega-menu-container ul > li > a:hover {
	text-decoration: underline;
}

#mega-menu .mega-menu-container ul.columns {
	column-count: 2;
	column-gap: 15px;
	column-fill: balance;
}

a#close-mega-menu {
	display: block;
	width: 100%;
	text-align: center;
	margin-top: 30px;
	background-color: #024c71;
	color: #fff;
	text-transform: uppercase;
	padding-top: 10px;
	padding-bottom: 10px;
	text-decoration: none;
}

a#close-mega-menu:hover,
a#close-mega-menu:active,
a#close-mega-menu:focus {
	background-color: #004061;
	border-color: #004061;
	outline: 0;
}

/* Hero, Logo, Search */

.container-hero {
	background-color: #126994;
	color: #fff;
}

.container-hero-inner {
	padding-top: 40px;
	padding-bottom: 40px;
}

.container-hero-inner .site-logo {
	width: 500px;
	max-width: 100%;
	height: auto;
}

.container-hero-inner .search-form {
	width: 100%;
}

.container-hero-inner .search-form label {
	margin-bottom: 4px;
	padding-left: 2px;
	font-weight: 800;
}

.container-hero-inner .search-form input.search-field {
	border-radius: 0.375rem 0 0 0.375rem;
}

.container-hero-inner .search-form input.search-submit {
	border-radius: 0 0.375rem 0.375rem 0;
}

/* Lower Nav Menus */

.container-lower-nav {
	background-color: #f3f3f3;
	border-bottom: 2px solid #d7d7d7;
}

.container-lower-nav-inner {
	padding-top: 15px;
	padding-bottom: 15px;
}

.container-lower-nav-inner .row:first-of-type {
	margin-bottom: 15px;
}

.container-lower-nav button.dropdown-toggle {
	display: block;
	width: 100%;
	text-align: left;
	position: relative;
	background-color: #fff;
	border-color: #dfdfdf;
	color: #000;
	font-weight: 800;
	transition: none;
}

.container-lower-nav button.dropdown-toggle:after {
	position: absolute;
	right: 8px;
}

.container-lower-nav button.dropdown-toggle.show,
.container-lower-nav button.dropdown-toggle:active {
	background-color: #126994;
	border-color: #126994;
	color: #fff;
	border-radius: 0.375rem 0.375rem 0 0;
}

.container-lower-nav .dropdown-menu {
	width: 100%;
	top: -2px !important;
	background-color: #126994;
	border-color: #126994;
	color: #fff;
	border-radius: 0 0 0.375rem 0.375rem;
	transition: none;
	padding-top: 0;
	padding-bottom: 0;
}

.container-lower-nav .dropdown-menu > ul {
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
}

.container-lower-nav .dropdown-menu > ul > li {

}

.container-lower-nav .dropdown-menu > ul > li > a {
	display: block;
	width: 100%;
	padding: 6px 12px;
	white-space: normal;
}

.container-lower-nav .dropdown-menu > ul > li > a:hover {
	display: block;
	width: 100%;
	background-color: #085a81;
	text-decoration: none;
}

/* Content Areas */

.wrapper {
    padding: 3rem 0;
}

#main .post-navigation {
	padding-left: 0;
	padding-right: 0;
}

/* Home Page */

.home-news {
	
}

.home-news .single-news-item {
	border-bottom: 2px solid #eee;
	padding-bottom: 15px;
	margin-bottom: 30px;
}

.home-news .single-news-item:last-of-type {
	border-bottom: 2px solid #000;
	padding-bottom: 15px;
	margin-bottom: 20px;
}

.home-news .home-news-header {
	width: 100%;
	border-bottom: 2px solid #eee;
	position: relative;
	margin-bottom: 25px;
}

.home-news .home-news-header h2 {
	line-height: 1.1;
	font-weight: 900;
}

.home-news .home-news-header .btn {
	position: absolute;
	top: 0;
	right: 0;
	text-transform: uppercase;
}

.home-news .all-news {
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}

.home-events {
	
}

.home-events .home-events-header {
	width: 100%;
	border-bottom: 2px solid #eee;
	position: relative;
	margin-bottom: 25px;
}

.home-events .home-events-header h2 {
	line-height: 1.1;
	font-weight: 900;
}

.home-events .home-events-header .dropdown {
	position: absolute;
	top: 0;
	right: 0;
}

.home-events .home-events-header .dropdown .btn {
	text-transform: uppercase;
}

.home-events .home-events-header .dropdown .dropdown-menu {
	left: inherit !important;
	right: 0 !important;
	padding-left: 0;
}

.home-events .home-events-header .dropdown .dropdown-menu a:hover {
	text-decoration: none;
}

.home-events .home-events-header .dropdown .dropdown-menu .webcal-subscribe {
	padding: .25rem 1rem;
}

.home-events .home-events-header .dropdown .dropdown-menu .webcal-subscribe small {
	font-size: 11px;
	color: #777777;
	margin-bottom: 3px;
	display: block;
}

.home-events .home-events-header .dropdown .dropdown-menu .webcal-subscribe mark {
	padding: 3px 6px;
}


.single-event-item {
	border-bottom: 2px solid #eee;
	padding-bottom: 10px;
	margin-bottom: 25px;
}

.single-event-item:last-of-type {
	border-bottom: 2px solid #000;
	margin-bottom: 20px;
}

.single-event-item .event-cal {
	max-width: 100px;
}

.single-event-item .event-cal .event-cal-month {
	display: block;
	width: 100%;
	background-color: #e82236;
	color: #fff;
	text-transform: uppercase;
	font-weight: 800;
	font-size: 18px;
	line-height: 28px;
	text-align: center;
	border-radius: 8px 8px 0 0;
}

.single-event-item .event-cal .event-cal-day {
	display: block;
	width: 100%;
	background-color: #fff;
	color: #000;
	text-transform: uppercase;
	font-weight: 800;
	font-size: 30px;
	line-height: 44px;
	text-align: center;
	border: 1px solid #ccc;
	border-top: 0;
	border-radius: 0 0 8px 8px;
}

/*
.single-event-item .add-to {
	
}

.single-event-item .add-to a {
	font-size: 14px;
	color: #e82235;
	font-weight: bold;
}

.single-event-item .add-to .sep {
	margin: 0 5px;
}
*/

.single-event-item .em.em-item.em-item-single button {
  border: 1px solid #ccc !important;
  padding: 6px 36px 6px 14px !important;
  border-radius: 5px;
}

.em.em-list .single-event-item .em-item {
	border: 0;
	padding: 0;
	box-shadow: none;
}


.home-events .all-events {
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}

.home-events .all-events .sep {
	font-weight: normal;
	margin: 0 5px;
}

/* Calendar */

.em.em-calendar .em-cal-body.event-style-pill .em-cal-event {
	font-weight: bold;
}

.em.em-calendar .em-cal-body .eventful-today.em-cal-day,
.em.em-calendar .em-cal-body .eventless-today.em-cal-day {
	border: 2px solid #000;
}

.em.em-calendar .em-cal-body .em-cal-day.eventful-today .em-cal-day-date a,
.em.em-calendar .em-cal-body .em-cal-day.eventless-today .em-cal-day-date a {
  border-color: #000;
  background: #000!important;
  font-weight: bold;
}

/* Blog Pages */

#breadcrumbs a {
	font-weight: bold;
}

header.page-header {
	padding-bottom: 20px;
	margin-bottom: 30px;
	border-bottom: 1px solid #eee;
}

header.news-header {
	background-color: #f3f3f3;
	padding: 8px 12px 7px;
	margin-bottom: 30px;
}

header.news-header span {
	font-size: 26px;
	font-weight: 900;
	text-transform: uppercase;
	line-height: .9;
	display: inline-block;
	vertical-align: middle;
}

header.news-header img {
	width: 30px;
	max-width: 30px;
	height: auto;
	line-height: 1.4;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
}

article.post {
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 2px solid #eee;
}

article.post .entry-header {
	margin-bottom: 15px;
}

article.post .entry-header .entry-title {
	margin-bottom: 0;
}

article.post .entry-footer {
  background-color: #f3f3f3;
  margin-top: 20px;
  display: inline-block;
  padding: 8px 12px 7px;
}

article.post .entry-footer a {
	font-weight: bold;
}

/* Default Page Template */

.page .entry-title {
	border-bottom: 2px solid #eee;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

article.page ul {
	padding-left: 18px;
}

.table-emis-coordinators {
	font-size: 14px;
}

.table-emis-coordinators tr td:first-of-type {
	font-weight: bold;
}

.table-emis-coordinators tr:first-of-type td:first-of-type {
	font-weight: normal;
}

/* Staff Directory */

.staff-directory .card {
  border-color: #eee;
  box-shadow: 0 1px 5px #ccc;
}

.staff-directory .card .staff-photo {
	border-radius: 5px;
	overflow: hidden;
}

.staff-directory .card .name-title-wrapper {
	border-bottom: 1px solid #eee;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.staff-directory .card .card-title {
	margin-bottom: 0;
}

.staff-directory .list-group {
	padding-left: 0;
}

.staff-directory .list-group .list-group-item {
	border: 0;
	padding: 4px 0;
}


/* Sidebar */

#right-sidebar .sidebar-wrapper {
  background: #f9f9f9;
  padding: 12px;
  box-shadow: 0 1px 4px #ccc;
  border-radius: 5px;
}

#right-sidebar .widget_recent_entries {
	margin-bottom: 30px;
}

#right-sidebar .widget_recent_entries ul {
	margin-bottom: 0;
	padding-left: 18px;
}

#right-sidebar .widget_recent_entries ul li {
	width: 100%;
	margin-bottom: 15px;
}

#right-sidebar .widget_recent_entries ul li a {
 	font-weight: bold;
 	font-size: 18px;
}

#right-sidebar .widget_recent_entries ul li .post-date {
	display: block;
	width: 100%;
	color: #666666;
	font-size: 14px;	
}

#right-sidebar .widget_categories {
	margin-bottom: 30px;
}

#right-sidebar .widget_categories ul {
	margin-bottom: 0;
	padding-left: 18px;
}

#right-sidebar .widget_archive {
	margin-bottom: 30px;
}

#right-sidebar .widget_em_widget {
	margin-bottom: 0;
}

#right-sidebar .widget_em_widget ul {
	margin-bottom: 0;
	padding-left: 2px;
}

#right-sidebar .widget_em_widget ul > li {
	display: block;
	width: 100%;
	margin-bottom: 15px;
	font-size: 16px;
	color: #666666;
}

#right-sidebar .widget_em_widget ul > li .em-link {
	display: block;
	font-size: 18px;
}

#right-sidebar .widget_em_widget ul > li .em-link a {
	font-weight: bold;
}

#right-sidebar .widget_em_widget ul > li .em-dates {
	display: block;
}

#right-sidebar .widget_em_widget ul > li .em-times {
	display: block;
}

#right-sidebar .widget_em_widget ul > li .em-notes {
	display: block;
}

#right-sidebar .widget_em_widget ul > li.all-events-link {
	border-top: 2px solid #eee;
	padding-top: 10px;
	font-weight: bold;
}

/* Events Manager Plugin Specific Styles */

.em.em-search .em-search-main.em-search-main-bar>.em-search-scope,
.em.em-search-advanced .em-search-main.em-search-main-bar>.em-search-scope {
	width: auto;
}

.em.em-search .em-search-views,
.em.em-search-advanced .em-search-views {
	width: auto;
}

/* Search Results */

#search-wrapper article {
	border-bottom: 2px solid #eee;
	padding-bottom: 15px;
	margin-bottom: 30px;
}

#search-wrapper .page .entry-title {
	border-bottom: 0;
	padding-bottom: inherit;
	margin-bottom: inherit;
}

#search-wrapper article .search-label {
	background-color: #eee;
	padding: 2px 8px;
	margin-bottom: 10px;
	display: inline-block;
	font-size: 15px;
	font-weight: 800;
}

/* Gravity Forms */

.gform_wrapper.gravity-theme .gfield_label {
	margin-bottom: 2px;
}

.gform_wrapper.gravity-theme .gfield {
	margin-bottom: 10px;
}

.gform_wrapper.gravity-theme .gform_footer input {
	-webkit-appearance: none;
	background-color: #1a92ce;
	border-color: #1a92ce;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	padding: 6px 18px 4px;
	text-decoration: none;
	border-radius: 5px;
	border-style: none;
	margin-right: 5px;
	text-transform: uppercase;
	text-shadow: 1px 1px 5px #126994;
}


.gform_wrapper.gravity-theme .gform_footer input:hover,
.gform_wrapper.gravity-theme .gform_footer input:active,
.gform_wrapper.gravity-theme .gform_footer input:focus {
	background-color: #076899;
	border-color: #076899;
	color: #fff;
	text-decoration: none;
}

.gform_confirmation_message {
  text-align: center;
  padding: 15% 30px;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {

	.gform_wrapper.gravity-theme .gform_footer input {
		display: block;
		width: 100%;
	}

}

/* GF Event Reg Form Only - ID #2 */

#gform_confirmation_wrapper_2 {
	
}

#gform_confirmation_message_2 {
	text-align: center;
	padding: 5% 15px;
}

#gform_confirmation_message_2 table {
	text-align: left;
}



/* Footer */

#wrapper-footer {
	background-color: #126994;
	color: #fff;
	padding-top: 0;
	padding-bottom: 0;
}

#wrapper-footer .site-footer {
	padding-top: 50px;
	padding-bottom: 40px;
}

#wrapper-footer .site-footer a {
	color: #fff;
	text-decoration: none;
}

#wrapper-footer .site-footer a:hover {
	color: #00ebfa;
	text-decoration: none;
}

#wrapper-footer .site-footer .col-address h2 {
	margin-bottom: 3px;
}

#wrapper-footer .site-footer .col-address h3 {
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 20px;
}

#wrapper-footer .site-footer .col-address address {
	line-height: 1.2;
}

#wrapper-footer .site-footer .col-about p {
	font-size: 15px;
	line-height: 1.2;
}

#wrapper-footer .site-footer .col-about p a i.fa {
	margin-left: 5px;
}

#wrapper-footer .site-footer .col-img img {
	border-radius: 5px;
	box-shadow: 0 1px 6px #004466;
}

#wrapper-footer .site-info-wrapper {
	background-color: #095a81;
	padding-top: 15px;
	padding-bottom: 15px;
}

#wrapper-footer .site-info {
	text-align: center
}

#wrapper-footer .site-info a {
	color: #fff;
}

#wrapper-footer .site-info a:hover {
	color: #fff;
	text-decoration: underline;
}