/*  
Theme Name: twentysixteen-child
Description: This is a CHILD THEME using the Twenty Sixteen. WARNING: If you switch themes you may lose functionality. If you want to change the look, make a copy of this theme, rename it, and install it in WordPress- then start changing the design.
Author: Gabriella Gabriel
Template:twentysixteen
*/

@import url("/wp-content/themes/twentysixteen/style.css");
@import url('https://fonts.googleapis.com/css?family=Khand:400,500,600,700|Play:400,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700,700i,800,800i');

/**
 * Table of Contents
 *
 * 1.0 - Normalize
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Navigation
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Widgets
 * 11.0 - Content
 *    11.1 - Header
 *    11.2 - Posts and pages
 *    11.3 - Post Formats
 *    11.4 - Comments
 *    11.5 - Sidebar
 *    11.6 - Footer
 * 12.0 - Media
 *    12.1 - Captions
 *    12.2 - Galleries
 * 13.0 - Multisite
 * 14.0 - Media Queries
 *    14.1 - >= 710px
 *    14.2 - >= 783px
 *    14.3 - >= 910px
 *    14.4 - >= 985px
 *    14.5 - >= 1200px
 * 15.0 - Print
 */


/**
 * 1.0 - Normalize
 */
 
.spacer {
	padding: 1em 0 0 0;
} 
 
body {
	margin: 0;
    padding:0;
}
#menu-secondary-menu .main-navigation li {
    float:left;
}

/**
 * 3.0 - Typography
 */
 
 .h1-header {
	position: absolute;
	clip: rect(1px, 1px, 1px, 1px);
}
 h1 {
	 text-transform: uppercase;
 }

body,
button,
input,
select,
textarea {
	color: #323333;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.35;
}

button{
    color:#fff;
}

.entry-content h1.news_head,
.sidebar-links h2 {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.375rem;
    font-size: 22px;
    font-weight: 700;
    color: #b91b11;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 0;
    border-bottom: 2px #caab7a solid;
}

.entry-title {
	font-family: 'Open Sans', sans-serif;
	font-size: 36px;
	font-size: 2rem;
	font-weight: 700;
    color: #b91b11;
	line-height: 1.25;
	margin-bottom: 1em;
}

.entry-content h1, .entry-summary h1 {
	font-family: 'Open Sans', sans-serif;
	font-size: 36px;
	font-size: 2rem;
	font-weight: 600;
    color: #b91b11;
	line-height: 1.25;
	margin-bottom: 0;
    margin-top:0;
}

.entry-content h2, .entry-summary h2 {
	font-family: 'Open Sans', sans-serif;
	font-size: 28px;
	font-size: 1.75rem;
	font-weight: 500;
    color: #936d18;
	line-height: 1.25;
	margin-bottom: 0;
    margin-top:0;
    letter-spacing: 0;
}

.entry-content h3, .entry-summary h3 {
	font-family: 'Open Sans', sans-serif;
	font-size: 22px;
	font-size: 1.375rem;
	font-weight: 600;
    color: #b91b11;
	line-height: 1.25;
	margin-bottom: 0;
    margin-top:0;
}

.entry-content h4, .entry-summary h4 {
	font-family: 'Open Sans', sans-serif;
	font-size: 19px;
	font-size: 1.1875rem;
	font-weight: 500;
    color: #936d18;
	line-height: 1.25;
	margin-bottom: 0;
    margin-top:.5em;
}

.entry-content h5, .entry-summary h5 {
	font-family: 'Khand', sans-serif;
	font-size: 19px;
	font-size: 1.1875rem;
	font-weight: 500;
    color: #b91b11;
	line-height: 1.25;
	margin-bottom: 0;
    margin-top:0;
}

.entry-content h6{
    font-family: 'Khand', sans-serif;
    font-size: 15px;
    font-size: 0.9375rem;
    font-weight: 400;
    font-style: normal;
    color:#8a6207;
    text-transform: uppercase;
    text-align: right;
}

h6 a{ text-decoration: underline}

blockquote {
    border: 0 solid #b91b11;
    border-left-width: 4px;
    color: #686868;
    background: #f9eaca;
    font-size: 19px;
    font-size: 1.1875rem;
    font-style: italic;
    line-height: 1.4736842105;
    margin: 0 0 1.4736842105em;
    overflow: hidden;
    padding: 5px 0 5px 1.263157895em;
}

.entry-content ul, .entry-summary ul, .comment-content ul, .entry-content ol, .entry-summary ol, .comment-content ol {
    margin-left: 1.75em;
}

.entry-footer{
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-size:.875rem;
    color:#1c5789;
}

.entry-footer a:hover{
    color:#1c5789;
    font-weight: 500;
}


ul {
    list-style: square;
}
li{
    margin-bottom: 5px;
}

p{
    font-family:'Open Sans', sans-serif;
    color:#323333;
    font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.35;
}


/* special announcements block */

.announcements {
	font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    text-align: center;
    font-size: 15px;
    font-size: .9375rem;
    line-height: 1.85rem;
    background-color: #b91b11;
    color: #fff;
    letter-spacing: 0;
    margin: 0 0 8px 0;
    padding: 0px;
    }

