/** General *************************/
div.gc-print {
	margin-bottom: 14px;
}
.staff-listing-partial td:first-child {
	width: 180px;
}
#staff-listing	tr:nth-child(even),
.staff-listing-partial tr:nth-child(odd) {
	background: #f2f2f2;
}
#staff-listing	th,
.staff-listing-partial th {
	background-color: #fff;
	text-align: left;
	color: #012f9e;
}
.dataTables_wrapper .dataTables_filter {
  float: left;
  text-align: right;
}
.content-holder {
	padding: 0;
}
#sidebar, #content {
	padding-top: 0;
}
.content-holder #content {
  padding-top: 5px;
}
.header .logo {
	width: 100%;
  	margin: 0 0 10px;
}
.logo img {
	max-width: 275px;
	width: 100%;
}
.header .logo a {
  margin: 0;
}
.google-search input[type="text"] {
  border: none !important;
  padding: 0px !important;
}
.google-search .gsib_a {
  padding: 8px;
}
.gsc-search-box-tools .gsc-search-box .gsc-input {
  padding-right: 12px;
}
.google-search .gsc-input-box {
  height: auto;
}
.title-header {
  overflow: visible;
}
.icon-envelope:hover {
	color: #F7AD00;
	text-decoration: none;
}
.main-holder footer input[type="text"], 
.main-holder footer input[type="email"], 
.main-holder footer textarea {
  background: none repeat scroll 0 0 #FFFFFF;
  height: 50px;
}
#content .staff-email {
	margin-bottom: 10px;
}
.featured-thumbnail.large {
  float: left;
  margin-bottom: 1.5em;
  margin-right: 10px;
  overflow: hidden;
  width: 33%;
  height: 133px;
}
a.external:after {
    font-family: 'FontAwesome';
    content: " \f08e";
}

/** Google Search Box *************************/
.page-template-page-search-php .scsd2-gsb { display: none; }
.scsd2-gsb .gsc-input-box, .scsd2-gsb .gsc-input-box-hover, .scsd2-gsb .gsc-input-box-focus {
	border: none !important; 
	box-shadow: none !important;
}
.scsd2-gsb .gsc-search-box-tools .gsc-search-box .gsc-input {
  width: 200px !important;
  padding: 2px !important;
}
.scsd2-gsb .gsib_a {
  text-align:  right;
}
.scsd2-gsb .cse .gsc-search-button input.gsc-search-button-v2, .scsd2-gsb input.gsc-search-button-v2 {
  height: 13px;
  margin-top: 7px !important;
  min-width: 13px;
  padding: 4px 18px !important;
  width: 13px;
}
/** Alerts *************************/
.alert {
  background-color: #ffe5e6;
  border: 1px solid #c00000;
  border-radius: inherit;
  margin-bottom: 20px;
  padding: 35px;
  text-shadow: none;
}
.alert ul li {
	list-style: none;
}
.alert h2 {
	color: #c00000;
	font: 24px/26px Patua One;
}
.alert h3 {
	color: #c00000;
	font: 22px/24px Patua One;
}
.alert {
	color: #000;
	font: 18px/24px Patua One;
}
.alert-bar {
	text-align: center;
	background-color: #ffe5e6;
  	border: 1px solid #c00000;
  	color: #fff;
  	font-weight: bold;
  	padding: 20px;
  	margin: 15px 0 15px 0;
}
.alert-bar a,
.alert-bar a:hover {
	color: #c00000;
}
.alert-bar .alert-click {
	font-weight: normal;
}
.container .alert .alert-image {
	float: right;
	padding: 10px;
}

/** Main Nav *************************/
.header .nav__primary {
  margin: 50px 0 0 0;
}
.header .nav__primary #topnav {
	text-transform: uppercase;
}

/* main nav settings */
.header .nav__primary .sf-menu > li > a:hover, .header .nav__primary .sf-menu > li.sfHover > a, .header .nav__primary .sf-menu > li.current-menu-item > a, .header .nav__primary .sf-menu > li.current_page_item > a {
  background: none repeat scroll 0 0 #1F1F1F;
  color: #FFFFFF;
}
.header .nav__primary .sf-menu > li {
  margin: 0 0 0 8px;
}
.header .nav__primary .sf-menu > li > a {
  background: none;
  border: none;
  height: 100%;
  padding: 2px;
  text-align: center;
  text-decoration: none;
  width: inherit;
  height: 26px;
}

