.extevt-nav {
  margin-right:-15px;
  margin-left:-15px;
}
.extevt-nav ul.nav{
  border-bottom:1px solid #dcdcdc;
  text-align: center;
}
.extevt-nav .nav>li {
  text-align:center;
  font-size:16px;
  float: none;
  width: auto;
  display: inline-block;
  position:relative;
  top:1px;
  padding-left:25px;
  padding-right:25px;
}

#scad-career-2016-nav.extevt-nav .nav>li {
  padding-left:22px;
  padding-right:22px;
}
.section-defineart2017 .extevt-nav ul.nav,
.section-defineart2018 .extevt-nav ul.nav,
.section-defineart2019 .extevt-nav ul.nav,
.section-defineart2020 .extevt-nav ul.nav {
  border-top:1px solid #dcdcdc;
}
#scad-career-2017-nav.extevt-nav .nav>li,
#scad-career-2018-nav.extevt-nav .nav>li,
#scad-career-2019-nav.extevt-nav .nav>li {
  padding-left:22px;
  padding-right:22px;
}

.extevt-nav #nav-filter{
  margin-bottom:40px;
  min-height:34px !important;
}

.extevt-nav .nav>li>a,
.extevt-nav .nav-filter>li:last-child>a{
  border:none;
  font-weight:600;
  font-size:12px;
  padding:0px;
  color:#b2b2b2;
  text-transform: uppercase;
  transition-duration: 0.2s;
  border-bottom:1px solid #dcdcdc;
}
#scad-ext-evt-spc-nav.extevt-nav .nav>li {
  font-weight:600;
  font-size:12px;
  text-transform: uppercase;
  color: #b2b2b2;
  transition-duration: 0.2s;
}
#scad-ext-evt-spc-nav.extevt-nav .nav>li:hover{
  cursor:pointer;
}

.extevt-nav .nav>li>a:hover,
.extevt-nav .nav>li>a:focus{
  background-color:transparent;
}

#scad-define-art-2016-nav.extevt-nav .nav>li>a:hover,
#scad-define-art-2016-nav.extevt-nav .nav>li>a:focus,
#scad-define-art-2017-nav.extevt-nav .nav>li>a:hover,
#scad-define-art-2017-nav.extevt-nav .nav>li>a:focus,
#scad-define-art-2018-nav.extevt-nav .nav>li>a:hover,
#scad-define-art-2018-nav.extevt-nav .nav>li>a:focus,
#scad-define-art-2019-nav.extevt-nav .nav>li>a:hover,
#scad-define-art-2019-nav.extevt-nav .nav>li>a:focus,
#scad-define-art-2020-nav.extevt-nav .nav>li>a:hover,
#scad-define-art-2020-nav.extevt-nav .nav>li>a:focus {
  color:#353535;
  border-bottom:1px solid #353535;
}
#scad-define-art-2019-nav.extevt-nav .nav>li>a:hover,
#scad-define-art-2019-nav.extevt-nav .nav>li>a:focus,
#scad-define-art-2020-nav.extevt-nav .nav>li>a:hover,
#scad-define-art-2020-nav.extevt-nav .nav>li>a:focus {
  font-weight:600;
}

#otl-2016-nav.extevt-nav .nav>li>a:hover,
#otl-2016-nav.extevt-nav .nav>li>a:focus{
  color:#353535;
  border-bottom:1px solid #353535;
}

#scad-career-2016-nav.extevt-nav .nav>li>a:hover,
#scad-career-2016-nav.extevt-nav .nav>li>a:focus{
  color:#353535;
  border-bottom:1px solid #353535;
}
#scad-career-2017-nav.extevt-nav .nav>li>a:hover,
#scad-career-2017-nav.extevt-nav .nav>li>a:focus{
  color:#353535;
  border-bottom:1px solid #353535;
}
#scad-career-2018-nav.extevt-nav .nav>li>a:hover,
#scad-career-2018-nav.extevt-nav .nav>li>a:focus,
#scad-career-2019-nav.extevt-nav .nav>li>a:hover,
#scad-career-2019-nav.extevt-nav .nav>li>a:focus,
#scad-interview-day-2019-nav .nav>li>a:hover,
#scad-interview-day-2019-nav .nav>li>a:focus{
  color:#353535;
  border-bottom:1px solid #353535;
}