/**
 * 4.0 - Elements
 */

body {
	background: #b91b11;
     margin:0 0 0 0;
	
}

.breadcrumbs{
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-size: .875rem;
    color: #936d18;
    font-weight: 500;
}
.breadcrumbs a{
    font-size: 15px;
    font-size: .9375rem;
    color: #1c5789;
    font-weight: 400;
}

.breadcrumbs a:hover{
    color: #1c5789;
    font-weight: 500;
}


#metaslider_31.flexslider,
#metaslider_84.flexslider,
#metaslider_86.flexslider,
#metaslider_88.flexslider,
#metaslider_133.flexslider{
    background: none;
    box-shadow: 0 1px 4px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    -o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    border: 8px #fff solid;
    border-radius: 0;
    margin: 0 0 40px 0;
    margin-top: 1em;
    max-width: none;
    max-height: none;
}

.metaslider{
    max-width: 100% !important;
}

.alignleft-border {
    float: left;
    margin: 0.375em 1.75em 1.75em 0;
    border:3px solid #fff;
}




th{
    background: #936d18;
    color:#fff;
}

tr{background: #fff;}
	/* Zebra striping */
tr:nth-of-type(odd) { 
	background: #f2f2f2; 
}


/**
 * 4.1 - Custom Fields
 */

.contact p{margin: 0 0 8px 0;}

.contact p > span{color:#b91b11;}

.contact a:hover{
    font-weight: 500;
    color:#1c5789;
}
.contact a:focus{
    font-weight: 500;
    color:#1c5789;
    outline:1px solid #ccc;
}

.sidebar-links{
    margin-top: 30px;
    margin-bottom:20px;
}

.sidebar-links ul{
    list-style: none;
    margin:12px 0 0 0;
}

.sidebar-links li{
    display: block;
    border-left: 8px solid #b2b0b0;
    background: #fff;
    width: 100%;
    color:#b91b11;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-size: .9375rem;
    font-weight: 500;
    padding-left: 8px;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.sidebar-links li a{
    color:#b91b11;
    text-decoration: underline;
    
}

.sidebar-links li a:hover{
    color: #007acc;
    text-decoration: underline;
}

.sidebar-links li a:focus{
    color: #007acc;
    outline:1px solid #ccc;
}

.school-info{ 
    margin: 0  auto;
    background:url(/wp-content/themes/twentysixteen-child/images/sketchrule_yellow.gif) top repeat-x #fee5ab;
    padding: 30px 2% 30px 2%;
}

.school-info h1{
    font-family: 'Open Sans', sans-serif;
    font-size: 32px;
    font-size: 2rem;
    font-weight: 600;
    color:#936d18;
    text-transform: uppercase;
    letter-spacing: 0;
    }

.school-info h2{
    font-size: 21px;
    font-size:1.3125;
    color:#b91b11;
}

.school-info p{
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    margin: 0 0 0.75em;
}

.school-info img.align-right {
    float:right;
    margin:0 0 0 20px;
}

#wrap_moreinfo {    /*wraps the custom fields*/
	width: 100%;		
	margin: 2% auto;
    padding:0 10px;	
    background-color:rgba(255, 255, 255, 0.7);
    float:left;
	}

.more-info{
    margin-top:30px;
}

.more-info h2{
    font-size: 1.75rem;
    font-weight: 600;
    color:#936d18;
}

.more-info li{
    margin-bottom: 5px;
}


/**
 * 6.0 - Navigation
 */
 






 





.tagline{
    background: transparent;
    width:100%;
    float:left;
}

.metaslider-31 .flexslider .flex-control-paging {
    line-height: 14px;
    z-index: 99;
    padding: 0;
    text-align: left;
    margin: 14px 0px;
    width: 100%;
    top: 105%;
    right: auto;
    bottom: auto;
    left: auto;
    position: absolute;
    text-align: center;
}

.post-navigation {
    border-top: none;
    border-bottom: none;
    clear: both;
    font-family: 'Khand', sans-serif;
    margin: 0 7.6923% 2em;
}

.post-navigation a {
    color: #1c5789;
    display: block;
    padding: 1.75em 0;
}

.post-navigation .meta-nav {
    color: #1c5789;
    font-size: 13px;
    font-size: 0.8125rem;
    letter-spacing: 0.076923077em;
    line-height: 1.6153846154;
    margin-bottom: 0.5384615385em;
    text-transform: uppercase;
}

.post-navigation .meta-nav a:hover{
    font-weight: 500;
    color: #007acc;
}

.post-navigation .post-title {
    display: inline;
    font-family: 'Khand', sans-serif;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 500;
    color: #1c5789;
    line-height: 1.2173913043;
    text-rendering: optimizeLegibility;
}

.post-navigation a:hover .post-title {
    font-weight: 500;
    color: #007acc;
    text-rendering: optimizeLegibility;
}

.nav-previous{
    width: 45%;
    float:left;
}

.nav-next{
    width:45%;
    float:right;
    text-align: right;
}

.post-navigation div + div {
    border-top: none;
}

/* 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: 12px;
	font-size: 0.6875rem;
	letter-spacing: 0.15em;
	margin-bottom: 1em;
	text-transform: uppercase;
	font-weight: bold;
}

.nav-title {
    color: #1e5732;
    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.next {
	float: right;
	width: 45%;
}
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;
}

/**
 * 6.1 - Links
 */
 
 
.site .skip-link:focus {
	
	outline: 1px solid #666 !important;
} 




a {
	color: blue;
	text-decoration: underline;
}

a:hover {
	color: purple;
	text-decoration: underline;
	font-weight: 500;
}

a:visited {
	color: purple;
	text-decoration: underline;
}

a:focus {
    outline: 1px solid #666;
}






.entry-content a,
.entry-summary a,
.taxonomy-description a,
.logged-in-as a,
.comment-content a,
.pingback .comment-body > a,
.textwidget a,
.entry-footer a:hover,
.site-info a:hover {
	box-shadow: none;
}

a.more-link{
    font-family: 'Khand', sans-serif;
    font-size: 15px;
    font-size: 0.9375rem;
    color:#1c5789;
    text-decoration: underline;
}

a:hover.more-link {font-weight: 500;
}

a:focus.more-link {
    font-weight: 500;
    outline: 1px solid #666;
}

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

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

}

/**
 * 6.2 - Menus
 */
.main-navigation {
	font-family: 'Open Sans', sans-serif;
    font-weight: 500;
}

.main-navigation li {
    border-top: 1px solid #d1d1d1;
    position: relative;
    margin-bottom: 0;
}
.main-navigation a {
	color: #fff;
	display: block;
	line-height: 1.3125;
	outline-offset: -1px;
	padding: 0.84375em 0.5em;
    text-decoration: none;
}

.main-navigation .primary-menu a:hover{
    text-decoration: underline;
    color: #fff;
}
.main-navigation .primary-menu a:focus{
    text-decoration: underline;
    color: #fff;
    outline: 1px solid #fff;
}

ul#menu-secondary-menu.primary-menu > li {
    font-size: 17px;
    font-size:1.0625rem;
    text-align:center;
    margin-bottom: 0;
}

