/*
Theme Name: Twenty Twenty-Five CHILD BOCES OF NYS site
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Author: the WordPress team
Author URI: https://wordpress.org
Description: CHILD THEME of the Twenty Twenty-Five Wordpress Theme.
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfive
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
		5.1 Page - Search Results
		5.2 Page - Staff Directory Results
		5.3 Page - Home
		5.4 Page - Statewide Impact
	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
		6.5 Features - CSS Animations
	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 {
  list-style: square outside;
	padding-left:1.2em;
	margin-top:.5em;
}

.listoflinks li::marker {
color: var(--wp--preset--color--accent-1); /* Changes only the bullet color to blue */
	font-size: larger;
}

.listoflinks li a {
	color: var(--wp--preset--color--contrast-2);
}

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

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




/* 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: #02224A !important;
	color: var(--wp--preset--color--accent-2) !important;
}

.wp-block-button__link.wp-element-button {
	padding: 10px 30px 10px 30px !important;
}

.wp-block-button__link.wp-element-button:focus-visible {
    outline: 3px solid var(--wp--preset--color--contrast-2);
}

/*--------------------------------------------------------------
 * 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: 5px 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: 5px solid var(--wp--preset--color--accent-1);
}

.mainnav ul li.current-menu-item a {
    border-bottom: 5px solid var(--wp--preset--color--accent-1);
}

.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 {
	display: flex;
	align-items: center;
}

.wp-block-navigation__responsive-container-close svg, .wp-block-navigation__responsive-container-open svg {
	margin-right:.25em;
}

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

button.wp-block-navigation__responsive-container-close::after {
	transform: translateY(1px);
}



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

.secondarynav a {
text-decoration:none;
}

.secondarynav a:hover {
text-decoration:underline;
}


.directory-icon:before {
    content: "\f00b";
    font-family: 'FontAwesome';
    color: var(--wp--preset--color--accent-1);
    margin-right: 0.375em;
}


.secondarynav-right {
	border-left: 1px solid #D9EAF7;
	border-right: 1px solid #D9EAF7;
}

.secondarynav-right a {
	text-decoration: none;
}

.secondarynav-right a:hover{
	text-decoration: underline;
}

.secondarynav-border {
	border-color: var(--wp--preset--color--base);
}

/* Find Your BOCES search tool */

/*Form in secondary navigation*/

.secondarynav-form #searchdir select {
width: 150px;
height:30px;
margin-left: 10px;
margin-right: 5px;
border:none;
border-radius: 5px;
background-color: #fff;
font-family: Khand;
color:#043673;
font-size:16px;
padding-left: 5px;
}

.secondarynav-form #searchdir select:focus-visible {
    outline: 3px solid var(--wp--preset--color--accent-1);
}

.secondarynav-form #searchdir label {
font-size: var(--wp--preset--font-size--medium-small);
color:#fff;
font-family: Khand;
}

.secondarynav-form #searchdir label:before {
    content: "\f041";
    font-family: 'FontAwesome';
    color: var(--wp--preset--color--accent-1);
    padding-right: 0.25em;
	font-size: larger;
}

.secondarynav-form #searchdir input {
width: 30px;
height: 30px;
border:none;
border-radius: 5px;
background-color: #FDB515;
font-family: Khand;
color:#043673;
font-size:18px;
font-weight: 700;
text-transform: uppercase;
}


.secondarynav-form #searchdir input:hover {
	background: var(--wp--preset--color--accent-1);
}

.secondarynav-form #searchdir input:focus-visible {
    outline: 3px solid var(--wp--preset--color--base);
}

/*Form on home page*/

.home-form #searchdir label {
font-size: var(--wp--preset--font-size--medium-large);
color:#fff;
font-family: Khand;
}

.home-form #searchdir label:before {
    content: "\f041";
    font-family: 'FontAwesome';
    color: var(--wp--preset--color--accent-1);
    padding-right: 0.25em;
	font-size: larger;
}

.home-form p {
	font-size: var(--wp--preset--font-size--medium-small);
    font-family: 'Titillium Web', sans-serif;
    color: #fff;
	margin-top:.5em;
	margin-bottom: 1em;
	text-align:left;
	padding-left:.5em;
	padding-right:.5em;
}


.home-form #searchdir {
	text-align: center;
}

