/* Font Awesome Fix */

.fa {
    font-family: "FontAwesome" !important;
    font-weight: normal !important;
}

/* Color Scheme */

	/*Navigation Text and Icon Color */
	#sidepanel-buttons, #school-header li, #school-header a, .sidepanel a,  #quick-nav a, #close-button a, fa {color:
	#fff;
	}
	.goo-te-gadget {
	#fff !important;
	}	

	/*Icon Hover Color */
	#sidepanel-buttons li:hover, #sidepanel-buttons a:hover, #quick-nav li:hover, #quick-nav a:hover, #school-header a:hover, #close-button a:hover, #quick-nav ul li a:hover,  .search-submit a:hover, fa:hover { color:
	#d2fff3;
	}
	
	/* Panel Text Hover Color */	
	#accordion-menu > ul > li > a:hover, #accordion-menu > ul > li.active > a, #accordion-menu > ul > li.open > a,  #accordion-menu ul ul li:hover > a, #accordion-menu ul ul li.open > a, #accordion-menu ul ul li.active > a { color:
	#fff;
	}
	
	/*Button Hover Color */	
	.school-button a:hover {background-color:
	#28ba93;
	}

	/* Panel Background Color */
	.sidepanel, #school-header:hover, .header-bg, #toppanel, .school-button a, #close-button {background-color:
	#1d866a;
	}
	#my-search-submit i {color:
	#1d866a;
	}
	@media only screen and (max-width: 640px) { .elementor-page-5709 #school-header {background-color:
	#1d866a;
	} }

/* WP Admin Bar Fix */

	.admin-bar #mySidepanel, .admin-bar #close-button { margin-top: 32px !important; }
	.admin-bar #mySidepanel {height: 95% !important; }
	@media screen and ( max-width: 782px ) {
	.admin-bar #mySidepanel, .admin-bar #close-button { margin-top: 46px !important; }
	.admin-bar #mySidepanel {height: 94% !important; }
	} 
	

/* Transitions */

.elementor-page-5709 #toppanel {background-color:transparent; height:0;}
img {-webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out;}
#school-header {-webkit-transition: background-color ease-out .9s; -moz-transition: background-color ease-out .9s; -o-transition: background-color ease-out .9s; transition: background-color ease-out .9s; transform: translate3d(0,0,0);}
#mySidepanel, #toppanel, #content, #colophon, #close-button {-webkit-transition: all ease-in-out .3s; -moz-transition: all ease-in-out .3s; -o-transition: all ease-in-out .3s; transition: all ease-in-out .3s;}
.sidepanel {transition: 0.05s;}
.tooltip .tooltip-text {transition: visibility 0s, opacity 0.5s linear;}


/* Layout */

