/*
Theme Name: 2017 Child - Bethlehem Central School District
Description: CHILD THEME using Twentyseventeen theme by Wordpress.
Author: Capital Region BOCES Communications Service Web Team
Template: twentyseventeen
*/
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;0,900;1,300;1,400;1,600;1,700;1,800;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@500;600;700&display=swap'); 

/*<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;0,900;1,300;1,400;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet"> -->*/
/*--------------------------------------------------------------
>>> 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
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
   12.1 Top Nav
   12.2 Schools Nav
   12.3 Main Nav
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/
html {
	font-family: 'Nunito Sans', sans-serif;
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

img {
	border-style: none;
}


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

.screen-reader-text: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: #ffc66e;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}
.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: #f1f1f1;
	-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: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
	outline: 1px solid black;
}
/*--------------------------------------------------------------
3.0 Alignments
--------------------------------------------------------------*/


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

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

font-family: 'Nunito Sans', sans-serif;
Light: 300
Regular: 400
Semi-bold: 600
Bold: 700
Extra-bold: 800
Black: 900
--------------------------------------------------------------*/

body,
button,
input,
select,
textarea {
	color: #000;
	font-family: 'Nunito Sans', sans-serif;
	font-size: 16px;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.66;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	line-height: 1.4;
	margin: 0 0 0.75em;
	padding: .5em 0 0;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
	padding-top: 0;
}

h1, h1.entry-title, .single-post .entry-title {
	font-size: 36px !important;
	font-size: 2.25rem !important;
	font-weight: 400 !important;
	color: #a93404!important;
	padding-top: 0;
}


h1.school-title{
	font-size:48px;
	font-size: 3rem;
	font-weight: 400;
	color:#4f4f4f;
	text-transform:uppercase;
	margin:0;
}

h1.school-title:before {
    content:url("/wp-content/themes/twentyseventeen-child/images/eagle_icon.png");
    margin: 0 0.3125em 0 0 ;
	vertical-align: middle;
    }

h1.widget-title, .school-links h2 {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 36px;
    font-size:2.25rem;
    color: #a93404;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 4px;
    margin-bottom: .7em !important;
	border:solid 2px #d0d0d0;
	text-align: center;
    }
h2.widget-title{
    font-family: 'Nunito Sans', sans-serif;
    font-size: 36px;
    font-size:2.25rem;
    color: #a93404;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 4px;
    margin-bottom: .7em !important;
	border:solid 2px #ebebeb;
	text-align: center;
    }

.sidebar-right h2.widget-title, .sidebar-right p.widget-title{
    font-family: 'Nunito Sans', sans-serif;
    font-size: 24px;
    font-size:1.5rem;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 4px;
    margin-bottom: .7em !important;
	border:none;
	text-align: center;
	background:#a93404; 
    }

h2 {
	color:#59585A;
	font-size: 28px;
	font-size: 1.75rem;
	font-weight: 700;
}

h2.entry-title {
	font-family: 'Nunito Sans', sans-serif;
	color: #a93404;
	font-size: 24px;
	font-size: 1.5rem;
	font-weight: 600;
}

h3 {
	color: #a93404;
	font-size: 22px;
	font-size: 1.375rem;
	font-weight: 600;
}

h4 {
	color: #a93404;
	font-size: 18px;
	font-size: 1.125rem;
	font-weight: 700;
}

h5 {
	color: #59585A;
	font-size: 18px;
	font-size: 1.125rem;
	font-weight: 700;
	letter-spacing: 0.15em;
	text-transform: uppercase;
}

h6 {
	color: #a93404;
	font-size: 16px;
	font-size: 0.9375rem;
	font-weight: 700;
}

p {
	font-family: 'Nunito Sans', sans-serif;
	margin: 0 0 1.5em;
	padding: 0;
}

.school-contact p{
	font-size:1.125rem;
	line-height: 1.4;
	margin: 0 0 .5em;
}

.school-contact span{
	font-weight: 800;
	color:#a93404;
}


blockquote {
	color: #59585A;
	font-size: 18px;
	font-size: 1.125rem;
	font-style: italic;
	line-height: 1.7;
	margin: 0;
	overflow: hidden;
	padding: 0;
}



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

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

fieldset {
	margin-bottom: 1em;
}

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: #666;
	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.7em;
	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: #222;
	border-color: #333;
}

select {
	border: 1px solid #bbb;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	height: 3em;
	max-width: 100%;
}

input[type="radio"]:focus,
input[type="checkbox"]:focus {
	outline: thin dotted #333;
}

input[type="radio"],
input[type="checkbox"] {
	margin-right: 0.5em;
}

input[type="radio"] + label,
input[type="checkbox"] + label {
	font-weight: 400;
}

button,
input[type="button"],
input[type="submit"] {
	background-color: #222;
	border: 0;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800;
	line-height: 1;
	padding: 1em 2em;
	text-shadow: none;
	-webkit-transition: background 0.2s;
	transition: background 0.2s;
}

input + button,
input + input[type="button"],
input + input[type="submit"] {
	padding: 0.75em 2em;
}

button.secondary,
input[type="reset"],
input[type="button"].secondary,
input[type="reset"].secondary,
input[type="submit"].secondary {
	background-color: #ddd;
	color: #222;
}

: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: #767676;
}

button.secondary:hover,
button.secondary:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="button"].secondary:hover,
input[type="button"].secondary:focus,
input[type="reset"].secondary:hover,
input[type="reset"].secondary:focus,
input[type="submit"].secondary:hover,
input[type="submit"].secondary:focus {
	background: #bbb;
}

.search-form .search-submit {
    bottom: 0;
    padding: 0 .3em;
    position: absolute;
    right: 0;
    top: 0.5em;
	background-color: transparent;
	border-left: 4px solid #f15e22;
}

