/* 
Theme Name: 2017 Child – For Ballston Spa Central School District
Description: CHILD THEME using Twentyseventeen theme by Wordpress.
Author: Capital Region BOCES Communications Service Web Team
Template: twentyseventeen
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
    9.1 Staff Directory Tables
10.0 Links
    10.1 Hover Effects
    10.2 Fixes linked images
    10.3 External and pdf link indicators
    10.4 More Link Buttons
11.0 Featured Image Hover
12.0 Navigation
    12.1 Hide the menu on small screens when JavaScript is available
    12.2 Menu toggle
    12.3 Display the menu toggle when JavaScript is available
    12.4 Dropdown Toggle
    12.5 Scroll down arrow
    12.6 SECONDARY Nav
    12.7 SCHOOLS Nav
13.0 Layout
    13.1 Header
        13.1a Site branding
        13.1b Hides div in Customizer preview when header images or videos change
    13.2 Front Page & School Home
        13.2a Panel edit link
        13.2b Front Page - Recent Posts
    13.3 Regular Content
        13.3a Advanced Custom Fields
    13.4 Posts
        13.4a Post Landing Page
        13.4b Aligned blockquotes
        13.4c Blog landing, search, archives
        13.4d More tag
        13.4e Single Post
        13.4f Entry footer
        13.4g Post Formats
        13.4h Post Navigation
    13.5 Pages
        13.5a 404 page
        13.5b Breadcrumbs
    13.6 Footer
        13.6a Footer widgets
        13.6b Social nav
        13.6c Site info
    13.7 Simple Calendar
14.0 Comments
15.0 Widgets
    15.1 widget forms
    15.2 widget lists
    15.3 Widget lists of links
    15.4 Widget markup
    15.5 Text widget
    15.6 RSS Widget
    15.7 Contact Info Widget
    15.8 Gravatar
    15.9 Recent Comments
    15.10 Recent Posts widget
    15.11 Search and GTranslate
    15.12 Tag cloud widget
    15.13 Calendar widget
    15.14 Gallery widget
    15.15 Smart Slider
    15.16 Connect & Featured Tools Menus
    15.17 Featured Links Menu
    15.18 School and Department Links Menus
    15.19 School and Department Contacts
    15.20 Ultimate Posts
    15.21 ICS Calendar
    15.22 Special Alert Bar
16.0 Media
        16.0a Make sure embeds and iframes fit their containers.
        16.0b Remove bottom on embeds that wrapped in paragraphs via wpautop.
        16.0c Media Elements
        16.0d Audio Player
        16.0e Playlist Color Overrides: Light
        16.0f Playlist Color Overrides: Dark
        16.0g Playlist Style Overrides
        16.0h SVG Icons base styles
   16.1 Galleries
17.0 Customizer
    17.1 Used for placeholder text
    17.2 Show borders on the custom page panels only when the front page sections are being edited
    17.3 Add some space around the visual edit shortcut buttons.
    17.4 Ensure that placeholder icons are visible.
18.0 SVGs Fallbacks
    18.1 Social Menu fallbacks
    18.2 Show screen reader text in some cases
19.0 Media Queries
    19.1 20em = 320 pixels
    19.2 30em = 480 pixels
    19.3 48em = 768 pixels
	19.4 48em = 980 pixels
    19.5 67em = 1072 pixels
    19.6 79em = 1264 pixels
    19.7 85em = 1360 pixels
    19.8 48.875em = 782 pixels and 48em =768  
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

/*--------------------------------------------------------------
2.0 Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers. */

.no-svg .search-submit .screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

.skip-to-main {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
	outline: 1px solid black;
}

.skip-to-main:focus {
	background-color: #000;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #fff;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 1em;
	text-decoration: none;
    text-transform: uppercase;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
	outline: 1px solid #fff;
}


/*--------------------------------------------------------------
3.0 Alignments
--------------------------------------------------------------*/

/*--------------------------------------------------------------
4.0 Clearings
--------------------------------------------------------------*/

/*--------------------------------------------------------------
5.0 Typography

font-family: 'Glegoo', serif;
font-family: 'Anton', sans-serif;
--------------------------------------------------------------*/


/* Sidebar nav spacing and ruled lines */
.widget ul li, .widget ol li {
    border-bottom: 1px solid #a49cc5;
    
    padding: 0.5em 0;
}



	/* Post with image */
.upw-posts .entry-image {
    max-width: 400px !important;
    margin-right: 1em;
    float: left !important;
	
}


 .highlights .upw-posts article{
    width: 100%;
    border-top:6px solid #e7e6e6;
    margin-right: 0;
    margin-top: 1em !important;
    margin-bottom: 1em !important;
    padding-bottom: 0 !important;
    padding-top: 2em !important;
    display:inline-block !important;
    vertical-align: top;
    }

/* end post image */



body,
button,
input,
select,
textarea {
	color: #000;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 1.6;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	line-height: 1.2;
	margin: 0 0 0.5em;
	padding: 1em 0 0;
}

/*.entry-content h2:first-of-type {
	padding-top: 0;
}*/

h1 {
	color: #654BC3;
	font-size: 36px;
	font-size: 2.25rem;
	font-weight: 700;
}

h2,
.home.blog .entry-title {
	color: #473192;

	font-size: 1.5rem;
	font-weight: 700;
}

h3 {
	color: #000000;

	font-size: 1.25rem;
	font-weight: 700;
}

h4 {
	color: #654BC3;

	font-size: 1.125rem;
	font-weight: 700;
}

h5 {
	color: #473192;

	font-size: 1rem;
	font-weight: 700;
	letter-spacing: normal;
	text-transform: none;
}

h6 {
	color: #000;
	font-size: 1rem;
	font-weight: 700;
}

p {
	margin: 0 0 1em;
	padding: 0;
}

:focus {
	outline: 2px solid;
}

blockquote {
	color: #495966;
	font-family: 'Glegoo', serif;
	font-size: 28px;
	font-size: 1.75rem;
	font-style: italic;
	line-height: 1.4;
	margin: 0;
	overflow: hidden;
	padding: 0;
}

blockquote cite {
	display: block;
	font-style: normal;
	font-weight: 700;
	margin-top: 0.5em;
}

/* Typography for Arabic Font */
/* Typography for Chinese Font */
/* Typography for Cyrillic Font */
/* Typography for Devanagari Font */
/* Typography for Greek Font */
/* Typography for Gujarati Font */
/* Typography for Hebrew Font */
/* Typography for Japanese Font */
/* Typography for Korean font */
/* Typography for Thai Font */
/* Remove letter-spacing for all non-latin alphabets */

/*--------------------------------------------------------------
6.0 Forms
--------------------------------------------------------------*/

label {
	color: #000;
	display: block;
	font-weight: 700;
	margin-bottom: 0.5em;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #000;
	background: #fff;
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
	border: 1px solid #bbb;
	-webkit-border-radius: 0;
	border-radius: 0;
	display: block;
	padding: 0.5em;
	width: 100%;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #000;
	border-color: #000;
}

select {
	border: 1px solid #000;
	-webkit-border-radius: 0;
	border-radius: 0;
	height: 2.25em;
	max-width: 100%;
}

input#searchtxt {
	margin-bottom: .25em;
	width: 75%;
}
/* Placeholder text color -- selectors need to be separate to work. */

/*--------------------------------------------------------------
7.0 Formatting
--------------------------------------------------------------*/

/* Simple Calendar */

.simcal-default-calendar-list .simcal-event-details .simcal-event-description, .simcal-default-calendar-list .simcal-event-details p {
    margin: 0 0 0;

}



/*--------------------------------------------------------------
8.0 Lists
--------------------------------------------------------------*/

li {  
    margin-left: 1em;
    margin-bottom: 0.3em;
}

li > ul,
li > ol {
	margin-bottom: 0.3em;
	margin-left: 0;
}

li > ul li:first-child,
li > ol li:first-child {
	margin-top: 0.3em;
}

/*--------------------------------------------------------------
9.0 Tables
--------------------------------------------------------------*/

/* 9.1 Staff directory tables */

/*--------------------------------------------------------------
10.0 Links
--------------------------------------------------------------*/

a {
	color: #000;
	text-decoration: none;
}

a:focus {
    color: #0000FF;
	outline: 2px solid;
}

a:hover,
a:active {
	color: #0000FF;
	outline: 0;
    text-decoration: underline;
}

a:visited {
    color: #800080;
}

.entry-content a,
.entry-summary a,
.widget a,
#moreinfo a {
	color: #0000FF;
}

h2.entry-title a {
	color: #473192;
	text-decoration: underline;
}

h2.entry-title a:visited {
	color: #473192;
}

.entry-summary a.more-link { /* Hides continue reading links after entry summaries on archive pages */
    display: none;
}

/* 10.1 Hover effects */

.entry-content a,
.entry-summary a,
.comment-content a,
.widget a,
.site-footer .widget-area a,
.posts-navigation a,
.widget_authors a strong {
	box-shadow: none;
    -webkit-box-shadow: none;
    text-decoration: underline;
}