.wrap-secondary-and-translate {
    width:100%;
    margin-top:20px;
}

.wrap-secondary-navigation-bottom {
    display: flex;
	flex-direction: column;
}

#site-navigation.main-navigation ul li a {
    color:#fff;
    font-size: 1.1875rem;
    font-size: 15px;
    font-weight:500;
    text-transform: uppercase;
    padding: 0.85em 0.65em;
    margin-bottom: 0;
}
#site-navigation.main-navigation ul li a:hover {
    background:#000;
    text-decoration: none;
}

#site-navigation.main-navigation ul li a:focus {
    background:#000;
    text-decoration: underline;
}

#site-navigation.main-navigation .current-menu-item{
    background:#000;
    text-decoration: none;
}

#schools-navigation.main-navigation ul li a {
    color:#ffffff;
    font-size:16px;
    font-size:1rem;
    font-weight:500;
    padding: 0.4em 1em 0.2em 1em;
    letter-spacing: 0.06em;
    text-align:center;
    margin-bottom: 0;
}

#schools-navigation.main-navigation ul li a:hover {
    background:#936d18;
    text-decoration: none;
}

#schools-navigation.main-navigation ul li a:focus {
    background:#936d18;
    text-decoration: underline;
    outline:1px #fff solid;
}

.tagline{
    background: transparent;
    width:100%;
    float:left;
    display:none;
}

.menu-toggle {
    background-color: #fff;
    border: 1px solid #fff;
    color: #b91b11;
    font-size: 13px;
    font-size: 0.8125rem;
    margin: 1.076923077em 2%;
    padding: 0.769230769em;
    float: left;
}

.menu-toggle:hover, .menu-toggle:focus {
    background-color: #fff;
    border-color: #1c5789;
    color: #1c5789;
}

.g-translate {
	width: auto;
	display:flex;
	justify-content: center;
}

/**
 * 6.3 - Search
 */
#wrap_search {
	display:inline-block;
    padding:5px;
    margin:0.75em 0 0.5em;
	text-decoration:none;
    position:relative;
    width: 100%;
    max-width: 300px;
    float:left;
}
form#searchform {
	padding:0 0 0 6px;
	margin:0;
	font-weight:600;
	color:#414141;
    background:#fff;
	font-size:14px;
    font-size:0.875rem;
    line-height: 1;
    display:block;
	}

#searchform input[type="text"] {
	margin: 0;
	display:inline;
	padding: 0 0 0 5px;
	width:250px;
	font-size:12px;
    font-size:0.75rem;
    line-height:0.75;
	border:none;
	background:#fff;
	color:#414141;
    border-radius:0px;
	}
input[type="search"]{
    padding: 3px 0 3px 5px;
}
#searchform input[type="text"]:focus {outline: thin solid;}
#searchform input[type="image"] {
    background:#777776;
    padding:4px 3px 3px 4px;
}
#searchform input[type="image"]:hover {
    background:#74243d;
}