.search-form .search-submit .icon {
    height: 24px;
    top: 0;
    width: 24px;
	color:#898888;
}

    input[type="search"]{
    width: 87%;
    padding: 0.25em;
    margin-left: 0;
}

label {

    color: #000;
    display: block;
    font-weight: 500;
    margin-bottom:0;

}

.search-form {
    padding-left: 0;
    padding-right: 0.25em;
    position: relative;
    float: left;
    width: 100%;
	margin-top: 0.35em;

}

.g-translate{
    margin-top: 1em;
    width: 100%;
	margin-left: 0;
	float: left;
}

input#searchtxt {
	width: 65%;
	margin-bottom: 1em;
}
/*--------------------------------------------------------------
7.0 Formatting
--------------------------------------------------------------*/

hr {
	background-color: #bbb;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

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

ul, ol {
    font-family: 'Nunito Sans', sans-serif;
    margin: 0 0 1.5em;
    padding: 0;
}

ul > li, ol > li{margin: 0 0 .25em 1.5em}

li > ul {
	list-style:circle;
	margin-left:0;
}

li > ol {
	list-style:lower-alpha;
	margin-left:0;
}


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

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

a {
	color: #2b428c;
	text-decoration: underline;
}

a:focus {
	outline: 2px dotted;
}

a:visited{color:blueviolet;}
a:hover, a:active {
	color: #2b428c; /* #000 */
	outline: 0;
	text-decoration: underline
}

a[rel="nofollow"]:after,
a[rel="nofollow noreferrer"]:after,
a[rel="nofollow noreferrer noopener"]:after,
a[rel="nofollow noopener noreferrer"]:after {
        font-family: FontAwesome;
        content:'\f14c';
        margin: 0 0 0 0.3125em;
        font-size: 12px;
    }

 a[href$=".pdf"]:after {
        font-family: FontAwesome;
        content:'\f1c1';
        margin: 0 0 0 0.3125em;
        font-size: 12px;
    }

p.more-link {
	color:#2b428c;
	text-decoration:none;
	text-align: right;
	font-size:14px;
	font-weight: 600;
	font-style: normal;
	text-transform: uppercase;
}

.more-link a, .more-link a:hover, .more-link a:focus{
	color:#2b428c !important;
	text-decoration:underline;
	text-align: right;
	text-transform: uppercase;
	font-style: normal;
}

.more-link:after{
	color:#2b428c;
	font-family: FontAwesome;
    content:'\f138';
    margin: 0 0 0 0.3125em;
    font-size: 14px;
	text-decoration: none;
	font-style: normal;
	
}

p.more-link_reverse {
	color:#fff;
	text-decoration:none;
	text-align: right;
	font-size:14px;
	font-weight: 600;
	font-style: normal;
	text-transform: uppercase;
}

.more-link_reverse  a, .more-link_reverse a:hover, .more-link_reverse a:focus{
	color:#fff !important;
	text-decoration:underline;
	text-align: right;
	text-transform: uppercase;
	font-style: normal;
}

.more-link_reverse:after{
	color:#fff;
	font-family: FontAwesome;
    content:'\f138';
    margin: 0 0 0 0.3125em;
    font-size: 14px;
	text-decoration: none;
	font-style: normal;
	
}

.site-footer .widget-area a:hover, .site-footer .widget-area a:focus {color:#fff!important}

/* 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 {
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: none;
	transition: none;
	transition: none;
	transition: 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 {
	-webkit-box-shadow: none;
	box-shadow: none;
	text-decoration: none;
	-webkit-transition: none;
	transition: none;
	transition: none;
	transition: none;
	text-decoration: underline;
}

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

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

.link-more{display: none;}

.taxonomy-description{display:none;}

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

/*--------------------------------------------------------------
12.0 Navigation
--------------------------------------------------------------*/.

/*--------------------------------------------------------------
12.1 Top Nav
--------------------------------------------------------------*/
.wrap.top-nav{
    padding-left: 0;
    padding-right: 0;
}

.navigation-top nav{
    margin-left: 0;
}

.navigation-top{
    width: 100%;
    float: left;
    margin-top: 0;
}

.navigation-top {
    border-bottom: none;
    border-top: none;
    font-size: 16px;
    font-size: 1rem;
    position: relative;
    background: transparent !important;
}

.navigation-top .wrap{
    max-width: 1320px;
    padding: 0 1.5em;

}

.menu-top-menu-container{
    background:rgba(255,255,255,0.7);
    padding: 1em 0 1em 0;
    width: 100%;
    float: left;
}

.top-navigation ul{
    padding-left: 0;
    padding-right: 0;
    margin: 2em 0;
    float:left;
    width: 100%;
    text-align: center;
}



.top-navigation li{
    font-family:'Play', sans-serif;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    display: inline;
    text-decoration: none;
    padding:0 .75em ;
	border-right: 3px solid #f15e22;
    
}

.top-navigation a{
    color:#000 !important;
    text-decoration: none;
}

.top-navigation a:hover, .top-navigation a:focus{
    color:#000 !important;
    text-decoration: underline;
}

/*--------------------------------------------------------------
12.2 Main Navigation – MAIN MENU (Main Navigation)
--------------------------------------------------------------*/

#main-nav{
    background: #4f4f4f;
    border-bottom:4px solid #fff;
}

.wrap.main-nav{
    padding-left: 0;
    padding-right: 0;
}

p.main-nav {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 16px;
    font-size:1rem;
    font-weight: 700;
    color:#fff;
    text-transform: uppercase;
    background: #36690d;
    width:14%;
    float: left;
    margin: 0;
    padding: .5em;
    display: none;
}

p.main-nav:after {
        font-family: FontAwesome;
        content:'\f08b';
        margin: 0 0 0 1em;
    }

.main-navigation ul {
    background: transparent;
    padding: 0;
}

.main-navigation ul > li {
    margin: 0;

}
.main-navigation > div > ul {
    padding: 0;
    }

.main-navigation li {
    border-bottom: 1px solid #fff;
    position: relative;
	
}

.main-navigation li{
    font-family: 'Nunito Sans', sans-serif;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 700;
    display: block;
    text-align: center;
	text-transform: uppercase;
}

.main-navigation a:hover, .main-navigation li.current_page_item > a{
    border-bottom: 6px solid #f15e22;
	padding-bottom: 0;
}

.main-navigation a {
	padding: 0.75em 0;
	}

.main-navigation a, .main-navigation a:hover{
    color:#fff !important;
    display: block;
    text-decoration: none;
}

.menu-toggle{
    color:#fff;
    font-size: 1rem;
    text-transform: uppercase;
}

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

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

.js .menu-toggle:hover {
	background: transparent;
}

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

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

/*--------------------------------------------------------------
12.3 Schools Navigation
--------------------------------------------------------------*/

#schools-nav{background: #f15e22;}

.wrap.schools-nav{
    padding-left: 0;
    padding-right: 0;
}

.schools-nav ul{text-align: left;}



.schools-nav li{
    font-family: 'Nunito Sans', sans-serif;
    font-size: 15px;
    font-size: .9375rem;
    font-weight: 400;
    display:block;
    border-bottom: 1px solid #999;
    text-align: center;
	text-transform: uppercase;
    
}

.schools-nav ul {
    margin: 0;
    padding: 0;
	background:#fcdacc;

}

.schools-nav li:hover, .schools-nav li.current_page_item {
    background: #a93404;
}

.schools-nav a{
    color:#000 !important;
    padding: .25em .0;
    display: block;
    text-decoration: none;
}

/* Mobile menu  */

button#schoolslinks.menu-toggle.category {
	display: block;
}
.schools-nav > div > ul {
	border-top: none;
	padding: 0.5em 0;
}

