@import url(https://fonts.googleapis.com/css?family=Alegreya:400,700);
@import url(https://fonts.googleapis.com/css?family=Droid+Sans:400,700);
/*type*/
h1 {
	font-size: 1.75em;
}
h2 {
	font-size: 1.5em;
}
h3 {
	font-size: 1.25em;
}
h4 {
	font-size: 1.15em;
}
h5 {
	font-size: 1.5em;
}
h6 {
	font-size: .95em;
}
p {
	font-family: 'Droid Sans', sans-serif;
}
/*navigation*/
#super-top-bar ul#school-social {
	float: right;
	padding-right: 20px;
}
#super-top-bar ul#school-social li {
	padding: 3px;
}
#super-top-bar ul#school-social li img {
	/*width: 1.5em;*/
}
#super-top-bar ul#school-info {
	float: left;
	padding-bottom: 5px;
	visibility: hidden;
}
#super-top-bar ul li {
	padding: 7px 20px 0;
	font-size: .75em;
}
#super-top-bar ul li a {
	padding: 3px;
}
.top-bar ul#navigation li { /*if logo is larger, adjust this make nav look good*/
	padding-top: 10px;
}
.menu-text {
	font-family: 'Alegreya', serif;
	font-size: 1.75em;
	text-shadow: 1px 1px 0px #004496;
}
#menu-icon {
	margin-top: 8px;
}
/*slider*/
.fade-in.mui-enter,.fade-out.mui-leave,.hinge-in-from-bottom.mui-enter,.hinge-in-from-left.mui-enter,.hinge-in-from-middle-x.mui-enter,.hinge-in-from-middle-y.mui-enter,.hinge-in-from-right.mui-enter,.hinge-in-from-top.mui-enter,.hinge-out-from-bottom.mui-leave,.hinge-out-from-left.mui-leave,.hinge-out-from-middle-x.mui-leave,.hinge-out-from-middle-y.mui-leave,.hinge-out-from-right.mui-leave,.hinge-out-from-top.mui-leave,.scale-in-down.mui-enter,.scale-in-up.mui-enter,.scale-out-down.mui-leave,.scale-out-up.mui-leave,.slide-in-down.mui-enter,.slide-in-left.mui-enter,.slide-in-right.mui-enter,.slide-in-up.mui-enter,.slide-out-down.mui-leave,.slide-out-left.mui-leave,.slide-out-right.mui-leave,.slide-out-up.mui-leave,.spin-in-ccw.mui-enter,.spin-in.mui-enter,.spin-out-ccw.mui-leave,.spin-out.mui-leave {
    transition-duration: 750ms; /*500ms*/
    transition-timing-function: linear;
}
.slide-in-down.mui-enter {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    transition-property: -webkit-transform, opacity;
    transition-property: transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.slide-in-down.mui-enter.mui-enter-active {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.slide-in-left.mui-enter {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    transition-property: -webkit-transform, opacity;
    transition-property: transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.slide-in-left.mui-enter.mui-enter-active {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
.slide-in-up.mui-enter {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    transition-property: -webkit-transform, opacity;
    transition-property: transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.slide-in-up.mui-enter.mui-enter-active {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.slide-in-right.mui-enter {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    transition-property: -webkit-transform, opacity;
    transition-property: transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.slide-in-right.mui-enter.mui-enter-active {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
.slide-out-down.mui-leave {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition-property: -webkit-transform, opacity;
    transition-property: transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.slide-out-down.mui-leave.mui-leave-active {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}
.slide-out-right.mui-leave {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-property: -webkit-transform, opacity;
    transition-property: transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.slide-out-right.mui-leave.mui-leave-active {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}
.slide-out-up.mui-leave {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition-property: -webkit-transform, opacity;
    transition-property: transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.slide-out-up.mui-leave.mui-leave-active {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}
.slide-out-left.mui-leave {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-property: -webkit-transform, opacity;
    transition-property: transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.slide-out-left.mui-leave.mui-leave-active {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}
ul.example-orbit-content li {
	position: relative;
}
.slide-content {
	position: absolute;
	width: 35%;
}
.slide-content.light {
	color: white;
}
.slide-content {
	top: 30%;
}
.slide-content.left {
	left: 20%;
}
.slide-content.right {
	right: 20%;
}
.slide-content h2 {
	font-size: 3em;
	font-weight: 700;
}
.slide-content h2, .slide-content p {
	text-shadow: 0 0 5px #fff;
}
.slide-content.light h2, .slide-content.light p {
	text-shadow: 0 0 5px #000;
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
	.slide-content.left, .slide-content.right {
		top: 20%;
	}
	.slide-content {
		width: 40%;
	}
	.slide-content h2 {
		font-size: 1.5em;
	}
	.slide-content p {
		font-size: .95em;
	}
}
@media only screen and (max-width: 40.063em) { 
	.slide-content.left, .slide-content.right {
		top: 20%;
	}
	.slide-content {
		width: 40%;
	}
	.slide-content {
		display: none;
	}
}
.clear {
	clear: both;
}
hr {
	width: 75%;
	margin: 30px auto 50px auto;
}
#about {
	padding: 50px 0;
	margin: 0 auto;
}
#about .callout {
	padding: 30px 50px 50px;
}
/*custom styling*/
#super-top-bar {
	background: #0c182b; /* #365e9d, #0c182b, #bd3030 */
}
#super-top-bar li, #super-top-bar li a {
	color: #a0b4d5;
}
.badge, .top-bar, .top-bar ul, .tagline.alt, .title-bar {
	background: #003a80;
}
.top-bar ul li, .top-bar ul li a {
	color: #fff;
}
.tagline {
	background: #bd3030;
	color: #fff;
}
.tagline h2 {	
	font-family: 'Droid Sans', sans-serif;
	font-weight: 700;
	font-size: 1.25em;
}
.button {
	background: #003a80;
}
footer, footer a {
	color: #ddd;
}
footer .badge {
	background: #222;
}
footer h5 {
	font-weight: bold;
}
footer #colophon {
	background: #222;
	width: 100%;
}
footer #colophon p {
	font-size: .75em;
	padding: 10px 0;
}
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,900);
body {
	background: #0e55b1;
	/*background: #111 url(../img/hero_desert.jpg) no-repeat bottom center;*/
}
#super-top-bar, .top-bar, .top-bar ul, .title-bar {
	background: none;
}
#super-top-bar li, #super-top-bar li a {
	color: #fff;
}
#page-title h1 {
	margin-top: 30px;
	color: white;
	font: bold 3em arial, helvetica, sans-serif;
}
#content {
	margin: 50px auto;
	padding: 50px 25px;
	background: #fff;
}
#products h5, #products p {
	color: #111;
}
footer .callout {
	background: url(../img/ricepaper.png);
	color: #333;
	margin: 0;
}
footer .callout li a {	
	color: #333;
}
footer #colophon {
	padding-top: 10px;
	background: #333;
}