.header .nav__primary .sf-menu li:hover ul, 
.header .nav__primary .sf-menu li.sfHover ul {
  left: 0;
  top: 20px;
  padding: 6px;
  color: #000000;
  font-family: Roboto,sans-serif;
  font-size: 14px;
}

.header .nav__primary .sf-menu > li > a:hover, 
.header .nav__primary .sf-menu > li.sfHover > a,
.header .nav__primary .sf-menu > li.current-menu-item > a, 
.header .nav__primary .sf-menu > li.current_page_item > a,
.header .nav__primary .sf-menu > li.current_page_parent > a
{ 
	background: url('images/menu-active.png') no-repeat center bottom transparent;
	color: #012F9E;
}
.header .nav__primary .sf-menu ul {
  background: none repeat scroll 0 0 #012F9E;
  padding: 8px;
  width: 210px;
}
.sf-menu > li > a {
  color: #000000;
  font: 14px/18px Patua One;
}
.header .nav__primary .sf-menu > li li a {
  border: medium none;
  color: #FFFFFF;
  font-family: 'Patua One',cursive;
  font-size: 14px;
  line-height: 16px;
  padding: 3px 0px 8px 5px;
  text-align: left;
  text-decoration: none;
}
.header .nav__primary .sf-menu li li > a:hover, 
.header .nav__primary .sf-menu li li.sfHover > a, 
.header .nav__primary .sf-menu li li.current-menu-item > a, 
.header .nav__primary .sf-menu li li.current_page_item > a {
	background:#fff;
	color:#012F9E;
}

ul#topnav2 {
	margin-top: 20px;
}

ul#topnav2.sf-menu > li > a {
	color: #4f4f4f;
}
ul#topnav2.sf-menu > li.current-menu-item > a,
ul#topnav2.sf-menu > li.current-menu-parent > a,
ul#topnav2.sf-menu > li.current_page_item > a,
ul#topnav2.sf-menu > li > a:hover {
	color: #012F9E;
	background: url('images/menu-active.png') no-repeat center bottom;
}

/** Calendars : General *************************/
.gc-full-page-results .gc-options .gc-calendar-item,
.gc-full-page-results .gc-options .gc-selected-calendar
 {
	width: 30%;
	float: left;
	margin-left: 3%;
}
.gc-full-page-results .gce-page-list > ul {
	margin: 0;
}
.gc-full-page-results .gce-page-list > ul > li {
	list-style: none;
	margin-bottom: 10px;
}
.gc-full-page-results .gce-page-list .gce-list .gce-list-event {
  background-color: transparent;
}
.gc-full-page-results div.gc-item {
	width: 23%;
	float: left;
	margin-left: 2%;
}
.gc-full-page-results div.gc-item:first-child {
	margin-left: 0;
	width: 25%;
}
.gc-full-page-results .gc-header div.gc-item {
	font-weight: bold;
	font-size: 20px;
	border-bottom: 1px solid #ccc;
}
.gc-full-page-results .gc-header {
	margin-bottom: 10px;
}
.gc-full-page-results {
	margin-bottom: 20px;
}
.gc-full-page-results div.gc-options-link {
	padding-top: 5px;
}
/** Calendars : Schedule *************************/
table.gc-schedule { margin-bottom: 10px; }
table.gc-schedule th { text-align: left; font-size: 1.4em; }
table.gc-schedule th.gc-item-date { width: 40%; }
table.gc-schedule th.gc-item-time { width: 15%; }
table.gc-schedule th.gc-item-location { width: 20%; }
table.gc-schedule th.gc-item-desc { width: 25%; }

table.gc-schedule tr.gc-schedule-title td { font-weight: bold; padding-top: 8px; }