.entry-title a,
.entry-meta a,
.page-links a,
.page-links a .page-number,
.entry-footer a,
.entry-footer .cat-links a,
.entry-footer .tags-links a,
.edit-link a,
.post-navigation a,
.logged-in-as a,
.comment-navigation a,
.comment-metadata a,
.comment-metadata a.comment-edit-link,
.comment-reply-link,
a .nav-title,
.pagination a,
.comments-pagination a,
.site-info a,
.widget .widget-title a,
.widget ul li a,
.site-footer .widget-area ul li a,
.site-footer .widget-area ul li a {
	box-shadow: none;
    -webkit-box-shadow: none;
    text-decoration: underline;
}


.site-branding a,
.site-branding .widget a,
.site-branding .widget-area a {
	color: #473192;
}

.site-info a,
.site-info .widget a,
.site-info .widget-area a,
.site-footer a,
.site-footer .widget a,
.site-footer .widget-area a,
.site-footer .widget-area ul li a,
.site-footer .widget-area ul li a {
	color: #000;
}

.entry-content a:hover,
.entry-summary a:hover,
.comment-content a:hover,
.widget a:hover,
.posts-navigation a:hover,
.comment-metadata a:hover,
.comment-metadata a.comment-edit-link:hover,
.comment-reply-link:hover,
.widget_authors a:hover strong,
.entry-title a:hover,
.entry-meta a:hover,
.page-links a:hover .page-number,
.entry-footer a:hover,
.entry-footer .cat-links a:hover,
.entry-footer .tags-links a:hover,
.post-navigation a:hover,
.pagination a:not(.prev):not(.next):hover,
.comments-pagination a:not(.prev):not(.next):hover,
.logged-in-as a:hover,
a:hover .nav-title,
.edit-link a:hover,
.widget .widget-title a:hover,
.widget ul li a:hover {
	color: #473192;
	box-shadow: none;
    -webkit-box-shadow: none;
}

.site-info a:hover,
.site-info .widget a:hover,
.site-info .widget-area a:hover,
.site-branding a:hover,
.site-branding .widget a:hover,
.site-branding .widget-area a:hover,
.site-footer a:hover,
.site-footer .widget a:hover,
.site-footer .widget-area a:hover,
.site-footer .widget-area ul li a:hover,
.site-footer .widget-area ul li a:hover {
	color: #473192;
    opacity: 0.9;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.site-info a:active,
.site-info .widget a:active,
.site-info .widget-area a:active,
.site-branding a:active,
.site-branding .widget a:active,
.site-branding .widget-area a:active,
.site-footer a:active,
.site-footer .widget a:active,
.site-footer .widget-area a:active,
.site-footer .widget-area ul li a:active,
.site-footer .widget-area ul li a:active {
	color: #473192;
    opacity: 0.9;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.entry-content a:focus,
.entry-summary a:focus,
.comment-content a:focus,
.widget a:focus,
.posts-navigation a:focus,
.comment-metadata a:focus,
.comment-metadata a.comment-edit-link:focus,
.comment-reply-link:focus,
.widget_authors a:focus strong,
.entry-title a:focus,
.entry-meta a:focus,
.page-links a:focus .page-number,
.entry-footer a:focus,
.entry-footer .cat-links a:focus,
.entry-footer .tags-links a:focus,
.post-navigation a:focus,
.pagination a:not(.prev):not(.next):focus,
.comments-pagination a:not(.prev):not(.next):focus,
.logged-in-as a:focus,
a:focus .nav-title,
.edit-link a:focus,
.widget .widget-title a:focus,
.widget ul li a:focus {
	color: #473192;
	box-shadow: none;
    -webkit-box-shadow: none;
    outline: 2px solid;
}

.site-info a:focus,
.site-info .widget a:focus,
.site-info .widget-area a:focus,
.site-branding a:focus,
.site-branding .widget a:focus,
.site-branding .widget-area a:focus,
.site-footer a:focus,
.site-footer .widget a:focus,
.site-footer .widget-area a:focus,
.site-footer .widget-area ul li a:focus,
.site-footer .widget-area ul li a:focus {
	color: #473192;
    opacity: 0.9;
    box-shadow: none;
    -webkit-box-shadow: none;
    outline: 2px solid;
}

.home-section3 a,
.school-home-section3 a {
    color: #654bc3;
    text-decoration: none;
}


.home-section3 a:hover,
.school-home-section3 a:hover {
    color: #473192;
    text-decoration: underline;
}


/* 10.2 Fixes linked images */

.entry-content a img,
.comment-content a img,
.widget a img {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.post-navigation a:focus .icon,
.post-navigation a:hover .icon {
	color: #222;
}

/* 10.3 External and pdf link indicators */

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: 13px;
    font-size: 0.8125rem;
    content:' \f1c1';
    margin: 0;
}

/* 10.4 More Link Buttons */

a.more-button,
.widget a.more-button,
.widget-area a.more-button {
    background: #000;
    color: #fff;
    font-family: 'Anton', sans-serif;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    text-transform: uppercase;
    text-shadow: none;
    text-decoration: none;
    display: inline-block;
    border: none;
    border-radius: 0;
    margin-top: 1em;
    margin-bottom: 1em;
    padding: 1em;
    letter-spacing: 0.05rem;
}

a.more-button:hover,
a.more-button:focus {
    background: #163683;
    text-decoration: underline;
}

a.more-button:focus {
    outline: 4px solid #000;
}

.home-section3-center a.more-button,
.school-home-section3-center a.more-button {
	background: #cad0d3;
    color: #000;
}

.home-section3-center a.more-button:hover,
.home-section3-center a.more-button:focus,
.school-home-section3-center a.more-button:hover,
.school-home-section3-center a.more-button:focus {
    background: #f0f1f3;
}

.home-section3-right a.more-button,
.school-home-section3-right a.more-button {
	background: #58b6e7;
    color: #000;
}

.home-section3-right a.more-button:hover,
.home-section3-right a.more-button:focus,
.school-home-section3-right a.more-button:hover,
.school-home-section3-right a.more-button:focus {
    background: #aad9f3;
}


/* Social Media Links */
.social-container {
  display: flex;
  flex-wrap: wrap;
  font-size: 1.5rem;
  text-align: center;
}

.social-item {
    background-image: linear-gradient(to bottom right, #332565, #654bc3);
    padding: 10px;
    flex: 30%;
}


.social-item-1 {

    background-image: linear-gradient(to bottom right, #332565, #654bc3);
    padding: 10px;
    flex: 30%;
}

.social-item-2 {
    background-image: linear-gradient(to bottom right, #332565, #654bc3);
    padding: 10px;
    flex: 30%;
}

.social-item-3 {
    background-image: linear-gradient(to bottom right, #332565, #654bc3);
    padding: 10px;
    flex: 30%;
}

.social-item-1 a, 
.social-item-2 a, 
.social-item-3 a {

	font-family: Open Sans, sans-serif;
	font-size: 1.25rem;
	color: #fff;
	font-weight: 500;
	text-decoration: none;
}

.social-item-1 a:hover, 
.social-item-2 a:hover, 
.social-item-3 a:hover {

	color: #ffe539;
	text-decoration: underline;
	
}

.social-item-1 a:focus, 
.social-item-2 a:focus, 
.social-item-3 a:focus {

	color: #ffe539;
	text-decoration: underline;
	
}

.social-links {
	font-family: Open Sans, sans-serif;
	font-size: 1.25rem;
	color: #fff;
	font-weight: 500;
}

.social-links a  {
	color: #fff;
	text-decoration: none;
}

.social-links a:hover {
	color: #ffe539 !important;
	text-decoration: underline;
	background: #000
}


/*--------------------------------------------------------------
11.0 Featured Image Hover
--------------------------------------------------------------*/

/*--------------------------------------------------------------
12.0 Navigation
--------------------------------------------------------------*/
/* Pull up  */
div.pullUp a:before
{
    position: absolute;
    width: 100%;
    height: 0px;
    left: 0px;
    bottom: 0px;
    content: '';
    background: #FFF;
    opacity: 0.2;
    transition: all 0.3s;
}

div.pullUp a:hover:before
{
    height: 100%;
}

div.pullUp-dark a:before
{
    position: absolute;
    width: 100%;
    height: 0px;
    left: 0px;
    bottom: 0px;
    content: '';
    background: #000;
    opacity: 0.2;
    transition: all 0.3s;
}

div.pullUp-dark a:hover:before
{
    height: 100%;
}





.nav {
	display:block;
}



.navigation-top {
	background: #332565;
	border: none;
	font-size: 16px;
	font-size: 1rem;
    letter-spacing: normal; 
	position: relative;
    text-transform: uppercase;
	margin-bottom: 0.5em;
}

.navigation-top a {
	color: #fff;
	font-weight: 400;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}

.navigation-top .current-menu-item > a,
.navigation-top .current_page_item > a {
	color: #fff;
}

.main-navigation ul {
	background: #332565; 
	list-style: none;
	margin: 0;
	padding: 0 1.5em;
	text-align: left;
}

/* 12.1 Hide the menu on small screens when JavaScript is available.
 * It only works with JavaScript.
 */

.main-navigation > div > ul {
	   border-top: 8px solid #ffe539;
    padding: 0 1.695em;
    background: #654bc3;
}

.main-navigation li {
	    border-bottom: 1px solid #ffe539;
    position: relative;
    margin: 0;
    padding: 0;
    background-color: #473192;
}

.main-navigation a {
	border-bottom: 4px solid transparent;
	display: block;
	padding: 0.5em 0.5em 0.25em;
	text-decoration: none;
}

.main-navigation a:hover,
.main-navigation a:active,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_item > a,
.main-navigation ul .current-menu-item > a {
    border-bottom: 4px solid #ffe539;
	background-color: #332565;	
}

.main-navigation a:focus,
.site-branding .main-navigation ul a:focus {
    outline: 3px solid #fff;
    outline-offset: -2px;
}

.main-navigation a:hover {
	color: #cad0d3;
}

/* 12.2 Menu toggle */

.menu-toggle {
	background-color: #654bc3;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	display: none;
	font-size: 18px;
	font-size: 1.125rem;
	font-weight: 700;
    letter-spacing: normal;
	line-height: 1.5;
	margin: 0 auto 0;
	padding: 1em 1em .75em;
	text-shadow: none;
    text-transform: uppercase;
    width: 100%;border-top: 1px solid #ffe539;
	width: 100%;border-bottom: 1px solid #ffe539;
}

/* 12.3 Display the menu toggle when JavaScript is available. */

.menu-toggle .icon {
	margin-right: 0.5em;
	top: -2px;
    height: 2em;
}

.js .menu-toggle:hover {
	background: #473192;
}

.menu-toggle:focus {
	outline: 2px solid #fff;
    background-color: #473192;
    -webkit-box-shadow: none;
	box-shadow: none;
}

.menu-toggle:hover {
    background-color: #473192;
    -webkit-box-shadow: none;
	box-shadow: none;
}



/*Over-rides background color on active state of toggle-background */
:not( .mejs-button ) > button:hover, :not( .mejs-button ) > button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus {
    background: #332565;
}

/* 12.4 Dropdown Toggle */

/* 12.5 Scroll down arrow */

/* 12.6 SECONDARY Nav */

.wrap-header-right .navigation-secondary { /* Hides secondary nav in header */
    display: none;
}

/* 12.7 SCHOOLS Nav */

div.navigation-schools .navigation-schools { /* Hides school nav in header */
    display: none;
}

.navigation-schools {
	font-weight: 700;
    text-transform: uppercase;
}

.navigation-schools .school {
    font-weight: 400;
}



/*--------------------------------------------------------------
13.0 Layout
--------------------------------------------------------------*/

#page {
	position: relative;
	word-wrap: break-word;
	/* background: #163683 url("/wp-content/themes/twentyseventeen-child/images/web-masthead.png") no-repeat; */
    background-position: center top;
    background-size: 1264px 1268px;
    background-attachment: fixed;
}

.wrap {
	margin-left: auto;
	margin-right: auto;
	max-width: 800px;
	padding-left: 2em;
	padding-right: 2em;
}

/*--------------------------------------------------------------
13.1 Header
--------------------------------------------------------------*/

.site-header {
	    background-color: #332565;


	/* 
	position: relative;
	background: #473192 url("/wp-content/themes/twentyseventeen-child/images/web-masthead.png") no-repeat; 
    background-position: center top;
    background-size: 2100px 700px;
    background-attachment: fixed; */
}

/* 13.1a Site branding */

.site-branding {
	padding: 0 0 1em;
	position: relative;
	-webkit-transition: margin-bottom 0.2s;
	transition: margin-bottom 0.2s;
	z-index: 3;
}

/* 13.1b Hides div in Customizer preview when header images or videos change. */

/*--------------------------------------------------------------
13.2 Front Page and School Home pages
--------------------------------------------------------------*/

.page.page-template-page-schoolhome #content {
    padding-bottom: 0;
	background-image: linear-gradient(#fff7c0, #fff, #fff, #fff, #fff, #fff); 
}

.page.page-template-page-schoolhome .site-content {
    padding-bottom: 0;
}

/* allows for darker bolt in bg of home and school home */
.page.page-template-page-schoolhome .site-content-contain,
.home .site-content-contain {
	background-color: transparent;
}

.page:not(.home) .site-content {
	padding-bottom: 1.5em;
}

header.entry-header.school-home {
    padding-bottom: 0;
}

.home-section1.panel-content .wrap {
	padding: 1.875em 0 1.875em;
	display: flex;
	flex-direction: column-reverse; /* reverse puts slider at top on mobile */
}

.school-home-section1.panel-content .wrap {
    padding: 1.875em 0 0;
	display: flex;
	flex-direction: column-reverse; /* reverse puts slider at top on mobile */
}

.home-section1-left {
	padding-left: 1.875em;
	padding-right: 1.875em;
}

.school-home-section1-sidebar {
	padding-left: 1.875em;
	padding-right: 1.875em;
	padding-bottom: 1.875em;
}

.home-section2.panel-content,
.school-home-section2.panel-content {
	    background: #473192;
    padding: 0 0 2px 0;
}

.home-section2.panel-content .wrap,
.school-home-section2.panel-content .wrap {
    padding-bottom: 0;
    padding-top: 0;
}

.home-section3,
.school-home-section3 {
    background: #efefef;
    
}

.home-section3.panel-content .wrap,
.school-home-section3.panel-content .wrap {
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
	padding: 0;
}

.home-section3-left,
.school-home-section3-left {
    
    margin-bottom: 0;
	padding: 2.5em 2em 1.875em;
}

.home-section3-center,
.school-home-section3-center {
    
    margin-bottom: 0;
	padding: 2.5em 2em;
}

.home-section3-right,
.school-home-section3-right {
   
    margin-bottom: 0;
	padding: 2.5em 2em;
}



.school-home-widget-1c .widget {
	margin-bottom: 2em;
}

.twentyseventeen-front-page article:not(.has-post-thumbnail):not(:first-child) {
	border-top: none;
}

/* 13.2a Panel edit link */

/* 13.2b Front Page - Recent Posts */

/*--------------------------------------------------------------
13.3 Regular Content
--------------------------------------------------------------*/

.site-content-contain {
	background-color: rgba(255, 255, 255, 0.7);
	position: relative;
}

/* 13.3a Advanced Custom Fields */

#wrap_moreinfo {

    margin-bottom: 1em;
	padding: 1em;
}

#moreinfo-title h2 {
    color: #473192;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 700;
    letter-spacing: 0.05rem;
    margin-bottom: 1em;
    text-transform: uppercase;
}

#moreinfo a {
	box-shadow: none;
    -webkit-box-shadow: none;
    text-decoration: underline;
}

#moreinfo a:focus,
#moreinfo a:hover {
	color: #654BC3;
	box-shadow: none;
    -webkit-box-shadow: none;
}

#moreinfo a:focus {
	outline: 2px solid;
}