.search-submit::before {
    content: "\f400";
    font-size: 24px;
    left: 2px;
    line-height: 42px;
    position: relative;
    width: 40px;
    bottom: 5px;
}

/** 7.0 Accessibility **/

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


/**
 * 10.0 - Widgets
 */
.widget {
    border-top: none;
    margin-bottom: 0;
    padding-top: 1em;
    font-size:15px;
    font-size: 0.9375rem;
}

.widget h2.widget-title {
	font-family: 'Open Sans', sans-serif;
    font-size: 1.375rem;
    font-size:22px;
    font-weight: 700;
    color:#b91b11;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: .025em;
    border-bottom: 2px #caab7a solid;
    margin-bottom:.5em;
}

.widget-area-1 h2.widget-title {
	color:#5a0357;
}

.widget-area-2 h2.widget-title {
    color:#497319;
	padding-top: 0.75em;
}

.widget-area-3 h2.widget-title {
    color:#1c5789;
	padding-top: 0.75em;
}

#sticky-posts-5 h2.widget-title,
#sticky-posts-6 h2.widget-title,
#sticky-posts-7 h2.widget-title{
    color:#b91b11;
    margin-top:20px;
}

.widget h4.entry-title{
    font-size: 1rem;
    font-size: 16px;
    color:#b91b11;
    font-weight: 500;
    margin-bottom: .2em;
}

.widget h4.entry-title a{
    text-decoration: underline;
}

.widget-area-1 h4.entry-title a{
    color:#5a0357;
    font-weight: 500;
    margin-bottom: .2em;
    
}

.widget h4.entry-title a:hover{   
    text-decoration:underline;
    font-weight: 500;
    color: #007acc;
}

.widget h4.entry-title a:focus{   
    text-decoration:underline;
    font-weight: 500;
    outline: 1px solid #666;
    color: #007acc;
}



.widget h6{
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: 500;
    font-style: normal;
    color:#8a6207;
    text-transform: uppercase;
    text-align: right;
    margin-top: 0;
}

.widget h6 a{ 
    text-decoration: underline;
    color:#8a6207;
}

.widget h6 a:hover{
    font-weight: 400;
    color:#007acc;
    
}

.widget h6 a:focus{
    font-weight: 500;
    color:#8a6207;
    outline:1px solid #666;
}

.widget ul{
    list-style: none;
}

.widget ul, ol {
    margin: 0 0 1.75em 0;
    padding: 0;
}

/**------------ Homepage Top 2 col. Content Area-----------------**/

/* ---------[ Columns ]--------- */

.one-half{
	margin-left:0;
	margin-bottom:30px;
	float:left;
	display:block;
	}

/* -- First Column -- */
.one-half.first { 
  margin-left:0;
 width: 100%;
    
}

/* -- 2nd Column -- */
.one-half { 
    width: 100%;
}


.one-half .widget-area-3 h4.entry-title{
    font-size: 1rem;
    font-size: 16px;
    color:#b91b11;
    font-weight: 500;
    margin-bottom: .5em;
    text-transform: none;
    
}

.one-half .widget-area-3 .entry-summary{
	margin-bottom: 0;
	margin-top: -30px;
	}

.one-half .widget-area-3 ul li{
    font-size: 1.125rem;
    color:#494949;
    background: none;
    border-bottom: 1px #fff solid;
    border-left: 6px #b1d2b6 solid;
    text-transform: none;
    letter-spacing: normal;
    font-weight: 400;
    padding-left:5px;
    
}

.one-half .widget-area-3 h4.entry-title a,
.one-half .widget-area-3 h4.entry-title a:link,
.one-half .widget-area-3 ul li a,
.one-half .widget-area-3 ul li a:link{
    color:#b91b11;
    text-decoration: underline;
}

.one-half .widget-area-3 h4.entry-title a:hover,
.one-half .widget-area-3 ul li a:hover{
    color:#b91b11;
    text-decoration: underline;
    color: #007acc;
}

.one-half .widget-area-3 h4.entry-title a:focus,
.one-half .widget-area-3 ul li a:focus{
    color:#b91b11;
    text-decoration: underline;
    color: #007acc;
}



.one-half .upw-posts article {
    display: block;
    margin-bottom: 0; 
    padding-bottom: 0; 
    border-bottom: none;
}

.widget .upw-posts article{
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom:0;
}

.upw-posts .entry-summary{
    border-bottom: 1px solid #e2e2e2;
    padding-bottom:.6em;
    margin-bottom: 0;
}

.content-bottom-widgets {
    margin: 0 auto;
}


/*-------------------Quicklinks 2 column----------------*/

.quicklinks-left{
    width: 39%;
    margin-right:15px;
    text-align: right;
    float: left;
}

.quicklinks-left ul,
.quicklinks-right ul{
    list-style:none;
}

.quicklinks-left ul {margin:0 0 1.75em 0;}