.js .schools-nav.toggled-on > div > ul {
	display: block;
}

.schools-nav ul ul {
	padding: 0 0 0 1.5em;
}

.schools-nav ul ul.toggled-on {
	display: block;
}

.schools-nav ul ul a {
	letter-spacing: 0;
	padding: 0.4em 0;
	position: relative;
	text-transform: none;
}

.schools-nav li {
	border-bottom: none;
	position: relative;
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 1.2;
}

.schools-nav a {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 400;
    display: block;
    text-align: center;
    border-bottom: 1px solid #999;
	border-right: none;
    position: relative;
	
}

.schools-nav a:hover, .schools-nav li.current_page_item a {
	color: #fff !important;
    border-bottom:1px solid #fff;
    text-decoration: none;
}

button.menu-toggle.category:before {
    content:"\f0c9";
    font-family:'FontAwesome';
    margin-right:0.25em;
}
div#schools-menu-mobile {
	display: block;
}


div#schools-menu a:first-child {
	border-top: 1px solid #eee;
}

.js .menu-toggle, .js .menu-toggle .category,
	.js .dropdown-toggle, .js .dropdown-toggle .category {
		display: block;
	}

	.main-navigation, .schools-nav {
		width: auto;
	}

	.js .main-navigation ul,
	.js .main-navigation ul ul,
	.js .main-navigation > div > ul {
		display: none;
	}
    .js .schools-nav ul,
	.js .schools-nav ul ul,
	.js .schools-nav > div > ul {
		display: none;
	} 



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

.wrap {
	max-width: 1320px;
	padding-left: 1.5em;
	padding-right: 1.5em;
}

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: left;
    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%;
}

#primary-two-column{
		margin-top: 1em;
        width: 100%;
        float: left;
}

.sidebar-right{
		margin-top: 1em;
        width: 100%;
        float: right;
}
    
.has-sidebar #secondary {
        float: none;
        padding-top: 0;
        width: 100%;
}

#secondary{padding:0 0 1em;}

sidebar ul li{
    font-family:'Nunito Sans', sans-serif;
    font-size: 1.0625rem;
    font-weight: 400;
    line-height: 1.2;
    border-bottom: none;
    border-top: none;
    text-transform: uppercase;
}



/*--------------------------------------------------------------
13.1 Header
--------------------------------------------------------------*/
/*Special Alert*/

div.special-alert.widget-area{
    background: #4f4f4f;
    padding-top:1em;
    padding-bottom: 1em;
}

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

.special-alert h1:before{
    font-family: FontAwesome;
    content:'\f08b';
    margin: 0 0.3125em 0 0 ;
    font-size: 30px;
	color:#f15e22;
    }

.special-alert h1{
    color:#fff !important;
    text-transform: uppercase;
    font-size: 2rem !important;
    margin-bottom: .25em;
    line-height: 1;
}

.special-alert p{
    color:#fff;
    margin-bottom: .5em;
}

.special-alert p a, .special-alert p a:hover, .special-alert p a:focus{
    color:#fff !important;
    text-decoration: underline;
}

.special-alert li{
	color: #fff !important;
	font-family:'Nunito Sans', sans-serif;
	font-size: 16px;
	font-size: 1rem;
	text-transform: uppercase;
    display:inline;
    margin-right:1.5em;
}

.special-alert li a, .special-alert li a:hover, .special-alert li a:focus {
	color:#fff !important;
	text-decoration: underline;
}

.special-alert li:before {
	font-family: FontAwesome;
    content:'\f08b';
    margin: 0 0.25em 0 0 ;
    font-size: 16px;
	color:#f15e22;
    }

.special-alert .widget ul li{
	border-top: none !important;
	border-bottom: none;
}

/* Site branding */
.custom-header{
	background:#fff;
    position: relative;
    padding: 0;
    /*max-width: 1320px;*/
    margin: 0 auto;
    border-bottom: none;
}