.extevt-nav .nav>li>a:hover,
.extevt-nav .nav>li>a.active,
.extevt-nav .navbar-toggle {
  border-radius:0;
}
#scad-define-art-2016-nav.extevt-nav .nav>li.active>a{
  color:#0b96cf;
  border-bottom:1px solid #0b96cf;
}
#scad-define-art-2018-nav.extevt-nav .nav>li.active>a {
  color:#0198ce;
  border-bottom:1px solid #0198ce;
}
#scad-define-art-2017-nav.extevt-nav .nav>li.active>a {
  color:#b7c525;
  border-bottom:1px solid #b7c525;
}
#scad-define-art-2019-nav.extevt-nav .nav>li.active>a {
  color:#dc275e;
  border-bottom:1px solid #dc275e;
  font-weight: bold;
}
#scad-define-art-2020-nav.extevt-nav .nav>li.active>a {
  color:#7c136c;
  border-bottom:1px solid #7c136c;
  font-weight: bold;
}
#otl-2016-nav.extevt-nav .nav>li.active>a{
  color:#ed1c24;
  border-bottom:1px solid #ed1c24;
}
#otl-2016-nav.extevt-nav .nav>li>a:hover {
  color:#f58220;
  border-bottom:1px solid #f58220;
}
#scad-career-2016-nav.extevt-nav .nav>li.active>a {
  color:#FF9016;
  border-bottom:1px solid #F6303E;
}
#scad-career-2017-nav.extevt-nav .nav>li.active>a,
#scad-career-2018-nav.extevt-nav .nav>li.active>a,
#scad-career-2019-nav.extevt-nav .nav>li.active>a {
  color: #e44271;
  border-bottom:1px solid #e44271;
}

#scad-interview-day-2019-nav.extevt-nav .nav>li.active>a{
  color:#dc275e;
  border-bottom:1px solid #dc275e;
}

/* Small devices (tablets, 768px and up) */
@media (min-width:768px) {
  #scad-ext-evt-spc-nav.extevt-nav .nav>li {
    float:left;
    text-align:left;
    padding-left:0px;
    padding-right:0px;
    margin-right:20px;
  }
  #scad-ext-evt-spc-nav.extevt-nav .nav>li:hover{
    border-bottom: 1px solid #353535;
  }
}

/* Begin media query: max-width:767px */