.quicklinks-left li{
    margin-bottom: 5px;
}

.quicklinks-left ul li a{
    font-family: 'Open Sans',sans-serif;
    font-size: 14px;
    font-size: .8125rem;
    color: #497319;
    text-decoration: underline;
    text-transform: uppercase;
}

.quicklinks-left ul li a:hover{
    font-family: 'Open Sans',sans-serif;
    font-size: 14px;
    font-size: .8125rem;
    font-weight: 500;
    color: #497319;
    text-decoration: underline;
    text-transform: uppercase;
}

.quicklinks-left ul li a:focus{
    font-weight: 500;
    color: #497319;
    text-decoration: underline;
    outline:1px solid #666; 
}

.quicklinks-right{
    width: 57%;
    border-left:3px #cccccc solid;
    text-align: left;
    float: right;
    padding-left: 10px;
}

.quicklinks-right li{
    margin:0 0 20px 0;
    line-height: 1.25;
}

.quicklinks-right ul li a{
    font-family: 'Play',sans-serif;
    font-size: 13px;
    font-size: 0.8125rem;
    color: #414040;
    text-decoration: underline;
    text-transform: uppercase;
}

.quicklinks-right ul li a:hover{
    font-family: 'Play',sans-serif;
    font-size: 13px;
    font-size: 0.8125rem;
    color: #1c5789;
    text-decoration: underline;
    text-transform: uppercase;
}

.quicklinks-right ul li a:focus{
    font-weight: 700;
    color: #1c5789;
    text-decoration: underline;
    outline:1px solid #666; 
}

.quicklinks-right ul li img {
    max-height: 30px;
    width: auto;
    padding-right: 5px;
}

.quicklinks-right .alignleft{
    margin: 0;
}


/*-------------------Connect Links----------------*/

.connectlinks .widget img.alignleft {
    margin: 0 5px 0 0;
}

.connectlinks ul {
    list-style:none;
}

.connectlinks li {
    margin-bottom: 15px;
}

.connectlinks ul li a {
    font-family: 'Open Sans',sans-serif;
    font-size: 14px;
    font-size: .8125rem;
    color: #497319;
    text-decoration: underline;
    text-transform: uppercase;
}

.connectlinks ul li a:hover {
    font-family: 'Open Sans',sans-serif;
    font-size: 14px;
    font-size: .8125rem;
    font-weight: 500;
    color: #497319;
    text-decoration: underline;
    text-transform: uppercase;
}

.connectlinks ul li a:focus{
    font-weight: 500;
    color: #497319;
    text-decoration: underline;
    outline:1px solid #666; 
}

.connectlinks ul li img {
    max-height: 30px;
    width: auto;
    padding-right: 5px;
}

.connectlinks .alignleft{
    margin: 0;
}

/*-------------------Athletics Video----------------*/

h2.athleticsvideo-title {
	font-family: 'Open Sans', sans-serif;
    font-size: 1.375rem;
    font-size:22px;
    font-weight: 700;
    color:#b54304;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: .025em;
    border-bottom: 2px #caab7a solid;
    margin-bottom:.5em;
}






#sticky-posts-4 h2.widget-title, #wysiwyg_widgets_widget-5 h2.widget-title{
    color:#b54304;
}

#wysiwyg_widgets_widget-5 h3 a {
    font-weight: 600;
    color:#007acc;
}

#wysiwyg_widgets_widget-5 h3 a:hover {
    font-weight: 600;
    color:#007acc;
}

#wysiwyg_widgets_widget-5 img {
    background: none;
    box-shadow: 0 1px 4px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    -o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    border: 8px #fff solid;
    border-radius: 0;
}

.widget .entry-image{
    float: left;
    margin-right: 8px;
    width: 40%;
    border: 3px #fff solid;
}

.widget .upw-posts .entry-image img {
    width: 100%;
    height: auto;
}

#sticky-posts-4 h4.entry-title{
    float: right;
    text-align: left;
    margin: 0;
    padding: 0;
    width: 60%;
    clear: none;
}

#sticky-posts-4 .entry-summary{
    float: right;
    text-align: left;
    width:60%;
    margin:0 0 60px 0;
    padding: 0;
}



/**
 * 11.0 - Content
 */
.site {
	background: transparent;
}

.site-content{
        padding-left: 2%;
        padding-right: 2%;
    }
#wrap-header {
    margin:0 auto;
    width:100%;
    background:transparent;
}
#wrap-topnav {
    margin:0 auto;
    width:100%;
    background:#737171;
    border-top:3px solid #424141;
    display:block;
}
#wrap-schoolnav {
    margin:0 auto;
    width:100%;
    background:transparent;
    border-top:2px solid #fff;
    display:block;
}

#page-content {
    margin: 0  auto;
    padding-bottom: 30px;
}

.home-content {
    margin: 0  auto;
    background:url(/wp-content/themes/twentysixteen-child/images/sketchrule_grey.png) top repeat-x #fff;
}

.page-content {
    margin: 0  auto;
    background:url(/wp-content/themes/twentysixteen-child/images/sketchrule_grey2.gif) top repeat-x #f3f2f2;
    padding-top: 15px;
}

