body {
  overflow-x:hidden;
}

.left_sidebar .panel-pane h3 .glyphicon-v336,
.left_sidebar .panel-pane h2 .glyphicon-v336 {
    display:none;
}

.section-title-icon { display:none; } /* Temp solution */
.front .main-wrapper{
  overflow:hidden;
}

.front #main-content.has-image {
  /* background-image:url("https://www.scad.edu/sites/default/files/styles/swarm4x3_1500/public/Academics/Architectural-History-SCAD-Museum-10_DB.jpg"); */
}
.front .player {
  width:100%;
  height:100%;
  position:absolute;
  z-index:-1;
}
#front-calls-to-action {
  position:absolute;
  top:450px;
  text-align:center;
  width:100%;
  z-index:1001;
}
#front-calls-to-action .desktop {
  color:#FFF;
  font-size:60px;
}
#front-calls-to-action .mobile {
  display:none;
}
#front-calls-to-action .btn {
  color:#FFF !important;
  border-color:#FFF !important;
}
#front-calls-to-action #front-widgets {
  padding-top:40px;
}
.video-overlay-screen {
  /*background-color:rgba(0,0,0,.6);
  position:relative;
  top:0;
  width:100%;
  height:850px;
  /*z-index:1000;*/

}

/* ************************ */
/* Begin nav-related styles */


.front nav {
  position:relative;
  top:0;
  z-index:1000;
}
nav#top-main-nav {
  color:#FFF;
  width:100%;
  height:60px;
}
.no-hero nav#top-main-nav {
  position:relative;
  margin-bottom:40px;
  background:#333;
}

.no-hero.section-about-industry-partnerships-scadask nav#top-main-nav,
.no-hero.section-careerfair2016 nav#top-main-nav,
.no-hero.psp-user nav#top-main-nav{
  margin-bottom: 0px;
}
.top-main-nav__right-container {
    display: flex;
    float: right;
}
.top-main-nav__grp-btns {
    font-size: 10px;
    text-transform: uppercase;
    height: 25px;
    line-height: normal;
    padding: 4px 4px;
    color: #fff;
    background-color: transparent;
    border: 2px solid #fff;
    border-radius: 3px;
    font-weight: 600;
    margin-top: 16px;
    -webkit-transition-property: background, border-color, color;
    transition-property: background, border-color, color;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
}
#header-desktop-buttons .top-main-nav__grp-btns:hover,
#header-desktop-buttons .top-main-nav__grp-btns:focus {
    color: #000 !important;
    background: #fff;
    text-decoration: none;
}
.top-main-nav__btn {
    background-color: rgba(0,0,0,0);
    border: none;
}
.top-main-nav__btn-icon {
    display: inline-block;
}

#header-desktop-rfi, #header-desktop-apply,  #header-search {

}
#header-logo,
#header-search,
#header-cal,
#header-more,
#header-more-mobile{
  background:rgba(0,0,0,1);
}
#header-logo, #header-desktop-nav {
  float:left;
}

#header-desktop-buttons {
  padding-top:14px;
}
#header-desktop-rfi, #header-desktop-apply, #header-desktop-give {
  display:inline;
}

#header-desktop-rfi-mobile, #header-desktop-apply-mobile, #header-desktop-give-mobile,
#header-more-mobile {
  float:right;
}
#header-cal,
#header-search,
#header-more,
#header-more-mobile {
  cursor:pointer;
}

#header-logo {
  padding-top:15px;
  padding-left:20px;
  padding-right:20px;
  height:60px;
}

#header-logo-svg{
  display:block;
  background-image:url('/sites/all/themes/swarm/images/SCAD_logo.svg');
  background-repeat: no-repeat;
  background-size: 95px 95px;
  background-position: 0px -35px;
  width:95px;
  height:25px;
  overflow:hidden;
}

#header-desktop-nav ul {
  padding:0px;
  margin:0px;
}
#header-desktop-nav > ul > li {
  list-style:none;
  float:left;
  padding:22px 16px 16px;
  font-size:13px;
  cursor:pointer;
  /*letter-spacing:0.05em;*/
  font-weight:600;
  text-transform: uppercase;
}
#header-desktop-nav2 ul:hover li {
  color:#666;
  -webkit-animation: desktop-nav-fadeout .2s; /* Safari 4+ */
  -moz-animation:    desktop-nav-fadeout .2s; /* Fx 5+ */
  -o-animation:      desktop-nav-fadeout .2s; /* Opera 12+ */
  animation:         desktop-nav-fadeout .2s; /* IE 10+, Fx 29+ */
}
#header-desktop-nav ul li:hover {
  color:#FFF;
}
#header-desktop-nav ul li ul {
  position:absolute;
  z-index:2000;
  margin-top:16px;
  opacity:0;
}

#header-desktop-nav ul li ul.active {
  font-size:12px;
  font-weight:500;
  opacity:1;
  margin-left:-16px;
  text-transform: initial;
  -webkit-animation: desktop-nav-fadein .4s; /* Safari 4+ */
  -moz-animation:    desktop-nav-fadein .4s; /* Fx 5+ */
  -o-animation:      desktop-nav-fadein .4s; /* Opera 12+ */
  animation:         desktop-nav-fadein .4s; /* IE 10+, Fx 29+ */
}
#header-desktop-nav ul li ul.active li {
  height:40px;
}
#header-desktop-nav ul li ul.active li.shim, #header-desktop-nav ul li ul.active li.shim {
  height:15px;
}

#header-desktop-nav ul li ul li {
  float:none;
  overflow:hidden;
  height:0px;
  padding-right:20px;
  padding-left:20px;
  font-size: 13px;
  -webkit-transition: height 300ms ease;
  -moz-transition: height 300ms ease;
  -o-transition: height 300ms ease;
  transition: height 300ms ease;
}
#header-desktop-nav ul a {
  color:#FFF;
  display:block;
  /*-webkit-animation: desktop-nav-text-fadein 2s; /* Safari 4+ */
  /*-moz-animation:    desktop-nav-text-fadein 2s; /* Fx 5+ */
  /*-o-animation:      desktop-nav-text-fadein 2s; /* Opera 12+ */
  /*animation:         desktop-nav-text-fadein 2s; /* IE 10+, Fx 29+ */
  display: block;
  width: 100%;
  height: 100%;
}
#header-desktop-nav ul li ul a:hover {
  text-decoration:none;
}

li.desktop-nav-primary-section {
  margin-bottom:0px;
  padding-bottom:0;
}

.desktop-nav-primary-section .section-label,
#top-main-nav:not(.default) .desktop-nav-primary-section.active-parent .section-label,
#top-main-nav:not(.default) .desktop-nav-primary-section.hovered-section .section-label,
#top-main-nav:not(.default) .desktop-nav-primary-section.active-section .section-label {
  opacity: 1;
  top: -3px;
  position: relative;
  /*
  -webkit-animation:  desktop-nav-link-neutral .4s;
  -moz-animation:     desktop-nav-link-neutral .4s;
  -o-animation:       desktop-nav-link-neutral .4s;
  animation:          desktop-nav-link-neutral .4s; */
}
.desktop-nav-primary-section a{
  opacity: 1;
  /*
  -webkit-animation:  desktop-nav-sublink-neutral .4s;
  -moz-animation:     desktop-nav-sublink-neutral .4s;
  -o-animation:       desktop-nav-sublink-neutral .4s;
  animation:          desktop-nav-sublink-neutral .4s; */
}
.desktop-nav-primary-section.inactive-section .section-label,
#top-main-nav:not(.default) .desktop-nav-primary-section .section-label,
#top-main-nav:not(.default) .desktop-nav-primary-section.active-parent.inactive-section .section-label{
  /* opacity: 0.4; */
  /*
  -webkit-animation:  desktop-nav-link-inactive .4s;
  -moz-animation:     desktop-nav-link-inactive .4s;
  -o-animation:       desktop-nav-link-inactive .4s;
  animation:          desktop-nav-link-inactive .4s; */
}
.desktop-nav-primary-section a.inactive-section{
  /* opacity: 0.4; */
  /*
  -webkit-animation:  desktop-nav-sublink-inactive .4s;
  -moz-animation:     desktop-nav-sublink-inactive .4s;
  -o-animation:       desktop-nav-sublink-inactive .4s;
  animation:          desktop-nav-sublink-inactive .4s; */
}


a.desktop-nav-rfi-link, a.desktop-nav-rfi-link:hover, a.desktop-nav-apply-link, a.desktop-nav-apply-link:hover,
a.desktop-nav-give-link, a.desktop-nav-give-link:hover {
  color:#FFF !important;
}

a.desktop-nav-rfi-link,
a.desktop-nav-apply-link,
a.desktop-nav-give-link,{
    display: inline-block;
    /*height: 60px;*/
    float: right;
    z-index: 1;
    position: relative;
}

#header-cal,
#header-search,
#header-more,
#header-more-mobile {
  /*padding:20px;*/
  height:60px;
  /*border-left:1px solid #222;*/
}
#header-more #more-subtext,
#header-more-mobile #more-subtext-mobile,
#header-more .nav-more-icon,
#header-more-mobile .nav-more-icon{
  opacity: 1;
  -webkit-animation:  login-deactivate   .4s;
  -moz-animation:     login-deactivate   .4s;
  -o-animation:       login-deactivate   .4s;
  animation:          login-deactivate   .4s;
}

#header-more #more-subtext.hover-more-active,
#header-more .nav-more-icon.hover-more-active,
#header-more.more-active #more-subtext,
#header-more.more-active .nav-more-icon,
#header-more-mobile #more-subtext-mobile.hover-more-active,
#header-more-mobile .nav-more-icon.hover-more-active,
#header-more-mobile.more-active #more-subtext-mobile,
#header-more-mobile.more-active .nav-more-icon{
 opacity: 0.6;
  -webkit-animation:  login-activate   .4s;
  -moz-animation:     login-activate   .4s;
  -o-animation:       login-activate   .4s;
  animation:          login-activate   .4s;
}


#header-desktop-rfi {
  /*border-left:1px solid #222;*/
}
#mobile-ctas{
  display:inline-block;
  vertical-align: top;
}
#header-desktop-rfi, #header-desktop-apply, #header-desktop-give{
  -webkit-transition: color 1s; /* Safari */
  transition: color 1s;
  overflow:hidden;
  position:relative;
}
#header-desktop-rfi:hover, #header-desktop-apply:hover, #header-desktop-give:hover{
  color:#000;
}
#header-desktop-rfi, #header-desktop-apply, #header-desktop-give,
#header-desktop-rfi-mobile, #header-desktop-apply-mobile, #header-desktop-give-mobile {
  font-size: 10px;
  text-transform:uppercase;
  height: 25px;
  line-height: normal;
  padding: 4px 4px;
  color: #fff;
  background-color: transparent;
  border: 2px solid #fff;
  border-radius: 3px;
  font-weight: 600;
  margin-top:16px;
  -webkit-transition-property: background, border-color, color;
  transition-property: background, border-color, color;
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
}
#header-desktop-rfi:hover,
#header-desktop-apply:hover,
#header-desktop-give:hover,
#header-desktop-rfi.focus,
#header-desktop-apply.focus,
#header-desktop-give.focus,
#header-desktop-rfi-mobile:hover,
#header-desktop-apply-mobile:hover,
#header-desktop-give-mobile:hover {
  background-color:rgb(255,255,255);
  border: 2px solid transparent;
  color: black;
}

#header-desktop-rfi {
  margin-right:5px;
  margin-left:5px;
}
#header-desktop-rfi-mobile{
  margin-right: 10px;
  margin-left: 10px;
}
#header-desktop-give,
#header-desktop-give-mobile{
  margin-right:8px;
}
#header-hamburger {
  display:none;
  padding:20px;
  height:60px;
  border:none;
  border-left:1px solid #222;
  background:#000;
  cursor:pointer;
  z-index: 10;
  position: relative;
}
.rfi-on-top, .search-on-top {
  position:absolute;
  opacity:1;
  -webkit-animation: search-rfi-fadein 1s; /* Safari 4+ */
  -moz-animation:    search-rfi-fadein 1s; /* Fx 5+ */
  -o-animation:      search-rfi-fadein 1s; /* Opera 12+ */
  animation:         search-rfi-fadein 1s; /* IE 10+, Fx 29+ */
}
.search-on-top {
  right:0;
  z-index:10003;
}
.rfi-on-top {
  right:60px;
  z-index:10002;
}

