/*
Theme Name:     JSD 2011
Theme URI:      http: //www.jordandistrict.org/
Description:    Jordan School District's child theme for the Twenty Eleven parent theme
Author:         Jordan School District
Author URI:     http: //www.jordandistrict.org
Template:       twentyeleven
Version:        1.1.0
*/

@import url("../twentyeleven/style.css");
@import url(https://fonts.googleapis.com/css?family=Lato);

/*Twenty Eleven Modifications*/

body {
	background: #fff url(images/bg_scatter.png) repeat-x;
	padding: 0;
}
body, input, textarea {
	font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
	line-height: 1.625;
}
#page {
	background: none;
	margin: 0 auto;
	max-width: 965px;
}
#content {
	margin: 0 43.6% 0 0%;
	width: 68%;
}
#secondary {
	float: right;
	margin-right: 0%;
	width: 24.4%;
}
html .mceContentBody {
	max-width: 965px;
}
ol p, ul p {
	margin-bottom: 0;
}
/* Links */
a {
	text-decoration: underline;
}
a:focus,
a:active,
a:hover {
	color: #551A8B;
	text-decoration: underline dotted #551A8B 1px;
}
/*global*/
body, input, textarea {
	color: #333;
}
.entry-header hgroup .entry-title {
	padding-top: 0px;
}
.entry-title {
	color: #333;
	font-size: 24px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.entry-title a {
	text-decoration: underline solid #999 1px;
}
.entry-title a:focus, .entry-title a:active, .entry-title a:hover {
	text-decoration: underline dotted #551A8B 1px;
}
/*content*/
.singular .entry-title {
	color: #333;
	font-size: 36px;
	font-weight: bold;
	line-height: 48px;
}
.singular .entry-header,
.singular .entry-content,
.singular footer.entry-meta,
.singular #comments-title,
.singular #content, 
.left-sidebar.singular #content {
	margin: 0 auto;
	width: 100%;
}
.singular.page .hentry {
	padding: 0px;
}

.page-template-sidebar-page #primary {
	float: left;
	margin: 0 -26.4% 0 0;
	width: 100%;
}
/* Forms */
input[type=text],
input[type=email],
input[type=password],
input[type=url],
textarea {
	background: #fafafa;
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	border: 1px solid #ddd;
	color: #888;
}
/*header*/
#site-title {
	margin-right: 270px;
	padding: 3.65625em 0 0;
}
#branding {
	border-top: none;
	padding-bottom: 10px;
	position: relative;
	z-index: 10;
}
/*menu*/
#access {
	background: #005b80; /* Show a solid color for older browsers */
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	clear: both;
	display: block;
	float: left;
	margin: 0 auto 6px;
	width: 100%;
	color: #FFF;
}
#access div {
	margin: 0 1%;
}
#access ul {
	font-size: 13px;
	list-style: none;
	margin: 0 0 0 -0.8125em;
	padding-left: 0;
}
#access a {
	color: #FFF;
	display: block;
	line-height: 3.333em;
	padding: 0 1.2125em;
	text-decoration: none;
	border-left: 1px dotted #FFF;
}
#access ul ul a {
	background: #f9f9f9;
	border-left: none;
	border-bottom: 1px dotted #ddd;
	color: #444;
	font-size: 13px;
	font-weight: normal;
	height: auto;
	line-height: 1.4em;
	padding: 10px;
	width: 168px;
	margin-left: 1px;
}
/* Assistive text */
.assistive-text,
.screen-reader-text {
	position: absolute !important;
	top: -1000px;
        left: -1000px;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	overflow: hidden;
	height: 1px;
	width: 1px;
	color: #fff;
	background: #000;
}
#access a.assistive-text:focus,
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background: #fff;
	border-bottom: 1px solid #ddd;
	color: #000;
	clip: auto !important;
	font-size: 12px;
	height: auto;
	position: absolute;
	text-decoration: underline;
	top: 45px;
	left: 0;
	width: auto;
}
/*search*/
input#s {
	background: url(images/search.png) no-repeat 5px 6px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-size: 14px;
	height: 22px;
	line-height: 1.2em;
	padding: 4px 10px 4px 28px;
	background-size: 20px 20px;
}
#branding #searchform {
	position: absolute;
	top: 3.8em;
	right: 0;
	text-align: right;
}

