/*  
Theme Name: 2017 Child – For Guilderland 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
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.3a Custom Content using Advanced Custom Fields
   13.4 Posts
   13.5 Pages
   13.6 Footer
   13.7 Metaslider Pro
   13.8 Simple Calendar
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
--------------------------------------------------------------*/

/* Color scheme:
    #970101 - Red
    #5a5858 - Grey
/*

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

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

.skip-to-main:focus {
	background-color: #fff;
	-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: #000;
	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. */
}


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

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

/*--------------------------------------------------------------
5.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #000;
	font-family: "Roboto", sans-serif;
	font-size: 16px;
	font-size: 1rem;
	font-weight: 300;
	line-height: 1.66;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	line-height: 1.2;
	margin: 0 0 0.5em;
	padding: 1em 0 0;
    font-family:"Roboto Slab", serif;
    color:#970101;
    font-weight:700;
}

h2, h4, h6 {
    color:#5a5858;
}

.title-school-name {
    font-size:54px;
    font-size:3.375rem;
    color:#970101;
    text-align:center;
    line-height:1.15em;
}
.title-grade-level {
    font-size:29px;
    font-size:1.8125rem;
    color:#5a5858;
    text-transform: uppercase;
    font-family:'Roboto Slab',serif;
    font-weight:400;
    letter-spacing: 0.4em;
    line-height:1.15em;
    text-align:center;
    border-bottom:8px solid #970101;
    margin-bottom:0.5em;
    padding-bottom:0.5em;
}
h1.entry-title, .title-school-name {
    font-family:"Roboto Slab", serif;
    color:#970101;
    font-weight:700;
}
.school-name1 { /*style for footer contact school name line 1*/
    font-size:36px;
    font-size:2.25rem;
    font-family:'Roboto Slab',serif;
    color:#970101;
    font-weight:700;
    margin:0;
    padding:0;
    line-height:1.1em;
}
.school-name2 { /*style for footer contact school name line 2*/
    font-size:18px;
    font-size:1.125rem;
    margin:0 0 0.75em;
    line-height:1em;
    padding:0;
}

#archives-month h3 {
    color:#5a5858;
}
h2.entry-title a {
    color:#5a5858;
    text-decoration:underline;
}
h2.entry-title a:hover {
    color:#0000EE;
}

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

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
	color: #000;
	font-family: "Roboto", sans-serif;
}

:-moz-placeholder {
	color: #000;
	font-family: "Roboto", sans-serif;
}

::-moz-placeholder {
	color: #000;
	font-family: "Roboto", sans-serif;
	opacity: 1;
	/* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
	color: #000;
	font-family: "Roboto", sans-serif;
}

label {
	color: #970101;
	display: inline;
	margin-bottom: 0;
    font-family:'Roboto Condensed',sans-serif;
    font-size:20px;
    font-size:1.25rem;
    font-weight:normal;
    font-weight:700;
    padding:0.2em;
}

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 #c9c9c9;
	-webkit-border-radius:0;
	border-radius:0;
	display: block;
	padding: 0.25em;
	width: 100%;
}

input[type="search"] {
    width: 50%;
    font-family: 'Roboto Condensed',sans-serif;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.25em;
    padding: 0.15em 0.25em;
    display: inline;
}
button,
input[type="button"],
input[type="submit"] {
	background-color: #222;
	border:0;
	-webkit-border-radius:0;
	border-radius:0;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-size: 0.875rem;
    font-weight:normal;
	font-weight: 400;
	line-height: 1;
	padding: 1em 2em;
	text-shadow: none;
	-webkit-transition:none;
	transition:none;
}

input[type="text"]:focus, input[type="select"]:focus {
	outline: 1px solid #970101;
	}

select:focus {
	outline: 1px solid #970101;
	}
	
input[type="text"]#searchtxt {
	width: 60%;
	}
	
input.BTNstaff {
	margin-top: 0.75em;
	}
	
label.staffdir {
	margin-bottom: 0.50em;
}
/*--------------------------------------------------------------
7.0 Formatting
--------------------------------------------------------------*/

/*--------------------------------------------------------------
8.0 Lists
--------------------------------------------------------------*/
ul,
ol {
	margin: 0 0 1.5em 1.5em;
	padding: 0;
	
}
.main-navigation-schools ul {
    margin:0 0 0 1.5em;
}
ul {
	list-style: square;
}

ol {
	list-style: decimal;
}

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

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

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

/*--------------------------------------------------------------
10.0 Links
--------------------------------------------------------------*/
/*a {
	color: #000;
	text-decoration: none;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	color: #000;
	outline: 0;
}*/

a, a:hover {
	color: #0000EE;
}
a:visited, .entry-title a:visited,
#qlinks_left ul li a:visited, #qlinks_right ul li a:visited {
	color: #551A8B;
}
a:hover {
    text-decoration:underline;
}

a:focus {
	outline: thin dotted;
}

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

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

a[href$=".pdf"]:after {
    font-family: 'FontAwesome';
    content:'\f1c1';
    margin: 0 0 0 0.3125em;
}
.entry-content a {
    text-decoration:underline;
}