/* Begin mobile nav styles */

  #header-mobile-nav-active {
    position:absolute;
    right:-100vw;
    z-index:10000; /* Live chat tab is 9999. */
    width:100vw;
    color:#FFF;
    display:none;
  }
  #header-mobile-nav-active.closed {
    right:-100vw;
    -webkit-animation: nav-card-slideout .3s; /* Safari 4+ */
    -moz-animation:    nav-card-slideout .3s; /* Fx 5+ */
    -o-animation:      nav-card-slideout .3s; /* Opera 12+ */
    animation:         nav-card-slideout .3s; /* IE 10+, Fx 29+ */
  }
  #header-mobile-nav-staging {
    position:absolute;
    right:-100vw;
    z-index:10000;
    width:100vw;
    color:#FFF;
    display:none;
  }
  #header-mobile-nav-staging.closed {
    right:-100vw;
    -webkit-animation: nav-card-slideout .3s; /* Safari 4+ */
    -moz-animation:    nav-card-slideout .3s; /* Fx 5+ */
    -o-animation:      nav-card-slideout .3s; /* Opera 12+ */
    animation:         nav-card-slideout .3s; /* IE 10+, Fx 29+ */
  }

  #header-mobile-nav-active.slidein, #header-mobile-nav-staging.slidein {
    right:0;
    z-index:10010;
    -webkit-animation: nav-card-slidein .3s; /* Safari 4+ */
    -moz-animation:    nav-card-slidein .3s; /* Fx 5+ */
    -o-animation:      nav-card-slidein .3s; /* Opera 12+ */
    animation:         nav-card-slidein .3s; /* IE 10+, Fx 29+ */
  }

   #header-mobile-nav-staging.slideout {
    right:-100vw;
    z-index:10010;
    -webkit-animation: nav-card-slideout .3s; /* Safari 4+ */
    -moz-animation:    nav-card-slideout .3s; /* Fx 5+ */
    -o-animation:      nav-card-slideout .3s; /* Opera 12+ */
    animation:         nav-card-slideout .3s; /* IE 10+, Fx 29+ */
  }

  .mobile-nav-card-tools {
    height:60px;
    background:#000;
  }
  .mobile-nav-card-close {
    padding:20px;
    cursor:pointer;
    display:inline-block;
    margin-left: 16px;
  }
  .card-forward {
    cursor:pointer;
  }
  .nav-card-label {
    min-height:85px;
    padding-top:30px;
    padding-bottom:25px;
    padding-left:25px;
    text-transform:uppercase;
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 1px;
  }
  .nav-card-back {
    text-transform:uppercase;
    font-size:10px;
    padding:3px 3px 3px 30px;
    background:rgba(0,0,0,.5);
    cursor:pointer;
    font-weight: 800;
    letter-spacing: 1px
  }
  .mobile-nav-card ul {
    padding-left:0;
  }

  #header-mobile-nav-active   .mobile-nav-card li{
    font-size:17px;
    font-weight:bold;
    letter-spacing: 1px;
  }

  .mobile-nav-card li {
    list-style:none;
    padding:20px 30px;
    margin-bottom:0px;
  }
  .mobile-nav-card a {
    color: #FFF;
  }
  .mobile-nav-card a:hover {
    text-decoration:none;
    color:#FFF !important;
  }
  .mobile-nav-card[data-style='top'] li {
    text-transform:uppercase;
  }
  .mobile-nav-child-indicator {
    float:right;
    color:rgba(255,255,255,0.3);
    font-size:12px;
    display:none;
  }
  .mobile-nav-spinner {
    float:left;
    margin-top:6px;
    margin-left:-16px;
    display:none;
  }
  .nav-card-back .mobile-nav-spinner {
    margin-top:7px;
  }

/* End mobile nav styles */

/* Begin navbar color styles */
/*
nav.academics,
nav.academics #header-desktop-nav ul,
nav.academics #header-mobile-nav-active,
nav.academics #header-mobile-nav-staging {
  background:rgba(91,106,162,0.9);
}
nav #header-mobile-nav-active[data-section='academics'],
nav #header-mobile-nav-staging[data-section='academics'] {
  background:rgba(91,106,162,0.9) !important;
}
nav.academics #header-mobile-nav-active .odd,
nav.academics #header-mobile-nav-staging .odd {
  background:rgba(86,101,157,0.9);
}
nav #header-mobile-nav-active[data-section='academics'] .odd,
nav #header-mobile-nav-staging[data-section='academics'] .odd {
  background:rgba(86,101,157,0.9) !important;
}

nav.admission,
nav.admission #header-desktop-nav ul,
nav.admission #header-mobile-nav-active,
nav.admission #header-mobile-nav-staging {
  background:rgba(94,45,119,0.9);
}
nav #header-mobile-nav-active[data-section='admission'],
nav #header-mobile-nav-staging[data-section='admission'] {
  background:rgba(94,45,119,0.9) !important;
}
nav.admission #header-mobile-nav-active .odd,
nav.admission #header-mobile-nav-staging .odd {
  background:rgba(89,40,114,0.9);
}
nav #header-mobile-nav-active[data-section='admission'] .odd,
nav #header-mobile-nav-staging[data-section='admission'] .odd {
  background:rgba(89,40,114,0.9) !important;
}

nav.career-alumni,
nav.career-alumni #header-desktop-nav ul,
nav.career-alumni #header-mobile-nav-active,
nav.career-alumni #header-mobile-nav-staging {
  background:rgba(201,86,86,0.9);
}
nav #header-mobile-nav-active[data-section='career-alumni'],
nav #header-mobile-nav-staging[data-section='career-alumni'] {
  background:rgba(201,86,86,0.9) !important;
}
nav.career-alumni #header-mobile-nav-active .odd,
nav.career-alumni #header-mobile-nav-staging .odd {
  background:rgba(196,91,91,0.9);
}
nav #header-mobile-nav-active[data-section='career-alumni'] .odd,
nav #header-mobile-nav-staging[data-section='career-alumni'] .odd {
  background:rgba(196,91,91,0.9) !important;
}

nav.life-at-scad,
nav.life-at-scad #header-desktop-nav ul,
nav.life-at-scad #header-mobile-nav-active,
nav.life-at-scad #header-mobile-nav-staging {
  background:rgba(229,115,70,0.9);
}
nav #header-mobile-nav-active[data-section='life'],
nav #header-mobile-nav-staging[data-section='life'] {
  background:rgba(229,115,70,0.9) !important;
}
nav.life-at-scad #header-mobile-nav-active .odd,
nav.life-at-scad #header-mobile-nav-staging .odd {
  background:rgba(234,120,65,0.9);
}
nav #header-mobile-nav-active[data-section='life'] .odd,
nav #header-mobile-nav-staging[data-section='life'] .odd {
  background:rgba(234,120,65,0.9) !important;
}

nav.about-scad,
nav.about-scad #header-desktop-nav ul,
nav.about-scad #header-mobile-nav-active,
nav.about-scad #header-mobile-nav-staging {
  background:rgba(87,175,157,0.9);
}
nav #header-mobile-nav-active[data-section='about'],
nav #header-mobile-nav-staging[data-section='about'] {
  background:rgba(87,175,157,0.9) !important;
}
nav.about-scad #header-mobile-nav-active .odd,
nav.about-scad #header-mobile-nav-staging .odd {
  background:rgba(82,170,152,0.9);
}
nav #header-mobile-nav-active[data-section='about'] .odd,
nav #header-mobile-nav-staging[data-section='about'] .odd {
  background:rgba(82,170,152,0.9) !important;
}

nav.default,
nav.default #header-desktop-nav ul,
nav.default #header-mobile-nav-active,
nav #header-mobile-nav-active[data-section='default'],
nav #header-mobile-nav-staging[data-section='default']  {
  background:rgba(0,0,0,0.9);
}
nav #header-mobile-nav-active[data-section='default'] .odd,
nav #header-mobile-nav-staging[data-section='default'] .odd {
  background:rgba(0,0,0,0.9) !important;
}
*/

nav#top-main-nav.default,
nav#top-main-nav.default #header-desktop-nav ul,
nav#top-main-nav {
  background:rgba(0,0,0,.5);
}

nav#top-main-nav.academics,
nav#top-main-nav.academics #header-desktop-nav ul,
nav#top-main-nav.academics #header-mobile-nav-active,
nav#top-main-nav.academics #header-mobile-nav-staging {
  /* background:rgba(91,106,162,1); */
  background:rgba(60,69,184,1); /* Accessibility */
}
/*nav #header-mobile-nav-active[data-section='academics'],*/
nav#top-main-nav #header-mobile-nav-staging[data-section='academics'] {
  background:#3c45b8 !important;
}

nav#top-main-nav #header-mobile-nav-staging[data-section='academics'] .nav-card-back{
  color:#363da5;
}
/*nav.academics #header-mobile-nav-active .odd,*/
nav#top-main-nav.academics #header-mobile-nav-staging .odd {
  background:#363da5;
}
/*nav #header-mobile-nav-active[data-section='academics'] .odd,*/
nav#top-main-nav #header-mobile-nav-staging[data-section='academics'] .odd {
  background:#363da5 !important;
}
body.front:not(.psp-user) nav#top-main-nav.academics,
body.front:not(.psp-user) nav#top-main-nav.academics #header-desktop-nav ul{
  /* background:rgba(91,106,162,.9); */
  background:rgba(60,69,184,1); /* Accessibility */
}

nav#top-main-nav.admission,
nav#top-main-nav.admission #header-desktop-nav ul,
nav#top-main-nav.admission #header-mobile-nav-active,
nav#top-main-nav.admission #header-mobile-nav-staging {
  /* background:rgba(94,45,119,1); */
  background:rgba(9,126,181,1); /* Accessibility */
}
/*nav #header-mobile-nav-active[data-section='admission'],*/
nav#top-main-nav #header-mobile-nav-staging[data-section='admission']{
  background:#097eb5 !important;
}
nav#top-main-nav #header-mobile-nav-staging[data-section='admission'] .nav-card-back {
  color:#0073a9;
}
/*nav.admission #header-mobile-nav-active .odd,*/
nav#top-main-nav.admission #header-mobile-nav-staging .odd{
  background:#0073a9;
}
/*nav #header-mobile-nav-active[data-section='admission'] .odd,*/
nav#top-main-nav #header-mobile-nav-staging[data-section='admission'] .odd {
  background:#0073a9 !important;
}
body.front:not(.psp-user) nav#top-main-nav.admission,
body.front:not(.psp-user) nav#top-main-nav.admission #header-desktop-nav ul{
  /* background:rgba(94,45,119,.9); */
  background: rgba(9, 126, 179,.9); /* Accessibility */
}

nav#top-main-nav.career-alumni,
nav#top-main-nav.career-alumni #header-desktop-nav ul,
nav#top-main-nav.career-alumni #header-mobile-nav-active,
nav#top-main-nav.career-alumni #header-mobile-nav-staging {
  /* background:rgba(201,86,86,1); */
  background: rgba(159,0,78,1); /* Accessibility */
}
/*nav #header-mobile-nav-active[data-section='career-alumni'],*/
nav#top-main-nav #header-mobile-nav-staging[data-section='career-alumni'] {
  background:#0b7963 !important;
}
nav#top-main-nav #header-mobile-nav-staging[data-section='career-alumni'] .nav-card-back {
  color:#0e6f5b;
}
/*nav.career-alumni #header-mobile-nav-active .odd,*/
nav#top-main-nav.career-alumni #header-mobile-nav-staging .odd {
  background:#0e6f5b;
}
/*nav #header-mobile-nav-active[data-section='career-alumni'] .odd,*/
nav#top-main-nav #header-mobile-nav-staging[data-section='career-alumni'] .odd {
  background:#0e6f5b !important;
}
body.front:not(.psp-user) nav#top-main-nav.career-alumni,
body.front:not(.psp-user) nav#top-main-nav.career-alumni #header-desktop-nav ul{
  /* background:rgba(201,86,86,.9); */
  background:rgba(159,0,78,.9); /* Accessibility */
}