/** Homepage Slider Items *************************/
.container #content #slider-wrapper {
	bottom: 10px;
}
.container #slider-wrapper ul.bxslider li {
}
.container #slider-wrapper ul.bxslider li img {
	min-width: 100%;
}
ul.bxslider {
	margin: 0;
	paddin: 0;
}
.bx-wrapper {
  margin: 0 auto 0px;
}
.bx-wrapper .bx-viewport {
  box-shadow: none;
  max-height: 440px;
}
.bx-wrapper .bx-controls-direction a {
	height: 32px;
	margin-top: 0px;
	outline: 0 none;
	position: absolute;
	text-indent: -9999px;
	width: 32px;
	z-index: 9999;
	top: 6px;
}
.bx-wrapper .bx-prev {
	right: 42px;
	left: inherit;
}
.bx-pager {
	display: none;
}
.container #slider-wrapper ul.bxslider li div.caption {
  background: url('images/caption-bg.png');
  color: #fff;
  height: 100px;
  padding: 0px;
  position: absolute;
  width: 100%;
  overflow: hidden;
}
.container #slider-wrapper ul.bxslider li div.caption h3 {
	padding: 0 5px 0 5px;
	margin: 0;
}
.container #slider-wrapper ul.bxslider li div.caption h3, 
.container #slider-wrapper ul.bxslider li div.caption h3 a {
  color: #f7ad00;
  font-size: 1.1em;
  line-height: 1.2em;
  padding: 5px 0px 0px 5px;
}
.container #slider-wrapper ul.bxslider li div.caption p {
	font-size: 1.0em;
	padding: 0px 5px 5px 10px;
}
.container #slider-wrapper ul.bxslider li div.caption .readmore a:hover {
	text-decoration: underline;
	color: #f7ad00;
}
.bx-wrapper .bx-prev {
  background: url("images/controls.png") no-repeat scroll 0 -32px rgba(0, 0, 0, 0);
}
.bx-wrapper .bx-next {
  background: url("images/controls.png") no-repeat scroll -43px -32px rgba(0, 0, 0, 0);
}
.bx-wrapper .bx-prev:hover {
  background-position: 0 0;
}
.bx-wrapper .bx-next:hover {
  background-position: -43px 0;
}
.bx-clone {
	margin-left: 0px;
}
.caption .captionClose {
	float: right;
	margin-right: 5px;
	cursor: pointer;
}

/** Homepage/School Homepage News Items *************************/
.widget-news,
.widget-school-news {
	color: #ccc;
}
.widget-news ul,
.widget-school-news ul {
	margin: 0px;
	list-style: none;
}
.widget-news ul li,
.widget-school-news ul li {
	list-style: none;
}
.widget-news > h4,
.widget-school-news > h4 {
	color: #f7ad00;
	margin-bottom: 5px;
	font-size: 24px;
}
.widget-news ul li a h4.title,
.widget-school-news ul li a h4.title {
	color: #666;
	font: 16px/18px Patua One;
	text-transform: uppercase;
	margin-top: 5px;
	color: #012F9E;
}
.widget-news p,
.widget-school-news p {
	color: #000;
	font: 12px/14px;
}
.widget-news .read-more,
.widget-school-news .read-more {
		display: block;
}
.widget-news .news-image-container,
.widget-school-news .news-image-container {
		overflow: hidden;
		height: 133px;
}