.site-branding {
    padding: 1em 0 0 0;
    margin: 0;
    margin-bottom: 2em!important;
    width: 100%;
    float: left;
}

.custom-header .wrap, .site-branding .wrap{
	padding-left: 0.5em;
	padding-right: 0.5em;
}

#masthead{
    border-bottom: none;
    margin-bottom: .25em;
}



.msthd-logo{
    margin-left:1.5%;
    margin-right:1.5%;
}

.site-branding-text p{
    padding:0;
    visibility: hidden;

}

/* For browsers that support 'object-fit' */
}

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

/*--------------------------------------------------------------
13.2 Front Page
--------------------------------------------------------------*

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

.site-content-contain {
	background-color: #fff;
	position: relative;
}

.site-content {
	padding: 1em 0 0 0;
}

.breadcrumbs{
	width: 100%;
	font-size: 13px;
	font-size:.8125rem;
	line-height: 1.25;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 1.5em;
	padding-bottom: .5em;
	border-bottom: 1px solid #f15e22;
}

.breadcrumbs a {
	color:#2b428c;
	text-decoration: underline;
	font-weight: 400;
}

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

/* Post Landing Page */


.page .panel-content .entry-title,
.page-title,
body.page:not(.twentyseventeen-front-page) .entry-title {
	color: #222;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800;
	letter-spacing: normal;
	text-transform: uppercase;
}

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

.entry-title a {
	color: #333;
	text-decoration: none;
	margin-left: -2px;
}

.entry-title:not(:first-child) {
	padding-top: 0;
}

/* Aligned blockquotes */

.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
	color: #666;
	font-size: 13px;
	font-size: 0.8125rem;
	width: 48%;
}

/* Blog landing, search, archives */

.blog .site-main > article,
.archive .site-main > article,
.search .site-main > article {
	padding-bottom: 2em;
}

body:not(.twentyseventeen-front-page) .entry-header {
	padding: 1em 0;
}

body:not(.twentyseventeen-front-page) .entry-header,
body:not(.twentyseventeen-front-page) .entry-content,
body:not(.twentyseventeen-front-page) #comments {
	margin-left: auto;
	margin-right: auto;
}

body:not(.twentyseventeen-front-page) .entry-header {
	padding-top: 0;
}

.blog .entry-meta a.post-edit-link,
.archive .entry-meta a.post-edit-link,
.search .entry-meta a.post-edit-link {
	color: #222;
	display: inline-block;
	margin-left: 1em;
	white-space: nowrap;
}

.search .page .entry-meta a.post-edit-link {
	margin-left: 0;
	white-space: nowrap;
}

.taxonomy-description {
	color: #666;
	font-size: 13px;
	font-size: 0.8125rem;
}

/* More tag */

.entry-content .more-link:before {
	content: "";
	display: block;
	margin-top: 1.5em;
}

/* Single Post */

.single .byline, .group-blog .byline {
    display: none;
}

.single-post:not(.has-sidebar) #primary,
.page.page-one-column:not(.twentyseventeen-front-page) #primary,
.archive.page-one-column:not(.has-sidebar) .page-header,
.archive.page-one-column:not(.has-sidebar) #primary {
	margin-left: auto;
	margin-right: auto;
	max-width: 740px;
}

.single-featured-image-header {
	background-color: #fff;
	border-bottom: none;
}

.single-featured-image-header img {
	display: block;
	margin: auto;
}

.page-links {
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800;
	padding: 2em 0 3em;
}

.page-links .page-number {
	color: #767676;
	display: inline-block;
	padding: 0.5em 1em;
}

.page-links a {
	display: inline-block;
}

.page-links a .page-number {
	color: #222;
}



/* Entry footer */

/* Post Formats */

/*--------------------------------------------------------------
13.5 Pages
--------------------------------------------------------------*/
.twentyseventeen-front-page article:not(.has-post-thumbnail):not(:first-child) {
    border-top: none;
}
.page-header {
	padding-bottom: 2em;
}

.page .entry-header .edit-link {
	font-size: 14px;
	font-size: 0.875rem;
}

.search .page .entry-header .edit-link {
	font-size: 11px;
	font-size: 0.6875rem;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

.page:not(.home) #content {
	padding-bottom:0;
}

/* 404 page */

.error404 .page-content {
	padding-bottom: 4em;
}

.error404 .page-content .search-form,
.search .page-content .search-form {
	margin-bottom: 3em;
}

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

.site-footer {
	border-top: none;
	margin-top:0;
	background: #000;
	color: #fff;
}

.site-footer .wrap {
	padding-bottom: 0;
	padding-top: 0;
}

.values{
	background: #892902;
}

.values_header{
	background:#000;
}

.values_header h2{
	font-family: 'Nunito Sans', sans-serif;
	font-size:1.875rem;
	font-size:30px;
	font-weight: 400;
	letter-spacing: 4px;
	color:#fff;
	text-transform: uppercase;
	text-align: center;
	margin:0;
}

.values ul{
	text-align: left;
	margin:0;
	padding: .3em 0 0 0;
}

.values ul li{
	font-family: 'Roboto Slab', serif;
	font-weight: 500;
	font-size:1.5rem;
	text-transform: uppercase;
	letter-spacing: 2px;
	display:block;
	color: #fff;
	padding: 0 0;
}

.values img{
	vertical-align: middle;
	
}

/* Footer widgets */

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



.footer-widgets{
	background: #a93404;
}

.footer-widgets .wrap{
	background: none;
	padding:0 1.5em;
}

	.site-footer .widget-column.footer-widget-1 {
    float: left;
    width: 100%;
	margin-left:0;
	margin-top: 1.5em;
}
	
	.site-footer .widget-column.footer-widget-2 {
    float: left;
    width: 100%;
	margin-top: 1.5em;
}