nav#top-main-nav.life-at-scad,
nav#top-main-nav.life-at-scad #header-desktop-nav ul,
nav#top-main-nav.life-at-scad #header-mobile-nav-active,
nav#top-main-nav.life-at-scad #header-mobile-nav-staging {
  /* background:rgba(229,115,70,1); */
  background:rgba(11,121,99,1); /* Accessibility */
}
/*nav #header-mobile-nav-active[data-section='life'],*/
nav#top-main-nav #header-mobile-nav-staging[data-section='life'] {
  background:#9f004e !important;
}
nav#top-main-nav #header-mobile-nav-staging[data-section='life'] .nav-card-back {
  color:#920147;
}
/*nav.life-at-scad #header-mobile-nav-active .odd,*/
nav#top-main-nav.life-at-scad #header-mobile-nav-staging .odd {
  background:#920147;
}
/*nav #header-mobile-nav-active[data-section='life'] .odd,*/
nav#top-main-nav #header-mobile-nav-staging[data-section='life'] .odd {
  background:#920147 !important;
}
body.front:not(.psp-user) nav#top-main-nav.life-at-scad,
body.front:not(.psp-user) nav#top-main-nav.life-at-scad #header-desktop-nav ul{
  /* background:rgba(229,115,70,.9); */
  background:rgba(11,121,99,.9); /* Accessibility */
}

nav#top-main-nav.about-scad,
nav#top-main-nav.about-scad #header-desktop-nav ul,
nav#top-main-nav.about-scad #header-mobile-nav-active,
nav#top-main-nav.about-scad #header-mobile-nav-staging {
  /* background:rgba(87,175,157,1); */
  background:rgba(195,64,11,1); /* Accessibility */
}
/*nav #header-mobile-nav-active[data-section='about'],*/
nav#top-main-nav #header-mobile-nav-staging[data-section='about'] {
  background:#c3400b !important;
}
nav#top-main-nav #header-mobile-nav-staging[data-section='about'] .nav-card-back {
  color:#b93e0f;
}
/*nav.about-scad #header-mobile-nav-active .odd,*/
nav#top-main-nav.about-scad #header-mobile-nav-staging .odd {
  background:#b93e0f;
}
/*nav #header-mobile-nav-active[data-section='about'] .odd,*/
nav#top-main-nav #header-mobile-nav-staging[data-section='about'] .odd {
  background:#b93e0f !important;
}
body.front:not(.psp-user) nav#top-main-nav.about-scad,
body.front:not(.psp-user) nav#top-main-nav.about-scad #header-desktop-nav ul{
  /* background:rgba(87,175,157,.9); */
  background:rgba(195,64,11,.9); /* Accessibility */
}

nav#top-main-nav{
  position: relative;
  /*z-index: 10000;*/
  z-index:1599;
}
nav#top-main-nav.default,
nav#top-main-nav.default #header-desktop-nav ul,
nav#top-main-nav.default #header-mobile-nav-active,
nav#top-main-nav #header-mobile-nav-active[data-section='default'],
nav#top-main-nav #header-mobile-nav-staging[data-section='default']  {
  background:rgba(0,0,0,1);
}
nav#top-main-nav.default{
  background:rgba(0,0,0,.6);
}

nav#top-main-nav #header-mobile-nav-active[data-section='default'] .odd,
nav#top-main-nav #header-mobile-nav-staging[data-section='default'] .odd {
  background:rgba(0,0,0,1) !important;
}

.no-hero nav#top-main-nav.academics,
.no-hero nav#top-main-nav.academics #header-desktop-nav ul {
  /* background:rgba(91,106,162,1); */
  background:rgba(60,69,184,1); /* Color changed for contrast accessibility */
}
.no-hero nav#top-main-nav.admission,
.no-hero nav#top-main-nav.admission #header-desktop-nav ul {
  /* background:rgba(94,45,119,1); */
  background:rgba(9,126,181,1); /* Color changed for contrast accessibility */
}
.no-hero nav#top-main-nav.career-alumni,
.no-hero nav#top-main-nav.career-alumni #header-desktop-nav ul {
  /* background:rgba(201,86,86,1); */
  background:rgba(159,0,78,1); /* Color changed for contrast accessibility */
}
.no-hero nav#top-main-nav.life-at-scad,
.no-hero nav#top-main-nav.life-at-scad #header-desktop-nav ul {
  /* background:rgba(229,115,70,1); */
  background:rgba(11,121,99,1); /* Color changed for contrast accessibility */
}
.no-hero nav#top-main-nav.about-scad,
.no-hero nav#top-main-nav.about-scad #header-desktop-nav ul {
  /* background:rgba(87,175,157,1); */
  background:rgba(195,64,11,1); /* Color changed for contrast accessibility */
}
/* Sub nav styles */
.section-title-title h2 .left_sidebar__mobile-btn {
    display: none;
    width: 100%;
    text-align: left;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 15px;
    text-transform: uppercase;
    color: #3c45b8;
    background-color: rgba(0,0,0,0);
    border: none;
    position: relative;
}
.left_sidebar .panel-pane .pane-content .section-title-title h2 .left_sidebar__mobile-btn span {
    position: absolute;
    right: 25px;
    float: none;
    bottom: 0;
    top: 0;
    display: inline-block;
    color: #CACACA;
    font-size: 20px;
}
a.active.overview-page:focus {
    outline: 2px solid #428bca;
}
.left_sidebar__link-container {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}
.left_sidebar__link-container a:hover,
.left_sidebar__link-container a:visited,
.left_sidebar__link-container a:active {
    color: rgba(255,255,255,.8);
    text-decoration: none;
}
.left_sidebar__dropdown-btn {
    background-color: rgba(0,0,0,0);
    border: none;
    padding: 0 10px;
    display: none;
}
.left_sidebar__link-container a {
    padding: 8px 10px;
}
/* End navbar color styles */

/* End nav-related styles */
/* ********************** */

/* *************************** */
/* Begin footer-related styles */

footer #scad-footer-logo{
  max-width:initial;
}

#footer-logo-svg{
  display: block;
  background-image: url('/sites/all/themes/swarm/images/SCAD_logo_tagline.svg');
  background-repeat: no-repeat;
  background-size: 188px 188px;
  background-position: -10px -73px;
  width: 169px;
  height: 41px;
  overflow: hidden;
}

footer#swarm-footer{
  padding-top: 30px;
}

footer#swarm-footer{
  /* background-color: #f1f1f1; */
  background-color:#000;
  background-image: url('/sites/all/themes/swarm/images/clean_textile_dark.jpg');
  background-repeat: repeat;
  color: #9b9b9b;

    display: block;
    position: relative;
    clear: both;
}

footer .footer-col li a,
footer .footer-col li a:hover,
footer .footer-col li a:active,
footer .footer-col li a:focus{
  color: #8b8b8b;
  text-decoration: none;
}
footer .col-style a:hover{
   color: #8b8b8b;
}

footer #footer-collapse-group{
  margin: 0px 15px;
}

footer #footer-left-col .footer-col.col-style{
  background-color: transparent;
  padding: 0px 46px;
  border-radius: none;
}
footer #footer-left-col .footer-col ul li{
  margin-bottom:5px;
  font-size: 14px;
  font-weight: 300;
}
footer #footer-left-col .footer-col ul li:nth-child(1){
  margin-bottom:20px;
}

footer #footer-right-col .footer-col li:last-child a{
  color:#cecece;
}

footer .col-style{
  background-color: #171717;
}

footer .panel{
  margin: 0px;
  background-color: transparent;
  border: none;
  border-radius: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-bottom:20px;
}

footer .footer-col-header a.col-style {
  border-radius: 3px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
footer .footer-col-header a.col-style.collapsed {
  border-radius: 3px;
  text-decoration: none;
}
footer .footer-col-header a.col-style:focus,
footer .footer-col-header a.col-style:hover {
  text-decoration: none;
}
footer .footer-col-header h4{
  text-transform: uppercase;
  color: #666666;
  margin:0px;
  z-index:4;
  position:relative;
  font-weight: 700;
  font-size: 1em;
}

footer .footer-col-header h4 a{
  display: block;
  width: 100%;
  height:100%;
  padding-left: 16px;
  padding-bottom: 12px;
  padding-top: 12px;
  z-index:5;
  position:relative;
  color: #fff;
}
footer .footer-col-header h4 a:hover{
  color: #fff;
}
footer .footer-col-header h4 a.collapsed{

}
footer .footer-col-header h4 a.collapsed:before{
  content:"+";
}
footer .footer-col-header h4 a:before{
  content:"-";
  display:inline-block;
  position:absolute;
  right: 10px;
  z-index:1;
  font-size:.95em;
  font-weight:300;
  color:#d4d4d4;
}

footer .footer-col-body.col-style{
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

footer #footer-social{
  background-color: #000;
  text-align:center;
  padding-top: 20px;
  padding-bottom: 20px;
  clear: both;
}

footer #footer-social #social-header h4{
  text-transform: uppercase;
  font-weight:400;
  color:#4d4d4d;
}

footer .footer-col ul,
footer #social-links ul{
  list-style: none;
  padding: 0px;
  margin: 0px;
}

footer .footer-col li.column-hr-sep hr{
  border-top:1px solid #494949;
  margin-bottom:10px;
}

footer .footer-col li .nav-dash{
  color:#e59800;
  background-image:url('/sites/all/themes/swarm/images/icons/yellow_arrow_trans.png');
  background-repeat:no-repeat;
  display:inline-block;
  width:3px;
  height:5px;
  margin-left:5px;
  position:relative;
  top:-1px;
}


footer #footer-right-col{
  margin-top:30px;
}
footer #footer-right-col .footer-col ul{
  padding-top: 8px;
  padding-bottom: 15px;
}
footer #footer-right-col .footer-col ul li{
  padding-left: 16px;
  padding-right: 16px;
  margin-bottom: 5px;
}

footer .footer-col ul li a{
  /* font-size: .85em; */
  font-size:12px;
  font-weight: 500;
}

footer #social-links ul {
  margin:0px 30px;
  clear:both;
}
footer #social-links ul li{
  float:left;
  display:inline-block;
  width: 46%;
  margin-bottom:20px;
}
footer #social-links ul li:nth-child(odd) {
   float:left;
}
footer #social-links ul li:nth-child(even) {
   float:right;
}
footer #social-links ul li a{
  display:inline-block;
  width:100%;
  padding:12px 0px;
  background-color: #343434;
  border-radius: 3px;
  text-align:center;
}
footer #social-links ul li a:hover{
  color:#9b9b9b;
}

footer #social-bottom{
  color: #4d4d4d;
  clear: both;
  margin: 0px 30px;
}
footer #copyright-info{
  font-size: .75em;
  /* color:#454545; */
  color:#8d8d8d; /* 508 standards */
}
footer #bottom-links{
  display: block;
  font-size: .75em;
}
footer #bottom-links a{
  color:#8d8d8d;
}

#connect-icon-container{
  padding-left:16px;
}
#connect-icon-container-mobile{
  text-align:center;
  padding: 8px 0px 23px 0px;
}
a.connect-item{
  background-image: url('/sites/all/themes/swarm/images/icons/scad_edu_socialsprite.svg?20210403');
  background-size:30px 660px;
  background-repeat: no-repeat;
  display:inline-block;
  width:30px;
  height:30px;
  position: relative;
}
a.connect-item span{
  background-image: url('/sites/all/themes/swarm/images/icons/scad_edu_socialsprite.svg?20210403');
  background-size:30px 660px;
  position: absolute;
  background-repeat: no-repeat;
  display:inline-block;
  top:0;
  left:0;
  width:30px;
  height:30px;
}
a.connect-item span{
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-in-out;
  -moz-transition:    opacity 0.25s ease-in-out;
  -o-transition:      opacity 0.25s ease-in-out;
}

