@charset "UTF-8";

a.text-white{color:#fff !important;text-decoration:none;}
a.btn{color:#fff !important;}

/* Background Colors ADA inspired https://designsystem.digital.gov/components/colors/*/
.bgGray {background-color: #d6d7d9; padding:10px 0;}
.bgCoolGray {background-color: #dce4ef; padding:10px 0;}
.bgGold {background-color: #fad980; padding:10px 0;}
.bgGreen {background-color: #94bfa2; padding:10px 0;}
.bgBlue {background-color: #8ba6ca; padding:10px 0;}


// Medium up

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    .navbar-ucla-white .navbar-nav, .navbar-ucla-blue .navbar-nav {margin-left:20px;}
}

    /* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .navbar-ucla-white .navbar-nav, .navbar-ucla-blue .navbar-nav {margin-left:20px;}
}

    /* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    .navbar-ucla-white .navbar-nav, .navbar-ucla-blue .navbar-nav {margin-left:20px;}
}



/* Navbar Blue */
.navbar-ucla-blue {background-color: rgb(50,132,191);}
.navbar-ucla-blue .navbar-brand-text {float:left;margin:10px 5px 0 -10px;font-size:23px;color:rgb(255,255,255);}
.navbar-ucla-blue .navbar-nav > li > a:hover,
.navbar-ucla-blue .navbar-nav > li > a:focus {
  color: rgb(52,123,173);
  background-color: rgb(255,255,255);
  border-color: rgb(255,255,255);
}

.navbar-ucla-blue .navbar-nav li a {
  color: rgb(255,255,255);
}
.navbar-ucla-blue .navbar-nav > .active li  {
  background-color: rgb(255,255,255);
  border-color: rgb(255,255,255);
}
.navbar-ucla-blue .navbar-nav > .active a,
.navbar-ucla-blue .navbar-nav > .active > a:hover,
.navbar-white .navbar-nav > .active > a:focus {
  color: rgb(52,123,173);
  background-color: rgb(255,255,255);

}
.navbar-ucla-blue .navbar-toggle {
  border-color: rgb(255,255,255);
}
.navbar-ucla-blue .navbar-toggle:hover,
.navbar-ucla-blue .navbar-toggle:focus {
  background-color: rgb(255,255,255);
}
.navbar-ucla-blue .navbar-toggle:hover .icon-bar,
.navbar-ucla-blue .navbar-toggle:focus .icon-bar{
  background-color: rgb(50,132,191);
}

.navbar-ucla-blue .navbar-toggle .icon-bar {
  background-color: rgb(255,255,255);
}
.navbar-ucla-blue .navbar-nav .open .dropdown-menu > li > a {
    color: rgb(255,255,255);
}

.navbar-ucla-blue .dropdown-menu {
  background-color: rgb(50,132,191);
}
.navbar-ucla-blue .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-ucla-blue .navbar-nav .open .dropdown-menu > li > a:focus {
    color: rgb(52,123,173);
    background-color: rgb(255,255,255);
}
.navbar-ucla-blue .navbar-nav .open .dropdown-menu > .active > a,
.navbar-ucla-blue .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-ucla-blue .navbar-nav .open .dropdown-menu > .active > a:focus {
  color: rgb(52,123,173);
  background-color: rgb(255,255,255);
}

.navbar-ucla-white {background-color: rgb(255,255,255);min-height:55px;margin-top:0 !important;}
.navbar-brand {padding:0 15px;}
.navbar-brand > img {max-height:50px;width:auto;}
.navbar-nav li a {margin-top:2px;}
.navbar-ucla-white .navbar-brand-text {float:left;margin:10px 5px 0 -10px;font-size:23px;color:rgb(52,123,173);}
.navbar-ucla-white .navbar-nav > li > a:hover,
.navbar-ucla-white .navbar-nav > li > a:focus {
  color: #fff;
  background-color: rgb(50,132,191);
}
.navbar-ucla-white .navbar-nav > .active > a,
.navbar-ucla-white .navbar-nav > .active > a:hover,
.navbar-white .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: rgb(50,132,191);
}
/* Navbar White */
.navbar-ucla-white .navbar-toggle {
  border-color: rgb(50,132,191);
}
.navbar-ucla-white .navbar-toggle:hover,
.navbar-ucla-white .navbar-toggle:focus {
  background-color: rgb(50,132,191);
}
.navbar-ucla-white .navbar-toggle:hover .icon-bar,
.navbar-ucla-white .navbar-toggle:focus .icon-bar{
  background-color: #fff;
}

.navbar-ucla-white .navbar-toggle .icon-bar {
  background-color: rgb(50,132,191);
}
.navbar-ucla-white .navbar-nav .open .dropdown-menu > li > a {
    color: rgb(52,123,173);
}
.navbar-ucla-white .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-ucla-white .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: rgb(50,132,191);
}
.navbar-ucla-white .navbar-nav .open .dropdown-menu > .active > a,
.navbar-ucla-white .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-ucla-white .navbar-nav .open .dropdown-menu > .active > a:focus {
  color: #fff;
  background-color: rgb(50,132,191);
}

.nav>li {
    position: relative;
    display: block
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
}

/* Parallax items */
.parallax-bg {
    background-attachment: fixed;
    background-position: 0px bottom;
    background-repeat: no-repeat;
    background-size: cover;
    height: 150px;
    background-color: #696969;
}
.parallax-header {margin-top:-70px;}
.parallax-header h1 {color: #ffffff; padding-top:60px; }
.parallax-header shadow {text-shadow: 2px 2px 4px #000000}



 #back-to-top {
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 9999;
    width: 40px;
    height: 40px;
    text-align: center;
   o-top.show {
    opacity: 1;
}

.titleBox { padding-top: 5em; padding-left: 2.5%; padding-right: 2.5%; top:25%; } 
.titleBox h1 { padding: 30px 56px; display: block; text-align: center; letter-spacing: -1px; line-height: 1.11; font-weight: 400; font-size:46px; border-style: solid; border-width: 6px; border-color: white; text-shadow: 2px 2px 4px #000000;box-shadow: 2px 2px 4px #000000;}