.footer-widgets h2.widget-title{
	font-size:24px;
	font-size: 1.5rem;
	color:#fff;
}

.footer-widgets p{
	font-size: 1rem;
	font-size:16px;
	line-height: 1.4;
	margin:0 0 .5em;
	
}

.footer-widgets a, .footer-widgets a:hover{
	color:#fff;
	text-decoration: underline;
}

.site-footer h3{
	color:#fff;
	line-height: 1.3;
	font-weight: 300;
	letter-spacing: 1px;
}

h3 img.alignleft{
	margin-right:.35em;
}

/* Connect Links */

#nav_menu-2 ul{
	text-align: left;
	
}

#nav_menu-2 li{
	display:block;
	text-transform: uppercase;
	font-size: 1rem;
	border-bottom: none;
	border-top: none;
	padding:0 1.25em;
	margin-bottom: 1.15em;
	
}

/* Site info */

.site-info {
	font-size: 14px;
	font-size: 0.875rem;
	margin-bottom: 1em;
	float: left;
    padding: 0.7em 0 0;
    width: 100%;
}


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

.site-info .sep {
	margin: 0;
	display: block;
	visibility: hidden;
	height: 0;
	width: 100%;
}

.site-info span[role=separator] {
	padding: 0 0.2em 0 0.4em;
}

.site-info span[role=separator]::before {
	content: '\002f';
}

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

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

.sidebar-right .widget ul li{
	color: #59585A;
	font-family:'Nunito Sans', sans-serif;
	font-size: 18px;
	font-size: 1.125rem;
	letter-spacing: 1px;
	text-transform: uppercase;
	border-top: none !important;
	border-bottom: 1px solid #ddd;
	text-decoration: none;
	border-left: 8px solid #f15e22;
	padding: 0 0 0 10px;
	line-height: 1;
	margin-left: 0px;
	margin-bottom: 1.5em;
}

.sidebar-right .widget li a{
	color: #59585A;
	text-decoration: none;
}


 .sidebar-right .widget li a:hover, .sidebar-right .widget li a:focus {
	color:#2b428c !important;
	text-decoration: underline;
}

/*.sidebar-right .widget li a:before {
	font-family: FontAwesome;
    content:'\f08b';
    margin: 0 0.3125em 0 0 ;
    font-size: 16px;
	color:#f15e22;
	text-decoration: none;
    }*/
/*--------------------------------------------------------------
Front Page Widgets
--------------------------------------------------------------*/
.school-header .wrap{
	padding-bottom: 0 !important;
}

.panel-content-top{ /*Slider and News Headlines/School Links*/
	background: #f2f1f1;
}

div#n2-ss-2 .n-uc-8yALO4ZAirV9-inner {
    background-color: RGBA(0,0,0,0)!important;
}

#sticky-posts-2 .upw-posts .entry-title/*News Headlines*/{
	border-left: 8px solid #f15e22;
	padding-left: 10px;
	line-height: 1;
	margin-left: 15px;
	border-bottom: 1px solid #c9c9c9;
}

div.school-links.widget-area{
    margin-top: 1.5em;
}


.school-links .widget ul{
	list-style: none;
	margin: 0;
}

.school-links .widget ul > li {
	color:#000;
	font-family:'Nunito Sans', sans-serif;
	font-size: 18px;
	font-size: 1.125rem;
	letter-spacing: 1px;
	text-transform: uppercase;
	border-top: none !important;
	border-bottom: 1px solid #c9c9c9;
	border-left: 8px solid #f15e22;
	padding: 0 0 0 10px;
	line-height: 1;
	margin-left: 0px;
	margin-bottom: 1.2em;
	
}

.school-links .widget li a{
	color:#000;
	text-decoration: none;
	
}

.school-links .widget li a:hover, .school-links .widget li a:focus/*school links*/{
	color:#2b428c;
	text-decoration: underline;
}

/*---------------------------------------------------------*/	
.panel-content-middle{ /*Highlights and School News*/
	border-top: solid 4px #d0d0d0;
}
	
.panel-content-middle .wrap{ 
	padding-top: 0 !important;
}

.highlights, .school-news {
	margin-top: -30px;
}

.panel-content-middle h2.widget-title /*Highlights and School News*/{
	background: #fff;
	border: solid 2px #d0d0d0;
	width:100%;
	margin: auto;
}

.upw-posts article{
	border-bottom:none !important;
	margin-bottom: 0.75em !important;
}
.upw-posts .entry-title a{
	font-family: 'Nunito Sans', sans-serif;
	font-size: 20px;
	font-weight: 400;
	letter-spacing: normal;
	color:#000;
	text-transform: none;
	text-decoration: none;
}

.upw-posts .entry-image{
	max-width: 140px !important;
	margin-right: 1em;
	float: left;
		
}
	
.upw-posts h3.entry-title{
		clear:none;
		line-height: 1;
	}

.upw-posts .entry-title a:hover, .upw-posts .entry-title a:focus{
	color:#2b428c;
	text-decoration: underline;
}

/*---------------------------------------------------------*/
	
.panel-content-bottom{ /*Featured Links and Calendar*/
	background: #303030;
	padding-top: 2em;
}

.panel-content-bottom h2.widget-title  /*Featured Links and Calendar*/{
	color: #fff;
}

