.header {
  width: 100%;
  height: 110px;
  padding: 0 50px;
  display: flex;
  justify-content:space-between;
  /* Header Themes */
  /* Light Theme */
  /* Dark Theme */
  /* Header States */ }
  .header .logo {
    margin-top: 32px;
    margin-right: 27px;
    cursor: pointer;
    width: 156px;
    height: 38px;
    background-size: cover; }
  .header .mobile-page-title {
    display: none;
    margin-right: 0;
    cursor: pointer;
    width: 170px;
    height: auto;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.1px; }
  .header .nav-right {
    position: relative; }
    .header .main-nav-right {
        /*width: 410px;
    overflow: hidden;*/
        transition: all 0.5s ease;
    }
    /*.header .main-nav-right ul {
      width: 410px; }*/
    .header .main-nav-right.slide-right {
      width: 0;
      height: 0; 
    }
  .header .nav-search {
    width: 0;
    opacity: 0;
    height: 40px;
    position: absolute;
    top: 30px;
    right: 0;
    transition: all 0.5s ease;
    overflow: hidden; 
  }
    .header .nav-search .nav-search-icon {
        cursor: pointer;
    }
    .header .nav-search.active {
      opacity: 1;
      width: 340px;
      height: 40px;
      background-color: #fff;
      display: inline-block;
      border-radius: 4px;
      border: solid 1px #e0e0e0; }
      .header .nav-search.active input {
        width: 300px;
        display: inline-block;
        box-sizing: border-box;
        border: none;
        box-shadow: none; }
      .header .nav-search.active .nav-search-icon {
        display: inline-block;
        background-color: #fff;
        box-sizing: border-box;
        border: none; }
        .header .nav-search.active .nav-search-icon::before {
          font-size: 35px;
          padding-bottom: 3px;
          font-weight: bold;
          color: #646464;
          vertical-align: middle;
          text-align: center;
          display: inline-block;
          padding-left: 10px; }
  .header secondRowMenu {
    margin-top: 20px; }
  .header nav ul {
    margin: 0;
    margin-top: 46px;
    list-style: none; }
    .header nav ul li {
      display: inline-block;
      float: left; }
      .header nav ul li a {
        position: relative;
        margin: 0 15px;
        padding: 0;
        font-size: 16px;
        font-family: GTWalsheim;
        font-weight: 400;
        line-height: 1; }
    .header nav.main-nav ul li a:hover:after,
    .header nav.main-nav ul li a:focus:after,
    .header nav.main-nav ul li a.active:after {
        display: block;
        position: absolute;
        content: '';
        bottom: -5px;
        height: 1px;
        width: 100%;
    }
  .header nav.nav-right ul {
    margin: 0;
    margin-top: 42px;
    list-style: none; }
    .header nav.nav-right ul li a {
      margin: 0 12px;
      font-size: 13px; }
    .header nav.nav-right ul li.border-right a:after {
      content: '';
      display: inline-block;
      position: relative;
      top: 2px;
      right: -12px;
      height: 13px;
      width: 1px;
      background-color: #fff; }
    .header nav.nav-right ul li.search-icon {
      width: 15px;
      height: 15px;
      margin-top: 5px;
      cursor: pointer;
      background-size: cover; }
    .header nav.nav-right ul li .icon-hamburger {
      margin-top: 0;
      cursor: pointer;
      padding: 30px;
      top: 7px;
      right: -15px;
      position: absolute;
      cursor: pointer;
      z-index: 100; }
  .header.scrolled {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out; }
  .header.light-header, .header.home-header.scrolled {
    background-color: #fff; }
    .header.light-header .logo, .header.home-header.scrolled .logo {
      background-image: url("https://static.montecito.bank/p6/images/montecito_logo_blue@2x.png"); }
    .header.light-header .mobile-page-title, .header.home-header.scrolled .mobile-page-title {
      color: #2b3138; }
    .header.light-header nav ul li a, .header.home-header.scrolled nav ul li a {
      color: #646464; }
        .header.light-header nav ul li a:hover,
        .header.light-header nav ul li a:focus,
        .header.home-header.scrolled nav ul li a:hover,
        .header.home-header.scrolled nav ul li a:focus,
        .header.light-header nav ul li a.active, .header.home-header.scrolled nav ul li a.active {
            color: #f18231;
        }
    .header.light-header nav.main-nav ul li a:hover:after,
    .header.light-header nav.main-nav ul li a:focus:after,
    .header.home-header.scrolled nav.main-nav ul li a:hover:after,
    .header.home-header.scrolled nav.main-nav ul li a:focus:after,
    .header.light-header nav.main-nav ul li a.active:after, .header.home-header.scrolled nav.main-nav ul li a.active:after {
        background-color: #f18231;
    }
    .header.light-header nav.nav-right li.border-right a:after, .header.home-header.scrolled nav.nav-right li.border-right a:after {
      background-color: #646464; }
    .header.light-header nav.nav-right .icon-hamburger, .header.home-header.scrolled nav.nav-right .icon-hamburger {
      background-image: url("https://static.montecito.bank/p6/images/icons/menu-grey.png"); }
    .header.light-header nav.nav-right li.search-icon, .header.home-header.scrolled nav.nav-right li.search-icon {
      background-image: url("https://static.montecito.bank/p6/images/icons/search_black.png"); }
  .header.dark-header, .header.home-header, .header.wealth-header {
    background-color: #4d4b48; }
    .header.dark-header .logo, .header.home-header .logo, .header.wealth-header .logo {
      background-image: url("https://static.montecito.bank/p6/images/montecito_logo.png"); }
    .header.dark-header .mobile-page-title, .header.home-header .mobile-page-title, .header.wealth-header .mobile-page-title {
      color: #fff; }
    .header.dark-header nav ul li a, .header.home-header nav ul li a, .header.wealth-header nav ul li a {
      color: #fff; }
        .header.dark-header nav ul li a:hover, .header.dark-header nav ul li a:focus,
        .header.home-header nav ul li a:hover, .header.home-header nav ul li a:focus,
        .header.wealth-header nav ul li a:hover, .header.wealth-header nav ul li a:focus,
        .header.dark-header nav ul li a.active, .header.home-header nav ul li a.active, .header.wealth-header nav ul li a.active {
            color: #38bfcd;
        }
    .header.dark-header nav.main-nav ul li a:hover, .header.dark-header nav.main-nav ul li a:focus,
    .header.home-header nav.main-nav ul li a:hover, .header.home-header nav.main-nav ul li a:focus,
    .header.wealth-header nav.main-nav ul li a:hover, .header.wealth-header nav.main-nav ul li a:focus,
    .header.dark-header nav.main-nav ul li a.active, .header.home-header nav.main-nav ul li a.active, .header.wealth-header nav.main-nav ul li a.active {
        color: #38bfcd;
    }
        .header.dark-header nav.main-nav ul li a:hover:after, .header.dark-header nav.main-nav ul li a:focus:after,
        .header.home-header nav.main-nav ul li a:hover:after, .header.home-header nav.main-nav ul li a:focus:after,
        .header.wealth-header nav.main-nav ul li a:hover:after, .header.wealth-header nav.main-nav ul li a:focus:after,
        .header.dark-header nav.main-nav ul li a.active:after, .header.home-header nav.main-nav ul li a.active:after, .header.wealth-header nav.main-nav ul li a.active:after {
            background-color: #38bfcd;
        }
    .header.dark-header nav.nav-right li.border-right a:after, .header.home-header nav.nav-right li.border-right a:after, .header.wealth-header nav.nav-right li.border-right a:after {
      background-color: #fff; }
    .header.dark-header nav.nav-right .icon-hamburger, .header.home-header nav.nav-right .icon-hamburger, .header.wealth-header nav.nav-right .icon-hamburger {
      background-image: url("https://static.montecito.bank/p6/images/icons/hamburger.png"); }
    .header.dark-header nav.nav-right li.search-icon, .header.home-header nav.nav-right li.search-icon, .header.wealth-header nav.nav-right li.search-icon {
      background-image: url("https://static.montecito.bank/p6/images/icons/search.png"); }
    .header.dark-header.main-nav ul li a:hover:after, .header.dark-header.main-nav ul li a:focus:after,
    .header.main-nav.home-header ul li a:hover:after, .header.main-nav.home-header ul li a:focus:after,
    .header.main-nav.wealth-header ul li a:hover:after, .header.main-nav.wealth-header ul li a:focus:after,
    .header.dark-header.main-nav ul li a.active:after, .header.main-nav.home-header ul li a.active:after, .header.main-nav.wealth-header ul li a.active:after {
        background-color: #fff;
    }
  .header.home-header {
    background-color: transparent; }
    .header.home-header .main-nav ul li a:hover, .header.home-header .main-nav ul li a:focus,
    .header.home-header .main-nav ul li a.active {
        color: #f18231 !important;
    }
        .header.home-header .main-nav ul li a:hover:after, .header.home-header .main-nav ul li a:focus:after,
        .header.home-header .main-nav ul li a.active:after {
            background-color: #f18231 !important;
        }
    .header.home-header nav ul li a:hover, .header.home-header nav ul li a:focus,
    .header.home-header nav ul li a.active {
        color: #f18231;
    }

@media screen and (max-width: 1023px) {
  .nav-left.main-nav {
    /*display: none;
    width: 0;
    height: 0;
    opacity: 0;*/ }
  .main-nav-right {
    margin-right: 35px; }
  .nav-right .icon-hamburger {
    position: absolute;
    right: -15px;
    top: 10px;
    padding: 25px;
    margin: 0 !important; }
  .secondRowMenu {
    margin-top: 12px; } }

@media screen and (max-width: 1170px) {
  .header.light-header nav.nav-right ul, .header.home-header.scrolled nav.nav-right ul {
    margin-top: 25px; }
  .header {
    padding: 0 20px;
    height: 74px; }
    .header .main-nav-right {
      width: auto; }
      .header .main-nav-right ul {
        width: auto; }
    .header .nav-search {
      top: 15px; }
    .header .logo {
      margin-top: 20px;
      margin-right: 12px; }
      .header .logo img {
        width: 125px;
        height: 30px; }
    .header nav ul {
      margin-top: 31px; }
    .header nav ul li a {
      margin: 0 7px;
      font-size: 14px; }
    .header nav.nav-right ul {
      margin-top: 24px; }
    .header nav.nav-right .icon-hamburger {
      margin-top: 27px;
      margin-left: 18px;
      cursor: pointer; } }

@media screen and (max-width: 745px), handheld and (orientation: landscape) {
  .nav-left.main-nav {
    display: none;
    width: 0;
    height: 0;
    opacity: 0; }
  .mobile-page-title.show-for-small-only {
    display: table-cell !important; }
  .header.light-header, .header.home-header.scrolled {
    border-bottom: 1px solid #e0e0e0; }
    header.header .mobile-page-title {
      width: 60%;
      vertical-align: middle; }
    header.header .mobile-page-title, header.header .nav-right {
      vertical-align: middle;
      height: 70px; }
  .header {
    padding: 0 20px; }
    .header.dark-header, .header.home-header, .header.wealth-header {
      border-bottom: 1px solid #777; } }

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-device-pixel-ratio: 1.5) {
  .header .logo {
    background-image: url("https://static.montecito.bank/p6/images/montecito_logo@2x.png"); }
  .header nav.nav-right li.search-icon {
    background-image: url("https://static.montecito.bank/p6/images/icons/search@2x.png"); }
  .header.dark-header .logo, .header.home-header .logo, .header.wealth-header .logo {
    background-image: url("https://static.montecito.bank/p6/images/montecito_logo@2x.png"); }
  .header.dark-header nav.nav-right li.search-icon, .header.home-header nav.nav-right li.search-icon, .header.wealth-header nav.nav-right li.search-icon {
    background-image: url("https://static.montecito.bank/p6/images/icons/search@2x.png"); }
  .header.light-header .logo, .header.home-header.scrolled .logo {
    background-image: url("https://static.montecito.bank/p6/images/montecito_logo_blue@2x.png"); }
  .header.light-header nav.nav-right li.search-icon, .header.home-header.scrolled nav.nav-right li.search-icon {
    background-image: url("https://static.montecito.bank/p6/images/icons/search_black@2x.png"); }
  .header.home-header .logo {
    background-image: url("https://static.montecito.bank/p6/images/montecito_logo@2x.png"); }
  .header.home-header nav.nav-right li.search-icon {
    background-image: url("https://static.montecito.bank/p6/images/icons/search@2x.png"); }
  .header.home-header.scrolled .logo {
    background-image: url("https://static.montecito.bank/p6/images/montecito_logo_blue@2x.png"); }
  .header.home-header.scrolled nav.nav-right li.search-icon {
    background-image: url("https://static.montecito.bank/p6/images/icons/search_black@2x.png"); } }

/* Temporary for COVID link 9/16/20 */
@media only screen and (min-width: 1020px) and (max-width: 1048px) {
    ul.menu li:last-child a{
        margin-right: 0 !important;
    }
    .resources-link {
        display:none !important;
    }
}
@media only screen and (min-width: 1170px) and (max-width: 1270px) {
    ul.menu li:last-child a {
        margin-right: 0 !important;
    }
    .resources-link {
        display: none !important;
    }
}