/*
Theme Name: District Standard Child Theme
Description: Inovado Child Theme for District site
Author: Hilliard City Schools
Template: inovado
Version: 1.0
*/
/* ------------------------------------------------------------------------ */
/* 01. Imports
/* ------------------------------------------------------------------------ */
@import url("../inovado/style.css");
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    font:revert;
}


:focus {
    outline-style: auto;
	outline-width: 5px;
	outline-color: -webkit-focus-ring-color;
}
.grecaptcha-badge { 
    visibility: hidden;
}
#boxed-layout {
    width: 1180px;
    margin: 0px auto;
    background: #ffffff;
    /*-webkit-box-shadow:0px 0px 16px 0px rgba(0, 0, 0, 0.16);
       -moz-box-shadow:0px 0px 16px 0px rgba(0, 0, 0, 0.16);
        	box-shadow:0px 0px 16px 0px rgba(0, 0, 0, 0.16);*/
	-o-box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(4, 4, 4, 0.06);
	-webkit-box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(4, 4, 4, 0.06);
	-moz-box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(4, 4, 4, 0.06);
	box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(4, 4, 4, 0.06);
	margin: 30px auto;	

}/* boxed body */
body {margin: auto; border: none;}
.post-meta { margin-bottom: 20px; margin-left:0; margin-top: 0px; border-top: 1px solid #eee;}
.home .post-title h2{margin-bottom:5px;}
 .post-meta span {background: none;}

.blog-medium .post-content {width:400px;}
#pagination {margin-top:25px;}
#header-v5 #navigation{
background: #4D7FB5; /* Show a solid color for older browsers */
background: -moz-linear-gradient(#387CC6, #32609E);
background: -o-linear-gradient(#387CC6, #32609E);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#387CC6), to(#32609E)); 
/* older webkit syntax */
background: -webkit-linear-gradient(#387CC6, #32609E);
-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;}
#header-v5 #navigation li a:hover  {
background: #f9f9f9;
color: #000;
background: -moz-linear-gradient(#f9f9f9, #e5e5e5);
background: -o-linear-gradient(#f9f9f9, #e5e5e5);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5));
background: -webkit-linear-gradient(#f9f9f9, #e5e5e5);}
#header-v5 #navigation ul#nav > li {margin-right: 0; margin-left: 0;}
#header-v5 #navigation ul#nav > li > a{padding-right: 1.2125em; padding-left: 1.2125em; line-height: 2; border-right: 1px solid #486ECB; margin-left:-4px;}

  #header-v5 #navigation ul#nav > li.current-menu-item > a, #header-v5 #navigation ul#nav > li.current-page-ancestor > a, #header-v5 #navigation ul#nav > li.current-page-ancestor > a:hover, #header-v5 #navigation ul#nav > li.current-menu-ancestor > a, #header-v5 #navigation ul#nav > li.current-menu-ancestor > a:hover, #header-v5 #navigation ul#nav > li.current-menu-parent > a, #header-v5 #navigation ul#nav > li.current-menu-parent > a:hover, #header-v5 #navigation ul#nav > li.current_page_ancestor > a  {color: #fff !important;}
#header-v5 #navigation ul#nav > li.current-menu-item > a:hover{color: #387CC6 !important;}
#header-v5 #navigation .sub-menu {left:-5px; padding: 0px;}
#header-v5 #navigation ul#nav li ul > li > a {padding-right: 1.2125em; padding-left: 1.2125em; }
#header-v5 #navigation ul#nav > li.current_page_ancestor > a:hover{color: #387CC6  !important;}

#header-v5 #navigation li:hover > a, #header-v5 #navigation a:focus {
		background-color: rgba(59, 153, 252, .5);
	outline-style: none;
}
.menu-attributes-container, .menu-sections-container  { overflow:hidden; margin: 0 35px 45px;}
#menu-attributes .menu-item, #menu-sections .menu-item{
    float: left; 
}
#menu-attributes .menu-item a{
height: 80px;
	 display: block;
    text-indent: -9999px;
    width: 120px;
	margin-right: 5px;
    background: transparent url(images/attributes.jpg) 0 0 no-repeat;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#menu-attributes .community a { background-position: 0 0; }
#menu-attributes .learning a { background-position: -120px 0; }
#menu-attributes .instruction a { background-position: -240px 0; }
#menu-attributes .student a { background-position: -360px 0; }
#menu-attributes .assessment a { background-position: -480px 0; }
#menu-attributes .communication a { background-position: -600px 0; }
#menu-attributes .collaboration a { background-position: -720px 0; }


#menu-attributes .community a:hover, #menu-attributes .community a:focus, #menu-attributes.community a:active {
    background: transparent url(images/attributes.jpg) 0 -80px no-repeat;
}
#menu-attributes .learning a:hover, #menu-attributes .learning a:focus, #menu-attributes .learning a:active {
    background: transparent url(images/attributes.jpg) -120px -80px no-repeat;
}
#menu-attributes .instruction a:hover, #menu-attributes .instruction a:focus, #menu-attributes .instruction a:active {
    background: transparent url(images/attributes.jpg) -240px -80px no-repeat;
}
#menu-attributes .student a:hover, #menu-attributes .student a:focus, #menu-attributes .student a:active {
    background: transparent url(images/attributes.jpg) -360px -80px no-repeat;
}
#menu-attributes .assessment a:hover, #menu-attributes .assessment a:focus, #menu-attributes .assessment a:active {
    background: transparent url(images/attributes.jpg) -480px -80px no-repeat;
}
#menu-attributes .communication a:hover, #menu-attributes .communication a:focus, #menu-attributes .communication a:active {
    background: transparent url(images/attributes.jpg) -600px -80px no-repeat;
}
#menu-attributes .collaboration a:hover, #menu-attributes .collaboration a:focus, #menu-attributes .collaboration a:active {
    background: transparent url(images/attributes.jpg) -720px -80px no-repeat;
}
#menu-sections .menu-item a{
height: 80px;
	 display: block;
    text-indent: -9999px;
    width: 120px;
	margin-right: 5px;
    background: transparent url(images/sections.jpg) 0 0 no-repeat;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#menu-sections .one a { background-position: 0 0; }