.site-footer2 .site-info a, .site-footer a {
    color:#000;
    text-decoration:underline;
}

img a:focus {
	outline: 1px dotted white;
}
.entry-summary a.more-link {
    display: none;
}


/* Hover effects */

.entry-content a,
.entry-summary 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;
}

.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;

}
.entry-footer .cat-links a {
	text-decoration: underline;
}

.entry-content a:focus,
.entry-content a:hover,
.entry-summary a:focus,
.entry-summary 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: #0101d6;
	-webkit-box-shadow: none;
	box-shadow: none;
}



/* Fixes linked images */
.entry-content a img,
.widget a img {
	-webkit-box-shadow: none;
	box-shadow: none
}

.button_custom-link {
    color:#b12029;
    border: 1px solid #b12029;
    text-transform:uppercase;
    text-align: center;
    display:inline-block;
    padding: 0 1.5em;
    font-size:16px;
    font-size:1rem;
    font-weight:800;
}
.button_custom-link a {
    color:#b12029;
    text-decoration:none;
}
.button_custom-link a:hover {
    color:#0101d6;
    text-decoration:underline;
}

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

.archives-by-cat li {
	 list-style: none !important;
	 margin: 0 0 0 -1em !important;
 }
 
 .archives-by-cat h3 {
	 margin: 0 0 .6em -1em !important;
 }
 
 
 .archives-by-cat ul {
	 margin: 0 0 0 0 !important;
 }

.archives-by-cat li a {
	 text-decoration: underline;
	 
 }
 
 .archives-by-cat  ul li a:hover, .archives-by-cat ul li a:focus{
	 text-decoration: underline;
 }
.entry-footer a:hover, .post-navigation a:hover .nav-title {
    text-decoration:underline;
}

#home-bottom2 a,
#home-bottom2 a:hover,
#home-bottom2 a:focus {
    color: #fff;
}

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

/*--------------------------------------------------------------
12.0 Navigation
--------------------------------------------------------------*/
.main-navigation-secondary {
    display:none;
}
.main-navigation-secondary ul {
    list-style:none;
    margin:0;
    padding:0;    
}
.navigation-secondary-mobile li, .main-navigation-secondary li {
    text-align: center;
}
.navigation-secondary-mobile li a, .main-navigation-secondary li a {
    text-align: center;
    color:#5a5858;
    font-family:'Roboto Condensed',sans-serif;
    font-weight:700;
    font-size:20px;
    font-size:1.25rem;
    border-top:1px solid #ddd;
    display:block;
}
.navigation-secondary-mobile li a {
    padding:0.25em 0;
}
.navigation-secondary-mobile .menu-item i._before, .main-navigation-secondary .menu-item i._before {
    color:#970101;
}
.navigation-secondary-mobile {
    background-color:#fff;
    padding:0;
}
.navigation-secondary-mobile .main-navigation ul {
    padding: 0;
}
.navigation-secondary-mobile li a:hover {
    color:#5a5858;
    text-decoration:underline;
}

/* Schools navigation menu */
.navigation-schools {
    display:none;
}

/* Main menu mobile view */

.navigation-top {
	background: none;
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
	font-size: 18px;
	font-size: 1.125rem;
	position: relative;
}

.navigation-top .wrap {
	max-width: 1000px;
	padding: 0;
}