/*--------------------------------------------------------------
13.4 Posts
--------------------------------------------------------------*/





.entry-meta {
    color: #000;
    font-size: 11px;
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.175em;
    text-transform: uppercase;
    padding-top: 0.5em;
}

.entry-meta a {
	color: #000;
}

/* 13.4a Post Landing Page */

.page .panel-content .entry-title,
.page-title,
body.page:not(.twentyseventeen-front-page) .entry-title,
h1.entry-title {
	color: #654BC3;
    font-size: 2rem;
    font-family: Glegoo, serif;
    font-weight: 700;
    letter-spacing: normal;
    text-transform: none;
}

.entry-header .entry-title {
	margin-bottom: 0.5em;
}

.entry-header .entry-title .school {
	font-weight: 400;
}

.entry-title a {
	color: #000;
	text-decoration: none;
	margin-left: 0;
}

/* 13.4b Aligned blockquotes */

/* 13.4c Blog landing, search, archives */

.blog .site-main > article,
.archive .site-main > article,
.search .site-main > article {
    padding-bottom: 0.5em;
    margin-bottom: 1em;
    border-bottom: 1px solid #58b6e7;
}

.search #primary article.type-page h2.entry-title,
.search #primary article.type-post h2.entry-title,
.search #primary article.type-pdf h2.entry-title,
.archive #primary article .entry-header h2.entry-title {
    font-size: 24px;
    font-size: 1.5rem;
	margin-bottom: 0;
}

.search #primary article.type-page h2.entry-title::before {
    content: "\f108";
    font-family: 'FontAwesome';
    color: #473192;
    padding-right: 0.25em;
    text-transform: uppercase;
}

.search .entry-header {
    padding-bottom: 0;
}
    
.search #primary article.type-post h2.entry-title::before {
    content: "\f1ea";
    font-family: 'FontAwesome';
    color: #473192;
    padding-right: 0.25em;
    text-transform: uppercase;
}

.search #primary article.type-pdf h2.entry-title::before {
    content: "\f1c1";
    font-family: 'FontAwesome';
    color: #473192;
    padding-right: 0.25em;
    text-transform: uppercase;
}

.taxonomy-description {
	display: none;
	color: #000;
	font-size: 14px;
	font-size: 0.875rem;
}


/* 13.4d More tag */

/* 13.4e Single Post */

