/*
Theme Name: Twenty Twenty-Four CHILD for the Stillwater site
Theme URI: https://wordpress.org/themes/twentytwentyfour/
Author: Capital Region BOCES Communications Service Web Team 
Author URI: https://wordpress.org
Description: CHILD THEME of the Twenty Twenty-Four Wordpress Theme.
Requires at least: 6.4
Tested up to: 6.4
Requires PHP: 7.0
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfour
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
	1.0 Links and buttons
		1.1 Links - Visited, hover and focus styles
		1.2 Links - Link color inside blocks with a background color
		1.3 Links - External and pdf link indicators
		1.4 Links - Lists of links
		1.5 Button styles
	2.0 Navigation
		2.1 Navigation - MAIN
		2.2 Navigation - SECONDARY
		2.3 Navigation - SCHOOLS
		2.4 Navigation - SEARCH and TRANSLATE
	3.0 Header
	4.0 Footer
	5.0 Pages & Posts
		5.1 Page - Search Results
		5.2 Page - Staff Directory Results
		5.3 Post - Single Post
	6.0 Features
		6.1 Features - Special Alert Bar
		6.2 Features - ICS Calendar
		6.3 Features - ICS Calendar - Grid View
		6.4 Features - Yoast Breadcrumbs
	7.0 Media Queries

/*--------------------------------------------------------------
 * 1.0 Links and buttons
 --------------------------------------------------------------*/

/* 1.1 Links - Visited, hover and focus styles  */

:focus-visible {
	outline: 3px solid;
}

.focus-visible-white a:focus,
.focus-visible-white img:hover {
	color: #fff !important;
	opacity: 0.7;
	outline: 1px dotted !important;
}

a:hover,
a:focus,
a:where(:not(.wp-element-button)):hover,
a:where(:not(.wp-element-button)):focus {
	text-decoration: underline;
	text-decoration-style: solid;
	text-decoration-thickness: 2px;
}

a:where(:not(.wp-element-button)):visited {
    color: #800080;
}

/* 1.2 Links - Link color inside blocks with a background color */

.has-background a:where(:not(.wp-element-button)),
.has-background a:where(:not(.wp-element-button)):visited { 
    color: inherit;
}

/* Set visited link colors based on what color is used for the background.*/
.has-background-color.has-contrast-background-color a:visited { 
    color: inherit;
}

/* 1.3 Links - External and pdf link indicators */

a[rel=" nofollow"]:after, /* Note: Do not remove the space before nofollow on this line. This is a fix for an extraneous space coming in on buttons in the WP editor */
a[rel="nofollow"]:after,
a[rel="noreferrer"]:after,
a[rel="noopener"]:after,
a[rel="nofollow noreferrer"]:after,
a[rel="nofollow noopener"]:after,
a[rel="noreferrer nofollow"]:after,
a[rel="noreferrer noopener"]:after,
a[rel="noopener nofollow"]:after,
a[rel="noopener noreferrer"]:after,
a[rel="nofollow noreferrer noopener"]:after,
a[rel="nofollow noopener noreferrer"]:after,
a[rel="noreferrer nofollow noopener"]:after,
a[rel="noreferrer noopener nofollow"]:after,
a[rel="noopener nofollow noreferrer"]:after,
a[rel="noopener noreferrer nofollow"]:after {
    font-family: FontAwesome;
	font-size: small;
    content:' \f08e';
    margin: 0;
}

a[href$=".pdf"]:after {
    font-family: FontAwesome;
    font-size: small;
    font-size: 0.8125rem;
    content:' \f1c1';
    margin: 0;
}

/* 1.4 Links - Lists of links */

ul.listoflinks,
.listoflinks ul {
	list-style: none;
	padding-left: 0;
	color: var(--wp--preset--color--contrast);
}

ul.listoflinks li,
.listoflinks ul li {
	display:flex;
	justify-content: space-between;
	padding: 6px 0 10px 0;
	font-size: 1.5rem;
	border-bottom: 1px solid var(--wp--preset--color--contrast);
	margin-bottom: .25em;
	color: var(--wp--preset--color--contrast);
} 

ul.listoflinks li:after,
.listoflinks ul li:after {
    color: var(--wp--preset--color--contrast);
    content: "\f105";
	font-family: FontAwesome;
	font-weight: 400;
	font-size: 1.125em;
    vertical-align: middle;
	float: right;
	padding-left:10px;
}

