/**

*= require fonts/font-awesome
*= require fonts/iconfontcustom
*= require reset
*= require animate
*= require components
*= require elements
*= require grid
*= require layout
*= require wordpress
*= require alertify

*/

@charset "UTF-8";
/* CSS Document */

html, body, #content {
  height:100%;
}

a, a:hover {
  color:#ed3718;
}

#header, #header-top {
  background:#000;
  color:#999;
  border:none;
}


#header {
  height:120px;
  position:fixed;
  top:35px;
  width:100%;
  z-index:1024;
}

#header-top {
  width:100%;
  position:fixed;
  height:35px;
  padding:0px;
  z-index:1025;
}

#header-top .widget:first-child {
  padding:5px 15px;
}


#content {
  position:absolute;
  top:155px;
  height:100%;
  width:100%;

}


.main {
  background-image:url(/assets/modern/main-bkg.jpg);
  background-size:cover;
  background-position:50% 50%;
  min-height:90%;
  position:relative;
}


.main-message {
  background-color:rgba(0,0,0,0.8);
  width:40%;
  position:relative;
  font-size:200%;
  padding:35px;
  line-height:140%;
  color:#ed3718;
  margin-top:40px;
}

.main-message .button {
  background-color:#ed3718;
  color:#fff;
  font-size:70%;
  text-align:center;
  padding:20px;
  display:block;
}

.main-message .button:hover {
  background-color:#25737f;
  text-decoration:none;
}

.cta-button {
  display:inline-block;
  background-color:#fff;
  width:auto;
  padding:20px 30px;
  color:#ed3718 !important;
  margin-right:10px;
  margin-left:10px;

  &.cta-smaller {
    padding:10px 15px;
  }
}

#jamtracks .cta-button {
  margin-top:20px;
}

.cta-button:hover {
  background-color:#F9CA25 !important;
  color:#ed3718 !important;
  text-decoration:none;
}

.white .cta-button {
  background-color:#ccc;
  color:#fff !important;
}

.teal .cta-button {
  color:#25737f !important;
}

.orange {
  background-color:#ed3718;
  color:#fff;
}

.white {
  background-color:#fff;
}

.teal {
  background-color:#25737f;
  color:#fff;
}

.gray {
  background-color:#333;
  color:#ccc;
}

.orange h1 {
  color:#fff;
}

.white h1, .white h2, .white h3, .white h4 {
  color:#333;
}

.sf-menu > li > a {
  padding:40px 15px 0px 15px;
}

#mobile-menu .last {
  margin-bottom:0px !important;
}


#footer-bottom {
  padding:20px 10px;
  color:#999;
  font-size:12px;
}

#footer-bottom a {
  color:#aaa !important;
}

a.sign-in {
  color: #F9CA25 !important;
  font-size:16px;
}

@media (max-width: 767px) {
  .cta-button {
    margin-bottom:10px;
  }

  .main-message {
    width:auto;
    font-size:150%;
  }
}

.center {
  text-align:center;
}

.bottom-row-item {
  float:left;

  &.widget {
    margin-top: 10px;
    margin-left: 200px;
  }
}

.alertify-button  {
  text-shadow:none;
  box-shadow:none;
  background-image:none;

  font-family: 'Quicksand', Arial, sans-serif;
}
.alertify-button-ok, .alertify-button-ok:hover, .alertify-button-ok:focus {
  background-color: #ed3718;
  border: 1px solid black;
  font-family: 'Quicksand', Arial, sans-serif;
}
.alertify-message {
  font-family: 'Quicksand', Arial, sans-serif;
  color:black;
  font-size:26px;
}

.students-cta {
  margin-left:70px;
}

.teachers-cta {
  margin-right:70px;
}