.featured-links li{
	color: #fff;
	font-family:'Nunito Sans', sans-serif;
	font-size: 20px;
	font-size: 1.125rem;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.featured-links li a, .featured-links li a:hover, .featured-links li a:focus {
	color:#fff !important;
	text-decoration: underline;
}

.featured-links li:before {
	font-family: FontAwesome;
    content:'\f08b';
    margin: 0 0.3125em 0 0 ;
    font-size: 18px;
	color:#f15e22;
    }

.featured-links .widget ul li{
	border-top: none !important;
	border-bottom: none;
}

.calendar-widget .simcal-default-calendar-list{
	padding:0 !important;
}

.calendar-widget dt.simcal-day-label{
	font-family:'Nunito Sans', sans-serif;
	background-color: #4a4949 !important;
	font-size: 18px;
	font-size:1.125rem;
	color:#fff;
	text-transform: uppercase;
	border-bottom: none !important;
	width:100%;
}
.calendar-widget dt.simcal-day-label > span{
	background-color: transparent !important;
	color:#fff !important;
}

.calendar-widget ul.simcal-events{
	margin: 0 !important;
}

.calendar-widget li.simcal-event{
	font-family:'Nunito Sans', sans-serif;
	color:#fff;
	border-top: none !important;
	border-bottom:none !important;
	margin-bottom: 0 !important;
	margin-top: .5em !important;
	padding: 0 !important;
}

.calendar-widget .simcal-event-details p  {
	margin:0 !important;
} 


.calendar-widget .simcal-event-description p  {
	color:#fff;
} 
.calendar-widget .simcal-event-description a, .calendar-widget .simcal-event-description a:hover, .calendar-widget .simcal-event-description a:focus  {
	color:#fff;
	text-decoration: underline;
} 

/* -------------Calendar Page-full width ---------------------*/

.simcal-calendar-head{
	border-bottom: 2px solid #4f4f4f;
	background: #a93404;
	color: #fff !important;
	padding-top: .5em;
}

.simcal-nav h3{
	color:#fff !important;
	
}

.simcal-nav-button{
	color:#fff !important;
	
}
.simcal-default-calendar-list{
	padding:0 !important;
}

dt.simcal-day-label{
	font-family:'Nunito Sans', sans-serif;
	background-color: #eee !important;
	font-size: 18px;
	font-size:1.125rem !important;
	color:#a93404;
	text-transform: uppercase;
	border-bottom: none !important;
	width:100%;
}
dt.simcal-day-label > span{
	background-color: transparent !important;
	color:#a93404 !important;
}

ul.simcal-events{
	margin: 0 !important;
}

li.simcal-event{
	font-family:'Nunito Sans', sans-serif;
	font-size: 18px;
	font-size:1.125rem;
	color:#000;
	border-top: none !important;
	border-bottom:none !important;
	margin-bottom: 0 !important;
	margin-top: .5em !important;
	padding: 0 !important;
}

.simcal-event-details p  {
	margin:0 !important;
} 




#secondary {
	padding: 1em 0 2em;
}

.widget {
	padding-bottom: 3em;
}


.widget-title a {
	color: inherit;
}

/* widget forms */


/* widget lists */

.widget ul {
	list-style: none;
	margin: 0;
}

.widget ul li,
.widget ol li {
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	padding: 0.5em 0;
}

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

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

.widget ul li li {
	border: 0;
	padding-left: 24px;
	padding-left: 1.5rem;
}

/* Widget lists of links */

/* RSS Widget */

/* Contact Info Widget */

/* Gravatar */

/* Recent Comments */

/* Recent Posts widget */

/* Search */

/* Tag cloud widget */

/* Calendar widget */






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

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

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

/* Media Elements */

/* Playlist Color Overrides: Light */



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

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

/* Used for placeholder text */

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

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

	body.customize-partial-edit-shortcuts-shown .site-header .site-title {
		padding-left: 0;
	}
}

@media screen and (min-width: 30em) {
	
	input[type="search"]{
    width: 90%;
    padding: 0.25em;
    margin-left: 1em;
}
	
	.g-translate{
    margin-top: 1em;
    width: 100%;
	margin-left: 1em;
	float: left;
}

	/* Typography */


	/* Front Page */

	.panel-content .wrap {
		padding-bottom: 2em;
		padding-top: 1em;
	}

	.page-one-column .panel-content .wrap {
		max-width: 740px;
	}

	.panel-content .entry-header {
		margin-bottom:0;
		padding:0 !important;
	}

	.panel-content .recent-posts .entry-header {
		margin-bottom: 0;
	}
	
	

	/* Blog Index, Archive, Search */

	.taxonomy-description {
		font-size: 14px;
		font-size: 0.875rem;
	}

	.page-numbers.current {
		font-size: 16px;
		font-size: 1rem;
	}
	
	.home-slider-left{
    width: 100%;
    float: left;
    }
	
	.home-news, .school-custom{
     width: 100%;
    float: right;
    }
	
	.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;
    }
	
	
	.school-news .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;
    }
	
	.featured-links{
	width:100%;
	float: left;
	}
	
	.calendar-widget{
	width:100%;
	float: right;
	}
	
	.values ul{
	text-align: center;
	margin:0;
	padding: .3em 0 0 0;
}

.values ul li{
	font-family: 'Roboto Slab', serif;
	font-weight: 500;
	font-size:1.5rem;
	text-transform: uppercase;
	letter-spacing: 2px;
	display:inline-block;
	color: #fff;
	padding: 0 1.3em;
	margin-left: 0;
}


	/* Site Footer */
	
	.footer-widgets .wrap{
	background: url("/wp-content/themes/twentyseventeen-child/images/eagle_logo.png") no-repeat left top;
	padding:0 2em;
}
.site-footer .widget-column.footer-widget-1 {
    float: left;
    width: 100%;
	margin-left:35%;
	margin-top: 1.5em;
}
	
	.site-footer .widget-column.footer-widget-2 {
    float: left;
    width: 100%;
	margin-top: 1.5em;
}
	
	#nav_menu-2 li{
	display:inline-block;
	text-transform: uppercase;
	font-size: 1rem;
	border-bottom: none;
	border-top: none;
	padding:0 1.25em;
	margin-bottom: 1.15em;
	
}
li#menu-item-60822.icon-no-underline.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-60822 a i {
	text-decoration: none;
}

}