.listoflinks ul li a,
ul.listoflinks li a {
	text-decoration: none;
	color: var(--wp--preset--color--contrast);
}

.listoflinks ul li a:hover,
.listoflinks ul li a:focus,
ul.listoflinks li a:hover,
ul.listoflinks li a:focus {
	text-decoration: underline;
	text-decoration-style: solid;
	text-decoration-thickness: 2px;
}

.listoflinks ul li a:visited,
ul.listoflinks li a:visited {
	color:inherit;
}

.schoollinks h2 {
	color: var(--wp--preset--color--base) !important;
}

ul.schoollinks,
.schoollinks ul {
	list-style: none;
	padding-left: 0;
	color: var(--wp--preset--color--base);
}

ul.schoollinks li,
.schoollinks ul li {
	padding: 6px 0 10px 0;
	font-size: 1.5rem;
	border-bottom: 1px solid var(--wp--preset--color--base);
	margin-bottom: .25em;
	color: var(--wp--preset--color--base);
} 

ul.schoollinks li:after,
.schoollinks ul li:after {
    color: var(--wp--preset--color--base);
    content: "\f105";
	font-family: FontAwesome;
	font-weight: 400;
	font-size: 1.125em;
    vertical-align: middle;
	float: right;
}

.schoollinks ul li a,
ul.schoollinks li a {
	text-decoration: none;
	color: var(--wp--preset--color--base);
}

.schoollinks ul li a:hover,
.schoollinks ul li a:focus,
ul.schoollinks li a:hover,
ul.schoollinks li a:focus {
	text-decoration: underline;
	text-decoration-style: solid;
	text-decoration-thickness: 2px;
}

.schoollinks ul li a:visited,
ul.schoollinks li a:visited {
	color:inherit;
}

ul.featuredlinks,
.featuredlinks ul {
	list-style: none;
	padding-left: 0;
	color: var(--wp--preset--color--base);
}

ul.featuredlinks li:before,
.featuredlinks ul li:before {
    color: var(--wp--preset--color--base);
    content: "\f105";
	font-family: FontAwesome;
	font-weight: 400;
	font-size: 1.5rem;
  	vertical-align: 1px;
	margin-right: .375em;
}

.featuredlinks ul li a,
ul.featuredlinks li a {
	text-decoration: none;
}

.featuredlinks ul li a:hover,
.featuredlinks ul li a:focus,
ul.featuredlinks li a:hover,
ul.featuredlinksli a:focus {
	text-decoration: underline;
	text-decoration-style: solid;
	text-decoration-thickness: 2px;
}

.featuredlinks ul li a:visited,
ul.featuredlinks li a:visited {
	color:inherit;
}

ul.connectlinks,
.connectlinks ul {
	list-style: none;
	padding-left: 0;
	color: var(--wp--preset--color--base);
}

.connectlinks ul li a,
ul.connectlnks li a {
	text-decoration: none;
}

.connectlinks ul li a:hover,
.connectlinks ul li a:focus,
ul.connectlinks li a:hover,
ul.connectlinks a:focus {
	text-decoration: underline;
	text-decoration-style: solid;
	text-decoration-thickness: 2px;
}

.connectlinks ul li a:visited,
ul.connectlinks li a:visited {
	color:inherit;
}

.connectlinks img {
margin-right: 0.375em;
height: 25px;
vertical-align: -2px;
}

/* Query Loop */

.wp-block-query h2.wp-block-post-title:after {
    color: var(--wp--preset--color--base);
    content: "\f061";
    font-family: 'FontAwesome';
    margin-left: 0.25em;
    vertical-align: baseline;
	font-size: smaller;
}

.wp-block-query h3.wp-block-post-title:after {
    color: var(--wp--preset--color--base);
    content: "\f061";
    font-family: 'FontAwesome';
    margin-left: 0.25em;
    vertical-align: baseline;
	font-size: smaller;
}

.wp-block-post-title :where(a) {
	display: inline;
}

:where(.wp-block-columns) .news-group2{
	margin-bottom: 0;
}

.news-group2 {
 margin: 0;
}


/* 1.5 Button styles */

/* Set a global button hover style. This is needed because when a button color is set manually in the editor, it overrides the hover color set via the json. */
.wp-block-button__link.wp-element-button:hover {
	background-color: var(--wp--preset--color--accent) !important;
}