.navigation-top a {
	color: #fff;
	font-weight: 600;
	-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 {
	clear: both;
	display: block;
}

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

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

.navigation-schools-mobile {
    border-top:2px solid #fff;
    padding: 0;
}
.navigation-schools-mobile .main-navigation ul {
    padding: 0;
}

.main-navigation ul ul a {
	letter-spacing: 0;
	padding: 0.25em 0;
	position: relative;
	text-transform: none;
    border-top:1px solid #eee;
}
.main-navigation li {
	border-bottom:0;
	position: relative;
}

.main-navigation li:last-child {
	border: 0;
}
.main-navigation a {
	display: block;
	padding: 0.35em 1.5em 0.35em 1em;
	text-decoration: none;
    color:#fff;
    font-family:'Roboto Condensed',sans-serif;
    font-size:18px;
    font-size:1.125rem;
}
.navigation-schools-mobile .main-navigation a {
	display: block;
	padding: 0.25em 0;
	text-decoration: none;
    color:#fff;
    font-family:'Roboto Condensed',sans-serif;
    font-size:18px;
    font-size:1.125rem;
    text-align: center;
    border-bottom: 1px solid #eee;
}
.navigation-schools-mobile .main-navigation a:hover {
	background-color:#000;
}

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

.menu-scroll-down:after {
    content:"\f0dd";
    font-family:'FontAwesome';
}


/* Menu toggle */

.menu-toggle {
	background-color: transparent;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	display: none;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800;
	line-height: 1.5;
	margin: 1px auto 2px;
	padding: 0.5em 1em;
	text-shadow: none;
    text-align:center;
}

/* Dropdown Toggle */

.dropdown-toggle {
	background-color: transparent;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	display: block;
	font-size: 16px;
	right: -0.5em;
	line-height: 1.5;
	margin: 0 auto;
	padding: 0.5em;
	position: absolute;
	text-shadow: none;
	top: 0;
}


.breadcrumbs {
    font-size:12px;
    font-size:0.75rem;
    font-family:'Roboto Slab', serif;
    font-weight:700;
    line-height:1.2em;
    border-bottom:1px solid #ddd;
    margin-bottom:0.5em;
    padding-bottom:0.5em;
    color:#000;
}
.breadcrumbs a {
    color:#970101;
    font-weight:400;
}
.breadcrumbs a:hover {
    text-decoration:underline;
}
.breadcrumbs.inside-pages .school-name {
    font-size:12px;
    font-size:0.75rem;
    text-transform:none;
    letter-spacing:normal;
    color:#970101;
}
/* Post Navigation Styles */
.post-navigation {
	font-weight: 600;
	margin: 2em 0;
}

.post-navigation .nav-links {
	padding: 1em 0;
}
.nav-subtitle {
	background: transparent;
	color: #1e5732;
	display: block;
	font-size: 11px;
	font-size: 0.6875rem;
	letter-spacing: 0.15em;
	margin-bottom: 1em;
	text-transform: uppercase;
}

.nav-title {
    color: #333;
    font-family: georgia, serif;
    font-weight: 400;
	font-size: 15px;
	font-size: 0.9375rem;
}

.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: left;
	width: 45%;
	
}
div.nav-links.previous a {
	color: #333;
	
}
div.nav-links.previous a:focus, div.nav-links.previous a:hover {
	color: blue;
	text-decoration: underline;
	
}
div.nav-links.next {
	float: left;
	width: 45%;
	
}
div.nav-links.next a {
	color: #333;
}

div.nav-links.next a:focus, div.nav-links.next a:hover {
	color: blue;
	text-decoration: underline;
	
}
span.nav-subtitle a {
	text-decoration: underline;
	
}
/* Post Archive Pagination Styles */
.nav-previous {
	float: left;
	padding-top: 1em;
	padding-bottom: 1em;
}

.nav-next {
	float: right;
	padding-top: 1em;
	padding-bottom: 1em;
}
/*--------------------------------------------------------------
13.0 Layout
--------------------------------------------------------------*/
.wrap, .breadcrumbs {
	margin-left: auto;
	margin-right: auto;
	max-width: 1320px;
	padding-left: 1.5em;
	padding-right: 1.5em;
}
.site-branding .wrap {
	padding-left: 0.15em;
	padding-right: 0.25em;
}
.site-branding a:hover,
.site-branding a:focus {
	opacity: 1;
}

.red-bg {
    background-color:#970101;
    padding:0;
}
.grey-bg {
    background-color:#585858;
    padding:0;
    border-bottom:4px solid #fff;
}
.red-bg .wrap {
    padding:0;
}
.grey-bg .wrap {
    padding:0;
}
#home-bottom2 .wrap {
    padding:1em 1.5em 0;
}
/*--------------------------------------------------------------
13.1 Header
--------------------------------------------------------------*/
/* Site branding */

.site-branding {
	padding: 0;
}

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


/*--------------------------------------------------------------
13.3 Regular Content
--------------------------------------------------------------*/
.site-content {
	padding: 1em 0 0;
}

/*--------------------------------------------------------------
13.3a Custom Content using Advanced Custom Fields
--------------------------------------------------------------*/
/*--------------[  CUSTOM RIGHT COLUMN  ]---------------*/

#moreinfo-title  {    /*contains the header for the right column*/
	color:#fff;
    background:#970101;
	padding:0.05em 0 0.05em 0.5em;
 	font-family: 'Roboto Slab', serif;
 	font-weight:700;
 	font-size:20px;
    font-size:1.25rem;
}

#wrap_moreinfo {
    padding:0;
}
#moreinfo  {
	padding:0.625em 0.9375em;
	margin:0;
    background:#eee;
    font-family: 'Roboto', sans-serif;
    font-weight:300;
}

#moreinfo h1, #moreinfo h2, #moreinfo h3, #moreinfo h4, #moreinfo h5, #moreinfo h6 {
	font-size: 22px;
    font-size:1.375rem;
 	font-family: 'Roboto Slab', serif;
	font-weight: 700;
	color:#970101;
	margin-bottom:.375em;
}
#moreinfo h3 {
	font-size: 19px;
    font-size:1.1875rem;
	color:#970101;
 	font-family: 'Roboto Slab', serif;
	font-weight: 700;
}
#moreinfo h4, #moreinfo h5, #moreinfo h6 {
	font-size: 19px;
    font-size:1.1875rem;
	color:#970101;
 	font-family: 'Roboto Slab', serif;
	font-weight: 700;
	}

#moreinfo h5 {
	font-size: 16px;
    font-size:1rem;
	color:#970101;
 	font-family: 'Roboto Slab', serif;
	font-weight: 700;
	}