@media (max-width:767px) {
  .extevt-nav{
    position: relative;
    display: block;
  }
  .extevt-nav .navbar-collapse.in{
    overflow-y: visible;
    height:auto;
  }
  .extevt-nav .navbar-header{
    height:60px;
    position: absolute;
    z-index:10;
    width:100%;
  }
  .extevt-nav ul.nav{
    border:none;
    text-align: center;
  }
  .extevt-nav .navbar-collapse{
    padding:0px;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    margin-top: 50px;
    margin-bottom: 50px;
    max-height:100%;
  }

  .extevt-nav .navbar-toggle{
    float:none;
    height:60px;
    border:0px;
    top: -31px;
  }
  .extevt-nav .navbar-collapse.collapse {
    display:block;
    height:1px !important;
    border-bottom:0px;
  }
  .extevt-nav .navbar-collapse.collapse ul{
    display:none;
  }
  .extevt-nav .navbar-collapse.collapse.in ul{
    display:block;
  }

  .extevt-nav .nav>li {
    width:100%;
    text-align:center;
    border:none;
    margin-bottom:0;
    padding:0px;
    padding-top:22px;
    top:0px;
    display:block;
  }
  #scad-ext-evt-spc-nav.extevt-nav .nav li:first-child {
    padding-top: 0px;
    margin-top: 29px;
    position: relative;
    z-index: 999;
  }
  .extevt-nav .nav li:first-child{
    padding-top:29px;
  }
  .extevt-nav .nav li:last-child{
    padding-bottom:25px;
  }

  .extevt-nav .nav>li>a:hover,
  .extevt-nav .nav>li>a:focus{
    border:none!important;
  }

  .extevt-nav a {
    padding:0px;
    position: relative;
    z-index: 100;
  }
  .extevt-nav .nav>li>a{
    border-bottom:0px;
  }
  #scad-ext-evt-spc-nav.extevt-nav .nav>li.active{
    border-bottom: none!important;
  }
  #scad-define-art-2016-nav.extevt-nav .nav>li>a{
    color:#0b96cf;
  }

  #scad-career-2016-nav.extevt-nav .nav>li>a{
    color:#FF9016;
  }
  #scad-career-2017-nav.extevt-nav .nav>li>a,
  #scad-career-2018-nav.extevt-nav .nav>li>a,
  #scad-career-2019-nav.extevt-nav .nav>li>a {
    color:#FF9016;
  }

  .extevt-nav .nav>li.active>a {
    border:none!important;
  }
  .extevt-nav .nav>li>a,
  .extevt-nav .nav-filter>li:last-child>a{
    border-bottom:0px;
  }
  #scad-define-art-2016-nav.extevt-nav .nav>li.active>a{
    color:#b2b2b2;
  }
  #otl-2016-nav.extevt-nav .nav>li.active>a{
    color:#b2b2b2;
  }
  #otl-2016-nav.extevt-nav .nav>li>a:hover{
    color:#f58220;
  }
  #otl-2016-nav .c-hamburger span,
  #otl-2016-nav .c-hamburger span::before,
  #otl-2016-nav .c-hamburger span::after {
    background-color:#ed1c24;
  }
  .section-outtolaunch2016 .extevt-nav .nav>li>a {
    color:#ed1c24;
  }
  #otl-2016-nav.navbar-collapse li.active a {
    color:#b2b2b2;
  }

  #scad-career-2016-nav.extevt-nav .nav>li.active>a{
    color:#b2b2b2;
  }
  #scad-career-2017-nav.extevt-nav .nav>li.active>a,
  #scad-career-2018-nav.extevt-nav .nav>li.active>a,
  #scad-career-2019-nav.extevt-nav .nav>li.active>a {
    color:#b2b2b2;
  }

  .extevt-nav .caret {
    float:right;
    margin-top:10px;
    border-top:4px solid #FFF;
  }

  .extevt-nav button{
    width:100%;
    margin:0px;
    padding:0px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight:600;
  }


  /*Mobile Menu CSS*/
  .c-hamburger {
    display: block;
    position: relative;
    overflow: hidden;
    margin: 0px auto;
    padding: 0;
    width: 60px;
    height: 60px;
    font-size: 0;
    text-indent: -9999px;
    appearance: none;
    box-shadow: none;
    border-radius: none;
    border: none;
    cursor: pointer;
    transition: background 0.3s;
  }

  .c-hamburger:focus {
    outline: none;
  }

  .c-hamburger span {
    display: block;
    position: absolute;
    top: 30px;
    left: 18px;
    right: 18px;
    height: 2px;
    background: #0b96cf;
  }

  .c-hamburger span::before,
  .c-hamburger span::after {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #0b96cf;
    content: "";
  }

  .c-hamburger span::before {
    top: -6px;
  }

  .c-hamburger span::after {
    bottom: -6px;
  }

  .c-hamburger--htx {
    background-color: #fff;
  }

  .c-hamburger--htx span {
    transition: background 0s 0.3s;
  }

  .c-hamburger--htx span::before,
  .c-hamburger--htx span::after {
    transition-duration: 0.3s, 0.3s;
    transition-delay: 0.3s, 0s;
  }

  .c-hamburger--htx span::before {
    transition-property: top, transform;
  }

  .c-hamburger--htx span::after {
    transition-property: bottom, transform;
  }

  /* active state, i.e. menu open */
  .c-hamburger--htx.is-active {
    /*background-color: #cb0032;*/
  }

  .c-hamburger--htx.is-active span {
    background: none!important;
  }

  .c-hamburger--htx.is-active span::before {
    top: 0;
    transform: rotate(45deg);
  }

  .c-hamburger--htx.is-active span::after {
    bottom: 0;
    transform: rotate(-45deg);
  }

  .c-hamburger--htx.is-active span::before,
  .c-hamburger--htx.is-active span::after {
    transition-delay: 0s, 0.3s;
  }

  /*section specific mobile nav css*/
  #scad-career-2016-nav .c-hamburger span,
  #scad-career-2016-nav .c-hamburger span::before,
  #scad-career-2016-nav .c-hamburger span::after  {
    background-color:#FF9016;
  }
  #scad-career-2017-nav .c-hamburger span,
  #scad-career-2017-nav .c-hamburger span::before,
  #scad-career-2017-nav .c-hamburger span::after,
  #scad-career-2018-nav .c-hamburger span,
  #scad-career-2018-nav .c-hamburger span::before,
  #scad-career-2018-nav .c-hamburger span::after {
    background-color: #e44271;
  }

  #scad-career-2019-nav .c-hamburger span,
  #scad-career-2019-nav .c-hamburger span::before,
  #scad-career-2019-nav .c-hamburger span::after {
    background-color: #e44271;
  }

}

/* End media query: max-width:767px */