.news-btn a:after {
    color: #fff;
    content: "\f061";
    font-family: 'FontAwesome';
    margin-left: 0.25em;
    vertical-align: baseline;
	font-size: smaller;
}

.calendar-btn a:after {
    color: #fff;
    content: "\f061";
    font-family: 'FontAwesome';
    margin-left: 0.25em;
    vertical-align: baseline;
	font-size: smaller;
}

/* Athletics Page Button Grid */

.athletics-btn a.wp-block-button__link {
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
	font-size: 1.25rem !important;
}

.athletics-btn .wp-block-button__link {
	background-color: var(--wp--preset--color--accent-2);
	margin-bottom:1em;
}

.athletics-btn .wp-block-button__link img {
	margin-bottom:1em;
	height: 85px;
	width: 100%
}

.athletics-btn a.wp-block-button__link:hover {
	background-color: var(--wp--preset--color--contrast)!important;
}

.athletics-btn.wp-block-buttons {
	border-right: 1px solid var(--wp--preset--color--base);
}


.athletics-btn.wp-block-buttons:last-child {
    border-right:none;
}

/* Set button hover styles based on what color is used for the button text.
.wp-block-button__link.has-contrast-color.wp-element-button:hover,
.wp-block-button__link.has-accent-color.wp-element-button:hover,
.wp-block-button__link.has-accent-2-color.wp-element-button:hover {
	background-color: var(--wp--preset--color--accent-5) !important;

}
*/

/*--------------------------------------------------------------
 * 2.0 Navigation
 --------------------------------------------------------------*/

/* 2.1 Navigation - MAIN - Add class of mainnav to the nav block in WP */

.wp-block-navigation.mainnav .wp-block-navigation-item a,
.wp-block-navigation.mainnav .wp-block-navigation-item a.wp-block-navigation-item__content {
    border-bottom: 6px solid transparent;
}

.wp-block-navigation.mainnav .wp-block-navigation-item a:hover, 
.wp-block-navigation.mainnav .wp-block-navigation-item a:focus,
.wp-block-navigation.mainnav .wp-block-navigation-item a[aria-current="page"] {
  text-decoration:none;  
	border-bottom: 6px solid #ffffff;
}

.mainnav ul li.current-menu-item a {
    border-bottom: 6px solid #ffffff;
}


.wp-block-navigation.mainnav .wp-block-navigation__responsive-container-open:after {
    content: "Main Menu";
    text-transform: uppercase;
}

.wp-block-navigation.mainnav .wp-block-navigation__responsive-container-close:after {
    content: "Close";
    padding: 0.5em 0;
    text-transform: uppercase;
}

/* 2.2 Navigation - SECONDARY - Add class of secondarynav to the nav block in WP */

.secondarynav img {
margin-right: 0.375em;
height: 16px;
vertical-align: -2px;
}

/* 2.3 Navigation - SCHOOL - Add class of schoolnav to the nav block in WP */

.wp-block-navigation.schoolnav .wp-block-navigation-item a,
.wp-block-navigation.schoolnav .wp-block-navigation-item a.wp-block-navigation-item__content {
    border-bottom: 6px solid transparent;
}

.wp-block-navigation.schoolnav .wp-block-navigation-item a:hover, 
.wp-block-navigation.schoolnav .wp-block-navigation-item a:focus,
.wp-block-navigation.schoolnav .wp-block-navigation-item a[aria-current="page"] {
  text-decoration:none;  
	border-bottom: 6px solid #ffffff;
}

.schoolnav ul li.current-menu-item a {
    border-bottom: 6px solid #ffffff;
}

.wp-block-navigation.schoolnav .wp-block-navigation__responsive-container-open:after {
    content: "Our Schools";
    text-transform: uppercase;
}

.wp-block-navigation.schoolnav .wp-block-navigation__responsive-container-close:after {
    content: "Close";
    padding: 0.5em 0;
    text-transform: uppercase;
}

/* 2.4 Navigation - SEARCH and TRANSLATE */

.wp-block-search__button-inside .wp-block-search__inside-wrapper {
    padding: 0;
	background-color: #ffffff;	
}

.wp-block-search__button {
    padding: 0.325em;
    margin-left: 0px;
}

/*--------------------------------------------------------------
 * 3.0 Header
 --------------------------------------------------------------*/

header .wp-block-site-logo img {
	height: auto;
	width: 500px;
}


/* Athletics Header */

header .athletics-header-logo {
	height: auto;
	width: 500px;
}

