@import url(https://fonts.googleapis.com/css?family=Lobster);
@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;
}
#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: 55px;
	font-size: 1.25em;
}
#logo {
	width: 600px;
}
#logo a {
	padding: 0;
	margin-left: 20px;
}
#main-menu {
	background: #000;
	padding: 0;
}
.menu-text {
	font-family: 'Lobster', cursive;
	font-size: 1.75em;
	text-shadow: 1px 1px 0px #0c182b;
}
#menu-icon {
	margin-top: 8px;
	float: right;
}
/*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: 1000ms; /*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: 40%;
}
.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;
	font-weight: bold;
}
.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;
}
#content {
	padding: 75px 0;
}
.btw-container {
	margin: 40px 20px;
	padding: 40px 20px;
	border: solid 1px #bbb;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.btw-price {
	text-align: center;
	color: #fad444;
	font-weight: bold;
	font-size: 24px;
	margin-bottom: 20px;
}
.strike {
	color: #999;
	text-decoration: line-through;
	font-weight: normal;
}
.btw-container h3, .btw-container h4 {
	text-align: center;
	font-weight: bold;
}
.btw-container.full h3, .btw-container.full h4, .btw-container.full .btw-price {
	text-align: left;
}
#about {
	padding: 50px 0;
	margin: 0 auto;
}
#about .callout {
	padding: 30px 50px 50px;
}
/*custom styling*/
#super-top-bar {
	background: #fad444; /* #365e9d, #0c182b, #bd3030 */
}
#super-top-bar li, #super-top-bar li a {
	color: #000;
}
.badge, .top-bar, .top-bar ul, .tagline.alt, .title-bar {
	background: #000 !important;
}
.badge {
	background: #000 !important;
}
.top-bar ul li, .top-bar ul li a {
	color: #fff;
}
#menu-icon {
	color: #fff !important;
}
.menu-icon::after {
	background:#fff;top:0;left:0;box-shadow:0 7px 0 #fff,0 14px 0 #fff
}
@media (max-width: 700px) {
	#school-info {
		display: none;
	}
}
.tagline {
	background: #bd3030;
	color: #000;
}
.tagline h2 {	
	font-family: 'Droid Sans', sans-serif;
	font-weight: 700;
	font-size: 1.25em;
}
a:hover {
	color: #fad444;
}
.button {
	background: #fad444;
	color: #000;
}
.button:hover {
	background: #f2c418;
	color: #000;
}
button.radius, .button.radius {
    border-radius: 3px; 
}
.label {
	background: #fad444;
	margin-bottom: 20px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-weight: bold;
}
.label a {
	color: #000;
}
.tagline {
	background: #fad444;
}
.course_price {
	font-size: 2em;
}
.course_price a {
	color: #000;
}
footer .callout {
	background: url(../img/dark_fish_skin.png);
	margin: 0;
}
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;
}