#moreinfo h6 {
	font-size: 16px;
    font-size:1rem;
	font-weight:700;
	color:#970101;
	text-transform: uppercase;
}

#moreinfo p {
	margin-bottom:.5625em;
    font-family: 'Roboto', sans-serif;
    font-weight:300;
	}

#moreinfo ul {
	list-style-type:square;
	margin:0 0 1.125em .75em;
	padding:0;
}

#moreinfo ul li {
	margin:0 0 .25em .25em;
	padding-left:0;
 	font-family: 'Roboto', sans-serif;
    font-weight:300;
}
#moreinfo a {
	color:#0101d6;
	text-decoration:underline;
}
#moreinfo a:hover {
	color:#0101d6;
	text-decoration:underline;
}
#moreinfo a:visited {
	color:#49028a;
}

/* ------------------[ END CUSTOM CONTENT AREA ]--------------------*/


/*--------------------------------------------------------------
13.4 Posts
--------------------------------------------------------------*/
.entry-title a {
	color: #5a5858;
	text-decoration: none;
	margin-left: 0;
}
.entry-title a:visited {
	color: #49028a;
}
.entry-meta {
	color: #970101;
	font-size: 12px;
	font-size: 0.75rem;
	font-weight: 400;
	letter-spacing: 0;
	padding-bottom: 0.25em;
	text-transform: uppercase;
}
.entry-meta a {
	color: #970101;
}

.upw-posts .entry-title, .upw-posts .entry-title a {
    font-family:'Roboto', sans-serif;
    font-size:24px;
    font-size:1.5rem;
    line-height:0.8em;
    font-weight:300;
    color:#5a5858;
}
.upw-posts .entry-title:after {
    content:"\f054";
    font-family:'FontAwesome';
    font-size:18px;
    font-size:1.125rem;
    color:#970101;
}

/* Special alert bar */

.special-alert {
    background-color: #ffd118;
    color: #000;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.25rem;
    margin: 0;
    padding: 0;
}

.special-alert h1 {
	color: #970101;
	font-size: 24px;
	font-size: 1.5rem;
	font-weight: 700;
	letter-spacing: normal;
	margin-bottom: 0.25em;
    padding-top:0.5em;
	text-transform: none;
}
.special-alert h1:after {
    content:"\f01a";
    color:#403f3f;
    margin-left:0.5em;
    font-family:'FontAwesome';
    font-weight:normal;
}

.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;
}

.page .panel-content .entry-title,
.page-title, body.page:not(.twentyseventeen-front-page) .entry-title {
	color: #970101;
	font-size: 36px;
	font-size: 2.25rem;
	font-weight: 700;
	letter-spacing: 0;
	text-transform: none;
    font-family:'Roboto Slab',sans-serif;
}

/* Blog landing, search, archives */


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

/* Single Post */

.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,
.page.page-one-column:not(.twentyseventeen-front-page) #primary-2column,
.page.page-one-column:not(.twentyseventeen-front-page) #primary-archive-custom,
.page.page-one-column:not(.twentyseventeen-front-page) #primary-home {
	margin-left: auto;
	margin-right: auto;
	max-width: 1200px;
}
.page.page-one-column:not(.has-sidebar) #primary {
	margin-left: auto;
	margin-right: auto;
	max-width: 1000px;
}

.single-featured-image-header {
	background-color: #fafafa;
	border-bottom: 1px solid #ddd;
}

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

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


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

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

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

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

/* Entry footer */

.entry-footer {
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	margin-top: 1em;
	padding: 0.5em 0;
}

/* Post Navigation */

.post-navigation {
	font-weight: 700;
	margin: 1em 0;
    border-top:1px solid #970101;
    border-bottom:1px solid #970101;
}

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

.nav-subtitle {
	background: transparent;
	color: #970101;
	display: block;
	font-size: 11px;
	font-size: 0.6875rem;
	letter-spacing: 0.1818em;
	margin-bottom: 1em;
	text-transform: uppercase;
}

.nav-title {
	color: #5a5858;
	font-size: 15px;
	font-size: 0.9375rem;
    font-family:'Roboto Slab', serif;
    font-weight:700;
    line-height:1em;
}

.post-navigation .nav-next {
	margin-top: 0em;
}

.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
	margin-right: 0.5em;
}

.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
	margin-left: 0.5em;
}

/*-----ARCHIVES CUSTOM------*/
#primary-archive-custom .entry-meta, .entry-meta {
	color: #5a5858;
	font-size: 13px;
	font-size: 0.8125rem;
	font-weight: 700;
	letter-spacing: 0;
	padding-bottom: 0.25em;
	text-transform: uppercase;
    font-family:'Roboto Slab',serif;
}
#primary-archive-custom .entry-summary {
    border-bottom:1px solid #ddd;
}
#primary-archive-custom .entry-meta a, .entry-meta a {
	color: #5a5858;
    text-decoration:none;
}
#primary-archive-custom .entry-summary p {
	line-height:1.5em;
    margin-bottom:0.25em;
}

