

/*..expo-button {position:relative; vertical-align:50%; cursor:pointer; background: rgba(245, 245, 245, 0.9); border-radius:3px; top: 150px; position: relative;float: right;margin-right: 20px;}

.accordion {
  list-style-type: none;
  background: #fefefe;
  margin-left: 0; }
	
	.accordion-item {
		font-size: .85em;
	}

.accordion-item:first-child > :first-child {
  border-radius: 0 0 0 0; }

.accordion-item:last-child > :last-child {
  border-radius: 0 0 0 0; }
  
.accordion-title {
  display: block;
  padding: 1.25rem 1rem;
  line-height: 1;
  font-size: 0.75rem;
  color: #2199e8;
  position: relative;
  border: none;
  border-bottom: 1px solid #ccc; }
  :last-child:not(.is-active) > .accordion-title {
    border-radius: 0 0 0 0;
  border-bottom: 1px solid #ccc; }
  .accordion-title:hover, .accordion-title:focus {
    background-color: #e6e6e6; }
  .accordion-title::before {
    content: '+';
    position: absolute;
    right: 1rem;
	color:#fff;
    top: 50%;
    margin-top: -0.5rem; }
  .is-active > .accordion-title::before {
    content: '–'; }

.accordion-content {
  padding: 1rem;
  display: none;
  border-bottom: 1px solid #ccc;
  background-color: #fefefe;
  color: #0a0a0a; }
  :last-child > .accordion-content:last-child {
  border-bottom: 1px solid #ccc; }

.is-accordion-submenu-parent > a {
  position: relative; }
  .is-accordion-submenu-parent > a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    border-color: #2199e8 transparent transparent;
    border-top-style: solid;
    border-bottom-width: 0;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    right: 1rem; }
	

	
	
tbody.special-cells-1 tr td {padding:0px 10px; border-right:solid 1px #e1e1e1;}
tbody.special-cells-1 tr td:first-child {border-right:solid 2px #CCCCCC;}
tbody.special-cells-1 tr td:first-child + td + td + td {border-right:solid 2px #CCCCCC;}
tbody.special-cells-1 tr td:first-child + td + td + td + td + td + td {border-right:solid 2px #CCCCCC;}
	
	tbody.special-cells-2 tr td {padding:0px 10px; border-right:solid 2px #CCCCCC;}
tbody.special-cells-2 tr td:first-child {border-right:solid 2px #CCCCCC;}
	
tbody.special-cells-3 tr td {padding:0px 10px; border-right:solid 1px #e1e1e1;}
tbody.special-cells-3 tr td:first-child {border-right:solid 2px #CCCCCC;}
tbody.special-cells-3 tr td:first-child + td + td {border-right:solid 2px #CCCCCC;}
tbody.special-cells-3 tr td:first-child + td + td + td + td {border-right:solid 2px #CCCCCC;}
tbody.special-cells-3 tr td:first-child + td + td + td + td + td + td {border-right:solid 2px #CCCCCC;}


	tr.table-sub-head th {border-right: solid 0px #ccc; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; padding:2px 10px;}



.centred td {text-align:center;}
.centred th {text-align:center;}

.is-accordion-submenu-parent[aria-expanded='true'] > a::after {
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: scaleY(-1);
      -ms-transform: scaleY(-1);
          transform: scaleY(-1); }
		 
		.dataTables_wrapper .dataTables_filter input {
	margin-left: 0px;
}


	div.accordion-content {padding-top:0; padding-bottom: 0;}

.smaller-font {
	font-size:1em;
	line-height:1.6em;
}



h1 {
		 font-family:'Roboto', sans-serif;
		 font-weight:bold;
		 letter-spacing:normal;
		 font-size:2.125em;
		 text-transform:uppercase;
}


h2 {
		 font-family:'Roboto', sans-serif;
		 letter-spacing:normal;
		 font-size:1.5em;
		 font-style:normal;
		 font-weight:normal;
		 line-height:1.125em;
		 text-transform:uppercase;
}

 h3 {
	 text-transform:uppercase;
	 font-family:'Roboto', sans-serif;
	 color:#fff;
	 font-size:1.35em;
	 font-weight:normal;
	 margin:0;
	 padding:0;
	 letter-spacing:;
 }
	
	h4 {
		font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-size: .875em;
		line-height: ;
	color: #000;
	 text-transform: uppercase;
		font-weight: normal;

		margin: 0;
}

	 .school-name {
	 margin:10px 0;
		 padding: 0;
		 font-weight: bold;
		 color: #be1f24;
 }
	
		 .school-name > a {
color: #be1f24;
 }
	
	 .row-name {
	 margin:0;
		 padding: 5px 0 5px 0;
		 font-weight: bold;
 }
	
	.sub-row-name {
	 margin:0;
		 padding:4px 0 4px 0;
		 font-weight: normal;
		text-transform: capitalize;
 }
	
.spacer-div {
	float: left; 
	width: 10px; 
	padding: 0;
}

.nomargin {
	margin: 0;
}

.nopadding {
	padding: 0;
}

ul.clean-list {
	font-size:.85em;
	margin:0 0 0 10px;
	padding: 0;
	list-style: none;
}
ul.clean-list li {
	margin: 0;
	padding: 0;
}
p {font-size:.85em;	  }
	ol > li {font-size:.85em;	  }

ul.small {	font-size:.85em;		list-style: disc; }
 
.featured-text {
 display:table-cell; 
 vertical-align:middle;
 color:#fff;
 text-shadow: 0px 0px 40px rgba(0, 0, 0, 1);
}
 
.featured-text:hover {
	background-color:rgba(0, 0, 0, .35);
	text-shadow: 0px 0px 20px rgba(0, 0, 0, 1);
 }
 
 .featured {
	 border-radius:6px;
	 text-align:center;
	 height:250px;
	 width:100%;
	 padding:0 00px;
	 background-size:cover; 
	 background-position:top left; 
	 background-repeat:no-repeat; 
	 display:table;
	 -webkit-box-shadow: 0px 5px 15px -6px rgba(0,0,0,0.85);
	-moz-box-shadow: 0px 5px 15px -6px rgba(0,0,0,0.85);
	box-shadow: 0px 5px 15px -6px rgba(0,0,0,0.85);
 }
 
 table tbody tr td, table tfoot tr td, table tfoot tr th, table thead tr th, table tr td{ line-height:1.6em;}
  

 featured-link {}
 featured-link:hover {
	 color:#be1f24;}




.divider {border-right: solid 1px #e7e7e7;}
.change-icon > .fa + .fa,
.change-icon:hover > .fa {
  visibility: hidden;
	opacity:0;
	transition: visibility 0s, opacity 0.5s linear;
	position: absolute;
}
.change-icon:hover > .fa + .fa {
  visibility:visible;
	opacity: 1;
	position: relative;
}	

.hidden { display:none; }

.alumnus-row { font-size: .875em;   border-bottom: 1px solid #bbb; }
scroll-table {overflow:scroll; overflow-y:hidden;} */