#menu-sections .two a { background-position: -120px 0; }
#menu-sections .three a { background-position: -240px 0; }
#menu-sections .four a { background-position: -360px 0; }
#menu-sections .five a { background-position: -480px 0; }
#menu-sections .six a { background-position: -600px 0; }
#menu-sections .seven a { background-position: -720px 0; }


#menu-sections .one a:hover, #menu-sections .one a:focus, #menu-sections.one a:active {
    background: transparent url(images/sections.jpg) 0 -80px no-repeat;
}
#menu-sections .two a:hover, #menu-sections .two a:focus, #menu-sections .two a:active {
    background: transparent url(images/sections.jpg) -120px -80px no-repeat;
}
#menu-sections .three a:hover, #menu-sections .three a:focus, #menu-sections .three a:active {
    background: transparent url(images/sections.jpg) -240px -80px no-repeat;
}
#menu-sections .four a:hover, #menu-sections .four a:focus, #menu-sections .four a:active {
    background: transparent url(images/sections.jpg) -360px -80px no-repeat;
}
#menu-sections .five a:hover, #menu-sections .five a:focus, #menu-sections .five a:active {
    background: transparent url(images/sections.jpg) -480px -80px no-repeat;
}
#menu-sections .six a:hover, #menu-sections .six a:focus, #menu-sections .six a:active {
    background: transparent url(images/sections.jpg) -600px -80px no-repeat;
}
#menu-sections .seven a:hover, #menu-sections .seven a:focus, #menu-sections .seven a:active {
    background: transparent url(images/sections.jpg) -720px -80px no-repeat;
}


.one2one .dropcap.dropcap-circle{margin-top: 5px; margin-bottom:100px;}
.accordion .accordion-inner {/*font-size: 20px;*/ padding:20px;}
.accordion .accordion-title a{
	padding: 20px 55px 20px 25px;
}
.wrapall .accordion .accordion-title a {
    font-size: 18px;
}


.accordion-title.active {margin-bottom: 0px;}
.accordion .accordion-inner {margin-bottom: 10px;}
.accordion .accordion-inner {
    margin-bottom: 20px;
    background: #eff3ff;
}





#footer {font-size:14px;  text-align: center;}

/*  ///////////  elementary  /////////////// */
#highlights { margin-bottom:20px;webkit-box-shadow: 0 4px 5px rgba(55,55,55,0.25);
-moz-box-shadow: 0 4px 5px rgba(55,55,55,0.25);
box-shadow: 0 4px 5px rgba(55,55,55,0.25); overflow:hidden; background:url(images/wall4.png);}
#highlights .latest-blog .blog-item h2{font-size: 20px!important;margin:0 0 0 5px;padding:0;
line-height: 23px;
}
#highlights .latest-blog .blog-item .blog-item-description span{color: #4C4C4C!important;}
#highlights .one_half {margin-bottom: 0 !important;}
#highlights .one_half.last {width: 430px; margin-left:20px;}