.athletics-header-bgrnd {
	background-image: url(/wp-content/themes/twentytwentyfour-child/assets/images/athletics-background-pattern_1920px_pattern.png);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.athletics-slider-bgrnd {
	background-image: url(/wp-content/themes/twentytwentyfour-child/assets/images/athletics-background-pattern_1920px_pattern.png);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}



/*--------------------------------------------------------------
 * 4.0 Footer
 --------------------------------------------------------------*/

.footer-site-text p {
    font-size: var(--wp--preset--font-size--tiny);
    font-family: 'Source Sans 3', sans-serif;
    color: #fff;
}
.wp-block-template-part {
	margin-top:0;
}

/*--------------------------------------------------------------
 * 5.0 Pages
 --------------------------------------------------------------*/

.newsgroup h2 {
	font-size:2.6rem !important;
}

.districtnews h1 {
	font-size:2.375rem !important;
}


/* 5.1 Page - Search Results */

/* Add icons before results of different types — page, post, pdf */

body.search.search-results .wp-block-query li.type-page h2.wp-block-post-title::before {
    content: "\f108";
    font-family: 'FontAwesome';
    color: var(--wp--preset--color--contrast-2);
    padding-right: 0.25em;
    text-transform: uppercase;
}
    
body.search.search-results .wp-block-query li.type-post h2.wp-block-post-title::before {
    content: "\f1ea";
    font-family: 'FontAwesome';
    color: var(--wp--preset--color--contrast-2);
    padding-right: 0.25em;
    text-transform: uppercase;
}

body.search.search-results .wp-block-query li.type-pdf h2.wp-block-post-title::before {
    content: "\f1c1";
    font-family: 'FontAwesome';
    color: var(--wp--preset--color--contrast-2);
    padding-right: 0.25em;
    text-transform: uppercase;
}

/* 5.2 Page - Staff Directory Results */
/* Staff Directory Results styles */

.noblanks {
	margin-left: 2em;
	font-weight: bold;
}

.noresults {
	margin-left: 2em;
	font-weight: bold;
}

table#datatable.tablesorter.staff {
	width: 90%;
}

table#datatable.tablesorter.staff thead tr {
	text-align: left;
	background-color: #5d0024; /* Updated to deep red */
	color: #ffffff;
}

table#datatable.tablesorter.staff tr:nth-child(even) {
	background-color: #f2f2f2;
}

thead tr th.header {
	cursor: pointer;
}

/* 5.3 Posts - Single Post */
/* Single Post Template styles */

.has-global-padding .post-content-block  {
	padding-left:0;
	padding-right:0;
}


/*--------------------------------------------------------------
 * 6.0 Features
 --------------------------------------------------------------*/

/* 6.1 Features - Special Alert Bar */

.special-alert h1:after {
    content:"\f06a";
    color: var(--wp--preset--color--base);
    margin-left:0.5em;
    font-family:'FontAwesome';
    font-weight:normal;
}

/* 6.2 Features - ICS Calendar */

.listview .ics-calendar .ics-calendar-date {
	font-family: "Saira Condensed", sans-serif;
	font-weight: 700;
	color: var(--wp--preset--color--contrast) !important;
	font-size: 1.5rem !important;
	margin: 0em 0 .25em !important;
}

.listview .ics-calendar dl.events {
	margin: 0 0 0em !important;
}


.listview .ics-calendar dl.events dt.time {
	font-family: "Saira Condensed", sans-serif;
	font-weight: 400 !important;
	color: var(--wp--preset--color--contrast-2) !important;
	font-size: 1.25rem !important;
	text-transform: uppercase;
	padding-top: 0em !important;
	
}

.listview .ics-calendar .all-day-indicator {
	font-family: "Saira Condensed", sans-serif;
	font-weight: 400 !important;
	color: var(--wp--preset--color--contrast-2) !important;
	font-size: 1.25rem !important;
	text-transform: uppercase;
	padding-top: 0em !important;
	
}


.listview .ics-calendar .event {
	font-family: "Saira Condensed", sans-serif;
	font-weight: 400 !important;
	color: var(--wp--preset--color--contrast-2) !important;
	font-size: 1.25rem !important;
}

.listview .ics-calendar-date-wrapper {
	background-color: var(--wp--preset--color--base-3) !important;
	border-left: 10px solid var(--wp--preset--color--contrast);
	padding: 15px !important;
	margin-bottom: 1.5em !important;
}