body {margin:0; padding:0; font-family:'Roboto', sans-serif;}
a:hover img {opacity:0.75;}
form {margin:0; padding:0; display:inline;}
input {border:none;};
#content {margin-left:280px;}
#content img {height:auto;}
#content a, #colophon a {font-weight:bold;}
#content a:hover, #colophon a:hover {text-decoration:underline;}
#content h1.entry-title, #content h3.widget-title, #content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {font-weight:bold; font-weight:900;}
.school-button {margin:0 auto 15px auto; text-align:center;}
.school-button a {display:block; border-radius:4px; font-size:16px; padding:14px 20px; font-weight:bold; text-decoration:none; color:#fff; line-height:1.4em;}
.school-button a:hover {text-decoration:underline;}

#school-header {margin-left:280px; z-index:201; font-size:1.75em; width:100%; position:fixed; display:none;}
#school-header ul, .sidepanel ul, #quick-nav ul {margin:0; padding:0;}
.sidepanel ul li, #quick-nav ul li {list-style-type:none; display:inline-block;}
#school-header a, .sidepanel a, #quick-nav a {text-decoration:none;}
#school-header #site-name {text-shadow:2px 2px 4px rgba(0,0,0,.6); height:100%; white-space: nowrap; left:60px;}
#school-header i, #quick-nav li {text-shadow:2px 2px 4px rgba(0,0,0,.5);}
#toppanel, .header-bg {width:100%;}
.header-bg {box-shadow: 5px 0 10px 0 rgba(0,0,0,.5);}

#quick-nav {position:fixed; right:0px; top:0;}
#quick-nav ul {margin:0; padding:0;}
#quick-nav ul li {display:inline-block; font-size:24px;}
#quick-nav li a {display:inline-block; padding:0 0 0 42px; margin-right:0px; font-family:'Roboto', sans-serif; font-size:19px; line-height:1.1em; position:relative; left:-32px;}
#quick-nav li a span {position:relative; left:0;}

#menu-nav {top:0;}
#menu-nav ul li {height:100%; vertical-align:middle;}
#open-button, #site-name {position:fixed; top:2px; left:20px; padding-top:0; margin:0 !important;}
#close-button {-webkit-transform: translate3d(0,0,0); display:block; z-index:99999; position:fixed; top:0; left:0; height:50px; margin-left:280px; padding:8px 10px; font-size:32px; line-height:32px; border-bottom-right-radius:4px; box-shadow: 5px 5px 10px -5px rgba(0,0,0,.5);}


.sidepanel {overflow-y:auto; overflow-x:hidden; display:block; box-shadow: 5px 0 10px 0 rgba(0,0,0,.5); height: 100%; width: 280px; text-align:center; position: fixed; z-index: 100; top:0; left: 0;}
#sidepanel-logo {display:block;}
#sidepanel-logo img {margin:30px 0; padding:0 10px;}

#sidepanel-buttons {width:98%; padding-top:3px;}
#sidepanel-buttons ul li {display:inline-block; font-size:36px; width:30%;}
#sidepanel-buttons .sub-menu, #quick-nav .sub-menu {display:none;}
#sidepanel-buttons li a {font-family:'Roboto', sans-serif; display:block; font-size:14px; line-height:15px; width:100px; height:70px; margin-bottom:-30px; position:relative; top:-40px;}
#sidepanel-buttons li a span {position:relative; top:48px; left:-10px; }

#my-search-form {padding:5px 15px; text-align:left;}
#s {font-family:'Roboto', sans-serif; font-weight:300; width:98%; padding:8px 35px 8px 10px; color:#000; border:none; font-size:16px; background-color:#fff; border-radius:8px;}
.my-search-submit button {display: inline-block; position:relative; top:-37px; right:-85%; border-radius:0; padding:0; border-color:transparent; background-color:transparent;}
.my-search-submit button i {font-size:1.4em;}
.my-search-submit button a {width:auto;}
.my-search-submit span {display:none;}
::-webkit-input-placeholder {color:#555;}
::-moz-placeholder {color:#555;}
:-ms-input-placeholder {color:#555;}
::placeholder {color:#555;}

#colophon {margin-left:280px;}
#colophon .widget-title {font-weight:bold; color:#fff;}
.goog-te-gadget {color:#fff !important;}

/* Sidebar Widgets */

#secondary .widget-title {margin-bottom:8px;}
#secondary .widget li {border-bottom:1px solid rgba(0,0,0,.1);}
#secondary .widget li:last-child {border-bottom:none;}
#secondary .widget li {line-height:1.5em; padding:5px 0;}

/ * Forms  */

input[type="email"], input[type="number"], input[type="password"], input[type="reset"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], select, textarea {
padding: .5em;}

/* Tooltips */

.tooltip {position:relative; display:inline-block; z-index:999;}
.tooltip .tooltip-text {visibility:hidden; width:200px; opacity:0; font-size:16px; background-color:black; color:#fff; text-align:center; padding:5px 10px; border-radius:6px; z-index:99999;}
.tooltip .tooltip-text::after { content: " "; position: absolute; bottom: 100%; margin-left: -7px; border-width: 7px; border-style: solid; border-color: transparent transparent black transparent; }
#menu-nav .tooltip .tooltip-text, #close-button .tooltip .tooltip-text {position:absolute; left:-5px; top:105%;}
#menu-nav .tooltip .tooltip-text::after, #close-button .tooltip .tooltip-text::after {left:10%;}
.tooltip:hover .tooltip-text {visibility:visible; opacity:1;}

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
}

/*Breadcrumbs */

.ast-breadcrumbs {padding:0 0 50px 0;}


/* Accordion Menu */

#accordion-menu, .main-navigation { 
	color: #ffffff;
	width:100%;
}
#site-navigation {
	height:auto;
	padding-bottom:50px;
}

#accordion-menu,
#accordion-menu ul,
#accordion-menu ul li,
#accordion-menu ul li a {
  text-align:left;
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#accordion-menu {
 
}
#accordion-menu ul ul {
  display: none;
}
.align-right {
  float: right;
}
#accordion-menu > ul > li > a {
  padding: 15px 20px;
  cursor: pointer;
  z-index: 2;
  font-size: 15px;
  text-decoration: none;
  color: #ffffff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
}
#accordion-menu > ul > li > a:hover,
#accordion-menu > ul > li.active > a,
#accordion-menu > ul > li.open > a {
  background: rgba(255,255,255,.1);
}
#accordion-menu > ul, #accordion-menu > ul > li.open > a {
  border-bottom: 1px solid rgba(255,255,255,.1);
}
.holder {
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  right: 0;
}
.holder::after,
.holder::before {
  display: block;
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  right: 20px;
  z-index: 10;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.holder::after {
  top: 17px;
  border-top: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
}
#accordion-menu > ul > li > a:hover > span::after,
#accordion-menu > ul > li.active > a > span::after,
#accordion-menu > ul > li.open > a > span::after {
  border-color: #eeeeee;
}
.holder::before {
  top: 18px;
  border-top: 2px solid;
  border-left: 2px solid;
  border-top-color: inherit;
  border-left-color: inherit;
}
#accordion-menu ul ul li a {
  border:none;
  cursor: pointer;
  padding: 12px 12px 12px 30px;
  z-index: 1;
  text-decoration: none;
  font-size: 15px;
  color: #eeeeee;
  background: rgba(0,0,0,.3);
}
#accordion-menu ul ul li:hover > a,
#accordion-menu ul ul li.open > a,
#accordion-menu ul ul li.active > a {
  background: rgba(255,255,255,.1);
}
#accordion-menu ul ul li:first-child > a {
  box-shadow: none;
}
#accordion-menu ul ul ul li:first-child > a {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
#accordion-menu ul ul ul li a {
  padding-left: 30px;
}
#accordion-menu > ul > li > ul > li:last-child > a,
#accordion-menu > ul > li > ul > li.last > a {
  border-bottom: 0;
}
#accordion-menu > ul > li > ul > li.open:last-child > a,
#accordion-menu > ul > li > ul > li.last.open > a {
  border-bottom: 0;
}
#accordion-menu > ul > li > ul > li.open:last-child > ul > li:last-child > a {
  border-bottom: 0;
}
#accordion-menu ul ul li.has-sub > a::after {
  display: block;
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  right: 20px;
  z-index: 10;
  top: 11.5px;
  border-top: 2px solid #eeeeee;
  border-left: 2px solid #eeeeee;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