/*---------------[social menu]------------------*/
.menu-social-container {margin-bottom:25px;  overflow:hidden;}
#sidebar .widget ul#menu-social li{background:none;}
#menu-social .twitter, #menu-social .rss, #menu-social .facebook, #menu-social .pinterest, #menu-social .instagram, #menu-social .enews, #menu-social .vimeo, #menu-social .vine {
    float: left; 
}
#menu-social .twitter a, #menu-social .rss a, #menu-social .facebook a, #menu-social .pinterest a, #menu-social .instagram a, #menu-social .enews a, #menu-social .vimeo a, #menu-social .vine a{
height: 37px;
	 display: block;
    text-indent: -9999px;
    width: 42px;
    background: transparent url(images/social_icons.png) 0 0 no-repeat;
   
}
#menu-social .twitter a { background-position: 0 -37px; }
#menu-social .rss a { background-position: -42px -37px; }
#menu-social .facebook a { background-position: -84px -37px; }
#menu-social .pinterest a { background-position: -126px -37px; }
#menu-social .instagram a { background-position: -168px -37px; }
#menu-social .enews a { background-position: -210px -37px; }
#menu-social .vimeo a { background-position: -252px -37px; }
#menu-social .vine a { background-position: -294px -37px; }


#menu-social .twitter a:hover, #menu-social.twitter a:active {
    background: transparent url(images/social_icons.png) 0 0 no-repeat;
}
#menu-social .rss a:hover, #menu-social .rss a:active {
    background: transparent url(images/social_icons.png) -42px 0 no-repeat;
}
#menu-social .facebook a:hover, #menu-social .facebook a:active {
    background: transparent url(images/social_icons.png) -84px 0 no-repeat;
}
#menu-social .pinterest a:hover, #menu-social .pinterest a:active {
    background: transparent url(images/social_icons.png) -126px 0 no-repeat;
}
#menu-social .instagram a:hover, #menu-social .instagram a:active {
    background: transparent url(images/social_icons.png) -168px 0 no-repeat;
}
#menu-social .enews a:hover, #menu-social .enews a:active {
    background: transparent url(images/social_icons.png) -210px 0 no-repeat;
}
#menu-social .vimeo a:hover, #menu-social .vimeo a:active {
    background: transparent url(images/social_icons.png) -252px 0 no-repeat;
}
#menu-social .vine a:hover, #menu-social .vine a:active {
    background: transparent url(images/social_icons.png) -294px 0 no-repeat;
}

#menu-social a:focus{
	background-color: #c6defc;
	outline:none;
}

ul.flyerslist {margin-left:0;}
ul.flyerslist li {
border-bottom: 1px solid #f2f2f2;
padding: 8px 5px 8px 10px;
background: none ;
text-indent:0px;
line-height: 18px;
font-size: 13px;
color: #666;
list-style:none;
}
a.orange.buttons {
	font-family: "Source Sans Pro", Arial, sans-serif;
	position: relative;
	color: rgba(255,255,255,1);
	text-decoration: none;
	background-color: rgba(219,87,5,1);
	font-size: 1.25em;
	display: block;
	width: 175px;
	padding: 5px;
	margin: 10px auto;
	text-align: center;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0px 5px 0px rgba(219,31,5,1), 0px 5px 5px rgba(0,0,0,.3);
	-moz-box-shadow: 0px 5px 0px rgba(219,31,5,1), 0px 5px 5px rgba(0,0,0,.3);
	box-shadow: 0px 5px 0px rgba(219,31,5,1), 0px 5px 5px rgba(0,0,0,.3);
	
	-webkit-transition: all .1s ease;
	-moz-transition: all .1s ease;
	-ms-transition: all .1s ease;
	-o-transition: all .1s ease;
	transition: all .1s ease;
}
#sidebar .widget {float:none;
clear:both;
position:relative;
display:block;
margin:0;
z-index: 1;
padding: 30px 20px 20px; 
-o-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.04);
-webkit-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.04);
-moz-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.04);
box-shadow: 0 4px 0 rgba(0, 0, 0, 0.04);	
border: 1px solid #EDEDED;	}
.single .widget_search input,.page .widget_search input, .widget_search input {width: 75% !important; }
.blog .post{
padding: 0 0 20px 0;
margin:  0;}
.overlay {
    
    background-color: rgba(0, 0, 0, 0);
    
    background-image: none!important;}