.wp-site-blocks .listview span.title.has_desc.confirmed {
	text-decoration: none;
	}

/* 6.3 Features - ICS Calendar - Grid View */

.wp-site-blocks .ics-calendar-arrow-nav {
    clear: both;
    display: block;
	font-size: var(--wp--preset--font-size--medium);
    font-weight: 700;
    margin: 0;
    text-transform: none;
    margin-bottom: 1em;
}

.wp-site-blocks .ics-calendar-arrow-nav > *.inactive {
    opacity: 1;
	background: var(--wp--preset--color--contrast) !important;
    cursor: not-allowed !important;
}

.wp-site-blocks .ics-calendar-arrow-nav > .prev {
    cursor: pointer;
	margin-right: 1em;
}

.wp-site-blocks .ics-calendar-arrow-nav > .next {
    cursor: pointer;
    float: left;
}

.wp-site-blocks .ics-calendar-arrow-nav > a.prev,
.wp-site-blocks .ics-calendar-arrow-nav > a.next {
    background: var(--wp--preset--color--contrast);
	border-radius: 0px;
	font-family: Open Sans;
	color: var(--wp--preset--color--base);
	font-size: var(--wp--preset--font-size--medium);
	font-weight: 700;
	padding: 10px 20px;
	text-decoration: none;
	text-transform: uppercase;
}

.wp-site-blocks .ics-calendar-arrow-nav > a.prev:hover,
.wp-site-blocks .ics-calendar-arrow-nav > a.prev:focus,
.wp-site-blocks .ics-calendar-arrow-nav > a.next:hover,
.wp-site-blocks .ics-calendar-arrow-nav > a.next:focus {
    background: var(--wp--preset--color--contrast-2);
	text-decoration: underline;
}

.wp-site-blocks .ics-calendar-label {
    color: var(--wp--preset--color--accent) !important;
}

.ics-calendar-month-grid th {
	font-family: "Saira", sans-serif;
    color: var(--wp--preset--color--contrast)!important;
	background-color: var(--wp--preset--color--base-3)!important;
}

.ics-calendar-month-grid .day {
	font-family: "Saira", sans-serif;
}

/* adds underline to calendar events that have more details in grid view */
	.wp-site-blocks span.title.has_desc.confirmed {
	text-decoration: underline;
	}

/* Disables an extra "today" link in header of calendar */
.wp-site-blocks .today-text {
	display:none;
}

/* Full calendar page list view */



/* 6.4 Features - Yoast Breadcrumbs */

.yoast-breadcrumbs {
	color: var(--wp--preset--color--contrast);
	font-size: 1rem;
	font-family: 'Saira', sans-serif;
}

.yoast-breadcrumbs a:visited {
	color: var(--wp--preset--color--contrast);
}

.breadcrumbs-white.yoast-breadcrumbs {
	color: var(--wp--preset--color--base);
	font-size: 1rem;
	font-family: 'Saira', sans-serif;
}

.breadcrumbs-white.yoast-breadcrumbs a:visited {
	color: var(--wp--preset--color--base);
}


/*--------------------------------------------------------------
 * 7.0 Media Queries
 --------------------------------------------------------------*/

@media screen and (max-width: 1320px) {
	

}

@media screen and (min-width: 1024px) and (max-width: 1320px) {


}

@media screen and (max-width: 1200px) {
	
	/* Athletics Page */
	
	.athletics-header-bgrnd {
	background-image: url(/wp-content/themes/twentytwentyfour-child/assets/images/athletics-background-pattern_1920px_pattern.png);
	background-position: center top;
    background-size: 160%;
    background-repeat: no-repeat;
    background-attachment: fixed;
	}

	.athletics-slider-bgrnd {
	background-image: url(/wp-content/themes/twentytwentyfour-child/assets/images/athletics-background-pattern_1920px_pattern.png);
	background-position: center top;
    background-size: 160%;
    background-repeat: repeat;
    background-attachment: fixed;
	}
}


@media screen and (max-width: 1080px) {
	
	/* Athletics Page */
	
	.athletics-header-bgrnd {
	background-image: url(/wp-content/themes/twentytwentyfour-child/assets/images/athletics-background-pattern_1920px_pattern.png);
	background-position: center top;
    background-size: 180%;
    background-repeat: no-repeat;
    background-attachment: fixed;
	}

	.athletics-slider-bgrnd {
	background-image: url(/wp-content/themes/twentytwentyfour-child/assets/images/athletics-background-pattern_1920px_pattern.png);
	background-position: center top;
    background-size: 180%;
    background-repeat: repeat;
    background-attachment: fixed;
	}
}


