#site-wrapper.vsp-page {
  padding-bottom: 0;
  padding-top: 0;
}

.dialog-off-canvas-main-canvas {
  position: relative;
  z-index: 0;
}

.vsp-page #site-canvas {
  padding-bottom: 0;
  padding-top: 0px;
}

.vsp-page .l-main__content {
  padding-bottom: 0px;
}

.vsp-page h2,
.vsp-page h3,
.vsp-page a {
  overflow-wrap: break-word;
}

.vsp-page .region-content article:first-child {
  margin-top: 0;
}

.vsp-page .node--unpublished {
  background-color: #FFF;
}

.mc__body.page-node-type-homepage {
  padding-top: 0;
}

.node-type-audience-landing-page.mc__body {
  padding-top: 0;
}

.path-research-project-list.mc__body {
  padding-top: 0;
}

@media (max-width: 1199px) {
  .node-type-general-page.mc__body {
    padding-top: 0;
  }
}

@media (min-width: 1200px) {

  @-o-keyframes directory-background-fade-to-blue {
    0%   { background: #f7f7f7; }
    100% { background: #31424e; }
  }
  @keyframes directory-background-fade-to-blue {
    0%   { background: #f7f7f7; }
    100% { background: #31424e; }
  }
  @-o-keyframes directory-background-fade-to-white {
    0%   { background: #31424e; }
    100% { background: #f7f7f7; }
  }
  @keyframes directory-background-fade-to-white {
    0%   { background: #31424e; }
    100% { background: #f7f7f7; }
  }

  @-o-keyframes header-background-fade-to-blue {
    0%   { background: white; }
    100% { background: #3d5463; }
  }
  @keyframes header-background-fade-to-blue {
    0%   { background: white; }
    100% { background: #3d5463; }
  }
  @-o-keyframes header-background-fade-to-white {
    0%    { background: #3d5463; }
    100%  { background: white; }
  }
  @keyframes header-background-fade-to-white {
    0%   { background: #3d5463; }
    100% { background: white; }
  }

  .page-node-type-homepage .navbar-header .navbar-brand-blue {
    display: none;
  }

  .page-node-type-homepage .navbar-header {
    background: white;
    color: #373737;
    -o-animation: header-background-fade-to-white 0.2s ease-in-out;
    animation: header-background-fade-to-white 0.2s ease-in-out;
  }

  .page-node-type-homepage .navbar-header.scrolledTop {
    background: #3d5463;
    color: white;
    -o-animation: header-background-fade-to-blue 0.2s ease-in-out;
    animation: header-background-fade-to-blue 0.2s ease-in-out;
  }

  .page-node-type-homepage .navbar-header.scrolledTop .navbar-brand {
    display: none;
  }

  .page-node-type-homepage .navbar-header.scrolledTop .navbar-brand-blue {
    display: block;
  }

  .page-node-type-homepage .vanderbilt-directory-header {
    background: #f7f7f7;
    color: #373737;
    -o-animation: directory-background-fade-to-white 0.2s ease-in-out;
    animation: directory-background-fade-to-white 0.2s ease-in-out;
  }

  .page-node-type-homepage .vanderbilt-directory-header.scrolledTop {
    background: #31424e;
    color: white;
    -o-animation: directory-background-fade-to-blue 0.2s ease-in-out;
    animation: directory-background-fade-to-blue 0.2s ease-in-out;
  }

  .page-node-type-homepage .vanderbilt-directory-header.scrolledTop .directory-dropdown-heading,
  .page-node-type-homepage .navbar-header.scrolledTop .desktop-menu-items ul.menu li a {
    color: white;
  }

  .page-node-type-homepage .navbar-header.scrolledTop .desktop-menu-items ul:not(:first-child) li:first-child a {
    color: white;
    border: solid 1px white;
  }

  .page-node-type-homepage .navbar-header.scrolledTop .desktop-menu-items ul:not(:first-child) li:first-child a:hover,
  .page-node-type-homepage .navbar-header.scrolledTop .desktop-menu-items ul:not(:first-child) li:first-child a:focus {
    background-color: rgba(255, 255, 255, 0.2);
  }
}