.single-featured-image-header {
	display: none; /* We're hiding the featured image on posts, but it has been styled to match the site, so it can be turned back on if asked. */
	background-color: #495966;
	border-bottom: none;
    max-height: 500px;
	overflow: hidden;
}

.single-featured-image-header img {
	display: block;
	margin: auto;
    width: 100%;
    max-width: 1256px;
	height: auto;
}

/* 13.4f Entry footer */

.entry-footer {
    background: rgba(255, 255, 255, 0.7);
    border: 2px solid #ffe539;
    margin-top: 2em;
    padding: 1em;
}

.entry-footer .cat-links,
.entry-footer .tags-links {
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 700;
	letter-spacing: normal;
	padding-left: 2.5em;
	position: relative;
	text-transform: uppercase;
}

.entry-footer .cat-links a,
.entry-footer .tags-links a {
	color: #000;
}

.entry-footer .cat-links .icon,
.entry-footer .tags-links .icon {
	color: #495966;
}

/* 13.4g Post Formats */

/* 13.4h Post Navigation */

/* REPLACEMENT post archive pagination navigation styles */

.wrap-post-navigation {
    display: block;
    padding-top: 0.5em;
	padding-bottom: 1em;
    margin-bottom: 2em;
}

.nav-previous,
.nav-next {
    color: #654BC3;
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 1;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0;
    letter-spacing: normal;
    width: 48%;
    display: inline-block;
}

.nav-next {
    text-align: right;
    float: none;
	padding-top: 1em;
	padding-bottom: 1em;
}

.nav-previous {
    text-align: left;
    float: none;
	padding-top: 1em;
	padding-bottom: 1em;
}

.nav-previous a:hover,
.nav-next a:hover {
    text-decoration: underline;
    color: #473192;
}

.nav-previous a:visited,
.nav-next a:visited {
    color: #654BC3;
}

.nav-previous a:before {
    color: #654BC3;
    content: "\f104";
    font-family: 'FontAwesome';
    font-size: 0.8125rem;
    font-size: 13px;
    margin-right: 0.5em;
    vertical-align: top;
}

.nav-next a:after {
    color: #654BC3;
    content: "\f105";
    font-family: 'FontAwesome';
    font-size: 0.875rem;
    font-size: 14px;
    margin-left: 0.5em;
    vertical-align: top;
}

/* ORIGINAL post navigation styles */

.post-navigation {
	font-weight: 400;
	margin: 0.5em 0;
    display: block;
}

.post-navigation .nav-links {
	padding: 1em 0;
}

.nav-subtitle {
	background: transparent;
	color: #163683;
	display: block;
    font-family: 'Open Sans', helvetica, arial, sans-serif;
	font-size: 13px;
	font-size: 0.8125rem;
	letter-spacing: normal;
	margin-bottom: 0.5em;
	text-transform: uppercase;
    font-weight: 700;
}

.nav-subtitle a {
	color: #163683;
}

.nav-title {
    color: #000;
	font-size: 16px;
	font-size: 1rem;
}

.post-navigation .icon {
    width: 0.75em;
    top: -0.4em;
}

.post-navigation a {
    text-decoration: none;
}

.post-navigation a:hover, .post-navigation a:focus {
    text-decoration: underline;
}

div.nav-links.previous {
	float: none;
	width: 100%;
}

div.nav-links.next {
	float: none;
	width: 100%;
}

span.nav-subtitle a {
	text-decoration: underline;
}

/*--------------------------------------------------------------
13.5 Pages
--------------------------------------------------------------*/

/* 13.5a 404 page */

/* 13.5b Breadcrumbs */

.breadcrumbs {
	color: #000;
    font-size: 11px;
	font-size: 0.6875rem;
	line-height: 1.2;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0 0 0.5em;
    margin-bottom: 1.5em;
    letter-spacing: normal;
    border-bottom: 1px solid #cdcdcd;
}

.breadcrumbs a {
	color: #000;
    text-decoration: underline;
}

.breadcrumbs a:focus,
.breadcrumbs a:hover {
	color: #0000FF;
	box-shadow: none;
    -webkit-box-shadow: none;
}

.breadcrumbs a:focus {
	outline: 2px solid;
}

/*--------------------------------------------------------------
13.6 Footer
--------------------------------------------------------------*/



.site-pre-footer {
	border-top: 0px solid #ffae00;
	background: url(/wp-content/themes/twentyseventeen-child/images/footer-bk-color.jpg) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	height:200px;
	width:100%;
}





.site-footer {
	border-top: 2px solid #ffae00;
	background-image: linear-gradient(#332565, #654bc3);
}

.site-footer .wrap {
	padding-bottom: 0em;
	padding-top: 0;
	/* background: #f1f1f3 url("/wp-content/themes/twentyseventeen-child/images/saratoga-logo-footer.svg") no-repeat; */
    background-position: left 1.875em top;
    background-size: 190px 190px;
}

.site-footer .footer-widget-1 h2 {
	color: #163683;
	font-family: 'Open Sans', sans-serif;
	font-size: 30px;
	font-size: 1.875rem;
	font-weight: 700;
	line-height: 0.875;
}

.site-footer .footer-widget-1 h2 .school {
	color: #fff;
	font-family: 'Anton', sans-serif;
	font-size: 16px;
	font-size: 1rem;
	font-weight: 400;
    letter-spacing: 0.2rem;
	text-transform: uppercase;
}

/* 13.6a Footer widgets */

.site-footer .widget-area a {
	padding-bottom: 2em;
	padding-top: 0;
	color: #fff;
}

.site-footer .widget-area a:hover {
	padding-bottom: 2em;
	padding-top: 0;
	color: #ffe539;
}

.site-footer .widget-area a:focus {
	padding-bottom: 2em;
	padding-top: 0;
	color: #ffe539;
}

/* 13.6b Social nav */

/* 13.6c Site info */

.site-info {
	color: #fff;
	font-size: 16px;
	font-size: 1rem;
	margin-bottom: 1em;
	padding-top: 2.5em;
}

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




/*--------------------------------------------------------------
13.7 Simple Calendar – shortcode wrapped in div in a text widget
--------------------------------------------------------------*/
#my-cal-wrapper {
    height: 500px;
    overflow: auto;
    font-family:'Open Sans',sans-serif;
    font-size: 1rem;
    font-size:16px;
    background:#fff;
    padding:0 1em;
    margin-bottom: .5em;
    border: 1px solid #a49cc5;
}
#my-cal-wrapper.full-calendar {
    height:auto;
    overflow:visible;
}
#my-cal-wrapper dl.simcal-events-list-container {
    margin-top:0;
}

#my-cal-wrapper .simcal-nav-button {
    color:#654bc3 !important;
    padding:0;
    margin:0;
}

#my-cal-wrapper .simcal-nav-button:focus {
    outline: thin dotted; 
}

#my-cal-wrapper .simcal-nav-button:hover {
    color:#332565 !important; 
}

#my-cal-wrapper li:before {
    content: none;
}

#my-cal-wrapper ul li {
    list-style-type: none;
    margin-bottom: 3px;
    word-wrap: break-word;
    border-top:none;
    border-bottom:1px dotted #cdc5ed;
    line-height: 1.5em;
}
#my-cal-wrapper .simcal-default-calendar-list {
    min-height: 100px;
    padding: 0;
    text-align: left;
}
#my-cal-wrapper .simcal-default-calendar-list ul.simcal-events {
    margin: 5px 14px 0;
}
#my-cal-wrapper .simcal-default-calendar-list dt.simcal-day-label {
    list-style: none;
    margin: 5px 0 5px;
    border-bottom:1px solid #cdc5ed !important;
}
#my-cal-wrapper .simcal-default-calendar-list dt.simcal-day-label > span {
    display: inline-block;
    padding: 0 12px;
    
    color:#fff !important;
    font-size:16px;
    font-size:1rem;
}

#my-cal-wrapper .simcal-default-calendar-list .simcal-event-details {
    font-weight:300;
    line-height: 1.6em;
    overflow: hidden;
}
#my-cal-wrapper .simcal-event-title {
    color:#000;
}
#my-cal-wrapper .simcal-default-calendar-list .simcal-event-details p {
    margin:0 0 0.25em;
}
#my-cal-wrapper .simcal-default-calendar-list .simcal-calendar-head .simcal-nav {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 10%;
}
#my-cal-wrapper .simcal-default-calendar-list .simcal-calendar-head .simcal-nav:nth-child(2) {
    width: 80%;
}
#my-cal-wrapper .simcal-default-calendar-list .simcal-calendar-head {
    display: table;
    padding-bottom: 15px;
    padding-top:4px;
    width: 100%;
}

#archive-link, #fullcal-link {
    padding:0 0 0.5em;
    font-family:'Rubik',sans-serif;
    font-weight:700;
    font-size:18px;
    font-size:1.125rem;
}
#archive-link {
    background:#ddd;
    color:#17468f;
    text-align:right;
    padding:0 0.5em;
}
#fullcal-link {
     
    text-align:right;
    
}
#fullcal-link:after, #archive-link:after {
    content:"\f144";
    color:#654bc3;
    font-family:'FontAwesome';
    margin-left:6px;
    }


/*--------------------------------------------------------------
14.0 Comments
--------------------------------------------------------------*/