.home-form #searchdir select {
width: 80%;
height:30px;
border:none;
border-radius: 5px;
background-color: #fff;
font-family: Khand;
color:#043673;
font-size:16px;
padding-left: 5px;
margin-right:5px;
}

.home-form #searchdir select:focus-visible {
    outline: 3px solid var(--wp--preset--color--accent-1);
}

.home-form #searchdir input {
width: 30px;
height: 30px;
border:none;
border-radius: 5px;
background-color: #FDB515;
font-family: Khand;
color:#043673;
font-size:18px;
font-weight: 700;
text-transform: uppercase;
}

.home-form #searchdir input:hover {
	background: var(--wp--preset--color--accent-1);
}

.home-form #searchdir input:focus-visible {
    outline: 3px solid var(--wp--preset--color--base);
}


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

/* 2.4 Navigation - SEARCH and TRANSLATE */

.wp-block-search__button-inside .wp-block-search__inside-wrapper {
	padding:0;
	border-radius: 5px;
	border:none;
}

.wp-block-search .wp-block-search__input {
	padding-left: .75rem;
	padding-right: .75rem;
}

.wp-block-search__button {
	border-radius: 0 5px 5px 0;
    margin-left: 0px;
	padding-top: .15rem;
    padding-right: 0.25rem;
    padding-bottom: .15rem;
    padding-left: .25rem;
}

.wp-block-search .wp-block-search__input:focus-visible {
    outline: 3px solid var(--wp--preset--color--accent-2);
	border-radius: 5px;
}

.wp-block-search__button:focus-visible {
    outline: 3px solid var(--wp--preset--color--accent-2);
	outline-offset: 0;
	border-radius: 0 5px 5px 0;
}



/*--------------------------------------------------------------
 * 3.0 Header
 --------------------------------------------------------------*/
header .wp-block-site-logo img {
	height: auto;
	width: 300px;
}

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