/** Homepage Calendars *************************/
.widget-scsd2-calendar {
}
.widget-scsd2-calendar > ul {
	margin: 0px;
	padding: 5px 8px 5px 8px;
}
.widget-scsd2-calendar > ul > li {
	list-style: none;
	width: 100%;
	font: 12px/14px Patua One;
}
.widget-scsd2-calendar > ul > li.view-all {
	text-align: right;
	padding-right: 5px 0 5px 0;
}
.widget-scsd2-calendar h4 {
	font: 13px/15px Patua One;
	margin: 5px 3px 5px 0px;
}
.widget-scsd2-calendar.calc-1 { background-color: #dfe6ff }
.widget-scsd2-calendar.calc-2 { background-color: #ffe2a5 }
.widget-scsd2-calendar.calc-3 { background-color: #aec5fe }
.widget-scsd2-calendar.calc-4 { background-color: #f7ad00 }
.widget-scsd2-calendar.calc-5 { background-color: #df6c18 }
.widget-scsd2-calendar.calc-6 { background-color: #ffcc52 }
div.widget-scsd2-calendar {
	background: url('images/icon_calendar.png') no-repeat 98% 2%;
}
div.widget-scsd2-calendar .calc-bottom {
	height: 25px;
	background-color: #fff;
}
div.widget-scsd2-calendar:hover .calc-bottom {
	display: block;
	background: url('images/icon_calendar_bottom.png') no-repeat center bottom;
}
#sidebar div.widget-scsd2-calendar .calc-bottom {
	display: none;
}
#sidebar .widget-scsd2-calendar.widget {
	padding: 5px;
}
#sidebar .widget-scsd2-calendar ul li {
	list-style: none;
	padding: 0;
}
#sidebar .widget-scsd2-calendar ul li:before {
	content: "";
}
#sidebar .widget-scsd2-calendar > ul {
  height: auto;
  margin: 0;
  padding: 5px;
}
.widget-scsd2-calendar .gce-page-list ul.gce-list,
#sidebar .widget-scsd2-calendar .gce-page-list ul.gce-list
{
	margin-left: 0;
}
.widget-scsd2-calendar .gce-page-list ul.gce-list li,
#sidebar .widget-scsd2-calendar .gce-page-list ul.gce-list li
{
	list-style: none;
	padding-left: 0;
}
#sidebar .widget-scsd2-calendar .gce-page-list ul.gce-list li:before
{
	content: "";
}
.widget-scsd2-calendar .gce-page-list .gce-list .gce-list-title,
#sidebar .widget-scsd2-calendar .gce-page-list .gce-list .gce-list-title
{
  font-family: arial;
}
.widget-scsd2-calendar .gce-page-list .gce-list .gce-list-event,
#sidebar .widget-scsd2-calendar .gce-page-list .gce-list .gce-list-event
{
  font-family: arial;
  background-color: inherit;
}
.widget-scsd2-calendar .gce-page-list .gce-list li > ul > li > div,
#sidebar .widget-scsd2-calendar .gce-page-list .gce-list li > ul > li > div
{
	display: none;
}
.widget-scsd2-calendar .gce-page-list .gce-list li > ul > li > div:first-child,
#sidebar .widget-scsd2-calendar .gce-page-list .gce-list li > ul > li > div:first-child
{
	display: block;
}

/** School Homepage News Items *************************/
.toolbar-row {
	margin-bottom: 20px;
}

/** Page Items *************************/
div.top-border {
	margin-top: 0px;
	padding-top: 0px;
}
div.top-border #sidebar {
	border-top: 5px solid #012F9E;
}
div.top-border #content {
	border-top: 5px solid #012F9E;
	padding-top: 9px;
}

.staff-contact-form .mfp-content {
  max-width: 400px;
  width: 90%;
  border-top:  31px solid #ccc;
}
.staff-contact-form button.mfp-close {
  background: url("images/icon-close.png") top right no-repeat;
  height: 30px;
  text-indent: 9999px;
  top: -31px;
  width: 30px;
  right: 5px;
}
/** Sidebar *************************/
.easytree-container {
  overflow: inherit;
  border: none;
}
#sidebar .school-contact {
	color:#012F9E;
}
#sidebar .school-contact h3 {
  color: #012F9E;
}
#sidebar .widget {
  border-top: 1px solid #F1F1F1;
  margin: 0 0 28px;
  padding: 16px 0 0;
}
#sidebar ul.ui-easytree li ul {
	margin-left: 10px;
}
#sidebar ul li {
	color: #000;
	padding-left: 0px;
}
#sidebar ul li a:before {
  content: "";
}

#sidebar ul li:before {
  content: "";
}
#sidebar ul li span span a,
#sidebar ul li span span a:hover {
	color: #012F9E;
}
#sidebar .widget ul.menu li {
  font-weight: bold;
}
#sidebar .widget ul.sub-menu li {
  font-weight: normal;
}
#sidebar .widget ul.menu li a:hover, 
#sidebar .widget ul li span.current-menu-item > span a,
#sidebar .widget ul li span.current-menu-parent > span a,
#sidebar .widget ul li span.current-menu-ancestor > span a {
	color: #F7AD00;
	font-weight: bold;
}
#sidebar .widget ul li xspan.current-menu-item > span a:before,
#sidebar .widget ul li xspan.current-menu-parent > span a:before,
#sidebar .widget ul li xspan.current-menu-ancestor > span a:before {
  content: "> ";
  color: #F7AD00;
  font-family: inherit;
  font-size: 18px;
  left: 0;
  line-height: 14px;
  position: absolute;
  top: 2px;
}
#sidebar .school-contact img {
	max-width: 105px;
	max-height: 84px;
}