/*--------------------------------------------------------------
15.0 Widgets
--------------------------------------------------------------*/

 .widget {
	padding-bottom: 0;
}   

h2.widget-title {
        color: #473192;
    font-size: 18px;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: 0.05rem;
    margin-bottom: 1em;
    text-transform: uppercase;
    text-align: center;
    border: 2px solid #a49cc5;
    font-family: 'open sans';
    padding: 0.2em;
    background: #fff;

}


.home-section3 h2.widget-title,
.school-home-section3 h2.widget-title {
    /* color: #fff; */
	margin: 1em 0 0.5em 0;
}

#secondary {
	padding: 0;
}

#secondary .widget {
    border: none;
	margin-bottom: 1.5em;
	padding: 1em;
}

#secondary .widget.widget_wysiwyg_widgets_widget,
#secondary .widget.widget_custom_html {
    /* border: 2px solid #495966; */
}

.widget.widget_wysiwyg_widgets_widget h3:first-of-type {
	padding-top: 0;
}

/* 15.1 widget forms */

/* 15.2 widget lists */

.widget ul {
	list-style: disc;
	margin: 0 0 1.5em;
}

.widget ol {
	margin: 0 0 1.5em;
    padding: 0;
}

.widget ul li {
	
	padding: 0;
    margin-left: 1em;
    margin-bottom: 0.3em;
}

.widget ol li {
	border-bottom: none;
	border-top: none;
	padding: 0;
    margin-left: 1em;
    margin-bottom: 0.3em;
    list-style-position: outside;
}

.widget li > ul,
.widget li > ol {
	margin-bottom: 0.3em;
	margin-left: 0;
}

.widget li > ul li:first-child,
.widget li > ol li:first-child {
	margin-top: 0.3em;
} 

.widget ul li + li {
	margin-top: 0;
}

.widget:not(.widget_tag_cloud) ul li + li {
	margin-top: -1px;
}

.widget ul li ul {
	margin: 0 0 0;
	padding: 0;
	position: relative;
}

.widget ul li li {
	border: 0;
	padding-left: 0;
	padding-left: 0;
}

/* 15.3 Widget lists of links */

.widget.widget_archive h2.widget-title {
    color: #fff;
}

.widget.widget_archive {
    background: #495966;
    color: #fff;
}

.widget_archive a {
    color: #fff;
}

.widget_archive ul {
    font-size: 20px;
    font-size: 1.25rem;
    list-style: none;
	margin: 0 0 0.5em;
    padding: 0;
}

.widget_archive ul li {
	border-top: none;
    margin-left: 0;
    margin-bottom: 0.1em;
	padding-bottom: 0.1em;
    padding-left: 1em;
	text-indent: -1em;
}

.widget_archive li::before {
    color: #fff;
    content: "\f105";
    font-family: 'FontAwesome';
    font-size: 1.25rem;
    font-size: 20px;
    margin-right: 0.6em;
    vertical-align: baseline;
}

.widget_archive ul li a {
    color: #fff;
	text-decoration: none;
}

.widget_archive ul li a:hover,
.widget_archive ul li a:focus {
    color: #fff;
	text-decoration: underline;
}

.widget_archive ul li a:visited {
    color: #fff;
}

/* News Archive lists of links */

ul.archives-by-cat {
    list-style: none;
	margin: 0 0 2em;
    padding: 0;
}

ul.archives-by-cat li {
    color: #163683;
    font-weight: 700;
	border-bottom: 1px solid #58b6e7;
	border-top: none;
	padding-bottom: 0.25em;
    margin-left: 0;
    margin-bottom: 0.25em;
    text-indent: 0;
    padding-left: 0;
}

ul.archives-by-cat li a {
    color: #000;
    font-weight: 400;
	text-decoration: underline;
}

ul.archives-by-cat li a:hover {
	color: #0000FF;
}

ul.archives-by-cat li a:visited {
    color: #800080;
}

ul.archives-by-cat h3 {
    padding-top: 0.75em;
}

/* 15.4 Widget markup */

/* 15.5 Text widget */

/* 15.6 RSS Widget */

/* 15.7 Contact Info Widget */

/* 15.8 Gravatar */

/* 15.9 Recent Comments */

/* 15.10 Recent Posts widget */

.widget.widget_recent_entries {
    background: #163683;
    color: #fff;
}

.widget.widget_recent_entries h2.widget-title {
    color: #fff;
}

.widget_recent_entries a {
    color: #fff;
}

.widget_recent_entries ul {
	font-size: 20px;
    font-size: 1.25rem;
    list-style: none;
	margin: 0 0 0.5em;
    padding: 0;
}

.widget_recent_entries ul li {
	border-top: none;
    margin-left: 0;
    margin-bottom: 0.1em;
	padding-bottom: 0.1em;
    padding-left: 0.75em;
	text-indent: -0.75em;
}

.widget_recent_entries ul li a {
    color: #fff;
	text-decoration: none;
}

.widget_recent_entries ul li::before {
    color: #fff;
    content: "\f105";
    font-family: 'FontAwesome';
    font-size: 1.25rem;
    font-size: 20px;
    margin-right: 0.125em;
    vertical-align: baseline;
}

.widget_recent_entries ul li a:hover,
.widget_recent_entries ul li a:focus {
    color: #fff;
	text-decoration: underline;
}

.widget_recent_entries ul li a:visited {
    color: #fff;
}


/* 15.11 Search and GTranslate */


.wrap-topbar-right {
    display: flex;
    flex-direction: column;
}

.wrap-search-form {
    
    padding: 0.5em 2em;
}

.wrap-search-form label {
     margin-bottom: 0;
}

.wrap-search-form input {
    font-size: 16px;
    font-size: 1rem;
    padding: 0.25em 0.5em 0.25em;
    border: 1px solid #075eab;
}

.search-form .search-submit {
    bottom: 0;
    padding: 0.5em 0.5em;
    position: absolute;
    right: 0;
    top: 0;
}

.search-form .search-submit .icon {
    height: 20px;
    top: -7px;
    width: 20px;
}

button.search-submit {
    color: #fff;
    background-color: #654BC3;
}

button.search-submit:hover {
    background: #473192;
}

button.search-submit:focus {
    background: #473192;
    outline: 2px solid #fff;
}

.wrap-translate {
    
    padding: 0.5em 2em;
}

select#gtranslate_selector {
    width: 100%;
    background: #fff;
}

.wrap-translate select {
    color: #000;
    font-size: 16px;
    font-size: 1rem;
    border: 1px solid #495966;
}

/*.gtranslate select {
    -webkit-appearance: none;
}*/

/* 15.12 Tag cloud widget */




/* 15.14 Gallery widget */

/* 15.15 Smart Slider */

/* The link border styles below add a focus border for accessibility that isn't possible to add within the plugin. Also added a default border of black so that the box doesn't get larger when focus is active. */

.n2-ss-slider a.n2-ow, 
.n2-ss-slider .n2-ow-all a {
        border: 2px #000 solid !important;
}

.n2-ss-slider a.n2-ow:hover, 
.n2-ss-slider .n2-ow-all a:hover {
        border: 2px #495966 solid !important;
}

.n2-ss-slider a.n2-ow:focus, 
.n2-ss-slider .n2-ow-all a:focus {
        border: 2px #fff solid !important;
}

/* 15.16 Connect & Featured tools Menus */

.widget_nav_menu ul {
	font-size: 20px;
    font-size: 1.25rem;
    list-style: none;
}

.widget_nav_menu .menu-item img._before {
    width: 30px;
    height: 26px;
}

.wrap-sidebar-connect-menu .widget {
	background: #495966;
    color: #fff;
}

.wrap-sidebar-connect-menu h2.widget-title,
#nav_menu-2 h2.widget-title {
    /* color: #fff; */
}

#nav_menu-2.widget_nav_menu.widget ul {
    margin-bottom: 0.5em;
}

#nav_menu-2.widget_nav_menu.widget ul li {
    margin: 0 0 0.4em 0;
    border: 1px solid #a49cc5;
    padding: 0.5em;
    background: #fff;
}

#nav_menu-2.widget_nav_menu.widget ul li a {
    color: #000;
    text-decoration: none;
}

#nav_menu-2.widget_nav_menu.widget ul li a:hover, 
#nav_menu-2.widget_nav_menu.widget ul li a:active {
	color: #654bc3;
    text-decoration: underline;
}

.wrap-sidebar-featured-buttons #nav_menu-3.widget {
	background: transparent;
	border: 2px solid #495966;
	padding-bottom: 1em;
	margin-bottom: 1.5em;
}

#nav_menu-3.widget {
	padding-bottom: 0;
}

#nav_menu-3.widget_nav_menu .menu-item img._before {
    width: 45px;
    height: 40px;
	display: inline-block;
	vertical-align: middle;
}

#nav_menu-3.widget_nav_menu.widget ul {
	font-size: 18px;
	font-size: 1.125rem;
	font-weight: 700;
	display: flex;
    flex-direction: column;
    justify-content: flex-start;
	letter-spacing: 0.1rem;
	line-height: 1.2;
    margin-bottom: 0;
	text-transform: uppercase;
}