a.connect-instagram:hover span,
a.connect-facebook:hover span,
a.connect-youtube:hover span,
a.connect-twitter:hover span,
a.connect-x:hover span,
a.connect-snapchat:hover span,
a.connect-linkedin:hover span,
a.connect-pinterest:hover span,
a.connect-periscope:hover span
a.connect-tiktok:hover span{
  opacity: 1;
}

.connect-item{
  margin-right:5px;
}
#connect-icon-container a.connect-instagram,
#connect-icon-container a.connect-youtube,
#connect-icon-container a.connect-twitter,
#connect-icon-container a.connect-x,
#connect-icon-container a.connect-facebook,
#connect-icon-container a.connect-tiktok,
#connect-icon-container a.connect-whatsapp,
#connect-icon-container a.connect-pinterest,
#connect-icon-container a.connect-linkedin,
#connect-icon-container a.connect-snapchat {
 margin-bottom:8px;
}

a.connect-instagram{
  background-position:0px 0px;
}
a.connect-instagram span{
  background-position:0px -30px;
}

a.connect-facebook{
  background-position:0px -60px;
}
a.connect-facebook span{
  background-position:0px -90px;
}


a.connect-youtube{
  background-position:0px -120px;
}
a.connect-youtube span{
  background-position:0px -150px;
}

a.connect-twitter{
  background-position:0px -180px;
}
a.connect-twitter span{
  background-position:0px -210px;
}

a.connect-snapchat{
  background-position:0px -240px;
}
a.connect-snapchat span{
  background-position:0px -270px;
}
a.connect-linkedin{
  background-position:0px -300px;
}
a.connect-linkedin span{
  background-position:0px -330px;
}

a.connect-pinterest{
  background-position:0px -360px;
}
a.connect-pinterest span{
  background-position:0px -390px;
}

a.connect-periscope{
  background-position:0px -420px;
}
a.connect-periscope span{
  background-position:0px -450px;
}
a.connect-tiktok{
  background-position:0px -480px;
}
a.connect-tiktok span {
  background-position:0px -510px;
}
a.connect-whatsapp{
  background-position:0px -540px;
}
a.connect-whatsapp span {
  background-position:0px -570px;
}
a.connect-x{
  background-position:0px -600px;
}
a.connect-x span {
  background-position:0px -630px;
}



/* End footer-related styles */
/* ************************* */


/* *************** */
/* Begin Search and Account Styles */
#header-search{
  z-index:11;
  position:relative;
}
#header-more,
#header-more-mobile {
  z-index:15;
  position:relative;
}
#header-search{
  margin-right:1px;
}
#header-cal{
  margin-right:1px;
  margin-left: 4px;
}
.scad-nav-ico-anchor{
  display: inline-block;
  position: relative;
  height: 60px;
  width: 58px;
}
.nav-search-icon,
#search-box .nav-search-icon{
  /*padding:20px 10px;*/
}

.scad-nav-ico{
  width: 47px;
  height: 35px;
  background-image:url('/sites/all/themes/swarm/images/icons/calendar_search_login_sprite.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size:cover;
  margin:0px auto;
  margin-top:16px;
}
.nav-cal-icon .scad-nav-ico{
  background-position-y: 0px;
}
.nav-search-icon .scad-nav-ico{
  background-position-y: -70px;
}
.nav-more-icon .scad-nav-ico{
  background-position-y: -140px;
}
.scad-nav-ico-anchor span {
    position: absolute;
    top: 0px; left: 0px; bottom: 0; right: 0;
    width: 47px;
    height: 35px;
    margin-top:16px;
    margin-left:6px;
    background-image:url('/sites/all/themes/swarm/images/icons/calendar_search_login_sprite.png');
    background-position-x: center;
    background-repeat: no-repeat;
    background-size:cover;
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    -moz-transition:    opacity 0.5s;
    -o-transition:      opacity 0.5s;
  }

.top-main-nav__btn .scad-nav-ico div {
  width: 47px;
  height: 35px;
  background-image:url('/sites/all/themes/swarm/images/icons/calendar_search_login_sprite.png');
  background-position-x: center;
  background-repeat: no-repeat;
  background-size:cover;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  -moz-transition:    opacity 0.5s;
  -o-transition:      opacity 0.5s;
}

.scad-nav-ico-anchor:hover span {
  opacity: 1;
}
.top-main-nav__btn:hover .scad-nav-ico div {
    opacity: 1;
  }

.scad-nav-ico-anchor.nav-cal-icon span{
  background-position-y: -35px;
}
.scad-nav-ico-anchor.nav-search-icon .scad-nav-ico div{
  background-position-y: -105px;
}
.scad-nav-ico-anchor.nav-more-icon .scad-nav-ico div{
  background-position-y: -176px;
}


#header-more #more-subtext,
#header-more-mobile #more-subtext-mobile{
  font-size: 11px;
  position: absolute;
  display: block;
  top: 37px;
  left: 6px;
  font-weight: 600;
  z-index:-1;
}

#search-box .nav-search-icon{
  position: relative;
  right: -15px;
  display:inline-block;
  cursor:pointer;
}
#more-box,
#more-box-mobile{
  position: relative;
  cursor:pointer;
}
#more-box a,
#more-box-mobile a{
  color:#fff;
  display:inline-block;
  font-weight:500;
}
#more-myscad-link,
#more-myscad-link-mobile{
  padding-left:26px;
  padding-right:26px;
}
#more-myscad-link-mobile{
  padding-left:26px;
}
#more-myadmission-link,
#more-myadmission-link-mobile{
  border-left:1px solid #303030;
  border-right:1px solid #303030;
  padding-left:26px;
  padding-right:26px;
}
#more-box a .nav-dash,
#more-box-mobile a .nav-dash{
  background-image:url('/sites/all/themes/swarm/images/icons/yellow_arrow_trans.png');
  background-repeat:no-repeat;
  display:inline-block;
  width:3px;
  height:5px;
  margin-left:5px;
}
#more-box a:hover,
#more-box-mobile a:hover{
  color:#fff;
  text-decoration: none;
}
#header-search.search-active, #header-more.account-active, #header-more-mobile.account-active{
  z-index:4;
  border: none;
}
#search-box{
  width: calc(100vw - 56px);
  /*width:50px;*/
  height: 60px;
  position: absolute;
  top:0px;
  line-height:58px;
  display:block;
  visibility: hidden;
  /*border-left: 1px solid #222;  */
  opacity:0;
  background-color:rgba(0,0,0,1);
  color:#434343;
  font-size:.75em;
  padding-left:25px;
  z-index:-1;
  right: 60px;
}
#more-box,
#more-box-mobile{
  width: calc(100vw - 40px);
  /*width:50px;*/
  height: 60px;
  position: absolute;
  top:0px;
  line-height:58px;
  display:block;
  visibility: hidden;
  /*border-left: 1px solid #222;  */
  opacity:0;
  background-color:rgba(0,0,0,1);
  color:#434343;
  font-size:.75em;
  padding-left:0px;
  z-index:-1;
}
img#nav-search-icon, img#nav-more-icon{
  z-index: 2;
  position: relative;
}
#search-box input{
  background:none;
  color:#fff;
  border:none;
  display:inline;
  width:200px;
  font-weight:500;
  font-size:14px;
}
#search-box input:focus{
  outline:none;
}
#search-box input::-webkit-input-placeholder {
  color:#666;
}
#search-box input::-moz-placeholder {
  color:#666;
}
#search-box input:-moz-placeholder {   /* Older versions of Firefox */
  color:#666;
}
#search-box input:-ms-input-placeholder {
  color:#666;
}


#search-box.search-opened{
  opacity:1;
  z-index:3;
  visibility: visible;
  -webkit-animation: search-open .45s cubic-bezier(0.075, 0.82, 0.165, 1); /* Safari 4+ */
  -moz-animation:    search-open .45s cubic-bezier(0.075, 0.82, 0.165, 1); /* Fx 5+ */
  -o-animation:      search-open .45s cubic-bezier(0.075, 0.82, 0.165, 1); /* Opera 12+ */
  animation:         search-open .45s cubic-bezier(0.075, 0.82, 0.165, 1); /* IE 10+, Fx 29+ */
}
#more-box.more-opened,
#more-box-mobile.more-opened{
  opacity:1;
  z-index:12;
  visibility: visible;
  -webkit-animation: login-open .45s cubic-bezier(0.075, 0.82, 0.165, 1); /* Safari 4+ */
  -moz-animation:    login-open .45s cubic-bezier(0.075, 0.82, 0.165, 1); /* Fx 5+ */
  -o-animation:      login-open .45s cubic-bezier(0.075, 0.82, 0.165, 1); /* Opera 12+ */
  animation:         login-open .45s cubic-bezier(0.075, 0.82, 0.165, 1); /* IE 10+, Fx 29+ */
}
#search-box.search-closed{
  opacity:0;
  z-index:9;
  visibility: visible;
  -webkit-animation: search-close .45s cubic-bezier(0.6, 0.04, 0.98, 0.335); /* Safari 4+ */
  -moz-animation:    search-close .45s cubic-bezier(0.6, 0.04, 0.98, 0.335); /* Fx 5+ */
  -o-animation:      search-close .45s cubic-bezier(0.6, 0.04, 0.98, 0.335); /* Opera 12+ */
  animation:         search-close .45s cubic-bezier(0.6, 0.04, 0.98, 0.335); /* IE 10+, Fx 29+ */
}
#more-box.more-closed,
#more-box-mobile.more-closed{
  opacity:0;
  z-index:12;
  visibility: visible;
  -webkit-animation: login-close .45s cubic-bezier(0.6, 0.04, 0.98, 0.335); /* Safari 4+ */
  -moz-animation:    login-close .45s cubic-bezier(0.6, 0.04, 0.98, 0.335); /* Fx 5+ */
  -o-animation:      login-close .45s cubic-bezier(0.6, 0.04, 0.98, 0.335); /* Opera 12+ */
  animation:         login-close .45s cubic-bezier(0.6, 0.04, 0.98, 0.335); /* IE 10+, Fx 29+ */
}

/* End search styles */
/* ************************* */

/* *************** */
/* Begin keyframes */

@-webkit-keyframes desktop-nav-link-inactive {
  0% {
   opacity:1;
  }
  100% {
    opacity:0.4;
  }
}
@keyframes desktop-nav-link-inactive {
  0% {
   opacity:1;
  }
  100% {
    opacity:0.4;
  }
}

@-webkit-keyframes desktop-nav-sublink-inactive {
  0% {
   opacity:1;
  }
  100% {
    opacity:0.4;
  }
}
@keyframes desktop-nav-sublink-inactive {
  0% {
   opacity:1;
  }
  100% {
    opacity:0.4;
  }
}

@-webkit-keyframes desktop-nav-link-neutral {
  0% {
   opacity:0.4;
  }
  100% {
    opacity:1;
  }
}
@keyframes desktop-nav-link-neutral {
  0% {
   opacity:0.4;
  }
  100% {
    opacity:1;
  }
}

@-webkit-keyframes desktop-nav-sublink-neutral {
  0% {
   opacity:0.6;
  }
  100% {
    opacity:1;
  }
}
@keyframes desktop-nav-sublink-neutral {
  0% {
   opacity:0.6;
  }
  100% {
    opacity:1;
  }
}



@-webkit-keyframes desktop-nav-fadeout {
  0% {
    color:#FFF;
  }
  100% {
    color:#666;
  }
}

@keyframes desktop-nav-fadeout {
  0% {
    color:#FFF;
  }
  100% {
    color:#666;
  }
}

@-webkit-keyframes desktop-nav-fadein {
  0% {
    color:#666;
  }
  100% {
    color:#FFF;
  }
}

@keyframes desktop-nav-fadein {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}


@keyframes desktop-home-nav-fadein {
  0% {
    opacity:0;
  }
  100% {
    opacity:.9;
  }
}