#branding .only-search #s {
	background-color: #FFF;
	border-color: #b7b7b7;
	color: #222;
	width: 72px;
}
#branding .only-search #s:focus {
	background-color: #FFF;
	width: 196px;
}
/*home*/
#jsdwelcome {
	width: 965px;
}
#jsdwelcome .boilerplate {
	float: left;
	height: 404px;
	width: 350px;
}
#jsdwelcome .toptext {
	width: 100%;
	font-size: 20px;
	padding-top: 50px;
	padding-left: 25px;
}
#jsdwelcome .midlogo {
	background: url(images/logo_home.svg) no-repeat center top;
	height: 70px;
	width: 90%;
	margin: 0px auto;
}
#jsdwelcome .description {
	text-align: right;
	width: 95%;
	font-size: 20px;
	font-style: italic;
	line-height: 35px;
	font-weight: normal;
	font-variant: normal;
}
#jsdwelcome .description a {
	color: #333;
	text-decoration: none;
}
#jsdwelcome .description a:hover, #jsdwelcome .description a:focus {
	text-decoration: underline;
}
#jsdwelcome .stayconnected {
	margin-top: 10px;
	float: right;
	margin-right: 5%;
}
#jsdwelcome .social, #jsdwelcome .social ul {
	padding: 0;
	margin: 0;
	list-style: none;
	z-index: 1;
}
#jsdwelcome .social ul a {
	width: 32px;
	height: 32px;
	display: block;
}
#jsdwelcome #facebook a {
	background: url(images/social_facebook.png);
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-size: 32px 64px;
	font-size : 0px;
}
#jsdwelcome #twitter a, #jsdwelcome #x a {
	background: url(images/social_x.png);
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-size: 32px 64px;
	font-size : 0px;
}
#jsdwelcome #youtube a {
	background: url(images/social_youtube.png);
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-size: 32px 64px;
	font-size : 0px;
}
#jsdwelcome #instagram a {
	background: url(images/social_instagram.png);
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-size: 32px 64px;
	font-size : 0px;
}
#jsdwelcome #rss a {
	background: url(images/social_rss.png);
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-size: 32px 64px;
	font-size : 0px;
}
#jsdwelcome #email a {
	background: url(images/social_email.png);
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-size: 32px 64px;
	font-size : 0px;
}
#jsdwelcome #supercast a {
	background: url(images/social_supercast.png);
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-size: 32px 64px;
	font-size : 0px;
}
#jsdwelcome #facebook a:hover, #jsdwelcome #twitter a:hover, #jsdwelcome #x a:hover, #jsdwelcome #youtube a:hover, #jsdwelcome #instagram a:hover, #jsdwelcome #rss a:hover, #jsdwelcome #email a:hover, #jsdwelcome #supercast a:hover, #jsdwelcome #facebook a:focus, #jsdwelcome #twitter a:focus, #jsdwelcome #youtube a:focus, #jsdwelcome #instagram a:focus, #jsdwelcome #rss a:focus, #jsdwelcome #email a:focus, #jsdwelcome #supercast a:focus {
	background-position:100% -32px;
}

#jsdwelcome .social li {
	float: left;
	width: 32px;
	margin-left: 6px;
}
.facebook a:hover {
    background: transparent url(images/social_sprite.png)
    0 -32px no-repeat;}