#nav_menu-3.widget_nav_menu.widget ul li {
    margin: 0;
    padding: 1em 0 1em 0;
}

.wrap-sidebar-featured-buttons #nav_menu-3.widget_nav_menu.widget ul li {
	padding: 1em 1em 1em 0;
}

#nav_menu-3.widget_nav_menu.widget ul li a {
    color: #495966;
    text-decoration: none;
	display: flex;
    flex-direction: row;
    align-items: center;
}

#nav_menu-3.widget_nav_menu.widget ul li a span {
	vertical-align: middle;
}

#nav_menu-3.widget_nav_menu.widget ul li a::after {
	vertical-align: middle;
}

#nav_menu-3.widget_nav_menu.widget ul li a:hover, 
#nav_menu-3.widget_nav_menu.widget ul li a:active {
	color: #495966;
    text-decoration: underline;
}


/* 15.17 Featured Links Menu */

.wrap-sidebar-featured-links .widget {
	background: #075eab url("/wp-content/themes/twentyseventeen-child/images/saratoga-bg-icon-banner.svg") no-repeat;
	background-position: right 2em top;
    background-size: 66px 88px;
    color: #fff;
}

#secondary .wrap-sidebar-featured-links .widget.widget_wysiwyg_widgets_widget {
    border: none;
}

#wysiwyg_widgets_widget-29 h2.widget-title {
    color: #fff;
}

#wysiwyg_widgets_widget-29 a {
    color: #fff;
}

#wysiwyg_widgets_widget-29 ul {
    font-size: 20px;
    font-size: 1.25rem;
    list-style: none;
	margin: 0 0 0.5em;
    padding: 0;
}

#wysiwyg_widgets_widget-29 ul li {
	border-top: none;
    margin-left: 0;
    margin-bottom: 0.1em;
	padding-bottom: 0.1em;
    padding-left: 1em;
	text-indent: -1em;
}

#wysiwyg_widgets_widget-29 li::before {
    color: #fff;
    content: "\f105";
    font-family: 'FontAwesome';
    font-size: 1.25rem;
    font-size: 20px;
    margin-right: 0.6em;
    vertical-align: baseline;
}

#wysiwyg_widgets_widget-29 ul li a {
    color: #fff;
	text-decoration: none;
}

#wysiwyg_widgets_widget-29 ul li a:hover,
#wysiwyg_widgets_widget-29 ul li a:focus {
    color: #fff;
	text-decoration: underline;
}

#wysiwyg_widgets_widget-29 ul li a:visited {
    color: #fff;
}

/* 15.18 School and Department Links Menus */

#secondary .wrap-school-links .widget.widget_wysiwyg_widgets_widget,
#secondary .wrap-section-links .widget.widget_wysiwyg_widgets_widget {
    border: none;
}

.school-home-widget-1c .widget {
	/* padding: 0  0 0 2em; */
}

.school-home-widget-1c .widget,
.wrap-school-links .widget,
.wrap-section-links .widget {
    /* background: #666; */
    
}

.school-home-widget-1c h2.widget-title,
.wrap-school-links h2.widget-title,
.wrap-section-links h2.widget-title {
    color: #473192;
}

.school-home-widget-1c a,
.wrap-school-links a,
.wrap-section-links a {
    color: #473192;
}

.school-home-widget-1c ul,
.wrap-school-links ul,
.wrap-section-links ul {
    font-size: 20px;
    font-size: 1.25rem;
    list-style: none;
	margin: 0 0 0.5em;
    padding: 0;
}

.school-home-widget-1c ul li,
.wrap-school-links ul li,
.wrap-section-links ul li {
	border-top: none;
    margin-left: 0;
    margin-bottom: 0.5em;
	padding-bottom: 0.5em;
    padding-left: 1em;
	text-indent: -1em;
}

.school-home-widget-1c li::after,
.wrap-school-links li::after,
.wrap-section-links li::after {
    color: #654BC3;
    content: "\f0da";
    font-family: 'FontAwesome';
	padding-left: 5px;
}

.school-home-widget-1c ul li a,
.wrap-school-links ul li a,
.wrap-section-links ul li a {
        color: #000;
    font-family: 'Glegoo', serif;
    font-size: 1.25rem;
    font-weight: 700;
    text-transform: none;
    margin-bottom: 0;
    line-height: 1.2;
	text-decoration: none;
}

.school-home-widget-1c ul li a:hover,
.school-home-widget-1c ul li a:focus,
.wrap-school-links ul li a:hover,
.wrap-school-links ul li a:focus,
.wrap-section-links ul li a:hover,
.wrap-section-links ul li a:focus {
    color: #473192;
	text-decoration: underline;
}

.school-home-widget-1c ul li a:visited,
.wrap-school-links ul li a:visited,
.wrap-section-links ul li a:visited {
    color: #000;
}


/* 15.19 School and Department Contacts */

.home-section3-center p,
.school-home-section3-center p {
	font-size: 20px;
	font-size: 1.25rem;
    line-height: 1.3;
	margin-bottom: .3em;
}

/* 15.20 Ultimate Posts */

.home-section1 .widget.widget_ultimate_posts,
.school-home-section1 .widget.widget_ultimate_posts {
	padding-bottom: 0;
}

.upw-posts article,
.home-section1 .upw-posts article,
.home-section1 .upw-posts article:last-child,
.school-home-section3 .upw-posts article,
.school-home-section3 .upw-posts article:last-child {
    margin-bottom: 0.75em;
    padding-bottom: 0.75em;
    border-bottom: 1px solid #a49cc5;
}

#secondary .upw-posts article,
.school-home-section1 .upw-posts article,
.school-home-section1 .upw-posts article:last-child {
    margin-bottom: 0.5em;
    padding-bottom: 0.5em;
    border-bottom: 2px solid #a49cc5; 
}

.upw-posts h3.entry-title,
.home-section1 .upw-posts h3.entry-title {
    color: #473192;
    font-family: 'Glegoo', serif;
    font-size: 1.25rem;
    font-weight: 700;
    text-transform: none;
    margin-bottom: 0;
    line-height: 1.2;
}

#secondary .upw-posts h3.entry-title,
.school-home-section1 .upw-posts h3.entry-title,
.school-home-section3 .upw-posts h3.entry-title {
    color: #000;
    font-family: 'Glegoo', serif;
	font-size: 1.25rem !important;
	font-weight: 300;
    text-transform: none;
    line-height: 1.2;
}

.upw-posts .entry-title::after {
    color: #654BC3;
    content: "\f0da";
    font-family: 'FontAwesome';
}

.home-section1 .upw-after,
.school-home-section1 .upw-after,
.school-home-section3 .upw-after {
    margin-top: 0;
    margin-bottom: 0;
}

.upw-posts h3.entry-title a,
.home-section1 .upw-posts h3.entry-title a,
.school-home-section1 .upw-posts h3.entry-title a,
#secondary .upw-posts h3.entry-title a {
    color: #000;
	font-weight: 700;
}

.upw-posts h3.entry-title a:hover,
.upw-posts h3.entry-title a:focus,
.home-section1 .upw-posts h3.entry-title a:hover,
.home-section1 .upw-posts h3.entry-title a:focus,
.school-home-section1 .upw-posts h3.entry-title a:hover,
.school-home-section1 .upw-posts h3.entry-title a:focus,
#secondary .upw-posts h3.entry-title a:hover, 
#secondary .upw-posts h3.entry-title a:focus{
    color: #473192;
}

.home-section1 .widget.widget_ultimate_posts a.more-button,
.school-home-section1 .widget.widget_ultimate_posts a.more-button {
	margin-bottom: 0.5em;
}



/* 15.21 ICS Calendar */

/* 15.22 Special Alert Bar */

.special-alert {
    background-color: #ffe585;
    color: #000;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.2;
    margin: 0;
    padding: 0;
}

.special-alert h1 {
	color: #163683;
    font-family: 'Anton', sans-serif; 
    text-transform: none;
	font-size: 22px;
	font-size: 1.375rem;
	font-weight: 700;
	letter-spacing: normal;
	margin-bottom: 0;
    padding-top: 0.5em;
}

.special-alert h2 {
    color: #163683;
	font-size: 21px;
	font-size: 1.3125rem;
}

.special-alert h3 {
    color: #163683;
	font-size: 20px;
	font-size: 1.25rem;
}

.special-alert h4 {
    color: #163683;
	font-size: 19px;
	font-size: 1.1875rem;
}

.special-alert h5,
.special-alert h6 {
    color: #163683;
	font-size: 18px;
	font-size: 1.125rem;
}

.special-alert h1:after {
    content:"\f06a";
    color:#163683;
    margin-left:0.5em;
    font-family:'FontAwesome';
    font-weight:normal;
}

.special-alert p {
    margin-top: 0.5em;
    margin-bottom: 1em;
}

.special-alert a {
    color: #000;
    text-decoration: underline;
}

.special-alert a:hover {
    color: #000;
}

.special-alert a:visited {
    color: #000;
}

.special-alert a:focus {
    color: #000;
    outline: 2px solid;
}

.special-alert .widget {
    padding-bottom: 0;
    margin-bottom: 0;
}