h1 {font-size: 2.875rem !important; line-height:3.125rem !important; padding-top:.5rem; margin-top:0; font-weight: bold;}
.report-prefix {display: block;  color: #bbb; font-size: 1.813rem; font-weight: 400;}
ul { margin-bottom: 0px;}
.accordion-title::before {  color:#fff; }
.accordion-title {
	background: #ebe3dc; transition: background .25s;	
}




	 .school-name {
	 margin:5px 0;
		 padding: 0;
		 font-weight: bold;
		 color: #be1f24;
         font-size: .938rem;
 }
	
	
	
	 .row-name {
	 margin:0;
		 padding: 5px 0 5px 0;
		 font-weight: bold;
 }
	
	.sub-row-name {
	 margin:0;
		 padding:5px 0;
		 font-weight: bold;
		text-transform: capitalize;
 }
	
.spacer-div {
	float: left; 
	width: 10px; 
	padding: 0;
}



.light-border {	border-top: solid 1px #BBB;}	
.hidden { display:none; }


.accordion-content {border: none;}

tbody.special-cells-1 tr td {padding: 2px 10px;}
hr {margin: .5rem auto;}
.accordion-item:last-child:not(.is-active)>.accordion-title {border-bottom: none;}
.accordion-title:focus, .accordion-title:hover {background-color: #e0d4c7;}

ul.small {font-size: 12px;}

a.underline:hover {text-decoration: underline !important;}


h2 {
		 font-family:'Roboto', sans-serif;
		 letter-spacing:normal;
		 font-size:1.5em;
		 font-style:normal;
		 font-weight:normal;
		 line-height:1.125em;
		 text-transform:uppercase;
}

h3 {
	 text-transform:uppercase;
	 font-family:'Roboto', sans-serif;
	 color:#333;
	 font-size:1rem;
    line-height: 1.5rem;
	 font-weight:normal;
	 margin:0;
	 padding:0;
	 letter-spacing:;
 }
	
	h4 {
		font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-size: .813rem;
line-height: 1.125rem;	color: #000;
	 text-transform: uppercase;
		font-weight: normal;

		margin: 0;
}
    
    p {font-family: 'Roboto',sans-serif; font-size: .813rem; line-height: 1.125rem; padding: 5px 0; margin-bottom: .5rem;}
    body {font-family: 'Roboto',sans-serif; font-size: .813rem; line-height: 1.125rem; padding: 5px 0;}
    ul {font-family: 'Roboto',sans-serif; font-size: .813rem; line-height: 1.125rem; }
.large-5 ul {padding: 5px 0;}
.divider {
    border-right: solid 0px #e7e7e7;
}

.grid-x.grid-padding-x {padding-top: 1px; padding-bottom: 1px; border-bottom: solid 1px #ddd;}
.grid-x.grid-padding-x.light-border {padding-top: 5px; padding-bottom: 5px; border: solid 0px #ddd; margin-top: -.325rem;}

a.accordion-title > .grid-x.grid-padding-x {padding-top: 0; padding-bottom: 0; border: none;}
tbody.special-cells-1 tr td {padding:0px 10px; border-right:solid 1px #e1e1e1;     font-size: .813rem;}
tbody.special-cells-1 tr td:first-child {border-right:solid 2px #CCCCCC;}
tbody.special-cells-1 tr td:first-child + td + td  {border-right:solid 2px #CCCCCC;}

tr.spn_heading  td { background:#999; color:#FFF ; font-weight:600; padding: 5px 12px;  border:none !important; }
	
	tbody.special-cells-2 tr td {padding:0px 10px; border-right:solid 2px #CCCCCC;}
tbody.special-cells-2 tr td:first-child {border-right:solid 2px #CCCCCC;}
	
tbody.special-cells-3 tr td {padding:0px 10px; border-right:solid 1px #e1e1e1;}
tbody.special-cells-3 tr td:first-child {border-right:solid 2px #CCCCCC;}
tbody.special-cells-3 tr td:first-child + td + td {border-right:solid 2px #CCCCCC;}
tbody.special-cells-3 tr td:first-child + td + td + td + td {border-right:solid 2px #CCCCCC;}
tbody.special-cells-3 tr td:first-child + td + td + td + td + td + td {border-right:solid 2px #CCCCCC;}
tr.table-sub-head th {border-right: solid 0px #ccc; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; padding:2px 10px;}
.centred td {text-align:center;}
.centred th {text-align:center;}
.spacer-div {
	float: left; 
	width: 10px; 
	padding: 0;
}

.nomargin {
	margin: 0;
}

.nopadding {
	padding: 0;
}
em {color: #999;}
    .accordion-title {padding: .5rem 1rem .5rem 2rem;}
    .accordion-item:first-child>:first-child {border-radius: 3px; margin-bottom: 3px;}
    :last-child>.accordion-content:last-child {border-bottom: none; margin-bottom: 1rem;}
.ourkids-dropdown { font-size: .813rem; cursor:help; padding: 5px 0;  }
.ourkids-dropdown-content {line-height: 16px; margin-left: -30px; }

.accordion-title::before {font-family: 'FontAwesome';content:"\f107";margin-right: 10px; color: ; left: 1rem; font-size: 1rem; top: 45%; color: #333; }
.is-active>.accordion-title::before {font-family: 'FontAwesome';content:"\f106";margin-right: 10px; margin-left: ; color: ; left: 1rem; font-size: 1rem; top: 45%;}

.acc-sub1 {
	background:#fff ; transition: background .25s;
    padding: 1px 1rem 1px 2rem; border: solid 2px #f0e9e2  !important;
}
.acc-sub2 {
	background:#fff ; border: solid 2px #f0e9e2 !important; transition: background .25s;
    padding: 1px 1rem 1px 2rem;
}
.spn-label-form-1 {background-color: #EDB951; color: #ffffff; padding: 1px 5px; font-size: 12px; font-family: 'Roboto',Helvetica,sans-serif; font-weight: bold; border-radius: 3px; width:60px; }.spn-label-form-1:before { content: "ACC"; }
.spn-label-form-2 {background-color: #F37C37; color: #ffffff; padding: 1px 5px; font-size: 12px;font-family: 'Roboto',Helvetica,sans-serif; font-weight: bold; border-radius: 3px; width:60px;}.spn-label-form-2:before { content: "MOD"; }
.spn-label-form-3 {background-color: #DE3C50; color: #ffffff; padding: 1px 5px; font-size: 12px;font-family: 'Roboto',Helvetica,sans-serif; font-weight: bold; border-radius: 3px; width:60px;}.spn-label-form-3:before { content: "REM"; }

.spn-label-1 {background-color: #95CC09; color: #ffffff;font-size: 12px; font-family: 'Roboto',Helvetica,sans-serif; font-weight: bold; border-radius: 3px; padding: 1px 5px;  }.spn-label-1:before { content: "1"; }
.spn-label-2 {background-color: #28C4D1; color: #ffffff;font-size: 12px; font-family: 'Roboto',Helvetica,sans-serif; font-weight: bold; border-radius: 3px; padding: 1px 5px;  }.spn-label-2:before { content: "2"; }
.spn-label-3 {background-color: #1696E3; color: #ffffff;font-size: 12px; font-family: 'Roboto',Helvetica,sans-serif; font-weight: bold; border-radius: 3px; padding: 1px 5px;  }.spn-label-3:before { content: "3"; }
.spn-label-4 {background-color: #5853FF; color: #ffffff;font-size: 12px; font-family: 'Roboto',Helvetica,sans-serif; font-weight: bold; border-radius: 3px; padding: 1px 5px;  }.spn-label-4:before { content: "4"; }
.spn-label-5 {background-color: #BF44FF; color: #ffffff;font-size: 12px; font-family: 'Roboto',Helvetica,sans-serif; font-weight: bold; border-radius: 3px; padding: 1px 5px;  }.spn-label-5:before { content: "5"; }

.fa-heart  { cursor:pointer; font-size: 1rem; margin-top: ; }
.fa-heart-o { cursor:pointer; font-size: 1rem; margin-top: ;}

.agate-txt { font-size: .813rem; line-height: 1rem; margin: 5px 0; font-style: italic; }
	.button.tiny {font-size: .813rem; padding: 5px 10px; margin-bottom: 10px; color: #fff;}
		.button.tiny a {font-size: .813rem; padding: 5px 10px; margin-bottom: 10px; color: #fff;}
.button.white {background: #fff; padding: 5px; color: #be1f24; border: solid 1px #ccc; font-size: .813rem; margin: 1rem 0; font-weight: normal; transition: background .25s;}
.button.white:hover {background: #ededed;}
	.accordion-content {padding-top: 0;}
	.not-app {font-style: italic; font-size: .813rem; }

.thumb-img {
    width: 100px;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0,0,0,.2);
    float: left;
    margin: 10px 15px 10px 0;
}
    .thumb-vid {position: relative;}
    .reveal {padding: 2.125rem; border-radius: 10px; box-shadow: 0 10px 50px rgba(0,0,0,.2);}
    .close-button {background: none; padding: 2px; border-radius: 5px; font-weight: bold;color: #999; box-shadow: none; right: .5rem; top: .5rem;}
    .close-button:hover {background: none; color: #333;}
    .thumb-vid:before {
 position:absolute;
    top: ;
    left: ;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -70%);
    content: "\f04b";
    font-family: FontAwesome;
    font-size: 1.25rem;
    color: #fff;
    opacity: .86; transition: all .25s;
    text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.25);
        margin: 2.65rem 0 0 -3.875rem;
  
}
.thumb-vid:hover:before {
	opacity: 1rem !important;
  }
.sticky-title {padding: 0; margin: 5px 0; font-size: .938rem;padding-left: 1rem;}

/* TABLET VIEW */
@media only screen and (min-width: 646px) and (max-width: 1024px){
.scrolling-table{	width: 100%;	overflow-y: auto;	_overflow: auto;	margin: 0 0 1em;}	
.scrolling-table::-webkit-scrollbar {	-webkit-appearance: none;	width: 14px;	height: 14px}
.scrolling-table::-webkit-scrollbar-thumb{	border-radius: 8px;	border: 3px solid #fff;	background-color: rgba(0, 0, 0, .3);}

}
/* PHONE VIEW */
@media only screen and (max-width: 40.063em) {
    h1 {font-size: 2rem !important; line-height:2.813rem !important; }
a.underline {text-decoration: underline !important;}

.scrolling-table{	width: 100%;	overflow-y: auto;	_overflow: auto;	margin: 0 0 1em;}	
.scrolling-table::-webkit-scrollbar {	-webkit-appearance: none;	width: 14px;	height: 14px}
.scrolling-table::-webkit-scrollbar-thumb{	border-radius: 8px;	border: 3px solid #fff;	background-color: rgba(0, 0, 0, .3);}
    .report-prefix {display: block; font-size: 1.5rem;}
    .large-5.medium-5.small-12 {border: solid 0px #ccc; border-bottom: solid 1px #ddd; border-radius: 0; margin-bottom: .5rem;}
    .grid-x.grid-padding-x {border-bottom: solid 0px #ddd;}
    .large-5.medium-5.small-6 {border-bottom: solid 1px #ddd; }
.sticky-container .large-5.medium-5.small-6 {border-bottom: solid 0px #ddd; }
    	 .school-name { margin:5px 0 0 0; font-size: .813rem; line-height: 1rem; }
    .sticky-title {padding:0 ; margin: 0; font-size: .813rem;padding-left: 0;}

}

.to-top {bottom:7rem;}