#primary-archive-custom article {
    padding-bottom:0;
	margin-bottom: 0;
    border-bottom:1px dotted #970101;
}
#primary-archive-custom .post-thumbnail {
	margin: 0 0.5em 0 0;
    display:block;
}

#primary-archive-custom .post-thumbnail img {
    max-width:25%;
    display:block;
    float:left;
    margin-right:0.5em;
}

#primary-archive-custom .page-header {
    margin-bottom:1em;
    color:#970101;
    text-transform: uppercase;
    padding:0;
}
#primary-archive-custom .page-header h1 {
    font-weight:700;
    color:#5a5858;
    font-size:24px;
    font-size:1.5rem;
    padding:0;
    letter-spacing: .0625em;
    text-transform: uppercase;
}
#primary-archive-custom .entry-header {
    padding-bottom:0.25em;
 }
#primary-archive-custom .entry-header h2 {
    font-size:20px;
    font-size:1.25rem;
    font-weight:700;
    margin-bottom:0;
    color:#970101;
}
#primary-archive-custom .entry-title a {
    font-size:20px;
    font-size:1.25rem;
    color:#970101;
    text-decoration:underline;
}
#primary-archive-custom .entry-title a:hover {
    color:#0000EE;
 }

#primary-archive-custom .entry-footer {
    display:inline-block;
    margin-top:0;
    border-bottom:0;
    border-top:0;
    padding-bottom:0.5em;
    line-height:1.2em;
}
#primary-archive-custom p.link-more {
    display:none;
}
#primary-archive-custom .entry-footer .cat-links, #primary-archive-custom .entry-footer .tags-links {
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: 0;
    padding-left: 2.5em;
    position: relative;
    text-transform: none;
}

/*--------------------------------------------------------------
13.5 Pages
--------------------------------------------------------------*/
.page-header {
	padding-bottom: 0;
}


/*--------------------------------------------------------------
13.6 Footer
--------------------------------------------------------------*/
.site-footer {
	border-top: 6px solid #970101;
}

/* Footer widgets */

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

#tagline {
    background:#c3c3c3;
    padding:0.75em;
    text-align:center;
    font-family:'Roboto Slab', serif;
    font-size:31px;
    font-size:1.9375rem;
    font-weight:300;
    line-height:1em;
    margin:0.5em 0;
}
.tag-bold {font-weight:700;}
.tag-regular {font-weight:400;}
.tag-italic {font-style:italic;}

img#wpstats { position:absolute; top:0; width:0px; height:0px; overflow:hidden } /*removes the smiley created by Jetpack plugin*/

.accessibility:before {
	font-family:'FontAwesome';
    content:"\f29a";
    font-size:18px;
    font-size:1.125rem;
    color:#970101;
    margin-right:0.25em;
    font-weight:normal;
}


/*--------------------------------------------------------------
13.7 Metaslider Pro
--------------------------------------------------------------*/
#content .metaslider .flexslider {
    margin-bottom:0;
}
#content .metaslider ol {
    padding:0.15em 0 0 !important;
    position:absolute;
    bottom:0;
    width:100%;
    height:36px;
    border:0;
}
#content .metaslider ol li {
    border:0;
    padding-bottom:0.15em;
}

.flexslider .flex-control-paging {
    -webkit-box-shadow: inset 0px -50px 0px 0px rgba(0,0,0,0.5) !important;
    -moz-box-shadow: inset 0px -50px 0px 0px rgba(0,0,0,0.5) !important;
    box-shadow: inset 0px -50px 0px 0px rgba(0,0,0,0.5) !important;
    margin:0 !important;
}
/*--------------------------------------------------------------
13.8 Simple Calendar
--------------------------------------------------------------*/

.my-simple-cal .simcal-default-calendar-list ul.simcal-events {
    margin:0;
}
.my-simple-cal .simcal-default-calendar-list .simcal-event-details {
    font-size: .84em;
    line-height: 1.25;
    overflow: hidden;
}
.my-simple-cal .simcal-default-calendar-list .simcal-event-details p {
    margin:0;
}

.my-simple-cal .simcal-event-start.simcal-event-start-date {
    color:#970101;
    font-size:16px;
    font-size:1rem;
    font-weight:700;
}
.my-simple-cal .simcal-event-title {
    font-size:18px;
    font-size:1.125rem;
    font-weight:300;
}

.my-simple-cal-full .simcal-default-calendar-list dt.simcal-day-label {
    font-size: 14px;
    font-size:0.875rem;
    line-height:1.2em;
    list-style: none;
    margin: 10px 0 6px;
}
.my-simple-cal-full .simcal-default-calendar-list dt.simcal-day-label > span {
    display: inline-block;
    padding: 2px 12px;
    background-color:#5a5858 !important;
}
.my-simple-cal-full .simcal-default-calendar-list .simcal-event-details {
    font-size:14px;
    font-size: 0.875rem;
    line-height: 1.5;
    overflow: hidden;
    border-bottom:1px solid #ddd;
    color:#970101;
    font-weight:700;
}

.my-simple-cal-full .simcal-event-title {
    font-size:16px;
    font-size: 1rem;
    font-weight:400;
    color:#000;
}

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