/*--------------------------------------------------------------
16.0 Media
--------------------------------------------------------------*/

/* 16.0a Make sure embeds and iframes fit their containers. */

/* 16.0b Remove bottom on embeds that wrapped in paragraphs via wpautop. */

.wp-caption,
.gallery-caption {
	color: #495966;
	font-size: 16px;
	font-size: 1rem;
	font-style: normal;
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption .wp-caption-text {
	border-left: 8px solid #58b6e7;
	margin: 1em 0;
	padding-left: 0.5em;
}

/* 16.0c Media Elements */

/* 16.0d Audio Player */

/* 16.0e Playlist Color Overrides: Light */

/* 16.0f Playlist Color Overrides: Dark */

/* 16.0g Playlist Style Overrides */

/* 16.0h SVG Icons base styles */

/*--------------------------------------------------------------
16.1 Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
17.0 Customizer
--------------------------------------------------------------*/

/* 17.1 Used for placeholder text */

/* 17.2 Show borders on the custom page panels only when the front page sections are being edited */

/* 17.3 Add some space around the visual edit shortcut buttons. */

/* 17.4 Ensure that placeholder icons are visible. */

/*--------------------------------------------------------------
18.0 SVGs Fallbacks
--------------------------------------------------------------*/
thead tr th.header {cursor: pointer;}

/* 18.1 Social Menu fallbacks */

/* 18.2 Show screen reader text in some cases */

/*--------------------------------------------------------------
19.0 Media Queries
--------------------------------------------------------------*/

/* Adjust positioning of edit shortcuts, override style in customize-preview.css */
@media screen and (min-width: 20em) {
/* 19.1 20em = 320 pixels */ 

}

@media screen and (min-width: 30em) {
/* 19.2 30em = 480 pixels */
    
    /* Typography */
    
    /* Fix image alignment */
    
    /* Site Branding */
	
	.wrap-header-logo {
		margin: 1em;
	}
    
    /* Front Page */
	
	.home-section1.panel-content .wrap {
		padding: 1.875em 1.875em 1.875em;
	}

	.school-home-section1.panel-content .wrap {
		padding: 1.875em 1.875em 0;
	}

	.home-section1-left,
	.school-home-section1-sidebar {
		padding-left: 0;
		padding-right: 0;
	}
	
	/* Blog Index, Archive, Search */
    
    /* Site Footer */

    /* Gallery Columns */
	
	/* 15.13 Calendar widget */
	
	/* Full Calendar page */

	.ics-calendar-color-key.inline .ics-calendar-color-key-item {
		width: 48%;
	}
    
}

@media screen and (min-width: 48em) {
/* 19.3 48em = 768 pixels */ 
    
    /* Typography */
    
    /* Layout */
	
	.wrap {
		max-width: 1320px;
		padding-left: 1.875em;
		padding-right: 1.875em;
	} 
    
   .has-sidebar:not(.error404) #primary {
		float: left;
		width: 66.5%;
        padding-right: 2em;
	}
    
    .has-sidebar #secondary {
		float: right;
        padding-bottom: 0;
		padding-top: 0;
		width: 30.5%;
	}
    
    #secondary .widget-area {
		float: none;
		width: 100%;
	}
    
    .wrap_sidebar {
		float: right;
		padding-top: 0;
		width: 30.5%;
        border-top: none;
	}
    
    .wrap_sidebar #secondary {
		width: 100%;
        float: none;
	}
    
    #primary.content-area {
        float: left;
		width: 66.5%; 
    }
    
    #primary.content-area.full-width {
        float: left;
		width: 100%; 
    }

    /* Site Branding */
    
    /* Navigation */
	
	.navigation-top {
    	background: #654BC3;;
		font-size: 16px;
		font-size: 1rem;
	}
	
	.navigation-top .wrap {
		max-width: 1320px;
		padding: 0 1.875em;
	}
	
	.navigation-top nav {
		margin-left: 0;
	}
	
	.site-navigation-fixed.navigation-top {
		bottom: auto;
		position: relative;
		left: 0;
		right: 0;
		top: 0;
		width: 100%;
		z-index: 1000;
	}
	
	/* Main Navigation */
	
	.js .main-navigation ul,
	.js .main-navigation ul ul,
	.js .main-navigation > div > ul {
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		justify-content: flex-start;
		background: transparent;
	}
	
	.main-navigation > div > ul {
		border-top: none;
		padding: 0;
	}
	
	.main-navigation li {
		border-bottom: none;
		display: block;
	}
	
	.main-navigation a:hover {
		color: #fff;
	}
	
	/* 12.6 SECONDARY Nav */
	
	.navigation-top .navigation-secondary { /* Hides secondary nav within toggle */
        display: none;
    }

	.wrap-header-right .navigation-secondary { /* Shows secondary nav in header */
		display: inline-block;
		margin-top: 1.375em;
		margin-left: 0.5em;
	}
	
	.navigation-secondary {
        color: #fff;
        font-size: 14px;
        font-size: 0.875rem;
        font-weight: 400;
        line-height: 1;
        text-transform: uppercase;
    }
	
	.navigation-secondary ul {
        list-style: none;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        margin: 0;
        padding: 0;
    }
	
	.navigation-secondary ul li {
        margin: 0;
        padding: 0 1em 0;
    }
    
    .navigation-secondary ul li a {
        color: #fff;
        display: block;
        padding: 0 0 0.5em 0;
    }
    
    .navigation-secondary ul li a:hover,
    .navigation-secondary ul li a:active,
	.navigation-secondary .current-menu-item > a,
	.navigation-secondary .current_page_item > a,
	.navigation-secondary ul .current-menu-item > a {
        color: #fff;
		border-bottom: 4px solid #ffe539;
		text-decoration: none;
    }
    
    .navigation-secondary ul li a:focus {
        color: #fff;
		border-bottom: 4px solid #ffe539;
		text-decoration: none;
    }

	/* 12.7 SCHOOLS Nav */
	
	.navigation-top .navigation-schools { /* Hides school nav within toggle */
        display: none;
    }

	div.navigation-schools .navigation-schools { /* Shows school nav in header */
		display: inline-block;
		margin-left: 0;
		padding: 0.5em 0 0 0;
	}
	
	div.navigation-schools {
		    background: #332565;
    font-weight: 700;
    font-size: 14px;
    font-size: 0.875rem;
    margin: 0.625em 0 0.625em 0;
    border-top: 1px solid #ffe539;
    border-bottom: 1px solid #ffe539;
	}
	
	div.navigation-schools .wrap {
		max-width: 1320px;
		padding: 0 2.325em;
		line-height: 1;
	}
	
	.navigation-schools ul {
        list-style: none;
        margin: 0;
        padding: 0 0 0 0;
		line-height: 1.2;
		display: flex;
    	flex-wrap: nowrap;
		text-align: center;
		
    }
	
	.navigation-schools ul li {
        list-style: none;
		width: 50%;
        margin: 0 0 0 0;
        padding: 0 1em 0 0;
     
    }
	
	.navigation-schools a {
            color: #FFE539;
    display: inline-block;
    padding: 0.5em;
    border-bottom: 4px solid transparent;
    margin: -5px 0 0 0;
    }
	
	.navigation-schools ul li a:hover,
    .navigation-schools ul li a:active,
	.navigation-schools .current-menu-item > a,
	.navigation-schools .current_page_item > a,
	.navigation-schools ul .current-menu-item > a {
        color: #fff;
		border-bottom: 4px solid #ffe539;
		Background-color: #654bc3;
		text-decoration: none;
    }
    
    .navigation-schools ul li a:focus {
        color: #fff;
		border-bottom: 4px solid #a1abb3;
		text-decoration: none;
    }
	
	/* Scroll down arrow */
    
    /* Front Page */
	
	/* 13.2 Front Page and School Home pages */
	
	.home-section3.panel-content .wrap,
	.school-home-section3.panel-content .wrap {
		flex-direction: row;
 		flex-wrap: wrap;
	}

	.home-section3-left,
	.school-home-section3-left {
		width: 50%;
	}

	.home-section3-center,
	.school-home-section3-center {
		width: 50%;
	}

	.home-section3-right,
	.school-home-section3-right {
		width: 100%;
	}
	
    
    /* With panel images 100% of the screen height, we're going to fix the background image where supported to create a parallax-like effect. */
    
    /* Front Page - Recent Posts */
    
    /* Posts */
	
	.site-content {
		padding: 2em 0 2.5em;
	}
	
	.page.page-template-page-schoolhome .site-content {
        padding-bottom: 0;
    }
	
	.single-post .entry-title,
	.page .entry-title {
        font-size: 46px;
        font-size: 2.875rem;
    }

    /* Post Navigation */
    
    div.nav-links.previous {
        float: left;
        width: 45%;
        padding-bottom: 3em;
    }

    div.nav-links.next {
        float: right;
        width: 45%;
        text-align: right;
        padding-bottom: 3em;
    }
	
	/* Blog, archive, search */
	
	body:not(.has-sidebar):not(.page-one-column) .page-header,
	body.has-sidebar.error404 #primary .page-header,
	body.page-two-column:not(.archive) #primary .entry-header,
	body.page-two-column.archive:not(.has-sidebar) #primary .page-header {
		float: none;
		width: 100%;
	}

	.blog:not(.has-sidebar) #primary article,
	.archive:not(.page-one-column):not(.has-sidebar) #primary article,
	.search:not(.has-sidebar) #primary article,
	.error404:not(.has-sidebar) #primary .page-content,
	.error404.has-sidebar #primary .page-content,
	body.page-two-column:not(.archive) #primary .entry-content,
	body.page-two-column #comments {
		float: left;
		width: 100%;
		padding-right: 0;
	}

	.blog .site-main > article,
	.archive .site-main > article,
	.search .site-main > article {
		padding-bottom: 0.5em;
		margin-bottom: 1em;
		border-bottom: 1px solid #58b6e7;
	}
	
	/* Entry content */

	/* without sidebar */
    
    /* with sidebar */
    
    /* blog and archive */
    
    /* Post formats */
    
    /* Pages */
    
    /* 404 page */
    
    /* Comments */
    
    /* Posts pagination */
    
    /* Secondary */
	
	#secondary {
		font-size: 18px;
		font-size: 1.125rem;
		line-height: 1.6;
	}

	/* Widgets */
	
	/* 15.11 Search and GTranslate */
	
	.wrap-topbar-right {
		flex-direction: row;
	}
	.wrap-search-form {
		width: 60%;
		padding: 0.5em 0.5em;
	}
	
	.wrap-translate {
		width: 40%;
		padding: 0.5em 0.5em;
	}
	

	
	/* 15.16 Connect & Featured tools Menus */
	
	#nav_menu-3.widget_nav_menu.widget ul {
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	#nav_menu-3.widget_nav_menu.widget ul li {
		padding: 1em 1em 1em 0;
		width: 50%;
	}
	
	.wrap-sidebar-featured-buttons #nav_menu-3.widget_nav_menu.widget ul {
		flex-direction: column;
	}
	
	.wrap-sidebar-featured-buttons #nav_menu-3.widget_nav_menu.widget ul li {
		width: 100%;
		padding: 1em 1em 1em 0;
	}
	
	/* Footer */
	
	.site-footer {
		font-size: 16px;
		font-size: 1rem;
		line-height: 1.6;
		margin-top: 0;
	}

	.site-footer .widget-column.footer-widget-1 {
		float: left;
		width: 25%;
	}

	.site-footer .widget-column.footer-widget-2 {
		float: right;
		width: 75%;
		padding-left: 1.875em;
	}

	.site-info {
		float: none;
		padding: 1em;
		width: 100%;
	}
	
	.site-footer .widget-area {
    padding-bottom: 0em;

}
		
	
        
}