.entry-header, .entry-summary, .entry-content, .entry-footer, .page-content {
    margin-right: 1%;
    margin-left: 1%;
}

.site-inner {
	margin: 0 auto;
	max-width: 1320px;
	position: relative;
    background:transparent;
}

.site-main > article {
    margin-bottom: 2em;
    border-bottom: 2px solid #ccc;
    padding-bottom: 2em;
}

.home-content .site-main > article {
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0;
}

.site-main {
	margin-bottom: 0;
    margin-top:3%;
}
.content-area-full {
    margin: 0 auto;
    width: 100%;
}

.content-area {
    margin: 0 auto;
    width: 100%;
}

.school-content-area{
        float:left;
        width:100%;
    }

.sidebar{
    background: rgba(255,255,255,0.7);
    padding: 10px;
    margin: 2%;
    
}
    
.sidebar-left {
    float: left;
    margin-top:30px;
    width: 100%;
    }

.sidebar-left .upw-posts .entry-summary{
    margin-bottom: 0;
}

.sidebar-left .upw-posts .entry-title{
    padding: 5px 0 0 0;
}


/**
 * 11.1 - Header
 */

.site-header {
	padding: 2%;
}




.site-branding a:focus {
	outline: 1px solid #fff;
}

/* Header Buttons */
	
.header-buttons {
    width: 100%;
	display:flex;
	justify-content: center;
}

.header-buttons .widget {
	padding-bottom: 0;
}

.header-buttons p {
    margin-bottom: 0;
}

a.header-btn,
.widget a.header-btn {
    color: #000;
    font-size: 17px;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    text-shadow: none;
    text-decoration: none;
    background: #fada90;
    display: inline-block;
    border-radius: 2px;
    margin-top: 0em;
    margin-bottom: 0.75em;
    padding: 0.65em 0.85em 0.75em;
    letter-spacing: 0.04em;
}

a.header-btn:after {
    content: "\f2c1";
    font-family: FontAwesome;
    font-size: 130%;
    margin-left: 0.35em;
    vertical-align: baseline;
}

a.header-btn:hover,
a.header-btn:focus {
    background: #fff;
}

.site-branding a.header-btn:hover,
.site-branding a.header-btn:focus {
    opacity: 1;
}	







/**
 * 11.2 - Posts and pages
 */

.page-title {
    font-family: 'Open Sans', sans-serif;
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 1.2173913043;
    color:#936d18;
    font-weight: 500;
}
.page-header {
    border-top:none;
    margin: 0 7.6923% 3.5em;
    padding-top: 1.75em;
}
.entry-title {
	font-family: 'Open Sans', sans-serif;
	font-size: 36px;
	font-size: 2rem;
	font-weight: 600;
    color: #b91b11;
	line-height: 1.25;
	margin-bottom: .5em;
    padding:10px 0 0 0;
    text-transform: normal;
    letter-spacing: 0;
}





.entry-title a {
	color: #b91b11;
    text-decoration: none;
}

.entry-title a:hover,
.entry-title a:focus {
	color: #1c5789;
    text-decoration: underline;
    font-weight: 600;
}

.school-entry-title {
	font-family: 'Open Sans', sans-serif;
	font-size: 22px;
	font-size: 1.375rem;
	font-weight: 700;
    color: #b91b11;
	line-height: 1;
	margin-bottom: 0;
    padding:0 0 0 10px;
    border-left: 15px solid #b2b0b0;
    border-bottom: none
}

.school-entry-title a {
	color: #b91b11;
    text-decoration: none;
}

.school-entry-title a:hover,
.school-entry-title a:focus {
	color: #b91b11;
    text-decoration: none;
}

.entry-footer a {
	color: #1c5789;
}

.entry-footer a:hover,
.entry-footer a:focus {
	color: #007acc;
	font-weight: 400;
}

.archive-content h3{
    color:#b91b11;
    border-top:2px dotted #ccc;
    padding-top: 8px;
}

ul.archives-by-cat{
    list-style: none;
}

.archives-by-cat li{
    font-weight: 600;
    margin-bottom: 5px;
}

.archives-by-cat li a{
    font-weight: 500;
    margin-left: 3px;
}

.archives-by-cat li a:hover{
    font-weight: 500;
   color:#1c5789;
}

.archives-by-cat li a:focus{
    font-weight: 600;
   color:#1c5789;
    outline:1px solid #ccc;
}



/**
 * 11.6 - Footer
 */

#wrap-footer {
    margin:0 auto;
    display:block;
    width:100%;
    border-top:3px solid #424141;
    padding-top:1.5em;
}


.site-footer {
    padding: 0 2% 1.75em;
    background: #b91b11;
}

.site-info {
	color: #fff;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1.6153846154;
}

.site-info a {
	color: #fff;
    text-decoration: underline;
    font-weight: 400;
}

.site-info a:hover{
	color: #fff;
    text-decoration: underline;
    font-weight: 500;
}