/*--------------------------------------------------------------
15.0 Widgets
--------------------------------------------------------------*/
.widget {
	padding-bottom:2em;
}
#home-bottom1 .widget, #school-home-bottom1 .widget {
	padding-bottom:0;
}
#school-home-bottom1 {
	padding-bottom:1em;
}
.widget.widget_metaslider_widget {
    border-bottom:8px solid #970101;
    padding-bottom:0;
}
.school-home2 .widget.widget_metaslider_widget {
    border-bottom:0;
    padding-bottom:0;
}
#home-bottom1 .upw-posts article, #school-home-bottom1 .upw-posts article {
    display: block;
    margin-bottom: 0.75em;
    padding-bottom: 0.5em;
    border-bottom: 1px solid #5a5858;
}
#home-bottom1 .upw-posts .entry-title, #school-home-bottom1 .upw-posts .entry-title  {
    margin-bottom: 0.15em;
}

#home-bottom1 h1.widget-title, #school-home-bottom1 h1.widget-title {
    text-align:center;
    font-size:30px;
    font-size:1.875rem;
}
#home-bottom2 .featured-text {
    padding-top:0.5em;
}
#home-bottom2 .video-responsive {
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
#home-bottom2 .video-responsive iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

#home-bottom2.section.widget-column {
    display: inline;
}
h2.widget-title, #home-bottom1 h1.widget-title,
#school-home-bottom1 h1.widget-title {
	color: #970101;
	font-size: 24px;
	font-size: 1.5rem;
	font-weight: 700;
	letter-spacing: 0.1818em;
	margin-bottom: 0.5em;
	text-transform: uppercase;
}
h2.widget-title:after, #home-bottom1 h1.widget-title:after,
#school-home-bottom1 h1.widget-title:after {
    content:"\f01a";
    color:#5a5858;
    margin-left:0.5em;
    font-family:'FontAwesome';
    font-weight:normal;
}
#home-bottom2, #home-bottom2 h2.widget-title, #home-bottom2 h2.widget-title:after {
    color:#fff;
}

/* Text widget */
.widget_text {
	word-wrap: initial;
}

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

#home-bottom2 ul li {
    padding-left:3.05em;
    text-indent:-3.05em;
    border:0;
}
#home-bottom2 ul li a {
    color:#fff;
    text-transform:uppercase;
}
#home-bottom2 ul li a:hover {
    text-decoration:underline;
}
#home-bottom2 ul li img {
    margin: -0.25em 0.5em 0 0;
    vertical-align: middle;
}
.school-links ul li {
    padding:0;
}
.school-links ul li:before {
    font-family: 'FontAwesome';
    content:'\f00c';
    margin: 0 0 0 0.3125em;

}

/* Search */

.search-form {
	position: relative;
    text-align:center;
    display:block;
    padding:0.5em;
}

.gtranslate {
	text-align:center;
	width: 37%;
	margin: 0 auto;
    display:block;
    padding-bottom: .5em;

}

.search-title {
    color:#970101;
    font-family:'Roboto Condensed',sans-serif;
    font-size:20px;
    font-size:1.25rem;
    font-weight:700;
    padding:0.2em 0.5em;
}
.search-form .search-submit {
	bottom: 0;
	padding: 0.25em 0.25em;
	position: relative;
    display:inline-block;
	right: 0;
	top: 0;
}

.search-form button,
.search-form input[type="button"],
.search-form input[type="submit"] {
	background-color: transparent;
}

.search-form button:hover, .search-form button:focus {
    outline:#000 dotted thin;
}
.search-form .search-submit .icon {
	height: 16px;
	top: -2px;
	width: 16px;
    color:#970101;
}
.search-form .search-submit:hover .icon, .search-form .search-submit:focus .icon {
    color:#000;
}


/*--------------------------------------------------------------
16.0 Media
--------------------------------------------------------------*/
.wp-caption,
.gallery-caption {
	color: #5a5858;
	font-size: 13px;
	font-size: 0.8125rem;
	font-style: italic;
	margin-bottom: 1.5em;
	max-width: 100%;
}


/* SVG Icons base styles */

.icon {
	display: inline-block;
	fill: currentColor;
	height: 1em;
	position: relative; /* Align more nicely with capital letters */
	top: 0.5em;
	vertical-align: middle;
	width: 1em;
}
.main-navigation li .icon {  /* customizes the size & position of the navigation menu arrow */
	display: inline-block;
	fill: currentColor;
	height: 1.5em;
	position: relative; /* Align more nicely with capital letters */
	top: 0.25em;
	vertical-align: middle;
	width: 1.5em;
    margin-right:1.5em;
}

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

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

/*--------------------------------------------------------------
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) {
/* 20em = 320 pixels */ 

}