#accordion-menu ul ul li.active > a::after,
#accordion-menu ul ul li.open > a::after,
#accordion-menu ul ul li > a:hover::after {
  border-color: #ffffff;
}


/* Responsiveness */
@media only screen and (max-width: 900px) {
	#quick-nav {visibility: hidden;}
}

/* Desktop and laptop screens larger than 640px, start with sidepanel open */

@media only screen and (min-width: 640px) {
	#school-header {height:60px; margin-left:280px; position:fixed;}
	#toppanel {height:60px; display:none;}
	#content, #colophon {margin-left:280px;}
	.tooltip:hover .tooltip-text {visibility: visible;}
	#mySidepanel {margin-left:0;}
	#open-button {display:none;}
	#site-name {display:block; line-height:50px;}
}

/* Mobile devices smaller than 640px, start with sidepanel closed */

@media only screen and (max-width: 640px) {
	div#wpadminbar {position:fixed;}
	#school-header {display:block; font-size:1.5em; height:47px; margin-left:0; position:fixed;}
	#toppanel {height:47px; display:block;}
	#content {padding-top:47px; min-width:300px;}
	#menu-nav ul li {margin:5px 0 0 15px;}
	.tooltip:hover .tooltip-text {visibility: hidden;}
	#mySidepanel {margin-left:-280px;}
	#close-button {margin-left:-300px;}
	#content, #colophon {margin-left:0;}
	#open-button {display:block;}
	#site-name {display:block; left:20px; line-height:40px;}
	#quick-nav {display:none;}
	#accordion-menu > ul > li > a { font-size: 17px;}
}

@media only screen and (max-width: 400px) {
	#site-name {font-size:17px;}
}