@media screen and (min-width: 48em) {

	/* Typography */

	/* Layout */
	
	.site-branding {
    padding: 1em 0 0 0;
    margin: 0;
    margin-bottom: 2em!important;
    width: 70%;
    float: left;
}
	


/*--------------------------------------------------------------
12 Navigation
--------------------------------------------------------------*/
	
/*--------------------------------------------------------------
12.1 Top Nav 
--------------------------------------------------------------*/
.g-translate{
    margin-top: 1em;
    width: 25%;
	margin-left: 1em;
	float: left;
}

.search-form{
        width: 70%;
        float: right;
    }
    
    
    input[type="search"]{
    width: 87%;
    padding: 0.25em;
    margin-left: 1em;
}
    
    
	label {
	color: #000;
    display: block;
    font-weight: 500;
    margin-bottom: 0.5em;

}



	/* Posts */

	/* Blog, archive, search */

	/* Entry content */

	/* without sidebar */

	:not(.has-sidebar) .entry-content blockquote.alignleft {
		margin-left: -17.5%;
		width: 48%;
	}

	:not(.has-sidebar) .entry-content blockquote.alignright {
		margin-right: -17.5%;
		width: 48%;
	}

	/* with sidebar */

	.has-sidebar .entry-content blockquote.alignleft {
		margin-left: 0;
		width: 34%;
	}

	.has-sidebar .entry-content blockquote.alignright {
		margin-right: 0;
		width: 34%;
	}

	.has-sidebar #primary .entry-content blockquote.alignright.below-entry-meta {
		margin-right: -72.5%;
		width: 62%;
	}

	/* blog and archive */

	.blog:not(.has-sidebar) .entry-content blockquote.alignleft,
	.twentyseventeen-front-page.page-two-column .entry-content blockquote.alignleft,
	.archive:not(.has-sidebar) .entry-content blockquote.alignleft,
	.page-two-column .entry-content blockquote.alignleft {
		margin-left: -72.5%;
		width: 62%;
	}

	.blog:not(.has-sidebar) .entry-content blockquote.alignright,
	.twentyseventeen-front-page.page-two-column .entry-content blockquote.alignright,
	.archive:not(.has-sidebar) .entry-content blockquote.alignright,
	.page-two-column .entry-content blockquote.alignright {
		margin-right: 0;
		width: 36%;
	}

	/* Post formats */

	/* Comments */

	/* Secondary */

	/* Widgets */
	.panel-content-middle h2.widget-title /*Highlights and School News*/{
	background: #fff;
	border: solid 2px #d0d0d0;
	width:100%;
	margin: auto;
}


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

	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: "First:"; font-weight: bold; }
	.staff td:nth-of-type(2):before { content: "Last:"; font-weight: bold; }
	.staff td:nth-of-type(3):before { content: "Email:"; font-weight: bold; }

	.desktop-only{
		visibility: hidden;
		}

	.panel-content-bottom-right {
        width: 100% ;
        float: right;
    }
  }
@media screen and ( min-width: 1024px ) {
	
	.custom-header .wrap, .site-branding .wrap{
	padding-left: 0.5em;
	padding-right: 0.5em;
}
	
	.site-branding {
    padding: 1em 0 0 0;
    margin: 0;
    margin-bottom: 2em!important;
    width: 25%;
    float: left;
}
	
	/*-------------- top Navigation------------*/
  .navigation-top{
    width: 60%;
    float: right;
    margin-top: 1.5em;
    background:transparent !important;
    }
    
    .navigation-top .wrap{padding:0.75em 1em;}
    
    .menu-top-menu-container{
    background:transparent;
    padding: 1em 0 1em 0;
    width: 100%;
    float: none;
    
}
    
    .top-navigation ul{
    padding-left: 0;
    padding-right: 0;
    margin:0;
    float:none;
    text-align: center;
}
	
	.top-navigation li{
    font-family:'Nunito Sans', sans-serif;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
    display: inline;
    text-decoration: none;
	border-right: 3px solid #f15e22;
    padding:0 .75em ;
    
}
	.g-translate{
    margin-top: 1em;
    width: 25%;
	margin-left: 2em;
	float: left;
}

.search-form{
        width: 60%;
        float: right;
    }
    
    
    input[type="search"]{
    width: 85%;
    padding: 0.25em;
    margin-left: 0.5em;
}
    
    
	label {
	color: #000;
    display: block;
    font-weight: 500;
    margin-bottom: 0.5em;

}
    
	
	.home-slider-left{
    width: 60%;
    float: left;
    }
	
	.home-news, .school-custom{
     width: 38%;
    float: right;
    }
	
	.panel-content-middle h2.widget-title /*Highlights and School News*/{
	background: #fff;
	border: solid 2px #d0d0d0;
	width:50%;
	margin: auto;
	}
	
	
	.highlights .upw-posts article{
    width: 43%;
    border-top:6px solid #e7e6e6;
    margin-right: 3em;
    margin-top: 1em !important;
    margin-bottom: 1em !important;
    padding-bottom: 0 !important;
    padding-top: 2em !important;
    display:inline-block !important;
    vertical-align: top;
    }
	
	
	.school-news .upw-posts article{
    width: 43%;
    border-top:6px solid #e7e6e6;
    margin-right: 3em;
    margin-top: 1em !important;
    margin-bottom: 1em !important;
    padding-bottom: 0 !important;
    padding-top: 2em !important;
    display:inline-block !important;
    vertical-align: top;
    }
	
	.featured-links{
	width:45%;
	float: left;
	}
	
	.calendar-widget{
	width:45%;
	float: right;
	}
	
	#primary-two-column{
		width:60%;
		float: left;
	}
	
	.sidebar-right{
		width:30%;
		float: right;
	}
	
	.footer-widgets .wrap{
	background: url("/wp-content/themes/twentyseventeen-child/images/eagle_logo.png") no-repeat left top;
	padding:0 2em;
}
	
	.site-footer .widget-column.footer-widget-1 {
    float: left;
    width: 100%;
	margin-left:25%;
	margin-top: 1.5em;
}
	
	.site-footer .widget-column.footer-widget-2 {
    float: left;
    width: 100%;
	margin-top: 1.5em;
}
	
}

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

	/* Layout */

	.msthd-logo{
    margin-left:0;
    margin-right:0;
}  
    .site-branding {
    padding: 1em 0 0 0;
    margin: 0;
    margin-bottom: 2em!important;
    width: 35%;
    float: left;
}
	
	.g-translate{
    margin-top: 1em;
    width: 25%;
	margin-left: 7em;
	float: left;
}
	
	input[type="search"]{
    width: 90%;
    padding: 0.25em;
    margin-left: .5em;
}

    

