/* Homepage */
body {  font-family: "Source Sans Pro",sans-serif; font-size: 15px;}
a, .text-blue {color: #15395B;}
#header {background-color: #E1E7EB;min-height: 91px;}
.modal-content { border-radius: 0px;}
.sign-in-box {text-align: right;}
#sign-in-modal { padding: 20px; }
.sign-in-box .login {display: block; cursor: pointer; font-size: 24px; font-weight: 600; margin-bottom: 0px;}
#navbar .navbar-nav {margin-top: 62px;  margin-left: 1%;font-size: 18px;}
#navbar .navbar-nav li {padding: 5px 15px 0px 15px;}
#navbar .navbar-right {margin-top: 10px; margin-left: 0; margin-right: 0px;}
#navbar .navbar-nav .active {border-bottom: 4px solid #7F2740;}
.navbar-nav>li>a {padding-top: 5px; padding-bottom: 5px; padding: 0px;}
.dropdown-menu {min-width: 90px;}
ul.dropdown-menu li {padding: 0px !important;}
.dropdown-menu>li>a {padding: 6px 6px;}
.navbar-brand {height: auto;}
.dropdown .dropdown-menu {background-color: #E1E7EB; text-align: center; border: 0px;border-radius: 0;padding-bottom: 0;}
.dropdown-menu .divider {margin: 0px;background-color: #D2D2D2;height: 0px; padding: 0px !important;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .nav>li>a:focus, .nav>li>a:hover {background-color: inherit;}
.navbar-toggle {  border-color: #DDD;}
.btn-red { background:#981B39; border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color:#FFFFFF; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25); }
.btn-red:hover { background:#8A1834; color:#FFFFFF; }
.btn-blue { background:#225E93; color:#FFFFFF; cursor:pointer; font-size:16px; padding:9px 15px; display:inline-block; }
.btn-blue:hover { background:#1F5585; color:#FFFFFF; text-decoration:none; }
#body_content { overflow:auto;}
.home-courses-container { padding-top: 15px;}
.carousel-container {padding: 0;}
.carousel .carousel-control { visibility: hidden; width: 10%;}
.carousel:hover .carousel-control { visibility: visible; }
.carousel-inner>.item>a>img, .carousel-inner>.item>img {width: 100%;}
.carousel-caption {left:0%; right:0%; bottom:0px; padding: 25px 0 15px 0;font-size: 35px; background-image: linear-gradient(to right,rgba(0, 0, 0, 0.5) 0,rgba(0, 0, 0, 0.0001) 100%);font-weight: 600;}
.caldate {padding-top: 7px;}
.how-it-works {padding: 30px 80px 30px 80px;}
.how-it-works-detail div img, .how-it-works div a img {max-height: 200px;margin: auto;}
.number-image {padding-top: 38px;}
.how-it-works-detail {color: #FFF;}
.how-it-works-detail#register {background-color: #123D60;}
.how-it-works-detail#enroll {background-color: #225E95;}
.how-it-works-detail#apply {background-color: #428AC9;}
.how-it-works-detail#earn {background-color: #79AEDE;}
.how-it-works-detail .description {padding: 20px 5px;font-size: 18px;}
.how-it-works-detail .description h3 {color: #fff; font-weight: 600;}
.how-to-steps {font-size: 19px; padding-top: 15px;}
.btn-fys,.btn-fys:hover {font-weight: bold;font-size: 24px;text-transform: uppercase;padding: 10px 30px;background-color: #008000;color: #fff;}
.font-17 {font-size: 17px;}
.stream-detail a.enroll-btn, .course-brief a.enroll-btn {margin: 0; padding: 5px 12px;}
.text-indent {text-indent: 50px;}
.about-us {background-color: #FFF;}
.about-us hr {margin: 10px 0;border-top: 2px solid #E2E1E1;}
.about-us-heading {text-align: left;font-size: 20px;padding-top: 15px;}
.course-detail-p label {padding-top: 6px;padding-bottom: 5px;}
.span330 { width:320px; height:540px; border-right:1px solid #cccccc; }
.span280 { float:right; width:250px; }
.workshop-box { margin-bottom:20px; }
.course-logo { float:right; padding-left:20px; }
.course-list {padding-top: 20px;}
.course-outline ul {padding-left: 30px;}
.course-outline ul li {padding-left: 5px;margin-bottom: 7px;}
.stream-heading {padding: 2px;color: #fff;}
.course-main-c label {font-weight: 600;font-style: italic;}
li.stream-detail-li {padding-left: 8px;}
.stream-main-container .stream-sub-container:nth-child(odd) ul {
  background-color: #1D5790;
  color: #fff;
}
.stream-main-container .stream-sub-container:nth-child(odd) .stream-heading {
  background-color: #123D60;
}
.stream-main-container .stream-sub-container:nth-child(even) ul {
  background-color: #015D74;
  color: #fff;
}
.stream-main-container .stream-sub-container:nth-child(even) .stream-heading {
  background-color: #014151;
}
.stream-description h3 {
  margin-bottom: 0px;
  padding-left: 15px;
}
.stream-description hr {
  margin: 2px;
  border-top: 2px solid #ADADAD;
}
.stream-description p {
  padding: 0 5px;
}
.stream-sub-container {
  margin-top: 20px;
}
.stream-sub-container ul li {
  padding-top: 2px;
}
.stream-detail {
  margin-bottom: 0px;
}
.padding-left-20 {
  padding-left: 20px;
}
h2 {
  font-size: 26px;
  margin-top: 12px;
}
.main-detail.well {
  border-radius: 0px;
}
h3 i {color: #333;font-size: 20px;}

.lesson-wrap {
    width: 100%;
    height: 850px;
    background-color: #61A8BC;
}
.fc-button-prev, .fc-button-next, 
.fc-button-prev .fc-button-inner, 
.fc-button-next .fc-button-inner {
  border: 0px;
  padding: 2px;
  background-color: inherit;
}

.fc-header-title {
  text-align: center;
  min-width: 210px;
}
/*Helper Classes*/
.bold {font-weight: 600;}
.bolder {font-weight: 700;}
.margin-v-10 {margin: 10px auto;}
.padding-top-10{padding-top: 10px;}
/* Footer */
#footer { background-color: #C3CFD8; }
.footer-logo {max-width: 60px;}
.footer-mcmaster-logo {max-width: 190px;}
.line-separator { width:1px; height:200px; background:#616161; border-right:1px solid #313030; float:left; margin:20px 0; }
#footer .container { padding-bottom: 10px; padding-top: 20px;}
.footer-col-2 ul li { padding-top: 3px;}
.footer-social {text-align: right;}
.footer-social i {font-size: 40px;}
.footer-social i:not(:nth-last-child(2)) {margin-right: 10px;}
.course-nav { margin:20px 0; overflow:auto; }
.safari-faq-link {max-width: 250px;}
a.label-a:hover, a.label-a:active, a.label-a:focus {text-decoration: none;}
.faq-question { font-size:16px; cursor:pointer; margin:8px 0; }
.faq-question:hover { text-decoration:underline; }
.faq-answer { display:none; margin-left:8px;font-size: 17px;}
#question-asked-div {margin-left: 8px;color:#981B39; font-weight: 700;font-size: 17px;}
#question-asked-div>p{display: inline;padding-right: 10px;}
.question-highlight {color:#981B39; font-weight: 600;}
.faq-answer-main-container {min-height: 90px;}
.faq-question-main-container {max-height: 400px;overflow: scroll;}
.important-note { float:right; color:red; width:300px; margin:10px; }
.text-default {color: inherit !important;}
.text-default:hover {color: inherit !important;}
.course-list-div button {margin-top: 22px;}
.copy-main-div {
  display: inline;
  max-width: 250px;
}
.copy-link-btn:hover {cursor: pointer;}
#copy-link-span {
  display: none;
}
.email-preference-form .control-label {
  padding-left: 10px;
}
.email-preference-form input {
  float: left;
}
.email-preference-form .btn-submit {
  margin-left: 23px;
  min-width: 70px;
}
.pointer:hover {
  cursor:pointer;
}

/*---------------*/
/***** Sadie *****/
/*---------------*/
.grid {background-color: #EEE;}

figure.effect-sadie figcaption::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 89%;
  height: 100%;
  background-color: rgba(0, 119, 78, 0.75);
  content: '';
  opacity: 0;
  left: 15px;
  -webkit-transform: translate3d(0,0,0);  /*How far the hover container starts*/
  transform: translate3d(0,0,0);  /*How far the hover container starts*/
}

figure.effect-sadie h2 {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  color: #484c61;
  -webkit-transition: -webkit-transform 0.35s, color 0.35s;
  transition: transform 0.35s, color 0.35s;
  -webkit-transform: translate3d(0,-50%,0);
  transform: translate3d(0,-50%,0);
}

figure.effect-sadie figcaption::before,
figure.effect-sadie p {
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
}

figure.effect-sadie p {
  position: absolute;
  bottom: 20%;
  left: 0;
  padding: 2em;
  width: 100%;
  opacity: 0;
  -webkit-transform: translate3d(0,10px,0);
  transform: translate3d(0,10px,0);
  text-align: center;
}

figure.effect-sadie:hover h2 {
  color: #fff;
  -webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
  transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
}

figure.effect-sadie:hover figcaption::before ,
figure.effect-sadie:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
figure.effect-sadie p a {
  color: #fff;
  font-size: 20px;
}
figure.course-bg-catoa figcaption p {
  bottom: 4.5% !important;
}
.grid-sm figure.effect-sadie p a {
  font-size: 16px;
}
.grid-sm figure.effect-sadie p {
  bottom: 14.5%;
}
/* Register Modal */
#register-modal .modal-dialog {
  width: 90%;
}

#register-modal .modal-content {
  padding: 20px;
}
.stream-side-list-item a {
  padding: 4px 5px 4px 9px !important;
}
.well.course-brief.stream-detail {
  padding-left: 15px;
}
.stream-detail-li a {
  padding: 10px 5px 10px 6px !important;
}
.sidebar-stream ul {
  text-align: left;
}
.sidebar-stream ul li a {
  padding: 7px;
}
.sidebar-stream-detail ul {
  text-align: left;
}
.stream-course-type {
  padding-left: 20px;
}
.no-hover-bg:hover {
  background: inherit !important;
}
.sidebar-stream-name {
  padding-left: 8px !important;
  background-color: #123D60;
}
li.border-top.active .sidebar-stream-name {
  background: #214362;
}
.sidebar-stream-detail .sidebar-stream-name {
  padding: 12px 8px 13px 8px !important;
}
.fc-header-title h2 {
  padding-top: 4px;
}
.fc-state-highlight {
  background-color: inherit;
}
.alert-notification{
  color: #B0413E;
}
.checkbox_list{
  list-style: none;
  padding-left: 0;
}
.radio.checkbox-row{
  min-height: 0;
}
.finger{
  cursor: pointer;
}
.pre-select-li:hover,.pre-select-li.disabled{
  color: #999;
}
.red{
  color:#B0413F;
}
.pre-select-row.error{
  border: 1px solid red;
}
textarea.error{
  border: 1px solid red;
}
label.pre-complete-label{
  font-weight: 300;
}
.how-it-works-detail-notice{
  font-size: 94%;
}
.white-a{
  color: white;
  text-decoration: underline;
}
.white-a:hover{
  color:#ffeb3b;
}
.about-us img{
  max-width: 100%;
  height: auto;
}
.navbar-alert{
  background: #cd2027;
  color: #fff;
  color:#FFFFFF;
  font-size:18px;
  line-height:50px;
  font-weight: 600;
}
.navbar-alert a{
  color: #fff;
  text-decoration: underline;
}
.yellow-box{
  background: #f4b800;
  padding-top: 20px;
  padding-bottom: 20px;
}
.yellow-box .btn{
  color: #66a7e1;
  font-weight: bold;
}
.yellow-box h2{
  color: black;
  font-weight: 600;
}
.alert-enabled{
  margin-top: 50px;
}
.sidebar-stream-detail{
  min-height: 500px;
}
.course-bg-cfpc img{
  padding-top: 20%;
  padding-left: 5%;
  padding-right: 5%;
}
.course-bg-mmd img{
  padding-top: 10%;
  padding-left: 5%;
  padding-right: 5%;
}
.course-bg-vct img{
  padding-top: 10%;
  padding-left: 5%;
  padding-right: 5%;
}
.mt-20{
  margin-top: 20px;
}
/*################ Media Queries ################*/

@media (min-width: 768px) {
  .sign-in-box.no-login {
    margin-top: 55px;
  }
  .pre-select-label{
    min-width: 450px;
    max-width: 450px;
    vertical-align: top;
  }
  .course-bg-cfpc{
    min-height: 114px;
  }
  .course-bg-mmd {
      min-height: 114px;
  }
  .course-bg-vct {
      min-height: 114px;
  }
}

@media (min-width: 991px) {
.course-bg-cfpc{
    min-height: 156px;
  }
  .course-bg-mmd {
      min-height: 156px;
  }
  .course-bg-vct {
      min-height: 156px;
  }
}

@media (min-width: 1200px) {
  figure.effect-sadie figcaption::before {
    width: 87.7%;
  }
  .course-bg-cfpc{
    min-height: 140px;
  }
  .course-bg-mmd {
    min-height: 140px;
  }
  .course-bg-vct {
    min-height: 140px;
  }
}

@media all and (max-width: 991px) and (min-width: 768px) {
  figure.course-bg-mmd figcaption p,
  figure.course-bg-gatp figcaption p,
  figure.course-bg-cbssmhlvl1 figcaption p,
  figure.course-bg-catoa figcaption p {
    bottom: 0%!important;
  }
}
@media (max-width: 991px) {
  figure.effect-sadie figcaption::before {
    width: 85.5%;
  }
  .grid-sm figure.effect-sadie p {
    bottom: 7.5%;
  }
  #navbar .navbar-nav li {
    padding: 5px 10px 0px 15px;
  }
  
}
@media (max-width: 768px) {
  #navbar .navbar-nav {
    margin: 0;
    text-align: center;
  }
  #navbar .navbar-right {
    padding-bottom: 10px;
  }
  .sign-in-box {
    text-align: center;
  }
  figure.effect-sadie figcaption::before {
    width: 92.2%;
  }
  figure.course-bg-gatp figcaption p,
  figure.course-bg-cbssmhlvl1 figcaption p,
  figure.course-bg-catoa figcaption p,
  figure figcaption p {
    bottom: 27%!important;
  }

}
@media (max-width: 500px) {
  figure.effect-sadie figcaption::before {
    opacity: 0.9 !important;
    width: 95%;
    left: 2.5%;
  }
  .grid-sm figure.effect-sadie p {
    bottom: 15%;
}
  figure.effect-sadie p {
    opacity: 1;
  }
}
@media (min-width: 768px){
  #fullCalModal .modal-sm {
      width: 330px;
  }
}