@keyframes navbar-fadein {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-webkit-keyframes desktop-nav-text-fadein {
  0% {
    color:rgba(255,255,255,0);
  }
  100% {
    color:rgba(255,255,255,1);
  }
}

@keyframes desktop-nav-text-fadein {
  0% {
    color:rgba(255,255,255,0);
  }
  100% {
    color:rgba(255,255,255,1);
  }
}

@-webkit-keyframes nav-card-slidein {
  0% {
    right:-100vw;
    opacity:0;
  }
  100% {
    right:0px;
    opacity:1;
  }
}

@keyframes nav-card-slidein {
  0% {
    right:-100vw;
    opacity:0;
  }
  100% {
    right:0px;
    opacity:1;
  }
}

@-webkit-keyframes nav-card-slideout {
  0% {
    right:0px;
  }
  100% {
    right:-100vw;
  }
}

@keyframes nav-card-slideout {
  0% {
    right:0px;
  }
  100% {
    right:-100vw;
  }
}

@-webkit-keyframes search-rfi-fadein {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@keyframes search-rfi-fadein {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}



@-webkit-keyframes search-open {
  0%   { left: calc(100% - 56px);
         opacity: 1;
       }
  100% {  left: 0px;
          opacity:1;
       }
}
@-moz-keyframes search-open  {
  0%   { left: calc(100% - 56px);
         opacity: 1;
       }
  100% {  left: 0px;
          opacity:1;
       }
}
@-o-keyframes search-open  {
  0%   { left: calc(100% - 56px);
         opacity: 1;
       }
  100% {  left: 0px;
          opacity:1;
       }
}
@keyframes search-open  {
  0%   { left: calc(100% - 56px);
         opacity: 1;
       }
  100% {  left: 0px;
          opacity:1;
       }
}
@-webkit-keyframes search-close{
  0%   { left: 0px;
         opacity: 1;
       }
  100% {  left: calc(100% - 56px);
          opacity:1;
       }
}
@-moz-keyframes search-close  {
  0%   { left: 0px;
         opacity: 1;
       }
  100% {  left: calc(100% - 56px);
          opacity:1;
       }
}
@-o-keyframes search-close  {
  0%   { left: 0px;
         opacity: 1;
       }
  100% {  left: calc(100% - 56px);
          opacity:1;
       }
}
@keyframes search-close  {
  0%   { left: 0px;
         opacity: 1;
       }
  100% {  left: calc(100% - 56px);
          opacity:1;
       }
}


@-webkit-keyframes login-open {
  0%   { left: calc(100% - 40px);
         opacity: 1;
       }
  100% {  left: 0px;
          opacity:1;
       }
}
@-moz-keyframes login-open  {
  0%   { left: calc(100% - 40px);
         opacity: 1;
       }
  100% {  left: 0px;
          opacity:1;
       }
}
@-o-keyframes login-open  {
  0%   { left: calc(100% - 40px);
         opacity: 1;
       }
  100% {  left: 0px;
          opacity:1;
       }
}
@keyframes login-open  {
  0%   { left: calc(100% - 40px);
         opacity: 1;
       }
  100% {  left: 0px;
          opacity:1;
       }
}
@-webkit-keyframes login-close {
  0%   { left: 0px;
         opacity: 1;
          z-index:12;
       }
  100% {  left: calc(100% - 40px);
          opacity:1;
          z-index:12;
       }
}
@-moz-keyframes login-close  {
  0%   { left: 0px;
         opacity: 1;
          z-index:12;
       }
  100% {  left: calc(100% - 40px);
          opacity:1;
          z-index:12;
       }
}
@-o-keyframes login-close  {
  0%   { left: 0px;
         opacity: 1;
          z-index:12;
       }
  100% {  left: calc(100% - 40px);
          opacity:1;
          z-index:12;
       }
}
@keyframes login-close  {
  0%   { left: 0px;
         opacity: 1;
         z-index:12;
       }
  100% {  left: calc(100% - 40px);
          opacity:1;
          z-index:12;
       }
}

@-webkit-keyframes login-activate{
  0%   {
          opacity: 1;
       }
  100% {
           opacity: .6;
       }
}
@-moz-keyframes login-activate{
  0%   {
          opacity: 1;
       }
  100% {
           opacity: .6;
       }
}
@-o-keyframes login-activate{
  0%   {
          opacity: 1;
       }
  100% {
           opacity: .6;
       }
}
@keyframes login-activate{
  0%   {
          opacity: 1;
       }
  100% {
           opacity: .6;
       }
}


@-webkit-keyframes login-deactivate{
  0%   {
          opacity: .6;
       }
  100% {
           opacity: 1;
       }
}
@-moz-keyframes login-deactivate{
  0%   {
          opacity: .6;
       }
  100% {
           opacity: 1;
       }
}
@-o-keyframes login-deactivate{
  0%   {
          opacity: .6;
       }
  100% {
           opacity: 1;
       }
}
@keyframes login-deactivate{
  0%   {
          opacity: .6;
       }
  100% {
           opacity: 1;
       }
}


/* End keyframes */
/* ************* */

/* ******************* */
/* Begin media queries */

@media (max-width:1200px) {
  .nav-truncate-about {
    display:none;
  }
}

@media (max-width:1170px) {
  #header-desktop-nav > ul > li {
    padding-right:8px;
    padding-left:8px;
    font-size:12px;
  }
  #header-desktop-nav ul li ul.active {
    margin-left:-8px;
  }
  #header-desktop-nav ul li ul {
    margin-top:18px;
  }
  #header-desktop-nav ul li ul li {
    padding-left:15px;
  }
}

@media (max-width:1052px) {
  .nav-truncate {
    display:none !important;
  }
  .desktop-nav-give-link {
    display:none;
  }
}


@media (max-width:934px) {
  .nav-more-icon{
    padding:18px 9px 20px 9px;
  }
  #more-box {
    display: none;
  }
  #header-desktop-nav ul,
  #header-desktop-rfi, #header-desktop-apply, #header-desktop-give,
  #header-more, .top-main-nav__grp-btns {
    display:none;
  }
  #header-hamburger {
    display:block;
  }
  body.not-front #top-main-nav{
    background-color:rgba(0,0,0,1)!important;
  }
}

@media (min-width:768px) and (max-width:934px) {
  #search-box{
    right:101px!important;
  }
}


@media (max-width:470px) {
  #header-desktop-apply {
    display:none;
  }
  .desktop-nav-give-link{
    display:none;
  }
  #more-myscad-link-mobile {
      padding-left: 20px;
      padding-right: 8px;
  }
  #more-myadmission-link-mobile {
      padding-left: 8px;
      padding-right: 8px;
  }
  .desktop-nav-give-link {
    display:none;
  }
}

@media (max-width:320px) {
  .desktop-nav-give-link{
    display:none;
  }
  #more-myscad-link-mobile {
      padding-left: 20px;
      padding-right: 8px;
  }
  #more-myadmission-link-mobile {
      padding-left: 8px;
      padding-right: 8px;
  }
}