#jsdwelcome .homeslide {
	float: right;
	height: 410px;
	width: 586px;
}
.cat-post-item post-title a {
	font-weight: bold;
	color: #008468;	
}
.cat-post-item post-title a:hover {
	text-decoration: underline;
}
.entry-format {
	display: none;
}
/*file Icon Display */
.entry-content a[href$=doc]:before,
.entry-content a[href$=docx]:before,
.entry-content a[href$=gz]:before,
.entry-content a[href$=pdf]:before,
.entry-content a[href$=ppt]:before,
.entry-content a[href$=pptx]:before,
.entry-content a[href$=pps]:before,
.entry-content a[href$=ppsx]:before,
.entry-content a[href$=rar]:before,
.entry-content a[href$=xls]:before,
.entry-content a[href$=xlsx]:before,
.entry-content a[href$=zip]:before,
.entry-content .icon-archive-file:before,
.entry-content .icon-excel:before,
.entry-content .icon-pdf:before,
.entry-content .icon-powerpoint:before,
.entry-content .icon-word:before,
.edit-link:before,
.entry-content a[target=_blank]:link:after,
.entry-content .more-link:after,
.entry-format:before,
.entry-header .title-comment-meta a:before,
.entry-summary .more-link:after,
.format-aside .entry-format:before,
.format-image .entry-format:before,
.format-link .entry-format:before,
.format-quote .entry-format:before,
.format-status .entry-format:before,
.full-size-link:before,
.icon-webfont {
	-moz-osx-font-smoothing: grayscale;
	 -webkit-font-smoothing: antialiased;
	display: inline-block;
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	line-height: 1;
	speak: none;
	text-align: center;
	text-decoration: inherit;
	text-rendering: auto;
	text-transform: none;
}
a.icon-webfont,
a .icon-webfont,
a:hover.icon-webfont,
a:hover .icon-webfont,
a:active.icon-webfont,
a:active .icon-webfont,
.entry-content a[target=_blank]:link:after {
	text-decoration: none!important;
}
.entry-content a[href$=doc]:before,
.entry-content a[href$=docx]:before,
.entry-content a[href$=gz]:before,
.entry-content a[href$=pdf]:before,
.entry-content a[href$=ppt]:before,
.entry-content a[href$=pptx]:before,
.entry-content a[href$=pps]:before,
.entry-content a[href$=ppsx]:before,
.entry-content a[href$=rar]:before,
.entry-content a[href$=xls]:before,
.entry-content a[href$=xlsx]:before,
.entry-content a[href$=zip]:before {
	font-size: 18px;
	font-size: 1.125rem;
	padding-right: 5px;
	padding-right: 0.3125rem;
	vertical-align: baseline;
}
.entry-content a[href$=doc]:before,
.entry-content a[href$=docx]:before {
	color: #2a5699;
	content: "\f1c2";
}
.entry-content a[href$=pdf]:before {
	color: #bb0706;
	content: "\f1c1";
}
.entry-content a[href$=ppt]:before,
.entry-content a[href$=pptx]:before,
.entry-content a[href$=pps]:before,
.entry-content a[href$=ppsx]:before {
	color: #d24625;
	content: "\f1c4";
}
.entry-content a[href$=xls]:before,
.entry-content a[href$=xlsx]:before {
	color: #207245;
	content: "\f1c3";
}
.entry-content a[href$=gz]:before,
.entry-content a[href$=rar]:before,
.entry-content a[href$=zip]:before {
	color: #428f27;
	content: "\f1c6";
}
.entry-content .icon-archive-file:before,
.entry-content .icon-excel:before,
.entry-content .icon-pdf:before,
.entry-content .icon-powerpoint:before,
.entry-content .icon-word:before {
	font-size: 18px;
	font-size: 1.125rem;
	padding-right: 5px;
	padding-right: 0.3125rem;
	vertical-align: baseline;
}
.entry-content .icon-archive-file:before {
	color: #428f27;
	content: "\f1c6";
}
.entry-content .icon-excel:before {
	color: #207245;
	content: "\f1c3";
}
.entry-content .icon-pdf:before {
	color: #bb0706;
	content: "\f1c1";
}
.entry-content .icon-powerpoint:before {
	color: #d24625;
	content: "\f1c4";
}
.entry-content .icon-word:before {
	color: #2a5699;
	content: "\f1c2";
}
/*footer Site Generator */
#colophon {
	clear: both;
	width: 100%;
}
#supplementary {
	border-top: none;
	padding: 1.625em 7.6%;
	overflow: hidden;
}
#site-generator {
	background: #004966 url(images/bg_lei.png) repeat-x;
	border-top: none;
	color: #FFF;
	font-size: 16px;
	line-height: none;
	padding: none;
	text-align: center;
	height: 190px;
}
#site-generator a, #site-generator a:hover, #foot a, #foot a:hover {
	color: #f0f0f0;
	font-weight: bold;
}
#site-generator .leadeducateinspire {
	background: url(images/sitegen_lei.svg) no-repeat;
	height: 20px;
	width: 554px;
	margin: 8px auto 0px;
}
/*Showcase*/
.page-template-showcase-php #content,
.left-sidebar.page-template-showcase-php #content {
	margin: 0;
	width: auto;
}
.page-template-showcase-php #jsdlogo {
	margin: 0;
}
.page-template-showcase-php .hentry,
.no-results {
	border-bottom: none;
}
/*Content Form*/
#respond input#submit {
	background: #00709E;
	border: none;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	color: #eee;
	cursor: pointer;
	font-size: 15px;
	margin: 20px 0;
	padding: 5px 42px 5px 22px;
	position: relative;
	left: 30px;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
}	
/*School Profiles*/
.school250 {
	height: 200px;
	width: 100%;
	font-size: 85%;
}
.schoolphoto {
	float: right;
	height: 200px;
	width: 356px;
}
/*JSD Legacy*/
.divcenter {
	text-align: center;
	margin: auto;
}
.secondhead {
	font-size: 1.50em;
}
.List-None {
	margin-left: -2.60em;
	list-style-type: none;
}
.newbold_red {
	font-weight: bold;
	color: #EE273B;
}
.wp-block-image {
	border: none;
}
.boxhead {
	font-weight: bold;
	background: #00709E; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#005b80, #00709E);
	background: -o-linear-gradient(#005b80, #00709E);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#005b80), to(#00709E)); /* older webkit syntax */
	background: -webkit-linear-gradient(#005b80, #00709E);
	color: #FFF;
	border: none;
	padding-left: 6px;
}
ul, ol {
	margin: 0 0 1.625em 2.5em;
}
ul ul, ol ol, ul ol, ol ul, ul li ul, ol li ul {
	margin-top: 0px;
	margin-bottom: 0px;
}
/*sidebar widget*/
#weatherstatus, #covidstatus {
	width: 100%;
	font: normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;
}
#sidebar-ui {
	width: 100%;
}
#sidebar-ui ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
}
#sidebar-ui a
{
	height: 2em;
	color: #333;
	display: block;
	margin-bottom: 0;
	padding-left: 64px;
	padding-top: 22px;
	font: italic normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#sidebar-ui a:link, #sidebar-ui a:visited {
	color: #333;
	text-decoration: underline;
}
#sidebar-ui a:hover, #sidebar-ui a:focus  {
	color: #00709e;
	text-decoration: underline dotted #00709e 1px;
}
#sidebar-ui .digitallearning {
	background: url(images/site_digitallearning.png) no-repeat left center;
	background-size: 50px 50px;
}
#sidebar-ui .wellness {
	background: url(images/site_counseling.png) no-repeat left center;
	background-size: 50px 50px;
}
#sidebar-ui .bond2016 {
	background: url(images/site_bond.png) no-repeat left center;
	background-size: 50px 50px;
}
#sidebar-ui .gradebook {
	background: url(images/site_gradebook.png) no-repeat left center;
	background-size: 50px 50px;
}
#sidebar-ui .schoolmenus {
	background: url(images/site_schoolmenus.png) no-repeat left center;
	background-size: 50px 50px;
}
#sidebar-ui .parentguidance {
	background: url(images/site_parentguidance.png) no-repeat left center;
	background-size: 50px 50px;
}
#sidebar-ui .lcs {
	background: url(images/site_lcs.png) no-repeat left center;
	background-size: 50px 50px;
}
#sidebar-ui .employment {
	background: url(images/site_employment.png) no-repeat left center;		
	background-size: 50px 50px;
}
#sidebar-ui .utahcore {
	background: url(images/site_utahcore.png) no-repeat left center;		
	background-size: 50px 50px;
}
#sidebar-ui .mathhelps {
	background: url(images/site_mathhelps.png) no-repeat left center;		
	background-size: 50px 50px;
}
#sidebar-ui .onlineclasses {
	background: url(images/site_onlineclass.png) no-repeat left center;		
	background-size: 50px 50px;
}
#sidebar-ui .suggestions {
	background: url(images/site_suggestions.png) no-repeat left center;		
	background-size: 50px 50px;
}
#sidebar-ui .districtdollars {
	background: url(images/site_districtdollars.png) no-repeat left center;
	background-size: 50px 50px;
}
.widget-title {
	color: #333;
	letter-spacing: 0px;
	text-transform: none;
	font: italic bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.widget a {
	font-weight: bold;
	text-decoration: underline;
}
.widget a:hover,
.widget a:focus,
.widget a:active {
	text-decoration: underline;
	text-decoration-style: dotted;
}
.widget select {
	max-width: 100%;
 }
#category-posts-2 .widget-title, #category-posts-2 .widget-title {
	color: #333;
	text-transform: none;
	font: italic 30px "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
	text-decoration: none;
}
#category-posts-2 ul li a, #categoryposts-2 ul li a {
	color: #008468;
	font-weight: bold;
	text-decoration: none;
}
#category_posts_widget-2 ul li a:hover,
#category_posts_widget-2 ul li a:focus,
#category_posts_widget-2 ul li a:active,
#categoryposts-2 ul li a:hover,
#categoryposts-2 ul li a:focus,
#categoryposts-2 ul li a:active {
	text-decoration: underline;
}
.page-template-showcase-php .other-recent-posts, .one-column #nav-below {
		border-bottom: none;
	}