article.hcs_alert {
	padding: 20px 20px 5px 155px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-bottom: 35px;
	border: 5px solid #DC332D;
	background: #fff url(images/alert-icon.jpg) no-repeat 20px 20px;
}
article.hcs_alert h2.entry-title{ color: #2C85C3; font-size:30px; margin-bottom:0; line-height:1.2em;}
article.hcs_alert .entry-content{font-size:16px; line-height:26px;}
.post-meta span{padding-left:0;}

/*********** calendar feed*************************/
.gce-list-title{ /* The event title */
	font-weight:bold;
	background: none;    
}

.gcd-navbar{
	width: 100%;
	text-align: center;
	clear: both;
	overflow: hidden;}
div.gce-prev { float: left;}
div.gce-next { float: right;}
.gce-next, .gce-prev{white-space: nowrap;}
.gce-feed {
	border-bottom: 1px solid #f2f2f2;
	padding: 5px 5px 5px 10px;
	background: none ;
	text-indent:0px;
	line-height: 16px;
	font-size: 12px;
}
/*********** google maps*************************/
.google-maps {
    position: relative;
    padding-bottom: 90%; 
    height: 0;
    overflow: hidden;
}
.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* 
div#content {
    width: 100%;
    max-width: 1400px;
    margin: auto;
} */

.custom-herohome {
    position: relative;
	overflow: hidden;
}

p.imageone-afcontainer {
    position: absolute;
    z-index: 3;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
	margin-bottom: 0px;
}

p.imageone-afcontainer img {
	height: auto !important;
    width: 200px;
}

.home-herooverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f0f0f0;
    z-index: 2;
    opacity: .8;
}

#header-v5 #navigation ul#nav > li.current-menu-item > a,  #header-v5 #navigation ul#nav > li.current-menu-parent > a {
	border-color: #ffffff!important;
    background: #0d1c4a;
    border-right-color: #0d1c4a!important;
}

.homepage-content {
    width: 100%;
    max-width: 800px;
    margin: auto;
    text-align: center;
}

.buttons-af {
    display: flex;
    gap: 6px;
    justify-content: center;
    flex-wrap: wrap;
}

.buttons-af a {
    background: #3367a9;
    padding: 10px 20px;
    color: white!important;
	transition: .3s all;
}

.buttons-af a:hover {
	background: #0d1c4a;
}


.homepage-cards {
    display: flex;
}

a.card-af {
	width: 25%;
}

a.card-af img {
    width: 100%;
    max-width: 50px;
	filter: brightness(0) invert(1);
	margin-bottom: 10px;
	margin: 0px;
}

.homepage-cards p {
    margin: 0px;
}

a.card-af {
    text-align: center;
    padding: 30px 20px;
	transition: .3s all;
}

a.card-af .card-info h3 {
    color: white;
	margin: 0px;
}

a.card-af.c1 {
    background: #32609e;
}

a.card-af.c2 {
    background: #346bae;
}

a.card-af.c3 {
    background: #3672b9;
}

a.card-af.c4 {
    background: #387bc5;
}

a.card-af:hover {
	background: #0d1c4a!important;	
}

.card-info {
    display: flex;
    gap: 7px;
    align-items: center;
    justify-content: center;
	transition: .3s all;
}


a.card-af:hover .card-info {
	gap: 14px;
}

.card-info img {
    width: 100%;
    max-width: 10px !important;
}

.homepage-cards > p {
    display: none;
}

@media only screen and (max-width: 1100px){
	.homepage-cards {
		flex-wrap: wrap;
	}
	a.card-af {
		width: 50%;
		box-sizing: border-box;
	}
}

@media only screen and (max-width: 700px){
	p.imageone-afcontainer img {width: 150px;}
}

@media only screen and (max-width: 475px){
	a.card-af {width: 100%;}
	p.imageone-afcontainer img {width: 100px;}
}





@media print {

	.noprint { 
	  visibility: hidden; 
	} 
	body {
		border: none;
	}
	input[type=button] {
		display: none;
	}
	.goog-te-banner-frame, .goog-te-banner, .skiptranslate {
		visibility: hidden;
		display: none;
	}
	#header-v5, #header, #footer, #sidebar {
		display: none;
	}
	.container .twelve.columns {
		width: 900px}
	}
	
@media only screen and (min-width: 960px){
.stuck { width: 1180px !important;}}
	
@media only screen and (min-width: 768px) and (max-width: 959px) { 	
	#highlights .one_half.last{width: 45%;}
	#highlights .latest-blog .blog-item h2{font-size:16px!important; line-height:18px;}
	.latest-blog .blog-item{margin-bottom:7px;}
	#header-v5 #navigation ul#nav > li > a {padding-right:1em; padding-left:1em;}
}
@media only screen and (max-width: 479px){
	#highlights .one_half.last{width: 97%;}
#highlights .latest-blog .blog-item h2{font-size:16px!important; line-height:16px;}
.latest-blog .blog-item{margin-bottom:0px;}
#page-wrap {padding-bottom: 10px;}
.menu-sections-container{display:none;}
}