@media screen and (max-width: 1024px) {
	
	/* Athletics Page */
	
	.button-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	
	
	.athletics-btn.wp-block-buttons {
		border-right: none;
		margin-bottom: 2em;
	}
	
	.athletics-btn.wp-block-buttons:first-child {
    border-right: 1px solid var(--wp--preset--color--base);
	}
	
	.athletics-btn.wp-block-buttons:last-child {
    border-left: 1px solid var(--wp--preset--color--base);
	}
	
}
	
	

@media screen and (max-width: 936px) {

	.schoolnav {
		gap: 1em;
	}
} 

@media screen and (max-width: 900px) {

	
} 


@media screen and (max-width: 783px) {
	
	/* The 783px query is for the ICS calendar only because 783px is the point where it switches from list to grid view. */ 

	/* removes the underline from events that have more details in grid view */
	.wp-site-blocks span.title.has_desc.confirmed {
	text-decoration: none;
	}
}

@media screen and (min-width: 781px) and (max-width: 1024px) {
	
	/* Force columns to remain single-column view until 1024px */
	
	.wp-block-columns {
        flex-wrap: wrap !important;
    }
	
	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column[style*=flex-basis] {
        flex-grow: 1;
    }
	
}

@media screen and (max-width: 782px) {
	
	.wp-block-navigation .secondarynav {
		justify-content: center;
	}
	
	.wp-block-group .searchandtranslate {
		justify-content: center;
	}
	
}



	
@media screen and (max-width: 768px) {
	
	
}

	


@media screen and (max-width: 600px) {
	
	.wp-block-group .mainnav {
		display: flex;
    	justify-content: center;
	}
	
	.wp-block-navigation.mainnav .wp-block-navigation__responsive-container-open {
    display: flex;
    align-items: center;
	}
	
	.wp-block-navigation.schoolnav .wp-block-navigation__responsive-container-open {
    display: flex;
    align-items: center;
	}
	
	
	
	/* Athletics Page */
	.button-grid {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
	

	.athletics-btn.wp-block-buttons {
	border-right: none;
		border-bottom: 1px solid var(--wp--preset--color--base)
	}


	.athletics-btn.wp-block-buttons:first-child {
    border-right: none;
	}
	
	.athletics-btn.wp-block-buttons:last-child {
    border-bottom:none;
		border-left: none
	}
	
	.athletics-header-bgrnd {
	background-image: url(/wp-content/themes/twentytwentyfour-child/assets/images/athletics-background-pattern_1920px_pattern.png);
	background-position: center top;
    background-size: 350%;
    background-repeat: no-repeat;
    background-attachment: fixed;
	}

	.athletics-slider-bgrnd {
	background-image: url(/wp-content/themes/twentytwentyfour-child/assets/images/athletics-background-pattern_1920px_pattern.png);
	background-position: center top;
    background-size: 350%;
    background-repeat: repeat;
    background-attachment: fixed;
	}
	
	
	/* Footer */
	
	.footer-logo {
		display: flex;
		justify-content: center !important;
	}
/*  --Responsive TABLES--
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px) {

	/* Only apply these mobile styles to tables with class 'responsive' */
	table.responsive, 
	table.responsive thead, 
	table.responsive tbody, 
	table.responsive th, 
	table.responsive td, 
	table.responsive tr { 
		display: block; 
		margin-bottom: 0px;
	}

	table.responsive th {
		background: #eeeeee;
		border: 1px solid #dddddd;
		padding: 20px 5px; 
	}

	table.responsive thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	table.responsive tr { border: 1px solid #ccc; }
	
	table.responsive td { 
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding: 7% 2%;
		height: auto;
	}
	
	table.responsive td:before { 
		position: absolute;
		top: 2px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}

	/* Label the data only for responsive staff tables */
	.staff td:nth-of-type(1):before { content: "Last:"; font-weight: bold; }
	.staff td:nth-of-type(2):before { content: "First:"; font-weight: bold; }
	.staff td:nth-of-type(3):before { content: "Email:"; font-weight: bold; }
	.staff td:nth-of-type(4):before { content: "Title:"; font-weight: bold; }
}

}