.site-info a:focus {
	color: #fff;
    text-decoration: underline;
    font-weight: 500;
    outline:1px solid #fff;
}

.footer_address {
    width:100%;
    margin:0;
    padding-top: 10px;
}
.footer_content {
    width:100%;
    margin:0;
    
}
.footer_address p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    text-align: center;
    font-size:15px;
    font-size:.9375rem;
    line-height:1.85rem;
    color:#fff;
    letter-spacing: 0;
    margin:0 0 8px 0;
    padding: 0;
}

.footer_content p {
    text-align: center;
    font-size:13px;
    font-size:0.8125rem;
    color:#fff;
}

.site-footer .site-title {
	font-family: inherit;
	font-size: inherit;
	font-weight: 400;
}

.site-footer .site-title:after {
	content: "\002f";
	display: inline-block;
	font-family: 'Play', sans-serif;
	opacity: 0.7;
	padding: 0 0.307692308em 0 0.538461538em;
}

#footer-widget{
    float:left;
    width:100%;
    height: auto;
    margin-right:20px;
}

/* Special alert bar */
.special-alert {
background-color: #fddd6e ;
color: #000;
font-size: 20px;
font-size: 1.25rem;
line-height: 1.25rem;
margin: 0;
padding: 0;
}

.special-alert .site-inner {
    padding-left: 0.5em;
    padding-right: 0.5em;
}

.special-alert h1 {
color: #000;
font-size: 22px;
font-size: 1.375rem;
font-weight: 700;
line-height: 1.25;
letter-spacing: normal;
margin-bottom: 0.25em;
padding-top:0.5em;
text-transform: none;
}

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

.special-alert h2,
.special-alert h3,
.special-alert h4,
.special-alert h5,
.special-alert h6 {
    color: #970101;
}

.special-alert p {
    padding-top: 0.5em;
    padding-bottom: 1em;/* margin changed to padding for twentysixteen */
}

.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: 0;
margin: 0;
}

.special-alert .widget ul {
	padding-top: 0.5em;
    padding-bottom: 1em;
	list-style: square;
}



/**
 * 14.0 - Media Queries
 */

/**
 * Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}


/**
 * 14.1 - >= 710px
 */

@media screen and (min-width: 44.375em) {
    
    body:not(.custom-background-image):before,
    body:not(.custom-background-image):after {
		top: 0;
        display:none;
	}
    
    .site {
		margin: 0;
	}
    
    .site-header {
		padding: 2%;
	}
     .site-header-menu{
        margin-top: 0;
        margin-bottom: 0;
    }
    

    
    
    .entry-header, .post-thumbnail, .entry-content, .entry-summary, .entry-footer, .comments-area, .image-navigation, .post-navigation, .page-header, .page-content, .content-bottom-widgets {
    margin-right: 0;
        margin-left: 0;
}
    
    .widget .entry-image{
    float: left;
    margin-right: 1em;
    width: 30%;
    border: 3px #fff solid;
}

.widget .upw-posts .entry-image img {
    width: 100%;
    height: auto;
}

#sticky-posts-4 h4.entry-title{
    float: right;
    text-align: left;
    margin: 0;
    padding: 0;
    width: 65%;
    clear: none;
}

#sticky-posts-4 .entry-summary{
    float: right;
    text-align: left;
    width:65%;
    margin:0 0 60px 0;
    padding: 0;
}
    
    .school-entry-title {
	font-family: 'Open Sans', sans-serif;
	font-size: 32px;
	font-size: 2rem;
	font-weight: 700;
    color: #b91b11;
	line-height: 1;
	margin-bottom: 0;
    padding:0 0 0 10px;
    border-left: 15px solid #b2b0b0;
    border-bottom: none;
    text-transform: uppercase;
}
    
    
}


/**
 * 14.2 - >= 783px
 */


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

	
	
}



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

    
.one-half{
	margin-left:0;
	margin-bottom:30px;
	float:left;
	display:block;
	}

/* -- First Column -- */
.one-half.first { 
  margin-left:0;
 width: 100%;
    
}

/* -- 2 Columns -- */
.one-half { 
    width: 100%;
}
    
    .content-bottom-widgets .widget-area-1{
		margin-bottom: 2em;
        float: left;
        width: 100%;
        margin-right:0;
    }
    
    .content-bottom-widgets .widget-area-2{
		margin-bottom: 2em;
        float: left;
        width:100%;
        margin-right:0;
        
	}
    
    .content-bottom-widgets .widget-area-3{
		margin-bottom:2em;
       float: left;
        width: 100%;
        
	}
    
	
}










/*  --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.header {cursor: pointer;}
	
	/* 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: "Last:"; font-weight: bold; }
	.staff td:nth-of-type(2):before { content: "First:"; font-weight: bold; }
	.staff td:nth-of-type(3):before { content: "Position:"; font-weight: bold; }
	.staff td:nth-of-type(4):before { content: "Email:"; font-weight: bold; }
	.staff td:nth-of-type(5):before { content: "Building:"; font-weight: bold; }
	.staff td:nth-of-type(6):before { content: "Phone Ext:"; font-weight: bold; }

}


/**
 * 14.3 - >= 910px
 */