/* Small devices (tablets, 768px and up) */
@media (min-width:768px) {

  footer#swarm-footer{
    padding-top: 0px;
  }

  /*Footer Reveal*/
  /*body.not-front .main-wrapper{
    margin-bottom: 1106px;
    background-color: #fff;
  }
  .front .main-wrapper{
    overflow: visible;
  }
  .front .front-main-container {
    margin-bottom: 1106px;
    width: 100%;
  }
  footer#swarm-footer{
    bottom: 0px;
    position: fixed;
    z-index: -9999;
    width: 100%;
  }*/
  /*Footer Reveal*/

  footer .col-style{
    background-color: inherit;
  }

  footer #footer-top{
    /*margin-bottom:50px;*/
    display: table;
    width:100%;
  }

  footer .footer-col li .nav-dash{
    display:inline-block!important;
  }
  footer .footer-col li:last-child a{
    color:#cecece;
  }

  footer .footer-col li:not(:last-child) a {
    /* color: #8b8b8b; */
    color:#FFF;
    padding-left: 0px;
    -webkit-transition: padding-left 0.40s ease-in-out, color 0.40s ease-in-out;
    -moz-transition:    padding-left 0.40s ease-in-out, color 0.40s ease-in-out;
    -o-transition:      padding-left 0.40s ease-in-out, color 0.40s ease-in-out;
    /*-webkit-animation: footer-link-slideout .40s; /* Safari 4+ */
   /* -moz-animation:    footer-link-slideout .40s; /* Fx 5+ */
   /* -o-animation:      footer-link-slideout .40s; /* Opera 12+ */
   /* animation:         footer-link-slideout .40s; /* IE 10+, Fx 29+ */
  }
  footer .footer-col li:not(:last-child) a:hover {
    color:#e59800 !important;
    padding-left: 12px;
  /*  -webkit-animation: footer-link-slidein .40s; /* Safari 4+ */
  /*  -moz-animation:    footer-link-slidein .40s; /* Fx 5+ */
  /*  -o-animation:      footer-link-slidein .40s; /* Opera 12+ */
  /*  animation:         footer-link-slidein .40s; /* IE 10+, Fx 29+ */
  }

  footer .footer-col li:last-child a {
    color: #cecece;
    padding-left: 0px;
    -webkit-transition: padding-left 0.40s ease-in-out, color 0.40s ease-in-out;
    -moz-transition:    padding-left 0.40s ease-in-out, color 0.40s ease-in-out;
    -o-transition:      padding-left 0.40s ease-in-out, color 0.40s ease-in-out;
    /*-webkit-animation: footer-last-link-slideout .40s; /* Safari 4+ */
    /*-moz-animation:    footer-last-link-slideout .40s; /* Fx 5+ */
    /*-o-animation:      footer-last-link-slideout .40s; /* Opera 12+ */
    /*animation:         footer-last-link-slideout .40s; /* IE 10+, Fx 29+ */
  }
  footer .footer-col li:last-child a:hover {
    color:#e59800 !important;
    padding-left: 12px;
    /*-webkit-animation: footer-last-link-slidein .40s; /* Safari 4+ */
    /*-moz-animation:    footer-last-link-slidein .40s; /* Fx 5+ */
    /*-o-animation:      footer-last-link-slidein .40s; /* Opera 12+ */
    /*animation:         footer-last-link-slidein .40s; /* IE 10+, Fx 29+ */
  }

  footer #footer-left-col{
    display: block;
    width: 100%;
    vertical-align: top;
    padding: 60px;
    padding-top:100px;
  }
  footer #footer-right-col{
    display: block;
    vertical-align: top;
    border-left: 0px solid #2a2a2a;
    width: 100%;
    margin-top:0px;
    padding:0px 60px 60px 0px;
  }

  footer #footer-left-col .footer-col.col-style {
      background-color: transparent;
      padding: 0px 30px;
  }

  footer #footer-collapse-group{
    margin: 0px;
    padding-left: 60px;
    display: block;
    /*overflow: hidden;*/
  }

  footer .footer-col-header h4 a {
    padding-top:0px;
    color:#fff;
  }

  footer .footer-col-header h4 a:hover {
    cursor: default;
    color:#fff;
  }

  footer .footer-col-header h4 a:before{
    display:none;
  }
 footer .footer-col-body.col-style{
    height: auto !important;
    display: block !important;
 }
  footer .footer-col-header a.col-style{
    border-radius: 3px;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
  }

  footer #social-header,
  footer #social-links,
  footer #footer-social #social-header h4,
  footer #social-links ul{
    display:inline;
  }

  footer #social-links ul{
    margin: 0px 0px 0px 15px;
  }

  footer #social-links ul li{
    margin-bottom:0px;
  }

  footer #social-links ul li:nth-child(even),
  footer #social-links ul li:nth-child(odd){
    float:none;
    width: auto;
    margin: 0px;
    margin-right:15px;
    padding: 0px;
  }

  footer #social-links ul li a{
    background-color: transparent;
    padding:0px;
  }

  footer #social-bottom{
    margin: 0px;
    margin-top: 10px;
  }

  footer #bottom-links {
      display: inline;
      padding-left: 14px;
  }

  footer #social-bottom #copyright-info{
    font-size:.75em;
  }
  footer #social-bottom #bottom-links a{
    /*font-size: .88em;*/
  }
  footer #footer-social #social-header h4{
    font-size:.75em;
  }
  footer #social-links ul li a{
    font-size:.75em;
  }
  #search-box{
    width: 250px;
    right: 80px;
  }
  #search-box input{
    width:215px;
  }

  #more-box,
  #more-box-mobile{
    width: 338px;
    right: 40px;
  }

  @-webkit-keyframes search-open {
  0%   { right: -160px;
         opacity: 1;
       }
  100% {  right: 80px;
          opacity:1;
       }
  }
  @-moz-keyframes search-open  {
    0%   { right: -160px;
           opacity: 1;
         }
    100% {  right: 80px;
            opacity:1;
         }
  }
  @-o-keyframes search-open  {
    0%   { right: -160px;
           opacity: 1;
         }
    100% {  right: 80px;
            opacity:1;
         }
  }
  @keyframes search-open  {
    0%   { right: -160px;
           opacity: 1;
         }
    100% {  right: 80px;
            opacity:1;
         }
  }
  @-webkit-keyframes search-close{
    0%   { right: 80px;
           opacity: 1;
         }
    100% {  right: -160px;
            opacity:1;
         }
  }
  @-moz-keyframes search-close  {
    0%   { right: 80px;
           opacity: 1;
         }
    100% {  right: -160px;
            opacity:1;
         }
  }
  @-o-keyframes search-close  {
    0%   { right: 80px;
           opacity: 1;
         }
    100% {  right: -160px;
            opacity:1;
         }
  }
  @keyframes search-close  {
    0%   { right: 80px;
           opacity: 1;
         }
    100% {  right: -160px;
            opacity:1;
         }
  }


  @-webkit-keyframes login-open {
  0%   { right: -298px;
         opacity: 1;
       }
  100% {  right: 40px;
          opacity:1;
       }
  }
  @-moz-keyframes login-open  {
    0%   { right: -298px;
           opacity: 1;
         }
    100% {  right: 40px;
            opacity:1;
         }
  }
  @-o-keyframes login-open  {
    0%   { right: -298px;
           opacity: 1;
         }
    100% {  right: 40px;
            opacity:1;
         }
  }
  @keyframes login-open  {
    0%   { right: -298px;
           opacity: 1;
         }
    100% {  right: 40px;
            opacity:1;
         }
  }
  @-webkit-keyframes login-close {
    0%   { right: 40px;
           opacity: 1;
         }
    100% {  right: -298px;
            opacity:1;
         }
  }
  @-moz-keyframes login-close  {
    0%   { right: 40px;
           opacity: 1;
         }
    100% {  right: -298px;
            opacity:1;
         }
  }
  @-o-keyframes login-close  {
    0%   { right: 40px;
           opacity: 1;
         }
    100% {  right: -298px;
            opacity:1;
         }
  }
  @keyframes login-close  {
    0%   { right: 40px;
           opacity: 1;
         }
    100% {  right: -298px;
            opacity:1;
         }
  }


  /*Footer Icons Desktop*/
  a.connect-item{
    background-size:25px 550px;
    width:25px;
    height:25px;
  }
  a.connect-item span{
    background-size:25px 550px;
    width:25px;
    height:25px;
  }


  a.connect-instagram{
    background-position:0px 0px;
  }
  a.connect-instagram:hover {
    background-position:0px -25px;
  }

  a.connect-facebook{
    background-position:0px -50px;
  }
  a.connect-facebook:hover {
    background-position:0px -75px;
  }
  a.connect-youtube{
    background-position:0px -100px;
  }
  a.connect-youtube:hover {
    background-position:0px -125px;
  }

  a.connect-twitter{
    background-position:0px -150px;
  }
  a.connect-twitter:hover {
    background-position:0px -175px;
  }

  a.connect-snapchat{
    background-position:0px -200px;
  }
  a.connect-snapchat:hover {
    background-position:0px -225px;
  }

  a.connect-linkedin{
    background-position:0px -250px;
  }
  a.connect-linkedin:hover {
    background-position:0px -275px;
  }

  a.connect-pinterest{
    background-position:0px -300px;
  }
  a.connect-pinterest:hover {
    background-position:0px -325px;
  }

  a.connect-periscope{
    background-position:0px -350px;
  }
  a.connect-periscope:hover {
    background-position:0px -375px;
  }
  a.connect-tiktok {
    background-position:0px -400px;
  }
  a.connect-tiktok:hover {
    background-position:0px -425px;
  }

  a.connect-whatsapp {
    background-position:0px -450px;
  }
  a.connect-whatsapp:hover {
    background-position:0px -475px;
  }
  a.connect-x {
    background-position:0px -500px;
  }
  a.connect-x:hover {
    background-position:0px -525px;
  }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width:992px) {
  /*For the Reveal*/
  /*body.not-front .main-wrapper{
    margin-bottom: 789px;
  }
  .front .front-main-container {
    margin-bottom: 789px;
  }*/
  /*End for the reveal*/
  footer #footer-left-col{
    display: table-cell;
    width: 340px;
    vertical-align: top;
    padding-top:100px;
  }
  footer #footer-right-col{
    display: table-cell;
    vertical-align: top;
    border-left: 2px solid #2a2a2a;
    padding:100px 40px 60px 0px;
  }

  footer #footer-collapse-group {
      padding-left: 60px;
  }
  footer #footer-social{
    text-align:left;
    padding:10px 25px;
  }

  footer #social-links ul li:nth-child(even),
  footer #social-links ul li:nth-child(odd){
    margin-right: 10px;
  }
  footer #social-bottom {
    margin-top:0px;
    display: inline-block;
    float: right;
  }
  #search-box{
    width: 265px;
  }
  #more-box,
  #more-box-mobile{
    width:338px;
  }

}

/*Footer Animations*/
@-webkit-keyframes footer-link-slidein{
  0%   { padding-left: 0px;
         color: #8b8b8b;
       }
  100% {  padding-left: 12px;
          color:#e59800;
       }
}
@-moz-keyframes footer-link-slidein{
  0%   { padding-left: 0px;
         color: #8b8b8b;
       }
  100% {  padding-left: 12px;
          color:#e59800;
       }
}
@-o-keyframes footer-link-slidein{
  0%   { padding-left: 0px;
         color: #8b8b8b;
       }
  100% {  padding-left: 12px;
          color:#e59800;
       }
}
@-webkit-keyframes footer-link-slideout{
  0%   {
          padding-left: 12px;
          color:#e59800;
       }
  100% {
         padding-left: 0px;
         color: #8b8b8b;
       }
}
@-moz-keyframes footer-link-slideout{
  0%   {
          padding-left: 12px;
          color:#e59800;
       }
  100% {
         padding-left: 0px;
         color: #8b8b8b;
       }
}
@-o-keyframes footer-link-slideout{
  0%   {
          padding-left: 12px;
          color:#e59800;
       }
  100% {
         padding-left: 0px;
         color: #8b8b8b;
       }
}
@keyframes footer-link-slidein{
  0%   { padding-left: 0px;
         color: #8b8b8b;
       }
  100% {  padding-left: 12px;
          color:#e59800;
       }
}
@keyframes footer-link-slideout{
  0%   {
          padding-left: 12px;
          color:#e59800;
       }
  100% {
         padding-left: 0px;
         color: #8b8b8b;
       }
}

/*LAST LINK*/
@-webkit-keyframes footer-last-link-slidein{
  0%   { padding-left: 0px;
         color: #cecece;
       }
  100% {  padding-left: 12px;
          color:#e59800;
       }
}
@-moz-keyframes footer-last-link-slidein{
  0%   { padding-left: 0px;
         color: #cecece;
       }
  100% {  padding-left: 12px;
          color:#e59800;
       }
}
@-o-keyframes footer-last-link-slidein{
  0%   { padding-left: 0px;
         color: #cecece;
       }
  100% {  padding-left: 12px;
          color:#e59800;
       }
}
@-webkit-keyframes footer-last-link-slideout{
  0%   {
          padding-left: 12px;
          color:#e59800;
       }
  100% {
         padding-left: 0px;
         color: #cecece;
       }
}
@-moz-keyframes footer-last-link-slideout{
  0%   {
          padding-left: 12px;
          color:#e59800;
       }
  100% {
         padding-left: 0px;
         color: #cecece;
       }
}
@-o-keyframes footer-last-link-slideout{
  0%   {
          padding-left: 12px;
          color:#e59800;
       }
  100% {
         padding-left: 0px;
         color: #cecece;
       }
}
@keyframes footer-last-link-slidein{
  0%   { padding-left: 0px;
         color: #cecece;
       }
  100% {  padding-left: 12px;
          color:#e59800;
       }
}
@keyframes footer-last-link-slideout{
  0%   {
          padding-left: 12px;
          color:#e59800;
       }
  100% {
         padding-left: 0px;
         color: #cecece;
       }
}

/*End Footer Animations*/


/* Large devices (large desktops, 1300px and up) */
@media (min-width:1300px) {
  #connect-icon-container a.connect-linkedin{
    clear:right;
  }
  br.hidden-lg.show-lg-1300{
    display:block!important;
  }
}