@media screen and (min-width: 30em) {
/* 30em = 480 pixels */
        /* Secondary Navigation */
    
    .search-form {
        display:block;
        width:70%;
        margin:0 auto;
   }


}

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

    /* Typography */

    /* Layout */
    .school-home1 {
        width:35%;
        float:left;
    }
    .school-home2 {
        width:65%;
        float:right;
    }

	/* Site Branding */

	.site-branding {
		padding: 0;
	}

	/* Navigation */
    
    #main-nav, #schools-nav {
        width:100%;
        float:none;
    }
    
     /* Secondary Navigation */
    
    .search-form {
        display:block;
        width:50%;
        margin:0 auto;
   }

   .gtranslate {
	width: 18%;
	margin: 0 auto;
    display:block;
    padding-bottom: .5em;

}

   .navigation-secondary-mobile, .navigation-schools-mobile {
        display:block;
    }


    .main-navigation-schools li {  
		border: 0;
		display: block; /*changed from parent*/
	}

    /* Main Navigation */ 
    .js .menu-toggle,
	.js .dropdown-toggle {
	    display: block;
    }
    
 	.main-navigation {
		width: auto;
	}
	
	.js .main-navigation ul,
	.js .main-navigation ul ul,
	.js .main-navigation > div > ul {
		display: none;
	}
	
	.main-navigation li {
		border: 0;
		display: block;
	}
	.main-navigation .menu-item-has-children > a > .icon,
	.main-navigation .page_item_has_children > a > .icon {
		display: none;
	}

    
       
	/* Scroll down arrow */

 	/* Front Page */
	.page-one-column .panel-content .wrap {
		max-width: 1320px;
	}

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


	/* Posts */
	.site-content {
		padding: 1.5em 0 0;
	}

	/* 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: none;
		width: 100%;
	}

	.blog .site-main > article,
	.archive .site-main > article,
	.search .site-main > article {
		padding-bottom: 1em;
	}
	.navigation.pagination {
		clear: both;
		float: right;
		width: 100%;
	}

	/* Entry content */

	/* without sidebar */

	/* with sidebar */

	/* blog and archive */

	/* Post formats */

	/* Pages */
	.page.page-one-column .entry-header,
	.twentyseventeen-front-page.page-one-column .entry-header,
	.archive.page-one-column:not(.has-sidebar) .page-header {
		margin-bottom: 1em;
	}

	.page:not(.home) #content {
		padding-bottom: 0;
	}
    .site-main.two-column {
        width:70.5%;
        float:left;
    }
    #wrap_moreinfo {    /*wraps the custom fields*/
        width: 25%;	
        padding:1em 0 0;	
        margin: 0 0 2.25em 1.5%;
        float:right;
	}
    #primary.content-area.single, #archives-month_custom, #primary-archive-custom,
    #primary-search {
		float: left;
		width: 70.5%;
	}

    #secondary {
		float: right;
		padding-top: 1em;
		width: 25%;
	}
 


	/* Posts pagination */

 	/* Secondary */
    
    /* Widgets */

    .widget {
        padding-bottom:0;
    }    
 
    #secondary .widget {
        margin-bottom:1.5em;
    }    
    .school-home1 .upw-posts.hfeed {
        padding-left:3em;
        padding-right:3em;
    }

    
    /* UPW Homepage FLEX LAYOUT */
    #home-bottom1 .upw-posts {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: top;
        margin-bottom:0.5em;
    }
    #home-bottom1 .upw-posts article {
        border-top:none;
        border-right:1px solid #5a5858;
        border-bottom:none;
        flex-grow:1;
        flex-basis:0;
        padding:0 0.5em 0 1em;
    }
    #home-bottom1 .upw-posts article:last-child {
        border-right:none;
    }
    .upw-posts .entry-title {
        margin-bottom: .5em;
    }
    .upw-after {
        clear:both;
    }
    #home-bottom1 h1.widget-title, #school-home-bottom1 h1.widget-title {
        text-align:center;
        font-size:30px;
        font-size:1.875rem;
    }
    #custom_html-2, #custom_html-3, #custom_html-4 {
        width:32%;
        float:left;
        margin-right:1%;
    }
    


    #home-bottom2 .widget {
        width:40%;
        float:left;
        margin-right:7%;
    }
    #home-bottom2 .widget_text {
        width:25%;
        float:left;
        margin-right:2%;
    }
    #home-bottom2 .widget_text:last-child {
         margin-right:0;
    }
  
 	/* Footer */
 
    .site-footer {
		font-size: 14px;
		font-size: 0.875rem;
		line-height: 1.6;
		margin-top: 0;
	}

 
    .site-info {
		float: none;
		padding: 0.7em 0 0;
		width: 100%;
	}
	.site-footer .widget-column.footer-widget-1 {
		float: left;
		width: 35%;
        margin-right:5%;
        border-right:1px solid #ddd;
        padding-right:1.5em;
	}
    .site-footer .widget-column.footer-widget-2 {
		float: left;
		width: 30%;
        margin-right:2%;
     }
	.accessibility {
		float: left;
		width: 25%;
        margin-right:0;
	}

}


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

}



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

    .js .menu-toggle,
	.js .dropdown-toggle {
	    display: none;
    }
   .main-navigation {
		clear: both;
		display: block;
		width: auto;
	}
  	.js .main-navigation ul,
	.js .main-navigation ul ul,
	.js .main-navigation > div > ul {
		display: block;
	}
  
   	.main-navigation li { /*copied/moved from parent*/
		border: 0;
		display: inline-block;
	}
    
    .main-navigation a, .main-navigation-schools a {
       display: block;
       padding: 0.5em 0.5em 0.125em;
       text-decoration: none;
       color:#fff;
       font-family:'Roboto Condensed',sans-serif;
       font-size:17px;
       font-size:1.0625rem;
       font-weight:400;
       line-height:1.2em;
       border-bottom:6px solid #970101;
    }
    
    .main-navigation-schools a {
        border-bottom:none;
        font-size:17px;
       font-size:1.0625rem;
       padding: 0.5em 0.55em 0.6em;
    }
    .main-navigation ul ul {
		background: #fff;
		border: 0;
		left: -999em;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 99999;
	}

    .main-navigation a:hover {
        color: #fff;
        border-bottom:6px solid #000;
    }
    .main-navigation-schools a:hover {
        border-bottom:none;
        background-color:#000;
    }

    .main-navigation li li:hover,
	.main-navigation li li.focus {
		background: transparent;
	}
    .main-navigation li li a {
		-webkit-transition: none;
		transition: none;
        color:#000;
        border-bottom:1px solid #5a5858;
        padding:0.25em 0.5em;
        font-size:17px;
        font-size:1.0625rem;
        line-height:1.2em;
	}

	.main-navigation li li:hover > a,
	.main-navigation li li a:hover,
	.main-navigation li li.current_page_item a:hover,
	.main-navigation li li.current-menu-item a:hover {
		color: #000;
	}

	.main-navigation li li.focus > a,
	.main-navigation li li:focus > a,
	.main-navigation li li a:focus,
	.main-navigation li li.current_page_item a:focus,
	.main-navigation li li.current-menu-item a:focus {
		color: #000;
		outline: 2px dotted #970101; 
	}

	.main-navigation li li a:hover {
		-webkit-transition: none;
		transition: none;
        color:#970101;
        border-bottom:1px solid #970101;
		background-color:#e9e8e8;
	}
	.main-navigation ul li:hover > ul,
	.main-navigation ul li.focus > ul {
		left: 0em;
		right: auto;
	}
 	.main-navigation .menu-item-has-children > a > .icon,
	.main-navigation .page_item_has_children > a > .icon {
		display: inline;
		left: 5px;
		position: relative;
		top: -1px;
	}
    
    .main-navigation li .icon {  /* customizes the size & position of the navigation menu arrow */
        margin-right:0.1em;
    }
   


    /* Hide Schools and Secondary Mobile Navigation */
    .navigation-secondary-mobile, .navigation-schools-mobile {
        display:none;
    }
    
   /* Secondary Navigation */
    .main-navigation-secondary {
        display:block;
    }
    
    .secondary-links {
        width:90%;
        display:block;
        padding-top:0;
        margin:0 auto 0.5em;
    }
    .main-navigation-secondary ul {
		text-align:left;
        list-style:none;
        margin:0;
        padding:0;
        width:65%;
        float:left;
	}
    .main-navigation-secondary ul li {
		display:inline-block;
        border:0;
	}
   .main-navigation-secondary ul li a {
       display:block;
       border:0;
       padding:0 0.5em;
	}

    /* Schools navigation menu */
   .navigation-schools {
        display:block;
    }
   .main-navigation-schools li {
		border: 0;
		display: inline-block;
	}
    #schools-menu {
        border-top:none;
        padding: 0 0.5em;
    }
    #main-nav {
        padding: 0 0.5em 0 2em;
    }
    .search-form {
        width:35%;
        display:inline-block;
        text-align:right;
        padding:0;
    }
    #home-bottom2 .featured-img {
        float:left;
        margin-right:1em;
        width:70%;
    }

    #home-bottom2 .featured-text {
        float:left;
        width:25%;
        padding-top:0;
    }

}

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

}

@media screen and ( min-width: 82.5em ) {
/* 85.5em = 1320 pixels */ 

        /* Secondary Navigation */

    .secondary-links {
        width:62.5%;
        float:right;
        display:block;
        padding-top:6em;
    }
    .main-navigation-secondary ul {
		text-align:left;
        list-style:none;
        margin:0;
        padding:0;
        width:65%;
        float:left;
	}
    .main-navigation-secondary ul li {
		display:inline-block;
        border:0;
	}
   .main-navigation-secondary ul li a {
       display:block;
       border:0;
       padding:0 0.5em;
	}

    .search-form {
        width:35%;
        display:inline-block;
        text-align:right;
        padding:0;
    }

    .gtranslate {
	float: right;
	width: 13%;
	display: block;
	margin-right: .5em;
	margin-bottom: .5em;
	margin-top: -1em;
	padding: .5em;
}

}

@media screen and ( max-width: 48.875em ) and ( min-width: 48em ) {
/* 48.875em = 782 pixels and 48em =768 */ 

}

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

@media print {

}