/* -----------Main Navigation-------------- */
    
    /* Main Navigation */

	.js .menu-toggle, .js .menu-toggle .category,
	.js .dropdown-toggle, .js .dropdown-toggle .category {
		display: none;
	}

	.main-navigation, .schools-nav {
		width: auto;
	}

	.js .main-navigation ul,
	.js .main-navigation ul ul,
	.js .main-navigation > div > ul {
		display: block;
	}
    .js .schools-nav ul,
	.js .schools-nav ul ul,
	.js .schools-nav > div > ul {
		display: block;
	} 
	
	div#schools-menu-mobile {
	display: none;
	}
	

    
    #site-navigation{
    padding:0;
    width: 100%;
    float: left;
    }
    .main-navigation li{
    font-family: 'Nunito Sans', sans-serif;
    font-size: 15px;
    font-size: .9375rem;
    display: inline-block;
    z-index: 999;
    text-align: left;
    }
    
    .main-navigation li {
    border-bottom: none;
    position: relative;
}
    
    .main-navigation > div > ul {
    padding: 0;
    }
    
    #site-navigation-schools{
        padding: 0;
        width:100%;
        float: left;
    }
	
	nav.schools-nav.main-navigation{display:none;}
	
	.footer-widgets .wrap{
	background: url("/wp-content/themes/twentyseventeen-child/images/eagle_logo.png") no-repeat left top;
	padding:0;
}
	
	.site-footer .widget-column.footer-widget-1 {
    float: left;
    width: 30%;
	margin-left:20%;
	margin-top: 1.5em;
}
	
	.site-footer .widget-column.footer-widget-2 {
    float: right;
    width: 45%;
	margin-top: 1.5em;
}
    
}

@media screen and ( min-width: 79em ) {
/* 67em = 1264 pixels */ 

    
    .wrap {
    max-width: 1320px;
    padding-left:0;
    padding-right: 0;
    }
	.custom-header .wrap, .site-branding .wrap{
	padding-left: 0;
	padding-right: 0;
    
}

	.site-branding {
    padding: 1em 0 0 0;
    margin: 0;
    margin-bottom: 2em!important;
    width: 25%;
    float: left;
}
	.msthd-logo {
    margin-left:0;
    margin-right:0;
	
	}
    
 /* Navigation */   
    
    

    
    .main-navigation li{
    font-family: 'Nunito Sans', sans-serif;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 600;
    display: inline-block;
    text-align: center;
	text-transform: uppercase;
}

.main-navigation a{
    color:#fff !important;
    display: inline-block;
    text-decoration: none;
	padding:0.8em 1.6em 0.35em 1.6em;
}
	
	.main-navigation a:hover{
    color:#fff !important;
   	border-bottom: 6px solid #f15e22;
}
	
	.home-slider-left{
    width: 60%;
    float: left;
    }
	
	.home-news, .school-custom{
     width: 38%;
    float: right;
    }
	
	.highlights .upw-posts article{
    width: 30%;
    border-top:6px solid #e7e6e6;
    margin-right: 2em;
    margin-top: 1em !important;
    margin-bottom: 1em !important;
    padding-bottom: 0 !important;
    padding-top: 2em !important;
    display:inline-block !important;
    vertical-align: top;
    }
	

	
.highlights .upw-posts .entry-title a{
		color: #2b428c !important;
	}
	
.upw-posts .entry-summary{
	line-height: 1.25;
		
}
	
.school-news .upw-posts article{
    width: 22%;
    border-top:6px solid #e7e6e6;
    margin-right: 2em;
    margin-top: 1em !important;
    margin-bottom: 1em !important;
    padding-bottom: 0 !important;
    padding-top: 2em !important;
    display:inline-block !important;
    vertical-align: top;
    }
	
	.featured-links{
	width:45%;
	float: left;
	}
	
	.calendar-widget{
	width:45%;
	float: right;
	}
    
/* -----------Schools Nav Menu-------------- */  
    
    
    .schools-nav li{
    font-family: 'Nunito Sans', sans-serif;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 400;
	line-height: 1.2;
    display:inline-block;
	border-bottom: none;
	text-transform: uppercase;
    }
	
	.schools-nav a {
    border-right: 3px solid #fff;
	border-bottom: none;
    position: relative;
	color:#000;
    padding: .2em 2.25em 0.2em .6em;
    display: inline-block;
    text-decoration: none;
	text-align: left;
}
    
    .schools-nav ul > li{
    display: inline-block;
    padding:0;
    margin:0;
    
}
	
	.schools-nav a:hover, .schools-nav li.current_page_item a {
	color: #fff !important;
    border-bottom:none;
    text-decoration: none;
}
	
		

}


  

@media screen and ( max-width: 48.875em ) and ( min-width: 48em ) {

}

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

@media print {

}