/* XS devices (<768px) */
@media (max-width:767px) {

  body section#main-content-region{
    margin-top:10px;
  }

  .no-hero nav#top-main-nav {
    margin-bottom:10px;
  }

  nav#top-main-nav {
    position:relative;
  }
  nav#top-main-nav.academics {
    background:rgba(91,106,162,1);
  }
  nav#top-main-nav.admission {
    background:rgba(94,45,119,1);
  }
  nav#top-main-nav.career-alumni {
    background:rgba(201,86,86,1);
  }
  nav#top-main-nav.life-at-scad {
    background:rgba(229,115,70,1);
  }
  nav#top-main-nav.about-scad {
    background:rgba(87,175,157,1);
  }

 .pane-scad-nav-scad-nav-sidebar-contextual,
 #program-specific-context #block-scad-nav-scad-nav-sidebar-contextual{
    display:block !important;
  }

 .pane-scad-nav-scad-nav-sidebar-contextual .icon-nav_dot,
 #program-specific-context #block-scad-nav-scad-nav-sidebar-contextual .icon-nav_dot{
    display:none;
  }

  .left_sidebar .panel-pane h3,
  #block-scad-nav-scad-nav-sidebar-contextual h3,
  .left_sidebar .panel-pane .pane-content .section-title-title h2,
  #block-scad-nav-scad-nav-sidebar-contextual h2 {
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 15px;
    text-transform: uppercase;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom:0px;
    border-bottom:1px solid #eaeaea;
    padding-bottom:22px;
    padding-left:25px;
  }

  .left_sidebar .panel-pane .pane-content .section-title-title h2 .left_sidebar__mobile-btn {
      display: block;
  }
  .left_sidebar .panel-pane .pane-content .section-title-title h2 .left_sidebar__desktop-label {
    display: none;
}

  .dropdown-arrow{
    background-image:url('/sites/all/themes/swarm/images/icons/Arrow_twiel_2x.png');
    background-size: contain;
    background-repeat: no-repeat;
    width:30px;
    height:30px;
    display:block;
  }

  .left_sidebar .panel-pane h3 .glyphicon-v336 {
      display:inline-block;
      color:#CACACA;
      font-size: 20px;
  }
  .section-academics .left_sidebar .panel-pane h3,
  .section-academics .left_sidebar .panel-pane.in h3 .glyphicon-v336,
  .left_sidebar .panel-pane.in .pane-content .section-title-title h2 .glyphicon-v336,
  .section-academics #block-scad-nav-scad-nav-sidebar-contextual.in  h3 .glyphicon-v336{
    color: #3c45b8;
  }
  .section-admission .left_sidebar .panel-pane h3,
  .section-admission .left_sidebar .panel-pane.in h3 .glyphicon-v336,
  .section-admission #block-scad-nav-scad-nav-sidebar-contextual.in  h3 .glyphicon-v336  {
    color: #097eb5;
  }
  .section-success .left_sidebar .panel-pane h3,
  .section-success .left_sidebar .panel-pane.in h3 .glyphicon-v336,
  .section-success #block-scad-nav-scad-nav-sidebar-contextual.in  h3 .glyphicon-v336 {
    color: #9f004e;
  }
  .section-life .left_sidebar .panel-pane h3,
  .section-life .left_sidebar .panel-pane.in h3 .glyphicon-v336,
  .section-life #block-scad-nav-scad-nav-sidebar-contextual.in  h3 .glyphicon-v336 {
    color: #0b7963;
  }
  .section-about .left_sidebar .panel-pane h3,
  .section-about .left_sidebar .panel-pane.in h3 .glyphicon-v336,
  .section-about #block-scad-nav-scad-nav-sidebar-contextual.in  h3 .glyphicon-v336 {
    color: #c3400b;
  }

  .pane-scad-nav-scad-nav-sidebar-contextual .nav>li>a,
  #program-specific-context #block-scad-nav-scad-nav-sidebar-contextual .nav>li>a{
    position: relative;
    display: block;
    padding: 10px 25px;
  }
  .pane-scad-nav-scad-nav-sidebar-contextual #general-context .nav>li>ul>li.dropdown-submenu>ul.dropdown-menu>li>a{
    padding-left: 35px;
  }
  .pane-scad-nav-scad-nav-sidebar-contextual #general-context .nav> .dropdown-submenu .dropdown-menu .dropdown-menu>li>a{
    padding-left: 45px;
  }

  .left_sidebar #program-specific-context #block-scad-nav-scad-nav-sidebar-contextual ul.menu li.current-program-menu > a.dropdown-toggle.program-menu-link,
  .left_sidebar .panel-pane.pane-scad-nav-scad-nav-sidebar-contextual #program-specific-context ul.menu li > a.dropdown-toggle,
  .left_sidebar .panel-pane.pane-scad-nav-scad-nav-sidebar-contextual #program-specific-context ul.menu li > a.dropdown-toggle:hover,
  .left_sidebar .panel-pane.pane-scad-nav-scad-nav-sidebar-contextual #program-specific-context ul.menu li > a.dropdown-toggle:focus   {
    padding-left:0px;
    padding-right:0px;
    padding-top:0px;
    padding-bottom:0px;
    background-color:transparent;
  }

  .left_sidebar #program-specific-context #block-scad-nav-scad-nav-sidebar-contextual ul.menu li > a.dropdown-toggle h3,
  .left_sidebar .panel-pane.pane-scad-nav-scad-nav-sidebar-contextual #program-specific-context ul.menu li > a.dropdown-toggle h3{
    margin-top:3px;
    margin-bottom: -3px;
  }

  #program-specific-context #block-scad-nav-scad-nav-sidebar-contextual li.dropdown-submenu,
  .panel-pane.pane-scad-nav-scad-nav-sidebar-contextual #program-specific-context li.dropdown-submenu{
    margin:0px;
  }

  #program-specific-context #block-scad-nav-scad-nav-sidebar-contextual span.dropdown-img,
  .pane-scad-nav-scad-nav-sidebar-contextual #program-specific-context  span.dropdown-img{
      padding: 0px;
      position: initial;
      margin:0px;
  }

  #program-specific-context #block-scad-nav-scad-nav-sidebar-contextual span.dropdown-img i,
  .pane-scad-nav-scad-nav-sidebar-contextual #program-specific-context span.dropdown-img i {
      padding: 6px;
      position: initial;
      border:none;
      background-color: rgba(255,255,255,.1);
      border-radius: 50%;
      color: #7F6290;
  }

  .section-academics-programs-wildcard #program-specific-context #block-scad-nav-scad-nav-sidebar-contextual .current-program-menu .dropdown-img,
  .section-academics-programs-wildcard .pane-scad-nav-scad-nav-sidebar-contextual #program-specific-context .current-program-menu .dropdown-img {
      display: block;
  }

  /*Interior Mobile Subnav*/
  .pane-scad-nav-scad-nav-sidebar-contextual #general-context li.first-contextual a.overview-page span{
    display:none;
  }
  .pane-scad-nav-scad-nav-sidebar-contextual #general-context li.first-contextual a.overview-page:after{
    content: 'Overview';
  }

  #program-specific-context #block-scad-nav-scad-nav-sidebar-contextual li.menu-item-Overview a.active,
  #program-specific-context #block-scad-nav-scad-nav-sidebar-contextual li.dropdown-submenu a.active,
  .pane-scad-nav-scad-nav-sidebar-contextual #program-specific-context li.menu-item-Overview a.active,
  .pane-scad-nav-scad-nav-sidebar-contextual #general-context li.first-contextual a.overview-page.active,
  .pane-scad-nav-scad-nav-sidebar-contextual #program-specific-context li.dropdown-submenu a.active,
  .pane-scad-nav-scad-nav-sidebar-contextual #general-context li.dropdown-submenu a.active{
    color:rgba(255,255,255,1);
  }

  #program-specific-context #block-scad-nav-scad-nav-sidebar-contextual li.menu-item-Overview a,
  #program-specific-context #block-scad-nav-scad-nav-sidebar-contextual li.dropdown-submenu a,
  .pane-scad-nav-scad-nav-sidebar-contextual #program-specific-context li.menu-item-Overview a,
  .pane-scad-nav-scad-nav-sidebar-contextual #general-context li.first-contextual a.overview-page,
  .pane-scad-nav-scad-nav-sidebar-contextual #program-specific-context li.dropdown-submenu a,
  .pane-scad-nav-scad-nav-sidebar-contextual #general-context li.dropdown-submenu a{
    color:rgba(255,255,255,.8);
  }
  .pane-scad-nav-scad-nav-sidebar-contextual #general-context span.dropdown-img i{
    border:none;
  }

  .section-academics #program-specific-context #block-scad-nav-scad-nav-sidebar-contextual li.current-program-menu>ul.navbar-nav>li.dropdown-submenu:nth-child(odd),
  .section-academics #program-specific-context #block-scad-nav-scad-nav-sidebar-contextual li.current-program-menu>ul.navbar-nav>li.dropdown-submenu:nth-child(odd) a:hover,
  .section-academics #program-specific-context #block-scad-nav-scad-nav-sidebar-contextual li.current-program-menu>ul.navbar-nav>li.open.dropdown-submenu:nth-child(odd) > a,
  .section-academics .pane-scad-nav-scad-nav-sidebar-contextual #program-specific-context li.current-program-menu>ul.navbar-nav>li.dropdown-submenu:nth-child(odd),
  .section-academics .pane-scad-nav-scad-nav-sidebar-contextual #program-specific-context li.current-program-menu>ul.navbar-nav>li.dropdown-submenu:nth-child(odd) a:hover,
  .section-academics .pane-scad-nav-scad-nav-sidebar-contextual #program-specific-context li.current-program-menu>ul.navbar-nav>li.open.dropdown-submenu:nth-child(odd) > a,
  .section-academics .pane-scad-nav-scad-nav-sidebar-contextual #general-context li.first-contextual>ul.navbar-nav>li.dropdown-submenu:nth-child(odd),
  .section-academics .pane-scad-nav-scad-nav-sidebar-contextual #general-context li.first-contextual>ul.navbar-nav>li.dropdown-submenu:nth-child(odd) a:hover,
  .section-academics .pane-scad-nav-scad-nav-sidebar-contextual #general-context li.first-contextual>ul.navbar-nav>li.open.dropdown-submenu:nth-child(odd) > a  {
    background:#363da5 !important;
  }

  .section-academics #program-specific-context #block-scad-nav-scad-nav-sidebar-contextual li.current-program-menu>ul.navbar-nav>li.dropdown-submenu:nth-child(even),
  .section-academics #program-specific-context #block-scad-nav-scad-nav-sidebar-contextual li.current-program-menu>ul.navbar-nav>li.dropdown-submenu:nth-child(even) a:hover,
  .section-academics #program-specific-context #block-scad-nav-scad-nav-sidebar-contextual li.current-program-menu>ul.navbar-nav>li.open.dropdown-submenu:nth-child(even) > a,
  .section-academics .pane-scad-nav-scad-nav-sidebar-contextual #general-context li.menu-item-Overview a,
  .section-academics .pane-scad-nav-scad-nav-sidebar-contextual #program-specific-context li.current-program-menu>ul.navbar-nav>li.dropdown-submenu:nth-child(even),
  .section-academics .pane-scad-nav-scad-nav-sidebar-contextual #program-specific-context li.current-program-menu>ul.navbar-nav>li.dropdown-submenu:nth-child(even) a:hover,
  .section-academics .pane-scad-nav-scad-nav-sidebar-contextual #program-specific-context li.current-program-menu>ul.navbar-nav>li.open.dropdown-submenu:nth-child(even) > a,
  .section-academics .pane-scad-nav-scad-nav-sidebar-contextual #general-context li.first-contextual a.overview-page,
  .section-academics .pane-scad-nav-scad-nav-sidebar-contextual #general-context li.first-contextual>ul.navbar-nav>li.dropdown-submenu:nth-child(even),
  .section-academics .pane-scad-nav-scad-nav-sidebar-contextual #general-context li.first-contextual>ul.navbar-nav>li.dropdown-submenu:nth-child(even) a:hover,
  .section-academics .pane-scad-nav-scad-nav-sidebar-contextual #general-context li.first-contextual>ul.navbar-nav>li.open.dropdown-submenu:nth-child(even) > a  {
    background:#3c45b8 !important;
  }
  .section-academics .dropdown-submenu .program-submenu-list,
  .section-academics .pane-scad-nav-scad-nav-sidebar-contextual #program-specific-context li.current-program-menu>ul.navbar-nav>li.dropdown-submenu .dropdown-program-submenu a:hover,
  .section-academics #program-specific-context #block-scad-nav-scad-nav-sidebar-contextual li.current-program-menu>ul.navbar-nav>li.dropdown-submenu .dropdown-program-submenu a:hover,
  .section-academics .dropdown-submenu .dropdown-menu,
  .section-academics #program-specific-context #block-scad-nav-scad-nav-sidebar-contextual li.current-program-menu>ul.navbar-nav>li.dropdown-submenu .dropdown-menu a:hover,
  .section-academics .pane-scad-nav-scad-nav-sidebar-contextual #program-specific-context li.current-program-menu>ul.navbar-nav>li.dropdown-submenu .dropdown-menu a:hover,
  .section-academics .pane-scad-nav-scad-nav-sidebar-contextual #general-context li.first-contextual>ul.navbar-nav>li.dropdown-submenu .dropdown-menu a:hover{
    background-color:#2d348a !important;
  }

  .section-admission .pane-scad-nav-scad-nav-sidebar-contextual #general-context li.first-contextual>ul.navbar-nav>li.dropdown-submenu:nth-child(odd),
  .section-admission .pane-scad-nav-scad-nav-sidebar-contextual #general-context li.first-contextual>ul.navbar-nav>li.dropdown-submenu:nth-child(odd) a:hover,
  .section-admission .pane-scad-nav-scad-nav-sidebar-contextual #general-context li.first-contextual>ul.navbar-nav>li.open.dropdown-submenu:nth-child(odd) > a  {
    background:#0073a9 !important;
  }
  .section-admission .pane-scad-nav-scad-nav-sidebar-contextual #general-context li.first-contextual a.overview-page,
  .section-admission .pane-scad-nav-scad-nav-sidebar-contextual #general-context li.first-contextual>ul.navbar-nav>li.dropdown-submenu:nth-child(even),
  .section-admission .pane-scad-nav-scad-nav-sidebar-contextual #general-context li.first-contextual>ul.navbar-nav>li.dropdown-submenu:nth-child(even) a:hover,
  .section-admission .pane-scad-nav-scad-nav-sidebar-contextual #general-context li.first-contextual>ul.navbar-nav>li.open.dropdown-submenu:nth-child(even) > a  {
    background:#097eb5 !important;
  }
  .section-admission .dropdown-submenu .dropdown-menu,
  .section-admission .pane-scad-nav-scad-nav-sidebar-contextual #general-context li.first-contextual>ul.navbar-nav>li.dropdown-submenu .dropdown-menu a:hover{
    background-color:#075e88 !important;
  }

  .section-success .pane-scad-nav-scad-nav-sidebar-contextual #general-context li.first-contextual>ul.navbar-nav>li.dropdown-submenu:nth-child(odd),
  .section-success .pane-scad-nav-scad-nav-sidebar-contextual #general-context li.first-contextual>ul.navbar-nav>li.dropdown-submenu:nth-child(odd) a:hover,
  .section-success .pane-scad-nav-scad-nav-sidebar-contextual #general-context li.first-contextual>ul.navbar-nav>li.open.dropdown-submenu:nth-child(odd) > a  {
    background:#920147 !important;
  }
  .section-success .pane-scad-nav-scad-nav-sidebar-contextual #general-context li.first-contextual a.overview-page,
  .section-success .pane-scad-nav-scad-nav-sidebar-contextual #general-context li.first-contextual>ul.navbar-nav>li.dropdown-submenu:nth-child(even),
  .section-success .pane-scad-nav-scad-nav-sidebar-contextual #general-context li.first-contextual>ul.navbar-nav>li.dropdown-submenu:nth-child(even) a:hover,
  .section-success .pane-scad-nav-scad-nav-sidebar-contextual #general-context li.first-contextual>ul.navbar-nav>li.open.dropdown-submenu:nth-child(even) > a  {
    background:#9f004e !important;
  }
  .section-success .dropdown-submenu .dropdown-menu,
  .section-success .pane-scad-nav-scad-nav-sidebar-contextual #general-context li.first-contextual>ul.navbar-nav>li.dropdown-submenu .dropdown-menu a:hover{
    background-color:#77003a !important;
  }

  .section-life .pane-scad-nav-scad-nav-sidebar-contextual #general-context li.first-contextual>ul.navbar-nav>li.dropdown-submenu:nth-child(odd),
  .section-life .pane-scad-nav-scad-nav-sidebar-contextual #general-context li.first-contextual>ul.navbar-nav>li.dropdown-submenu:nth-child(odd) a:hover,
  .section-life .pane-scad-nav-scad-nav-sidebar-contextual #general-context li.first-contextual>ul.navbar-nav>li.open.dropdown-submenu:nth-child(odd) > a  {
    background:#0e6f5b !important;
  }
  .section-life .pane-scad-nav-scad-nav-sidebar-contextual #general-context li.first-contextual a.overview-page,
  .section-life .pane-scad-nav-scad-nav-sidebar-contextual #general-context li.first-contextual>ul.navbar-nav>li.dropdown-submenu:nth-child(even),
  .section-life .pane-scad-nav-scad-nav-sidebar-contextual #general-context li.first-contextual>ul.navbar-nav>li.dropdown-submenu:nth-child(even) a:hover,
  .section-life .pane-scad-nav-scad-nav-sidebar-contextual #general-context li.first-contextual>ul.navbar-nav>li.open.dropdown-submenu:nth-child(even) > a  {
    background:#0b7963 !important;
  }
  .section-life .dropdown-submenu .dropdown-menu,
  .section-life .pane-scad-nav-scad-nav-sidebar-contextual #general-context li.first-contextual>ul.navbar-nav>li.dropdown-submenu .dropdown-menu a:hover{
    background-color:#085b4a !important;
  }

  .section-about .pane-scad-nav-scad-nav-sidebar-contextual #general-context li.first-contextual>ul.navbar-nav>li.dropdown-submenu:nth-child(odd),
  .section-about .pane-scad-nav-scad-nav-sidebar-contextual #general-context li.first-contextual>ul.navbar-nav>li.dropdown-submenu:nth-child(odd) a:hover,
  .section-about .pane-scad-nav-scad-nav-sidebar-contextual #general-context li.first-contextual>ul.navbar-nav>li.open.dropdown-submenu:nth-child(odd) > a  {
    background:#b93e0f !important;
  }
  .section-about .pane-scad-nav-scad-nav-sidebar-contextual #general-context li.first-contextual a.overview-page,
  .section-about .pane-scad-nav-scad-nav-sidebar-contextual #general-context li.first-contextual>ul.navbar-nav>li.dropdown-submenu:nth-child(even),
  .section-about .pane-scad-nav-scad-nav-sidebar-contextual #general-context li.first-contextual>ul.navbar-nav>li.dropdown-submenu:nth-child(even) a:hover,
  .section-about .pane-scad-nav-scad-nav-sidebar-contextual #general-context li.first-contextual>ul.navbar-nav>li.open.dropdown-submenu:nth-child(even) > a  {
    background:#c3400b !important;
  }
  .section-about .dropdown-submenu .dropdown-menu,
  .section-about .pane-scad-nav-scad-nav-sidebar-contextual #general-context li.first-contextual>ul.navbar-nav>li.dropdown-submenu .dropdown-menu a:hover{
    background-color:#923008!important;
  }

  .pane-scad-nav-scad-nav-sidebar-contextual #general-context{
    display:block !important;
  }
  .pane-scad-nav-scad-nav-sidebar-contextual #general-context .navbar-nav{
    margin: 0px;
  }
  .pane-scad-nav-scad-nav-sidebar-contextual #general-context .navbar-nav .dropdown-menu>li>a{
    /*padding: 5px 15px 5px 15px;*/
  }
  .pane-scad-nav-scad-nav-sidebar-contextual #general-context .navbar-nav .dropdown-menu,
  .pane-scad-nav-scad-nav-sidebar-contextual #general-context .navbar-nav{
    margin-bottom:0px;
    margin-top:0px;
    padding-top:0px;
    padding-bottom:0px;
  }
  /*End Interior Mobile Subnav*/


  div#connect-icon-container-mobile {
    display: flex !important;
    justify-content: center;
    flex-wrap: wrap;
    margin: 20px 30px;
  }

  div#connect-icon-container-mobile .footer-cell {
    text-align: center;
    margin: 5px 10px;
  }

  div#connect-icon-container-mobile .footer-cell a.connect-item {
    margin: 0;
  }

  div#connect-icon-container-mobile ul {
    list-style: none;
    display: table-row;
    padding: 0;
    margin: 0;
    width: 100%;
  }

  div#connect-icon-container-mobile ul li{
    display: table-cell;
    text-align: center;
  }

  div#connect-icon-container-mobile ul a.connect-item {
    margin: 0;
  }
}

