@media (min-width: 821px) and (max-width: 1200px) {
  #site-header .bottom .logo-area a {
    width: 100px;
    height: 53px; } }
#site-header.hero-area-has-video .bottom {
  background-color: #0a162f;
  transition: background-color 300ms; }
  @media only screen and (min-width: 821px) {
    #site-header.hero-area-has-video .bottom {
      background-color: rgba(10, 22, 47, 0.9); } }
#site-header.hero-area-has-video.fixed .bottom {
  background-color: transparent; }

@media (min-width: 821px) and (max-width: 1200px) {
  #primary-nav > ul > li {
    font-size: 20px; }
    #primary-nav > ul > li > a {
      padding: 0 10px 5px 10px; } }

.hero-area.has-video {
  min-height: unset;
  height: auto;
  padding: 73px 0 0;
  background-color: #0a162f; }
  .hero-area.has-video + .featured-pages {
    margin-top: 0;
    padding-top: 50px; }
  .hero-area.has-video .wrapper {
    margin-top: -1px;
    background: #05386c linear-gradient(60deg, rgba(229, 0, 126, 0.7) 0%, rgba(5, 56, 108, 0) 100%); }
  .hero-area.has-video .row {
    padding-bottom: 0; }
  .hero-area.has-video .hero-breadcrumbs {
    display: none; }
  .hero-area.has-video .hero-content {
    padding: 34px 20px; }
    .hero-area.has-video .hero-content h1 {
      font-size: 54px;
      line-height: 1; }
  .hero-area.has-video.standard .hero-content {
    padding-top: 34px; }
  @media only screen and (min-width: 821px) {
    .hero-area.has-video {
      padding-top: 36px; }
      .hero-area.has-video .row {
        position: absolute;
        top: 142px;
        bottom: 98px;
        z-index: 2;
        width: 100%;
        height: auto;
        pointer-events: none; }
      .hero-area.has-video .wrapper {
        background: none; }
      .hero-area.has-video .hero-content {
        padding: 40px;
        background: rgba(5, 56, 108, 0.9) linear-gradient(60deg, rgba(229, 0, 126, 0.7) 0%, rgba(5, 56, 108, 0) 100%);
        pointer-events: auto; }
      .hero-area.has-video.standard .hero-content {
        padding-top: 40px; } }
  @media only screen and (min-width: 1200px) {
    .hero-area.has-video .hero-content h1 {
      font-size: 81px; } }

.video {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  max-width: 100%; }
  .video-player-wrapper {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 0;
    padding-top: 56.25%;
    overflow: hidden; }
  .video-player {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .video-player iframe {
      width: 100% !important;
      height: 100% !important; }
  .video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    z-index: 2; }
  .video-controls {
    position: absolute;
    bottom: 0;
    right: 0;
    padding-bottom: 2px;
    padding-right: 6px;
    display: flex; }
    .video-controls.sticky-bottom {
      position: fixed; }
      .video-controls.sticky-bottom.has-jump-nav {
        bottom: 50px; }
  .video-controls-play, .video-controls-pause, .video-controls-fullscreen {
    width: 54px;
    padding: 10px 0;
    margin: 0;
    line-height: 44px;
    font-size: 44px;
    text-align: center;
    color: #fff;
    background: none;
    transition: color 200ms; }
    .video-controls-play:hover, .video-controls-pause:hover, .video-controls-fullscreen:hover {
      color: #e5007e; }
    .video-controls-play.hidden, .video-controls-pause.hidden, .video-controls-fullscreen.hidden {
      display: none; }
  .video-controls-fullscreen .fa-compress {
    display: none; }
  .video.fullscreen {
    background-color: #000; }
    .video.fullscreen .video-controls {
      bottom: 0 !important;
      right: 0 !important; }
    .video.fullscreen .video-controls-fullscreen .fa-expand {
      display: none; }
    .video.fullscreen .video-controls-fullscreen .fa-compress {
      display: inline-block; }
  @media only screen and (min-width: 821px) {
    .video-controls {
      padding-bottom: 34px;
      padding-right: 78px; }
      .video-controls.sticky-bottom.has-jump-nav {
        bottom: 61px; }
    .video-controls-play, .video-controls-pause, .video-controls-fullscreen {
      width: 64px; }
    .video.fullscreen .video-controls {
      padding-bottom: 6px;
      padding-right: 10px; } }

.course-jump-nav-wrapper {
  position: relative;
  z-index: 2; }

.course-jump-nav.sticky-bottom {
  position: fixed;
  bottom: 0;
  width: 100%;
  min-height: 50px; }

@media only screen and (min-width: 821px) {
  .course-jump-nav-wrapper {
    margin-top: -30px; }

  .course-jump-nav.sticky-bottom {
    min-height: 61px; } }
@media only screen and (min-width: 1200px) {
  .course-jump-nav-wrapper {
    margin-top: -50px; } }

/*# sourceMappingURL=sg-style.css.map */