/*!
 * Start Bootstrap - Grayscale v4.0.0-beta.2 (https://startbootstrap.com/template-overviews/grayscale)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-grayscale/blob/master/LICENSE)
 */.masthead,
body,
html {
 width:100%;
 height:100%
}
.masthead,
.slide {
 text-align:center
}
body {
 font-family:Lora,'Helvetica Neue',Helvetica,Arial,sans-serif;
 position:relative;
 color:#333;
 background-color:#fff;
 -webkit-tap-highlight-color:rgba(255,255,255,.2)
}
#mainNav,
.btn,
h1,
h2,
h3,
h4,
h5,
h6 {
 font-family:Cabin,'Helvetica Neue',Helvetica,Arial,sans-serif;
 text-transform:uppercase
}
h1,
h2,
h3,
h4,
h5,
h6 {
 font-weight:700;
 margin:0 0 35px;
 letter-spacing:1px
}
p {
 font-size:16px;
 line-height:1.5;
 margin:0 0 25px
}
@media (min-width:768px) {
 p {
  font-size:18px;
  line-height:1.6;
  margin:0 0 35px
 }
}
a {
 -webkit-transition:all .2s ease-in-out;
 -moz-transition:all .2s ease-in-out;
 transition:all .2s ease-in-out;
 color:#0DCB84
}
a:focus,
a:hover {
 text-decoration:none;
 color:#1d9b6c
}
#mainNav {
 margin-bottom:0;
 background-color:#2c323f
}
#mainNav .navbar-nav .nav-item:active,
#mainNav .navbar-nav .nav-item:focus,
#mainNav .navbar-nav .nav-item:hover {
 background-color:transparent;
 outline:0
}
#mainNav .navbar-toggler {
 font-size:14px;
 padding:11px;
 color:#fff;
 border:1px solid #fff
}
#mainNav .navbar-brand {
 font-weight:700
}
#mainNav a {
 color:#fff
}
#mainNav .navbar-nav .nav-item {
 -webkit-transition:background .3s ease-in-out;
 -moz-transition:background .3s ease-in-out;
 transition:background .3s ease-in-out
}
#mainNav .navbar-nav .nav-item:hover {
 color:fade(white,80%)
}
@media (min-width:992px) {
 #mainNav {
  padding-top:20px;
  padding-bottom:20px;
  -webkit-transition:background .3s ease-in-out,padding-top .3s ease-in-out,padding-bottom .3s;
  -moz-transition:background .3s ease-in-out,padding-top .3s ease-in-out,padding-bottom .3s;
  transition:background .3s ease-in-out,padding-top .3s ease-in-out,padding-bottom .3s;
  letter-spacing:1px;
  border-bottom:none;
  background:0 0
 }
 #mainNav.navbar-shrink {
  padding-top:10px;
  padding-bottom:10px;
  background:#2c323f
 }
 #mainNav .nav-link.active {
  outline:0;
  background-color:rgba(255,255,255,.3)
 }
 #mainNav .nav-link.active:hover {
  color:#fff
 }
}
.masthead {
 display:table;
 min-height:100%;
 color:#fff;
 -webkit-background-size:cover;
 -moz-background-size:cover;
 -o-background-size:cover;
 background-size:cover
}
.masthead .intro-body {
 display:table-cell;
 background:#4b505c;
 padding-top:100px;
 vertical-align:middle
}
.masthead .intro-body .brand-heading {
 font-size:50px
}
.masthead .intro-body .intro-text {
 font-size:18px
}
@media (min-width:768px) {
 .masthead {
  height:100%;
  padding:0
 }
 .masthead .intro-body .brand-heading {
  font-size:100px
 }
 .masthead .intro-body .intro-text {
  font-size:22px
 }
}
.btn-circle {
 font-size:26px;
 width:55px;
 height:55px;
 margin-top:15px;
 line-height:45px;
 -webkit-transition:background .3s ease-in-out;
 -moz-transition:background .3s ease-in-out;
 transition:background .3s ease-in-out;
 color:#fff;
 border:5px solid #fff;
 border-radius:100%!important;
 background:0 0
}
.btn-circle:focus,
.btn-circle:hover {
 color:#fff;
 outline:0;
 background:rgba(255,255,255,.1)
}
.content-section {
 padding-top:50px;
 padding-bottom:50px
}
.research-section {
 color:#333;
 background:#e6e6e6
}
.press-section {
 color:#fff;
 background:url(../img/press_bg.jpg) center center no-repeat #000;
 -webkit-background-size:cover;
 -moz-background-size:cover;
 -o-background-size:cover;
 background-size:cover
}
#map {
 width:100%;
 height:300px
}
@media (min-width:992px) {
 #map {
  height:350px
 }
}
.btn {
 font-weight:400;
 -webkit-transition:all .3s ease-in-out;
 -moz-transition:all .3s ease-in-out;
 transition:all .3s ease-in-out;
 border-radius:5px
}
.btn-default {
 color:#42DCA3;
 border:1px solid #42DCA3;
 background-color:transparent
}
.btn-default-inverse,
.btn-default:focus,
.btn-default:hover {
 color:#000;
 border:1px solid #42DCA3;
 outline:0;
 background-color:#42DCA3
}
.btn-default-inverse:focus,
.btn-default-inverse:hover {
 color:#42DCA3;
 border:1px solid #42DCA3;
 background-color:transparent
}
ul.banner-social-buttons {
 margin-top:0
}
@media (max-width:1199px) {
 ul.banner-social-buttons {
  margin-top:15px
 }
}
@media (max-width:767px) {
 ul.banner-social-buttons li {
  display:block;
  margin-bottom:20px;
  padding:0
 }
 ul.banner-social-buttons li:last-child {
  margin-bottom:0
 }
}
footer {
 padding:50px 0
}
footer p {
 font-size:14px;
 margin:0
}
::-moz-selection {
 background:#ffbc36;
 background:rgba(250,165,0,.2);
 text-shadow:none
}
::selection {
 background:#ffbc36;
 background:rgba(250,165,0,.2);
 text-shadow:none
}
img::selection {
 background:0 0
}
img::-moz-selection {
 background:0 0
}
.img-circle {
 border-radius:5%;
 width: 150px;
 -webkit-transition: all 300ms;
 -webkit-filter: grayscale(1);
 filter: grayscale(1);
}
.img-circle:hover {
 border-radius:0%;
 -webkit-filter: grayscale(0);
 filter: grayscale(0);
}
.paddedrow {
 padding-top:20px
}
.thumbnail {
 display:block;
 padding:4px;
 margin-bottom:20px
}
.vertical-align {
 display:flex;
 min-height:100%;
 align-items:center
}
.img-responsive-press {
 max-width:80%;
 height:auto
}
@media (max-width:767px) {
 .img-responsive-press {
  max-width:100%
 }
}
.img-responsive-press:hover {
 opacity:.7
}
.table.research {
 -webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,.21);
 -moz-box-shadow:0 1px 3px 0 rgba(0,0,0,.21);
 box-shadow:0 1px 3px 0 rgba(0,0,0,.21)
}
.table.research td {
 padding-top:0
}
.table.research tr {
 background:#fff;
 color:#333;
 height:140px
}
.table.research tr.spacer {
 height:20px
}
.table.research tr td {
 border:none
}
.table.research tr td.img-left {
 vertical-align:middle;
 width:20%;
 height:auto;
 background-size:cover;
 background-repeat:no-repeat;
 background-position:50% 50%
}
.table.research tr td.img-left img {
 display:block;
 width:100%;
 height:auto
}
.table.research tr td.description {
 vertical-align:middle;
 padding-right:2em
}
.margin-top-sm {
 margin-top:1em
}
.margin-top-md {
 margin-top:2em
}
.margin-bottom-sm {
 margin-bottom:1em
}
.margin-bottom-md {
 margin-bottom:2em
}
.margin-bottom-lg {
 margin-bottom:3em
}
.margin-none,
.slide {
 margin:0
}
span.bullet-mit:after {
 color:#A31F34;
 content:"\2022"
}
span.bullet-uoft:after {
 color:#00204E;
 content:"\2022"
}
.padding-none {
 padding:0
}
table.courses-table tr {
 height:60px
}
table.courses-table tr td {
 padding:0 0 0 .75rem
}
table.courses-table tr th {
 vertical-align:top;
 padding:0 0 0 .75rem
}
@media (max-width:991px) {
 .table.courses-table tr {
  height:1.5em
 }
}
.box-shadow {
 -webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,.21);
 -moz-box-shadow:0 1px 3px 0 rgba(0,0,0,.21);
 box-shadow:0 1px 3px 0 rgba(0,0,0,.21)
}
#particles {
 position:absolute;
 width:100%;
 height:100%;
 z-index:0;
 top:0
}
.view {
 overflow:hidden;
 height:500px
}
.relative-pos {
 position:relative
}
.slide {
 position:absolute;
 bottom:0;
 left:0;
 width:100%;
 height:200px;
 padding-top:150px;
 background:-moz-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,1) 70%);
 background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,0)),color-stop(70%,rgba(255,255,255,1)));
 background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,1) 70%);
 background:-o-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,1) 70%);
 background:-ms-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,1) 70%);
 background:linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,1) 70%);
 filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0 )
}
.slide.down {
 padding-top:350px;
 background:0 0
}
#course-dropdown-icon.down {
 -ms-transform:rotate(180deg);
 -moz-transform:rotate(180deg);
 -webkit-transform:rotate(180deg);
 transform:rotate(180deg)
}