.footer-site-text p {
    font-size: var(--wp--preset--font-size--tiny);
    font-family: 'Titillium Web', sans-serif;
    color: #fff;
}
.gradient-border-image {
  /* Define a solid transparent border to reserve space */
  border-top: 10px solid transparent; 
  /* Set other borders to 0 if only the top is needed */
  border-left: 0;
  border-right: 0;
  border-bottom: 0;

  /* Apply the gradient to the border-image */
  border-image: linear-gradient(to right, #FDB515, #043673) 1;
  /* The '1' is the border-image-slice value, which specifies a single border region */
}


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

/* 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 */

table,
th,
td {
	border: 1px solid #b9b4b4;
}

table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin: 0 0 1.75em;
	table-layout: fixed;
	/* Prevents HTML tables from becoming too wide */
	width: 100%;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

th {
    background: #3a5692;
	border-width: 0 1px 1px 0;
	font-weight: 700;
    color:#fff;
}

td {
	border-width: 0 1px 1px 0;
}

th,
td {
	padding: 0.4375em;
}



/* 5.3 Page - Home */

.news-column-2 li:last-child .wp-block-separator{
		display:none; /* removes separator line from last news item in column 2 */
	}

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

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

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

.blue-gradient-background {
	background-image: linear-gradient(to right, #D9EAF7, #FFFFFF);
}

.map-pin-icon:before {
    content: "\f041";
    font-family: 'FontAwesome';
	font-size: larger;
    color: var(--wp--preset--color--accent-1);
    margin-right: 0.375em;
}

.section-drop-shadow {
  box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, .1);
}

.section-inner-shadow {
  box-shadow: 
    /* Top shadow: h-offset v-offset blur spread color inset */
    inset 0px 4px 6px 0px rgba(0, 0, 0, 0.1);
}

.resource-btn .wp-block-button__link {
	background-color: rgba(4, 54, 115, 0.9);
}

.resource-btn .wp-block-button__link:after {
	color: var(--wp--preset--color--accent-1);
    content: "\f061";
    font-family: 'FontAwesome';
    margin-left: 0.25em;
    vertical-align: baseline;
	font-size: smaller;
}

.resource-btn .wp-block-button__link:focus-visible {
    outline: 3px solid var(--wp--preset--color--base);
	outline-offset: -6px;  /* Move the outline 6px inside the border edge */
}


/* 5.4 Page - Statewide Impact */

/* Intro section */

.intro-text-group {
	align-content: center;
}

/* A Trusted Leader in Education section */

.align-text-center /* center aligns number, separator and text in white box */ {
	display: flex;
	align-items:center;
}

.gradient-separator /* yellow to white gradient for separator */ {
  /* Define a solid transparent border to reserve space */
  border-top: 8px solid transparent; 
  /* Set other borders to 0 if only the top is needed */
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
	margin-bottom:1em;

  /* Apply the gradient to the border-image */
  border-image: linear-gradient(to right, #FDB515, #ffffff) 1;
  /* The '1' is the border-image-slice value, which specifies a single border region */
	width:35%;
}

/* Education for All Ages section */

ul.impact-list {
  list-style: square outside;
}

.impact-list li::marker {
color: var(--wp--preset--color--accent-2); /* Changes only the bullet color to yellow */
}

.impact-list li {
border-bottom: 1px solid var(--wp--preset--color--accent-1);
padding-bottom:.5em;
}

/* Engine for Economic Growth */

.economic-growth-column-1 img {
transform: translateX(-25px);
}

.economic-growth-stat-1 {
border-bottom: 1px solid #0088CE;
}

.economic-growth-stat-2 {
border-bottom: 1px solid #0088CE;
border-left: 1px solid #0088CE;
}

.economic-growth-stat-3 {
border-bottom: unset;
}

.economic-growth-stat-4 {
border-left: 1px solid #0088CE;
}

.blue-gradient-background-2 {
	background-image: linear-gradient(to bottom, #D9EAF7, #FFFFFF);
}


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

/* 6.1 Features - Special Alert Bar */

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

/* 6.2 Features - ICS Calendar */

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

/* 6.4 Features - Yoast Breadcrumbs */

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

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

/* 6.5 Features - CSS Animations */

/* Fade in and move up (time-based, happens on page load)*/

.timeline-item {
    opacity: 0; /* Elements start as invisible */
    animation: fadeIn 0.8s forwards; /* "forwards" keeps the final state (opacity: 1) */
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translateY(30px); /* Adds a slight upward movement */
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Styles for users who prefer reduced motion */
@media (prefers-reduced-motion: reduce) {
  .timeline-item {
    /* Disable the animation entirely */
    opacity: 1; /* Elements start as visible */
    animation: none; /* removes the animation */
  }
}


/* Fade in and move up elements (scroll-based) */

.fade-in-up {
  animation-name: fadeInUp;
  animation-timeline: view() ;
  animation-range: entry 0% exit 50%  /* animation ends when element reaches the halfway point of the viewport */;
	animation-fill-mode: forwards /* "forwards" specifies that the element will retain the styles defined in the final keyframe of the animation after the animation has finished executing */; 
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Styles for users who prefer reduced motion */
@media (prefers-reduced-motion: reduce) {
  .fade-in-up {
    /* Disable the animation entirely */
    opacity: 1; /* Elements start as visible */
    animation: none; /* removes the animation */
  }
}


/* Fade in and move up Elements (used for last section of page) */

.fade-in-up-last {
  animation-name: fadeInUp;
  animation-timeline: view() ;
  animation-range: entry 0% exit 10% /* animation ends when element reaches the lower 10% of the viewport since it is at the bottom of page */;
}

@keyframes fadeInUpLast {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Styles for users who prefer reduced motion */
@media (prefers-reduced-motion: reduce) {
  .fade-in-up-last {
    /* Disable the animation entirely */
    opacity: 1; /* Elements start as visible */
    animation: none; /* removes the animation */
  }
}


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

/*  --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) {

	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
		margin-bottom: 10px;
	}
	
	table th {
	background:#eeeeee;
	border: 1px solid #dddddd;
	padding: 20px 5px; 
	}

	th:first-child, td:first-child {
    padding-left: 10px;
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { border: 1px solid #ccc; }
	
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding: 10% 5%; 
		height: auto;
	}
	
	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/* Label the data for staff directory table */
	.staff td:nth-of-type(1):before { content: "BOCES:"; font-weight: bold; }
	.staff td:nth-of-type(2):before { content: "Regional Information Center (RIC):"; font-weight: bold; }

	.desktop-only{
		visibility: hidden;
		}

	.panel-content-bottom-right {
        width: 100% ;
        float: right;
    }
  }




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

}

@media screen and (max-width: 1153px) {
	
	.secondarynav {
		flex-direction: column;
		gap: var(--wp--preset--spacing--20);
		padding-top:20px !important;
		padding-bottom:15px !important;
	
	}
	
	.secondarynav-row {
		justify-content:center;
	}
	
	.secondarynav-border{
		border-right:none;
		padding-top:5px !important;
		padding-bottom:5px !important;
	
	}

}

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


}

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

	/* Home Page - Form & Map section */
	
	.column-form {
		padding-right:0 !important;
	}
	

}


@media screen and (max-width: 1200px) {
	
	/* Search form on Home page */
	
	.home-form {
		padding-left: .5em !important;
		padding-right: .5em !important;
	}
	
	.home-form p {
		padding-left: 0;
		padding-right: 0;
	}
	
	
	
	/* Statewide Impact - Economic Growth section */
	
	.economic-growth-column-1 {
		flex-basis: 40% !important;
	}
	
	.economic-growth-column-2 {
		flex-basis: 60% !important;
	}

}


@media screen and (max-width: 1184px) {
	
	/* Home Page - News section */
	
	.news-column-1 {
		flex-basis:50% !important;
	}
	
	.news-column-2 {
		flex-basis:50% !important;
	}
	
	.news-column-2 .wp-block-post-featured-image  {
		aspect-ratio:4/3 !important;
	}

}

	
@media screen and (max-width: 1146px) {
	
	.header-column-left {
		flex-basis: 30% !important;
	}
	
	.header-column-right {
		flex-basis: 70% !important;
	}

}


@media screen and (max-width: 1041px) {
	
	/* Home Page - Form & Map section */
	
	.column-form {
		padding-left:0 !important;
		padding-right:0 !important;
	}
	

}


@media screen and (max-width: 1024px) {
	
	/* Statewide Impact Page */
	
	.economic-growth-stat-1 {
		padding-top: 1em;
	}
	
	.economic-growth-stat-2 {
		padding-top: 1em;
	}
	
	.economic-growth-stat-3 {
		padding-bottom: 1em;
	}
	
	.economic-growth-stat-4 {
		padding-bottom: 1em;
	}
}


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

	
	/* Home Page - News section */
	
	.two-column-newsfeed {
		display:flex;
		flex-direction: column;
	}
	
	.news-column-2 .wp-block-post-featured-image {
        aspect-ratio: 3 / 2 !important;
    }
	
	.home-newsfeed .wp-block-separator {
        margin-top: 1em !important;
    }
	
	.home-newsfeed h3 {
		font-size: var(--wp--preset--font-size--medium-large) !important;
	}
	
	
	/* Home Page - Form & Map section */
	
	.form-map-columns {
		display:flex;
		flex-direction: column;
	}
	
	.column-form {
		padding-left: 5em !important;
		padding-right: 5em !important;
		margin-top: 1.5em !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
	
	.intro-text {
		text-align: center;
	}
	
	.home-form p {
		text-align:center;
	}
	
	
	/* Statewide Impact - Intro section */
	
	.intro-columns {
		flex-direction: column;
		gap:0;
	}
	
	.wp-block-group .intro-text-group {
		min-height: 0 !important;
	}
	
	
	/* Statewide Impact - Trusted Leader Media & Text Block */
	
	.trusted-leader-columns {
		flex-direction: column;
	}
	
	.wp-block-group.align-text-center.trusted-leader-text-container {
		min-height:0 !important;
		padding-top:2em !important;
		padding-bottom:2em !important;
	}
	
	
	/* Statewide Impact - Education for All section */
	
	.education-columns {
		display:flex;
		flex-direction: column;
	}
	
	
	/* Statewide Impact - Economic Growth section */
	
	.economic-growth-group {
		padding-left: 1em;
		padding-right: 1em;
	}
	
	.economic-growth-columns {
		display: flex;
		flex-direction: column !important;
	}
	
	.economic-growth-column-1 img {
    transform: translateX(0);
    max-width: 80%;	
	}
	
	.economic-growth-column-2 {
		display:flex;
		justify-content: center;
	}
	
	.economic-growth-grid {
		padding-right: 3em !important;
    	padding-left: 3em !important;
	}
	
} 


@media screen and (max-width: 894px) {
	
	.header-columns {
		gap:1em;
	}
	
}


@media screen and (max-width: 807px) {
	
	.header-columns {
		display:flex;
		flex-direction:column;
		gap:2em;
	}
	
	.header-column-left {
		display:flex;
		justify-content: center;
	}
	
	.mainnav {
		display:flex;
		justify-content: center;
	}
	
}


@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. */ 

	
}


@media screen and (max-width: 782px) {
	
	/* Home Page - News section */
	
	.news-column-2 .column-gap {
		gap: 1em;
	}
	
	.news-column-2 .wp-block-post-featured-image {
        aspect-ratio: 16/9 !important;
    }
	
	/* Home Page - Form & Map section */
	
	.column-form {
		padding-left:3em !important;
		padding-right:3em !important;
	}
	
	
	/* Statewide Impact - Education for All section */
	
	.education-columns {
		gap: 1em var(--wp--preset--spacing--50);
	}
	
	
	/* Statewide Impact - Engine for Economic Growth section */
	
	.economic-growth-grid {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
	
	.economic-growth-stat-1 {
		padding-top: 0 !important;
		padding-bottom: 1em !important;
	}
	
	.economic-growth-stat-2 {
		border-left: none;
		padding-top: 1em !important;
		padding-bottom: 1em !important;
	}
	
	.economic-growth-stat-3 {
		border-bottom: 1px solid #0088CE;
		padding-top: 1em !important;
		padding-bottom: 1em !important;
	}
	
	.economic-growth-stat-4 {
		border-left: none;
		padding-top: 1em !important;
		padding-bottom: 1em !important;
	}	

}


@media screen and (max-width: 741px) {
	
	
	/* Home Page - Initiatives & Resources section */
	
	.initiatives-resources-grid {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
	
	.become-a-teacher {
		grid-row: span 1;
		min-height: 375px !important;
	}
	
	.dei-repository {
		aspect-ratio: unset!important;
    	min-height: 375px!important;
		border-top-right-radius: 0 !important;
	}
	
	.portrait-of-a-graduate {
		aspect-ratio: unset!important;
    	min-height: 375px!important;
	}
	
	
	/* Statewide Impact - Cost Effective Collaboration Stats Grid (manual) */
	
	.collaboration-stats-grid {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
	
	.collaboration-stat-2 {
		border-top-right-radius: 0px !important;
	}
	
	.collaboration-stat-3 {
		border-bottom-left-radius: 0px !important;
	}
	
	.collaboration-stat-1, .collaboration-stat-2, .collaboration-stat-3, .collaboration-stat-4, .collaboration-stat-5 {
		min-height: 220px !important;
	}
	
}


@media screen and (max-width: 627px) {
	
	.secondarynav {
		gap: var(--wp--preset--spacing--10);
	}
	
	.secondarynav-row {
		flex-direction:column;
		padding-top:5px;
		padding-bottom:15px;
	}
	
	.sec-nav-left .secondarynav-row {
		gap:0.75em;
	}
	
	.secondarynav-border{
		border-left:none;
	
	}
	
}


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

	/* Makes main navigation items justify left in mobile menu */
	.wp-block-navigation.items-justified-right {
    --navigation-layout-justification-setting: flex-start !important;
    --navigation-layout-justify: flex-start !important;
}
	
	/* Home Page - Form & Map section */
	
	.column-form {
		padding-left:1em !important;
		padding-right:1em !important;
	}
	
}


@media screen and (max-width: 500px) {
	
/* Statewide Impact - Intro section */
	
	.wp-block-group .intro-text-group {
		padding: 2em !important;
	}
}


@media screen and (max-width: 415px) {
	
	.economic-growth-grid {
        padding-right: 1em !important;
        padding-left: 1em !important;
    }

}


@media screen and (max-width: 392px) {
	
	.secondarynav-form #searchdir label {
		display: block;
   		text-align: center;
    	margin-bottom: .25em;
	}
	
	
	/* Home Page - Form & Map section */
	
	.column-form {
        padding-right: 0em !important;
        padding-left: 0em !important;
    }
		
}


@media screen and (max-width: 283px) {
	
	/* Home Page - Form & Map section */
	
	.home-form {
        padding-left: 0 !important;
        padding-right: 0 !important;	
	}

}