@media screen and ( min-width: 61.25em ) {
/* 19.4 61.25em = 980 pixels */
	
	/* Layout */
	
	#page {
		background-position: left -12.5em top;
	}
	
	/* Header */
	
	.site-header {
		background-position: left -12.5em top;
	}
	
	.wrap-header-logo {
		float: left;
		max-width: 50%;
	}
	
	.wrap-header-right {
		float: right;
		max-width: 500px;
	}
	
	/* 13.1a Site branding */

	.site-branding {
		padding: 0 0 0;
	}
	
	/* 13.2 Front Page and School Home pages */
	
	.home-section1.panel-content .wrap,
	.school-home-section1.panel-content .wrap {
		flex-direction: row-reverse;
 		flex-wrap: wrap-reverse; /* reverse keeps slider at top in this view */
	}

	.home-section1-left {
		width: 100%;
	}
	
	.school-home-section1-sidebar {
		width: 100%;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
	}

	.home-section1-right,
	.school-home-section1-slider {
		width: 100%;
	}
	
	.school-home-widget-1c {
		width: 50%;
		margin-right: 2em;
	}
	.school-home-widget-1a {
		width: 50%;
	}
	
	/* 12.7 SCHOOLS Nav */
	
	.navigation-schools ul li {
		width: 33.3%;
    }
	
	/* Widgets */
	
	/* 15.13 Calendar widget */
	
	/* Full Calendar page */

	.ics-calendar-color-key.inline .ics-calendar-color-key-item {
		width: 19%;
	}
	
	/* 15.16 Connect & Featured tools Menus */
	
	#nav_menu-3.widget_nav_menu.widget ul li {
		width: 33%;
	}
	
	.wrap-sidebar-featured-buttons #nav_menu-3.widget_nav_menu.widget ul li {
		width: 100%;
	}
	

    /* Footer */

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

	
	
	/* 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:first-child {
		padding-left: 5%;
	}
	
	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: "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: "Location:"; font-weight: bold; }
	.staff td:nth-of-type(5):before { content: "Title:"; font-weight: bold; }

}
@media screen and ( min-width: 67em ) {
/* 19.5 67em = 1072 pixels */ 
	

	
	
	
    
    /* Layout */
	
	/* 13.2 Front Page and School Home pages */
	
	
	.home-slider .wrap {
		width: 100%;
	}
	
	.home-section1.panel-content .wrap,
	.school-home-section1.panel-content .wrap {
		flex-direction: row;
 		flex-wrap: nowrap;

	}

	.home-section1-left {
		width: 30%;
		
	}
	
	.school-home-section1-sidebar {
		width: 38%;
		flex-direction: column;
		padding: 0 2em;
	}
	
	.home-section-full {
		    width: 100%;

    background-image: linear-gradient(#654bc3, #fff);
		
		/* width: 100%;
		background: url("/wp-content/themes/twentyseventeen-child/images/pale-bk-fix.png") no-repeat; 
		background-attachment: fixed;
		border-bottom: 1px solid #473192;  */
	}

	.home-section1-right,
	.school-home-section1-slider {
		width: 67%;
		margin: 0 0em 2em 2.3em;
	}
	
	.school-home-widget-1c {
		width: 100%;
		margin-right: 0;
	}
	.school-home-widget-1a {
		width: 100%;
	}

	/* Navigation */
	
	.navigation-top .wrap {
		padding: 0 1.875em;
	}
    
    /* Main Navigation */
    
    /* Sticky posts */
    
    /* Pagination */
    
    /* Comments */
    
    /* Footer */
	
	/* 15.13 Calendar widget */
	
	/* Full Calendar page */
	


}

@media screen and ( min-width: 79em ) {
/* 19.6 67em = 1264 pixels */ 
	
	
/* UPW Posts float */
.highlights .upw-posts article {
    width: 30%;
    border: 1px solid #a49cc5;
    margin: 0 0 1em 1em !important;
    padding: 1em 0 1em 1.1em !important;
    display: inline-block !important;
    vertical-align: top;
}
	
	
	
	
	/* Navigation */
	
	.navigation-top {
		font-size: 1rem;
    	background: #473192;
    	font-family: 'Glegoo', serif;
    	font-weight: 700;
    	letter-spacing: 1px;
    	border-top: 1px solid #ffe539;
    	border-bottom: 1px solid #ffe539;
	}
	
	/* 12.7 SCHOOLS Nav */
	
	.navigation-schools ul {
    	flex-wrap: nowrap;
		text-align: center;
		
    }
	
	.navigation-schools ul li {
		width: auto;
		padding: 0 1em 0 1em;
    }
	
	/* 13.2 Front Page and School Home pages */
	
	.home-section3.panel-content .wrap,
	.school-home-section3.panel-content .wrap {
 		flex-wrap: nowrap;
		padding: 0 ;
	}

	.home-section3-left {
		width: 50%;
	}

	.home-section3-center {
		width: 25%;
	}

	.home-section3-right {
		width: 50%;
	}
	

	
	
	.school-home-section3-left {
		width: 33%;
	}


	.school-home-section3-center {
		width: 33%;
	}


	.school-home-section3-right {
		width: 33%;
	}

	/* Widgets */
	
	/* 15.16 Connect & Featured tools Menus */
	
	#nav_menu-3.widget_nav_menu.widget ul {
		flex-wrap: nowrap;
    	justify-content: space-between;
	}
	
	#nav_menu-3.widget_nav_menu.widget ul li {
		padding: 1.5em 1em 1.5em 0;
		width: auto;
	}
	
	#nav_menu-3.widget_nav_menu.widget ul li:last-child {
		padding-right: 0;
	}
	
	/*--------------------------------------------------------------
    13.7 Simple Calendar – shortcode wrapped in div in a text widget
    --------------------------------------------------------------*/
    #my-cal-wrapper {
        height: 500px;
        overflow: auto;
    }
	
}

@media screen and ( min-width: 85em ) {
/* 19.7 85em = 1360 pixels */ 
	
	.main-navigation a {
		padding: 0.5em 1em 0.25em;
	}
  
}


@media 
only screen and (max-width: 760px),
(min-device-width: 320px) and (max-device-width: 759px) {
	
	/* Social Media Flex links */
	
	  .social-item-1, .social-item-2, .social-item-3 {
    flex: 100%;
  }

}

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


}
	
/*--------------------------------------------------------------
20.0 Print
--------------------------------------------------------------*/

@media print {
    
    /* Hide elements */
    
    /* Font sizes */
    
    /* Layout */
    
    /* Site Branding */
    
    /* Posts */
    
    /* Colors */

}