/** Forms *************************/
.main-holder input[type="text"], .main-holder input[type="email"], .main-holder textarea {
  color: #000 !important;
}

/** Footer *************************/
.main-holder footer {
	background-color: #012F9E;
	color: #000;
}
.footer ul li,
.footer ul li a {
  color: #fff;
}
.footer ul li a:hover {
  color: #f7ad00;
}
.footer .textwidget {
	color: #fff;
}
#back-top-wrapper p#back-top a:before {
  color: #f7ad00;
}
.footer .span3 {
  border-top: 3px solid #FFFFFF;
  margin-top: 26px;
  padding-top: 10px;
}
.footer .span3:last-child {
    border: medium none;
    margin-top: 0;
    padding-top: 0;
}

/** Footer *************************/
   /* entire container, keeps perspective */
#nav-flip {
}
#nav-flip .flip-container {
	perspective: 1000;
	-webkit-perspective: 1000px; /* Chrome, Safari, Opera */
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d; /* Chrome, Safari, Opera */	
	float: left;
	margin-right: 18px;
}
#nav-flip .flip-container:first-child {
	margin-left: 2px;
}
#nav-flip .flip-container:last-child {
	margin-right: 0;
}

/*  UPDATED! flip the pane when hovered */
#nav-flip .flip-container:hover .back {
	transform: rotateY(0deg);
	-ms-transform: rotateY(0deg); /* IE 9 */
	-webkit-transform: rotateY(0deg); /* Opera, Chrome, and Safari */		
}
#nav-flip .flip-container:hover .front {
    transform: rotateY(180deg);
	-ms-transform: rotateY(180deg); /* IE 9 */
	-webkit-transform: rotateY(180deg); /* Opera, Chrome, and Safari */		
}

#nav-flip .flipper-container {
	float: left;
}
#nav-flip .flipper-container img {
	width: 100px;
}
#nav-flip .flip-container, 
#nav-flip .flip-container .front, 
#nav-flip .flip-container .back {
	width: 100px;
	height: 85px;
}
#nav-flip img.active-school {
	border-bottom: 2px solid #f7ad00;
}

/* flip speed goes here */
#nav-flip .flipper {
	transition: 0.6s;
	-webkit-transition: 0.6s; /* Safari */
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d; /* Chrome, Safari, Opera */	

	position: relative;
}

/* hide back of pane during swap */
#nav-flip .front, .back {
	backface-visibility: hidden;
	-webkit-backface-visibility:hidden; /* Chrome, Safari, Opera */
	transition: 0.6s;
	-webkit-transition: 0.6s; /* Safari */
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d; /* Chrome, Safari, Opera */	

	position: absolute;
	top: 0;
	left: 0;
}

/*  UPDATED! front pane, placed above back */
#nav-flip .front {
	z-index: 2;
	transform: rotateY(0deg);
	-ms-transform: rotateY(0deg); /* IE 9 */
	-webkit-transform: rotateY(0deg); /* Opera, Chrome, and Safari */		
}

/* back, initially hidden pane */
#nav-flip .back {
	transform: rotateY(-180deg);
	-ms-transform: rotateY(-180deg); /* IE 9 */
	-webkit-transform: rotateY(-180deg); /* Opera, Chrome, and Safari */		
}

/* media overrides */
@media (max-width: 767px) {
	/** Google Search Box *************************/
	.scsd2-gsb .gsc-search-box-tools .gsc-search-box .gsc-input {
	  width: 100% !important;
	  padding: 2px !important;
	}
	.scsd2-gsb .gsib_a {
	  text-align:  right;
	}	
	.featured-thumbnail.large {
		float: none;
		margin-bottom: 1.5em;
		margin-right: 10px;
		overflow: hidden;
		width: 100%;
	}
	.gc-calendar-item {
		float: left;
		width: 50%;
	}	
}
@media (min-width: 1200px) {
	.container #slider-wrapper ul.bxslider li div.caption {
	  height: 70px;
	}
}