@media screen and (min-width: 56.875em) {
	
	.g-translate {
		float: left;
		margin-left: .5em;
	}
    
    .no-sidebar .entry-header, .no-sidebar .entry-content, .no-sidebar .entry-summary, .no-sidebar .entry-footer, .no-sidebar .comments-area, .no-sidebar .image-navigation, .no-sidebar .post-navigation, .no-sidebar .pagination, .no-sidebar .page-header, .no-sidebar .page-content, .no-sidebar .content-bottom-widgets {
    margin-right:0;
    margin-left: 0;
    margin-top: 0;
}
    .content-area {
    float:left;
    margin-right: -100%;;
    width: 66%;
}
    
    .no-sidebar .content-area {
		float: left;
		margin-right: -100%;
		width: 66%;
	}
    .school-content-area{
        float:left;
        margin-right: 0;
        margin-top:0;
        width:66%;
    }
    
    .sidebar {
        float: right;
        margin-left: 4%;
        margin-top:30px;
        padding: 0 10px 20px 10px ;
        width: 30%;
        background: rgba(255,255,255,0.7);
    }
    
    #wrap_moreinfo {    /*wraps the custom fields*/
        width: 30%;	
        padding:0 8px;	
        margin: 30px 0 36px 5%;
        background-color:rgba(255, 255, 255, 0.7);
        float:right;
	}
    
    .sidebar-left {
    float: left;
    margin-left: 0;
    margin-right: 4%;
    margin-top:30px;
    padding: 0;
    width: 30%;
    }
    
    #footer-widget{
    float:left;
    width:30%;
    height: auto;
    margin-right:20px;
}
    
    .footer_address {
    width:auto;
    margin:0;
    padding-top: 55px;
}
    .wrap-secondary-navigation-bottom {
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: flex-start;
    }
	
	.header-buttons {
		width: auto;
		padding-right: 0.25em;
	}
	
	#wysiwyg_widgets_widget-11 {
    padding-top:0em;
	}

    
    
}


/**
 * 14.4 - >= 985px
 */

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

	
	.wrap-secondary-and-translate {
		width:auto;
		margin-top:1em;
	}
    
    .site-header-menu{
        margin-top: 0;
        margin-bottom: 0;
        float: left;
        width:auto;
    }
    
    #wrap_search {
    display: inline-block;
    padding: 5px;
    margin: 0.2em auto 0.2em;
    text-decoration: none;
    position: relative;
    width: 30%;
    float: right;
}
    
     
    
    .entry-content h4, .entry-summary h4, .entry-intro h4, .comment-content h4 {
    letter-spacing: normal;
}
	

}

/**
 * 14.5 - >= 1200px
 */

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

	
	.g-translate {
		float: right;
		margin-left:.5em;
	}
	
	.site-content{
        padding:0 1%;
    }
    
    body:not(.search-results) .entry-summary {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.3;
    margin-bottom: 1.826086957em;
    color:#323333;
}
    
    .tagline{
    background: transparent;
    width:20%;
    float:left;
    display:block;
}
    
    
    
    .content-bottom-widgets .widget-area-1{
		margin-bottom: 2em;
        float: left;
        width: 30%;
        margin-right:5%;
    }
    
    .content-bottom-widgets .widget-area-2{
		margin-bottom: 2em;
        float: left;
        width:30%;
        margin-right:0;
        
	}
    
    .school-content-bottom-widgets .widget-area-2{
		margin-bottom: 0;
        float: left;
        width: 47%;
        margin-right:4%;
    }
    
    .school-content-bottom-widgets .widget-area-3{
		margin-bottom: 0;
        float: right;
        width:47%;
        margin-right:0;
        
	}
    
    .widget .entry-image{
    float: left;
    margin-right: 1em;
    width: 40%;
    border: 3px #fff solid;
}

.widget .upw-posts .entry-image img {
    width: 100%;
    height: auto;
}

#sticky-posts-4 h4.entry-title{
    float: right;
    text-align: left;
    margin: 0;
    padding: 0;
    width: 100%;
    clear: none;
}

#sticky-posts-4 .entry-summary{
    float: right;
    text-align: left;
    width:55%;
    margin:0 0 60px 0;
    padding: 0;
}
    
    .content-bottom-widgets .widget-area-3{
		margin-bottom:2em;
       float: right;
        width: 30%;
        
	}

    
    /* ---------[ Columns ]--------- */

.one-half{
	margin-left:4%;
	margin-bottom:30px;
	float:left;
	display:block;
	}

/* -- First Column -- */
.one-half.first { 
  margin-left:0;
 width: 66%;
    
}

/* -- 2 Columns -- */
.one-half { 
    width: 30%;
}
    
.agenda-view{
	visibility:hidden;
}

.month-view{
	visibility:visible;
}
}

/**
 * 14.5 - >= 1257px
 */

@media screen and (min-width: 78.5625em) {
	.wrap-secondary-navigation-bottom {
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: flex-end;
    }
}