/* End media queries */
/* ***************** */


/* ########## MOBILE NAV STYLES ########## */
[hidden] { display: none !important; }

/* ########## MENU SCREEN ########## */
.main-mobile-nav__screen {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: black;
    transition: left 200ms ease-in-out;
    z-index: 9999999;
}

.main-mobile-nav__screen--hidden {
    left: 100vw;
}

.main-mobile-nav__screen--shown {
    left: 0;
}

nav#top-main-nav.default.main-mobile-nav__parent {
    z-index: 999999;
}

/* ########## TOP SECTION ########## */
.main-mobile-nav__top-container {
    display: flex;
    height: 60px;
}

.main-mobile-nav__top-container--center {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-grow: 1;
    position: relative;
}

.main-mobile-nav__close-btn {
    width: 60px;
    background-color: #000;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
}

.main-mobile-nav__grp-btn {
    font-size: 10px;
    text-transform: uppercase;
    height: 25px;
    line-height: normal;
    padding: 4px 4px;
    color: #fff;
    background-color: transparent;
    border: 2px solid #fff;
    border-radius: 3px;
    font-weight: 600;
    margin-top: 16px;
    -webkit-transition-property: background, border-color, color;
    transition-property: background, border-color, color;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
}

.main-mobile-nav__grp-btn:hover, .main-mobile-nav__grp-btn:focus {
    color: #000;
    background: #fff;
    text-decoration: none;
}

/* ########## LOGIN SECTION ########## */
.main-mobile-nav__login-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 60px;
    justify-content: center;
    background-color: #000;
    border: none;
    z-index: 1;
}

.main-mobile-nav__login-img {
    width: 22px;
    height: auto;
    margin-bottom: 4px;
}

.main-mobile-nav__login-label {
    font-size: 11px;
    font-weight: 600;
    color: white;
}

.main-mobile-nav__login-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    background-color: black;
    transition: left 300ms ease-in-out, opacity 280ms ease-in-out;
}

.main-mobile-nav__login-container--hidden {
    left: 100vw;
    opacity: 0;
}

.main-mobile-nav__login-container--shown {
    left: 0;
    opacity: 1;
}

.main-mobile-nav__login-container a {
    color: #fff;
    display: flex;
    align-items: center;
    font-weight: 500;
    border-left: 1px solid #303030;
    padding-left: 26px;
    padding-right: 26px;
}

.main-mobile-nav__login-container a:last-child {
    border-right: 1px solid #303030;
}

/* ########## BOTTOM SECTION ########## */
.main-mobile-nav__bottom-container {
    display: flex;
    height: 100%;
    position: relative;
}

/* ########## NAV LIST SECTION ########## */

.main-mobile-nav__nav-list {
    padding-left: 0;
    margin: 0;
    width: 100%;
}

.main-mobile-nav__nav-list li {
    list-style: none;
    margin-bottom: 0px;
    cursor: pointer;
}

.main-mobile-nav__nav-item {
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
    background-color: rgba(0,0,0,0);
    padding: 20px 30px;
    width: 100%;
    text-align: left;
}

/* ########## NAV PAGE SECTION ########## */
.main-mobile-nav__nav-page {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    transition: left 200ms ease-in-out;
    overflow-y: auto;
    padding-bottom: 100px;
}

.main-mobile-nav__nav-page--hidden {
    left: 100vw;
}

.main-mobile-nav__nav-page--shown {
    left: 0;
}

.main-mobile-nav__nav-page span {
    padding-top: 30px;
    padding-bottom: 25px;
    padding-left: 25px;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 1.2;
    display: block;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

.main-mobile-nav__back-btn {
    width: 100%;
    text-transform: uppercase;
    font-size: 10px;
    padding: 3px 3px 3px 20px;
    background: rgba(0,0,0,.5);
    cursor: pointer;
    font-weight: 800;
    letter-spacing: 1px;
    display: flex;
    border: none;
}

.main-mobile-nav__nav-page ul {
    padding-left: 0;
    margin: 0;
}

.main-mobile-nav__nav-page li {
    list-style: none;
    margin-bottom: 0px;
}

.main-mobile-nav__nav-page a {
    cursor: pointer;
    width: 100%;
    display: inline-block;
    padding: 20px 30px 20px 20px;
    color: #FFF;
    text-decoration: none;
}

.main-mobile-nav__nav-page a:visited,
.main-mobile-nav__nav-page a:hover,
.main-mobile-nav__nav-page a:focus {
    color: #FFF !important;
    text-decoration: none;
}

.main-mobile-nav__nav-page li:nth-child(odd) {
    background-color: rgba(0,0,0,0.13);
}

.main-mobile-nav__nav-page--academics {
    background-color: #3c45b8;
}

.main-mobile-nav__nav-page--admission {
    background-color: #097eb5;
}

.main-mobile-nav__nav-page--life-at-scad {
    background-color: #0b7963;
}

.main-mobile-nav__nav-page--career-alumni {
    background-color: #9f004e;
}

.main-mobile-nav__nav-page--about-scad {
    background-color: #c3400b;
}

.main-mobile-nav__nav-page--academics .main-mobile-nav__back-btn {
    color: #3c45b8;
}

.main-mobile-nav__nav-page--admission .main-mobile-nav__back-btn {
    color: #097eb5;
}

.main-mobile-nav__nav-page--life-at-scad .main-mobile-nav__back-btn {
    color: #0b7963;
}

.main-mobile-nav__nav-page--career-alumni .main-mobile-nav__back-btn {
    color: #9f004e;
}

.main-mobile-nav__nav-page--about-scad .main-mobile-nav__back-btn {
    color: #c3400b;
}

.main-mobile-nav__no-scroll {
    overflow: hidden;
}

@media (max-width: 380px) {
    .main-mobile-nav__close-btn {
        width: 45px;
    }
    .main-mobile-nav__login-container a {
        font-size: 14px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .main-mobile-nav__login-btn {
        width: 45px;
    }
}