.entry-content th,
.comment-content th {
	color: #333;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.05em;
	line-height: 2.6em;
	text-transform: uppercase;
}
/*Contact Map*/
.map {
	float: right;
	width: 350px;
	height: 365px;
	margin-left: 12px;
}

.wp-caption .wp-caption-text,
.gallery-caption {
	color: #333;
	font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
/*Media Bar*/
.mejs-offscreen {
	color: #000;
	background: #fff;
}
/*reCAPTCHA*/
/* Hides the reCAPTCHA on every page */
.grecaptcha-badge {
    display: none !important;
}

/* Shows the reCAPTCHA on the Contact page */
.page-id-3520 .grecaptcha-badge, .page-id-3524 .grecaptcha-badge {
    display: block !important;
}
/* Block Modifications */
.wp-block-table {
	border-bottom: none;
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}

/* =Responsive Structure
----------------------------------------------- */
@media (max-width: 800px) {
/* keep the sidebar - this edit is for right sidebar only */
body {
	min-width: 965px;
}
#page {
	margin-left: 20px;
}
.right-sidebar #main #content {
	margin: 0 29% 0 1%;
	width: 70%;
}
.right-sidebar #main #secondary {
	float: right;
	margin: 0 2% 0 0%;
	width: 24%;
}
.page-template-showcase-php  #main #content {
	margin: 0 3%;
	width: 94%;
}
#nav-below {
		border-bottom: none;
		margin-bottom: 1.625em;
	}
#colophon {
	clear: both;
	width: 105%;
}
}
/* =Print
----------------------------------------------- */

@media print {
.menu-district-menu-container {
	display: none;
}
}