@import url("https://fonts.googleapis.com/css?family=Roboto:400,700");
@import url("https://cdn.ucsd.edu/cms/decorator-5/styles/teko.css");
.layout-footer>.layout-container,.title-logo{
    background:url(https://cdn.ucsd.edu/cms/decorator-5/img/sprite_base.png) no-repeat transparent
}
@media screen and (-webkit-min-device-pixel-ratio:2){
    .layout-footer>.layout-container,.title-logo{
        background-image:url(https://cdn.ucsd.edu/cms/decorator-5/img/sprite_base2x.png);
        background-size:500px 120px
    }
}
.social-list li{
    background:url(https://cdn.ucsd.edu/cms/decorator-5/img/sprite_social.png) no-repeat transparent
}
.drawer-toggle a,.drawer h2 a,.flex-pauseplay a{
    background:url(https://cdn.ucsd.edu/cms/decorator-5/img/sprite_icon_widget.svg) no-repeat transparent;
    background-size:16px 300px
}
div.loading{
    background:url(https://cdn.ucsd.edu/cms/decorator-5/img/icon_loading.gif) no-repeat transparent
}
span.loading{
    background:url(https://cdn.ucsd.edu/cms/decorator-5/img/icon_loading_inline.gif) no-repeat transparent
}
.field .required,.field_left .required,.field_top .required,.icon.asterisk{
    background:url(https://cdn.ucsd.edu/cms/decorator-5/img/asterisk.png) no-repeat transparent
}
body,html{
    background:#fff;
    overflow-x:hidden;
    color:#333;
    font:normal normal normal 16px/1.5 Roboto,sans-serif
}
:focus{
    /*outline:thin dotted #333!important;*/
    outline:5px auto -webkit-focus-ring-color!important;
    outline-offset:-2px
}
.layout-container{
    max-width:1200px;
    width:98%;
    margin:0 auto;
    overflow:hidden
}
@media only screen and (max-width:768px){
    .layout-container{
        width:94%
    }
}
@media only screen and (max-width:1200px){
    .layout-container{
        max-width:960px
    }
}
.layout-header{
    display:block;
    width:100%;
    background-color:#2b92b9
}
@media only screen and (min-width:320px) and (max-width:768px){
    .layout-header{
        height:105px
    }
}
.isLoggedIn,.layout-header{
    height:100%
}
.layout-login{
    width:100%;
    background:#0b4a67;
    overflow:hidden
}
.login-content{
    color:#fff;
    font-size:85%;
    padding:.4em 0;
    float:right
}
.login-content a{
    color:#fff;
    font-weight:700;
    text-transform:uppercase
}
.layout-title{
    font-family:Roboto,sans-serif;
    box-sizing:border-box;
    height:92px;
    width:100%;
    background:#fff;
    padding:1.5em 0
}
@media only screen and (max-width:360px){
    .layout-title{
        padding:.5em 0
    }
}
@media only screen and (max-width:768px){
    .layout-title{
        padding:1em 0;
        height:auto
    }
}
.layout-navbar{
    min-height:50px;
    width:100%;
    background-color:#00629b;
    border:0;
    border-bottom:1px solid #00629b;
    margin-bottom:0;
    z-index:100
}
.layout-navbar .layout-container{
    overflow:visible
}
.layout-main{
    width:100%
}
.layout-footer{
    width:100%;
    color:#fff;
    font-size:90%;
    border-top:1px solid #ccc;
    padding:1em 0;
    line-height:1.5
}
.layout-footer>.layout-container{
    background-position:right -74px
}
@media only screen and (max-width:640px){
    .layout-footer>.layout-container{
        background:none
    }
}
h1,h2{
    font-family:Teko-SemiBold,sans-serif;
    color:#00629b;
    letter-spacing:.5px;
    font-size:3.5em;
    line-height:1.1
}
h3,h4,h5,h6{
    color:#333;
    font-weight:400;
    line-height:1.5
}
.h2,h2{
    font-family:Teko-SemiBold,sans-serif;
    font-size:2.2em;
    letter-spacing:.5px;
    color:#182b49
}
@media (min-width:768px){
    .h2,h2{
        font-size:2.5em
    }
}
.styled-h2{
    color:#333
}
hr{
    background-color:#ccc;
    color:#ccc;
    height:1px
}
a{
    color:#016691
}
.skip-to-main:active,.skip-to-main:focus{
    width:auto;
    height:auto;
    margin:auto;
    padding:auto;
    clip:auto;
    background-color:green;
    color:#fff
}
nav .container{
    padding:0
}
.navbar-list{
    list-style:none;
    font-size:16px;
    /*padding:9px 0 0;*/
    margin:0
}
.navbar .caret{
    margin-left:7px
}
.layout-navbar .navbar-list>li{
    float:left
}
.layout-navbar .navbar-list>li>a{
    display:block;
    color:#fff;
    background-color:#00629b;
    padding:9px 15px;
    text-decoration:none;
    line-height:1.5
}
.layout-navbar .navbar-list>li.active>a{
    border-bottom:3px solid #ffcd00
}
.navbar{
    margin-bottom:0
}
.navbar-default{
    background-color:#00629b;
    border-bottom:none
}
.navbar-default .navbar-nav>li>a{
    color:#fff
}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{
    background-color:#004268;
    color:#fff
}
.dropdown-menu{
    background-color:#004268;
    border-radius:0;
    padding:0
}
.dropdown-menu>li>a{
    color:#fff;
    padding:6px 20px
}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{
    background-color:#004268;
    color:#fff
}
.navbar-toggle{
    background-color:#00629b;
    border:none;
    float:left;
    margin:8px 0 8px 20px
}
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{
    background-color:#004268
}
.navbar-default .navbar-toggle .icon-bar{
    background-color:#fff
}
.mobile-nav-bars{
    padding:5px;
    float:left
}
.mobile-nav-icon{
    font-size:13px;
    padding:2px 0;
    float:left;
    color:#fff
}
#search{
    position:absolute!important;
    width:385px
}
@media only screen and (min-width:767px){
    #navbar>.navbar-nav>.dropdown:hover .dropdown-menu{
        display:block
    }
    #navbar>.navbar-nav>li:hover>a{
        background-color:#004268!important
    }
}
.navbar-default .navbar-offcanvas .navmenu-nav>.active>a,.navbar-default .navbar-offcanvas .navmenu-nav>.active>a:focus,.navbar-default .navbar-offcanvas .navmenu-nav>.active>a:hover,.navmenu-default .navmenu-nav>.active>a,.navmenu-default .navmenu-nav>.active>a:focus,.navmenu-default .navmenu-nav>.active>a:hover{
    color:#fff;
    background-color:#004268
}
.navbar-default .navbar-offcanvas .navmenu-nav>li>a:focus,.navbar-default .navbar-offcanvas .navmenu-nav>li>a:hover,.navmenu-default .navmenu-nav>li>a:focus,.navmenu-default .navmenu-nav>li>a:hover{
    color:#fff;
    background-color:#00629b
}
.navmenu-nav{
    padding-bottom:0
}
.navmenu-nav>li{
    border-bottom:1px solid #ccc
}
.navmenu-default .navmenu-nav>li>a{
    color:#333
}
.open .navmenu-nav>li>a{
    padding:10px 20px 10px 30px;
    color:#00629b
}
.open .navmenu-nav>li>a:hover{
    color:#333;
    background-color:transparent;
    text-decoration:underline
}
li.open{
    border-bottom:none
}
@media only screen and (max-width:767px){
    .offcanvas>ul.nav.navbar-nav.navbar-right{
        margin:0
    }
    .offcanvas>ul.nav.navbar-nav.navbar-right .search{
        width:100%
    }
    .offcanvas>ul.nav.navbar-nav.navbar-right .search-toggle{
        display:none
    }
    .offcanvas>ul.nav.navbar-nav.navbar-right .search-content{
        background-color:#fff;
        border-bottom:2px solid #bdbdbd
    }
    .offcanvas>ul.nav.navbar-nav.navbar-right #search{
        display:block!important;
        position:relative!important;
        width:100%;
        padding:10px 15px;
        overflow:hidden
    }
    .offcanvas>ul.nav.navbar-nav.navbar-right .search-content .input-group{
        width:60%
    }
    .offcanvas>ul.nav.navbar-nav.navbar-right .search-content .search-scope{
        width:34%
    }
}
@media only screen and (max-width:767px){
    .navmenu-default .navmenu-nav>li>a{
        background-color:#e7e7e7;
        color:#00629b!important
    }
    .navmenu-default .navmenu-nav>.open>a{
        color:#00629b!important;
        border-bottom:1px solid #ccc
    }
    .dropdown-menu>li>a{
        background-color:#fff!important;
        color:#00629b!important
    }
    .navmenu-default .navmenu-nav>.active>a{
        color:#00629b!important;
        background-color:#e7e7e7;
        border-left:2px solid #00629b
    }
}
.main-section{
    line-height:1.5;
    padding:0 0 1em;
    margin-bottom:1em
}
@media only screen and (max-width:768px){
    .main-section{
        width:100%;
        padding:0 15px 1em
    }
}
.main-section a{
    text-decoration:underline
}
.main-section .btn{
    text-decoration:none
}
.main-section-content{
    position:relative
}
@media only screen and (max-width:975px){
    .main-section img{
        max-width:100%!important;
        height:auto!important
    }
}
.main-section-supplement{
    background-color:#f2f5f7;
    border:1px solid #c8cfd3;
    padding:1em;
    margin-bottom:1em
}
.main-section-supplement h3{
    font-size:115%;
    color:#738aa3;
    text-shadow:0 1px 1px #fff
}
.blank-slate a,.layout-container.row a{
    text-decoration:underline
}
.layout-container.row .jumbotron a{
    text-decoration:none
}
footer{
    background-color:#00629b
}
.footer-links{
    list-style:none;
    margin:.5em 0 0;
    padding:0
}
.footer-links>li{
    display:inline;
    border-right:1px solid #fff;
    margin-left:0;
    margin-right:.5em;
    padding-right:.75em
}
.footer-links>li a{
    color:#fff;
    text-decoration:underline
}
.footer-links>li:last-child{
    border-right:none
}
.footer .row{
    padding:1.5em 0;
    color:#fff;
    font-size:.9em
}
.footer-logo{
    width:158px;
    height:30px;
    float:right
}
@media only screen and (max-width:768px){
    .footer-logo{
        float:none;
        margin-top:15px
    }
}
.breadcrumb,.breadcrumbs-list{
    background-color:#fff;
    margin-bottom:0
}
.breadcrumb>li,.breadcrumbs-list>li{
    color:#666;
    display:inline;
    font-size:80%
}
.search{
    float:right;
    position:relative;
    margin-top:0
}
.search-toggle{
    color:#fff!important;
    background-color:transparent!important;
    border-radius:0;
    -webkit-border-radius:0;
    border:none;
    border-width:0 1px;
    outline:0;
    padding:11px
}
.search-toggle.search-is-open{
    color:#d9d9d9;
    background-color:#014663!important;
    border-color:none;
    text-decoration:none
}
.search-toggle span.caret{
    margin-left:6px
}
.search-content{
    position:absolute;
    right:0;
    width:385px;
    padding:10px;
    background-color:#014663;
    border:none;
    border-width:0 1px 2px;
    display:none
}
@media only screen and (max-width:960px){
    .search-content{
        position:relative;
        width:100%
    }
}
.search-content.search-is-open{
    display:block;
    z-index:999
}
.search-content .search-scope{
    border-radius:0;
    max-width:30%;
    font-size:11px;
    padding:4px 2px 4px 0;
    float:left;
    height:27px
}
.search-content .input-group{
    width:250px;
    float:right
}
.search-content .form-control{
    float:right;
    border-radius:0;
    height:26px
}
.title-header{
    float:left;
    color:#000;
    font-size:1.35rem;
    letter-spacing:1px;
    text-decoration:none;
    text-transform:uppercase
}
.title-header.title-header-short{
    display:none
}
@media only screen and (max-width:479px){
    .title-header.title-header-short{
        display:block;
        margin-top:0
    }
}
.title-header:focus,.title-header:hover{
    color:#666;
    text-decoration:none
}
@media only screen and (max-width:480px){
    .title-header{
        display:none;
        margin-top:2.25em
    }
}
@media only screen and (max-width:360px){
    .title-header{
        font-size:20px;
        margin-top:2em
    }
}
.title-header-large{
    margin-top:5px
}
@media only screen and (min-width:480px) and (max-width:768px){
    .title-header-large{
        display:block;
        margin-top:2.5em
    }
}
.title-logo{
    float:right;
    width:229px;
    height:65px;
    overflow:hidden;
    text-indent:-999em;
    background-position:0 -3px
}
@media only screen and (max-width:479px){
    .title-logo{
        background-position:-239px -2px;
        height:45px;
        width:166px;
        display:none!important
    }
}
@media only screen and (max-width:768px){
    .title-logo{
        display:block;
        position:absolute
    }
}
.header-logo{
    height:30px;
    margin:15px 20px 0 0;
    width:auto
}
@media only screen and (min-width:480px){
    .header-logo{
        display:none
    }
}
.sidebar-section{
    padding:0 4em 1em 0
}
@media (max-width:960px){
    .sidebar-section{
        padding:0 0 3em;
        width:100%
    }
}
#site-logo img{
    max-width:100%;
    height:auto;
    margin-top:0;
    margin-bottom:15px
}
@media (max-width:768px){
    #site-logo img{
        display:none
    }
}
.main-content-nav{
    background:#fff;
    border:1px solid #f5f0e6;
    padding:0 1em 1em 1em;
    margin-bottom:1em;
    /*margin-top:20px*/
}
.main-content-nav a{
    color:#333
}
@media only screen and (max-width:768px){
    .main-content-nav{
        margin-top:0
    }
}
.main-content-nav>h2{
    color:#333;
    font-size:140%;
    margin:0 0 .4em;
    text-transform:capitalize;
    font-family:Roboto,sans-serif;
    font-weight:700
}
.main-content-nav>ul{
    margin:0 -1em -1em;
    font-size:1em
}
.main-content-nav>ul>li.active{
    color:#333
}
.main-content-nav>ul li{
    /*border-top:1px solid #d8d7d7;*/
    list-style:none;
    background-color: #f5f0e6;
}

.main-content-nav>ul li ul li{
  list-style:none;
  background-color: #fff;
}

.main-content-nav>ul li a{
    display:block;
    padding:1em 1em 1em 2em;
    color:#333
}
.main-content-nav>ul li a:hover{
    background-color:#faf7f2;
    color:#333
}
.main-content-nav>ul li a:active,.main-content-nav>ul li a:hover,.main-content-nav>ul li a:link{
    text-decoration:none
}
.main-content-nav>ul li.active{
    background-color:#f5f0e6;
    line-height:20px;
    /*padding:1em;*/
    font-weight:700
}
.main-content-nav>ul li.active>ul li{
    font-weight:400
}
.main-content-nav>ul li.active>ul li a{
    color:#333;
    /*padding-left:0!important*/
}
.main-content-nav>ul li.active>a{
    color:#333
}
.main-content-nav>ul li.active a:hover{
    text-decoration:none;
    background-color: #faf7f2;
    color: #333;

}
.main-content-nav>ul li ul{
    margin:0;
    /*margin-top:.4em*/
}
.main-content-nav>ul li li{
    font-size:85%;
}
.subhead{
    font-size:120%
}
.jumbotron.intro-banner .text-indent h1 span{
    margin-left:0
}
.intro-banner{
    margin:0!important;
    position:relative;
    max-height:380px
}
.intro-banner h1{
    text-align:center;
    color:#fff
}
.intro-banner img{
    width:100%;
    height:auto;
    max-height:380px;
    position:absolute
}
.intro-banner .cr-item-container{
    margin:9% 0;
    position:unset!important
}
.intro-banner.dark-blue-gradient:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-image:linear-gradient(90deg,#182b49,rgba(0,98,155,0))
}
@media only screen and (max-width:1200px){
    .intro-banner .intro-banner-heading{
        font-size:53px!important
    }
}
@media only screen and (max-width:960px){
    .intro-banner .intro-banner-heading{
        font-size:43px!important
    }
}
@media only screen and (max-width:768px){
    .intro-banner .intro-banner-heading{
        font-size:43px!important
    }
}
@media only screen and (max-width:640px){
    .intro-banner .intro-banner-heading{
        font-size:37px!important
    }
}
@media only screen and (max-width:480px){
    .intro-banner .intro-banner-heading{
        font-size:27px!important
    }
}
.intro-banner .hr-spacer{
    height:70px
}
.display-flex-center{
    display:flex;
    align-items:center;
    min-height:380px
}
.layout-footer.open,.layout-header.open,.layout-main.open{
    transform:translate(42%)
}
@media only screen and (max-width:640px){
    .layout-footer.open,.layout-header.open,.layout-main.open{
        transform:translate(83%)
    }
}
.layout-header button.btn-nav{
    position:relative;
    float:left;
    height:44px;
    color:#fff;
    font-size:24px;
    background-image:none;
    background-color:#00629b;
    border-radius:1px;
    border:1px solid #00629b;
    padding:9px 10px;
    margin-right:10px
}
@media only screen and (max-width:360px){
    .layout-header button.btn-nav{
        font-size:20px
    }
}
@media only screen and (max-width:960px){
    .layout-header button.btn-nav{
        display:block
    }
}
button.btn-nav .icon-bar{
    display:block;
    width:30px;
    height:2px;
    background-color:#fff;
    border-radius:1px;
    margin-top:.25em
}
@media only screen and (max-width:360px){
    button.btn-nav .icon-bar{
        width:22px
    }
}
.btn-nav .icon-bar:nth-child(2),.btn-nav .icon-bar:nth-child(3),.btn-nav .icon-bar:nth-child(4){
    transition:all .2s ease;
    transition-delay:.25s;
    opacity:1
}
.btn-nav .icon-bar:nth-child(2){
    margin:0
}
.btn-nav .icon-bar:nth-child(2),.btn-nav .icon-bar:nth-child(4){
    transition:all .2s ease;
    transition-delay:.25s
}
.layout-header.open .btn-nav .icon-bar:nth-child(2){
    transform:translate3d(0,8px,0) rotate(45deg)
}
.layout-header.open .btn-nav .icon-bar:nth-child(3){
    opacity:0
}
.layout-header.open .btn-nav .icon-bar:nth-child(4){
    transform:translate3d(0,-8px,0) rotate(-45deg)
}
button:focus,button:hover{
    border-color:transparent;
    background-color:hsla(0,0%,100%,.4)
}
button:focus{
    outline:0
}
button:active{
    border-color:transparent;
    background-color:hsla(0,0%,100%,.6)
}
.layout-navbar.navbar-is-opened .navbar-list>li{
    float:none
}
.navdrawer-container.navbar-is-opened .layout-container{
    width:100%
}
.navdrawer-container.navbar-is-opened .navbar-list>li.active{
    background:#fff
}
.navdrawer-container.navbar-is-opened .navbar-list>li>a{
    border:none;
    border-bottom:1px solid #ccc;
    padding:10px 10px 10px 20px;
    background-color:#00629b!important;
    border:none!important
}
.navdrawer-container.navbar-is-opened .navbar-list>li>a:hover{
    background-color:#004268!important
}
@media only screen and (max-width:960px){
    .navdrawer-container.navbar-is-opened .navbar-list>li>a{
        border:0;
        font-weight:700;
        background:#00629b;
        border-bottom:1px solid #ccc
    }
}
.navdrawer-container.navbar-is-opened button.search-toggle{
    display:none
}
.navdrawer-container.navbar-is-opened .search{
    width:100%;
    height:100%;
    float:none
}
.navdrawer-container.navbar-is-opened .search-content{
    display:block;
    height:43px;
    padding:7px;
    background-color:#00629b
}
.navdrawer-container.navbar-is-opened .search-content .search-scope{
    max-width:30%;
    font-size:11px;
    padding:4px 2px 4px 0;
    float:left;
    height:27px
}
.navdrawer-container.navbar-is-opened .search-content form>.input-group{
    width:55%;
    float:right
}
.navdrawer-container.navbar-is-opened .search-content form>.input-group input{
    height:27px
}
.navdrawer-container ul{
    list-style-type:none
}
.navdrawer-container .navbar-subnav:hover>a{
    border-bottom:3px solid #9fb3bf
}
.navbar-subnav .navbar-sublist li:hover>a{
    background-color:#00629b
}
.navdrawer-container ul.navbar-sublist{
    display:none;
    position:absolute;
    font-size:14px;
    padding:0;
    margin-left:0;
    box-shadow:0 3px 5px 0 rgba(50,50,50,.2)
}
@media only screen and (max-width:960px){
    .navdrawer-container ul.navbar-sublist{
        display:block;
        position:relative;
        border-left:0;
        border-top:0;
        border-bottom:1px solid #e2e2e2;
        box-shadow:none
    }
}
.navdrawer-container .subnav-hover ul.navbar-sublist{
    display:block;
    z-index:3
}
@media only screen and (max-width:960px){
    .navdrawer-container .subnav-hover ul.navbar-sublist{
        display:block;
        position:relative;
        border:0;
        border-bottom:1px solid #ccc;
        box-shadow:none
    }
    .navdrawer-container .subnav-hover ul.navbar-sublist a{
        border:0;
        padding-left:3em
    }
}
.navdrawer-container .navbar-sublist.subnav-is-opened{
    display:block
}
.navdrawer-container.navbar-is-opened .navbar-sublist.subnav-is-opened a{
    border:0;
    padding-left:3em
}
.navdrawer-container .navbar-sublist a{
    display:block;
    background:#005282;
    color:#fff;
    padding:9px 15px 8px;
    text-decoration:none
}
.layout-footer,.layout-header,.layout-main{
    transition:transform .3s ease-in-out
}
nav.navdrawer-container.navbar-is-opened{
    position:fixed;
    top:0;
    height:100%;
    opacity:1;
    border-right:1px solid #dadada;
    transition:opacity .3s ease-in-out;
    transform:translate(0);
    transition-delay:.15s;
    pointer-events:auto;
    z-index:2
}
.navbar-is-opened{
    display:block
}
.navbar-is-opened a:hover{
    text-decoration:underline!important
}
@media only screen and (max-width:640px){
    .navdrawer-container.navbar-is-opened{
        width:83%
    }
    .navdrawer-container.navbar-is-opened .search{
        max-width:none
    }
}
@media screen and (min-width:320px) and (max-width:640px){
    .navdrawer-container.navbar-is-opened .search-content form>.input-group{
        width:60%
    }
}
@media only screen and (max-width:768px){
    .layout-header .btn-nav{
        margin-top:1.7em
    }
}
@media only screen and (max-width:960px){
    .navdrawer-container .navbar-sublist a{
        border:none;
        margin:0;
        padding-left:2.5em!important
    }
}
@media only screen and (min-width:960px){
    .navdrawer-container{
        display:block;
        width:100%;
        opacity:1
    }
    button.btn-nav{
        display:none
    }
}
@media only screen and (max-width:960px){
    .navdrawer-container{
        position:fixed;
        width:42%;
        z-index:-1;
        opacity:0
    }
    .navdrawer-container .navbar-subnav .navbar-sublist.subnav-is-opened{
        display:block;
        position:relative;
        border:0;
        border-bottom:1px solid #ccc;
        box-shadow:none
    }
}
.collapse-navbar .navdrawer-container{
    position:fixed;
    width:42%;
    z-index:-1;
    opacity:0
}
.collapse-navbar .navdrawer-container .subnav-hover ul.navbar-sublist{
    display:block;
    position:relative;
    border:0;
    border-bottom:1px solid #ccc;
    box-shadow:none
}
.collapse-navbar .navdrawer-container .subnav-hover ul.navbar-sublist a{
    border:0;
    padding-left:3em
}
.collapse-navbar .btn-nav{
    display:block
}
.collapse-navbar .search-content{
    position:relative;
    width:100%
}
ul.nav.navbar-nav.navbar-right{
    margin-right:0!important
}
a.navbar-brand{
    color:#fff!important
}
.blink-nav-button{
    background:#fdfdfd url(http://cdn.ucsd.edu/developer/decorator/4.5.4/img/blink_nav.png) 0 6px no-repeat!important;
    min-width:78px
}
.blink-nav-button a{
    color:transparent!important;
    background-color:transparent!important
}
.tlink-nav-button{
    background:#fdfdfd url(http://cdn.ucsd.edu/developer/decorator/4.5.4/img/current_students_nav.png) 0 6px no-repeat!important;
    min-width:103px
}
.tlink-nav-button a{
    color:transparent!important;
    background-color:transparent!important
}
.clearfix{
    overflow:auto
}
table.styled{
    margin-bottom:1em
}
table.styled td,table.styled th{
    padding:.25em 1em
}
table.styled th{
    background-color:#eee;
    font-weight:700
}
table.styled td,table.styled th{
    border:1px solid #ccc
}
table.styled tbody tr.even{
    background-color:#eff
}
table>caption{
    font-weight:700;
    color:#616161
}
table{
    max-width:100%
}
img.left{
    float:left;
    padding:0 1em 1em 0;
    width:auto
}
img.right{
    float:right;
    padding:0 0 1em 1em;
    width:auto
}
@media only screen and (max-width:360px){
    img.left,img.right{
        float:none;
        padding:1em 0
    }
}
.msg{
    padding:2em 3em;
    margin-bottom:20px;
    border-radius:4px
}
.msg h4{
    padding-left:20px
}
.msg h2,.msg h4{
    text-shadow:none;
    font-weight:700
}
.msg h2{
    padding-left:35px
}
.msg.info{
    background-color:#f5f0e6
}
.msg.info h4{
    background:url(https://cdn.ucsd.edu/cms/decorator-5/img/info.svg) no-repeat transparent;
    background-position:0 -150px;
    background-size:15px 15px;
    background-position:0 5px!important
}
.msg.info h2{
    background:url(https://cdn.ucsd.edu/cms/decorator-5/img/info.svg) no-repeat transparent;
    font-weight:700;
    background-size:25px 25px;
    background-position:0 8px!important;
    margin:0
}
.msg.alert{
    background-color:rgba(255,205,0,.8392156863)
}
.msg.alert h4{
    background:url(https://cdn.ucsd.edu/cms/decorator-5/img/warning.svg) no-repeat transparent;
    background-position:0 -249px;
    color:#333;
    font-weight:700;
    background-size:15px 15px;
    background-position:0 5px!important
}
.msg.alert h2{
    background:url(https://cdn.ucsd.edu/cms/decorator-5/img/warning.svg) no-repeat transparent;
    background-position:0 -249px;
    color:#333;
    font-weight:700;
    background-size:25px 25px;
    background-position:0 8px!important;
    margin:0
}
.sidebar-section>.msg.alert h2{
    padding-left:20px;
    font-size:28px;
    background-size:15px 15px;
    background-position:0 5px!important
}
.msg.confirm{
    border:1px solid #393;
    background-color:#efe
}
.msg.confirm h4{
    color:#393;
    background-position:0 -200px
}
.msg.error{
    border:1px solid #c00;
    background-color:#fee
}
.msg.error h4{
    color:#c00;
    background-position:0 -299px
}
.button{
    border:none;
    color:#333;
    display:inline-block;
    outline:none;
    cursor:pointer;
    text-align:center;
    text-shadow:hsla(0,0%,100%,.5) 0 1px 1px;
    margin-right:.5em;
    padding:.25em 1em;
    border-radius:.25em;
    box-shadow:0 1px 2px rgba(0,0,0,.5)
}
.button,.button:hover{
    text-decoration:none
}
.button:active{
    position:relative;
    top:1px
}
.button:disabled{
    color:#999;
    cursor:default
}
.primary{
    background:#fc0;
    background:-moz-linear-gradient(top,#fc0,#fa0);
    background:-webkit-gradient(linear,left top,left bottom,from(#fc0),to(#fa0));
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffcc00",endColorstr="#ffaa00")
}
.primary:hover{
    background:#f90
}
.primary:disabled{
    background:#fd0;
    background:-moz-linear-gradient(top,#fd0,#fc0);
    background:-webkit-gradient(linear,left top,left bottom,from(#fd0),to(#fc0));
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffdd00",endColorstr="#ffcc00")
}
.secondary{
    background:#eee;
    background:-moz-linear-gradient(top,#eee,#ddd);
    background:-webkit-gradient(linear,left top,left bottom,from(#eee),to(#ddd));
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeeeee",endColorstr="#dddddd")
}
.secondary:hover{
    background:#ccc
}
.secondary:disabled{
    background:#fff;
    background:-moz-linear-gradient(top,#fff,#eee);
    background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#eee));
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#eeeeee")
}
a.button{
    color:#333
}
@media only screen and (max-width:480px){
    .button{
        padding:.5em 1em
    }
}
.icon{
    padding-left:1.5em
}
:first-child+html .icon{
    display:inline-block
}
.icon.newwin{
    background-position:0 -50px
}
.icon.info{
    background-position:0 -150px
}
.icon.confirm{
    background-position:0 -200px
}
.icon.alert{
    background-position:0 -250px
}
.icon.error,.icon.invalid{
    background-position:0 -300px
}
.icon.cal{
    background-position:0 -350px
}
.icon.check{
    background-position:0 -400px
}
.icon.check_disabled{
    background-position:0 -450px
}
.icon.close{
    background-position:0 -500px
}
.icon.close_disabled{
    background-position:0 -550px
}
.icon.disable{
    background-position:0 -600px
}
.icon.disable_disabled{
    background-position:0 -650px
}
.icon.doc{
    background-position:0 -700px
}
.icon.doc_disabled{
    background-position:0 -750px
}
.icon.gear{
    background-position:0 -900px
}
.icon.mail{
    background-position:0 -950px
}
.icon.minus{
    background-position:0 -1000px
}
.icon.minus_disabled{
    background-position:0 -1050px
}
.icon.pencil{
    background-position:0 -1100px
}
.icon.pencil_disabled{
    background-position:0 -1150px
}
.icon.plus{
    background-position:0 -1200px
}
.icon.plus_disabled{
    background-position:0 -1250px
}
.icon.print{
    background-position:0 -1300px
}
.icon.search{
    background-position:0 -1400px
}
.icon.search_disabled{
    background-position:0 -1450px
}
.icon.submit{
    background-position:0 -1500px
}
.icon.submit_disabled{
    background-position:0 -1550px
}
.icon.trash{
    background-position:0 -1600px
}
.icon.trash_disabled{
    background-position:0 -1650px
}
.icon.undo{
    background-position:0 -1700px
}
.icon.arrow_right{
    background-position:0 -1750px
}
.icon.arrow_down{
    background-position:0 -1800px
}
.icon.play{
    background-position:0 -1850px
}
.icon.stop{
    background-position:0 -1900px
}
.social-list li.vine{
    background-position:0 -320px
}
.social-list li.blogger{
    background-image:url(https://cdn.ucsd.edu/cms/decorator-5/img/bloger.svg)
}
input[type=text],select,textarea{
    border:1px solid #aaa
}
.form-control{
    border-radius:0;
    padding:.5em
}
input[type=text],textarea{
    padding:.5em
}
select.form-control{
    padding:.5em .2em
}
fieldset{
    border:1px solid #aaa;
    padding:.5em;
    border:0
}
legend{
    color:#333;
    margin-left:0;
    padding:0
}
input[type=checkbox],input[type=radio]{
    margin-right:.25em
}
.input-group-addon{
    background:#fff
}
div.field,div.field_left,div.field_top,div.label{
    clear:both;
    padding-bottom:1em
}
div.label{
    color:#000
}
.field_top div.label{
    padding-bottom:.25em
}
.input,.label,.output{
    display:block
}
.label label{
    font-weight:700
}
form{
    margin-bottom:1em
}
form .output{
    font-weight:400
}
form .help{
    color:#999;
    display:block;
    font-style:italic;
    font-size:85%
}
form .help.icon.asterisk{
    padding-bottom:1em
}
.multi{
    margin-right:.5em
}
.input.multi{
    margin-right:0;
    padding-bottom:.5em
}
form input.invalid,form textarea.invalid{
    border:1px solid #c00
}
form .inline_invalid,form .invalid{
    color:#c00
}
form .inline_invalid{
    display:block
}
html>body form .icon.invalid{
    margin-left:.5em
}
.field .label{
    width:10em;
    float:left;
    text-align:right;
    padding-right:1em
}
.field .input,.field .output,.field select.input,.field textarea.input{
    margin-left:11em
}
.field .required{
    background-position:right 0
}
.field_left .required,.field_top .required{
    background-position:left 0;
    padding-left:1em
}
.field_top .label{
    padding-left:1em
}
.field_top .input,.field_top .output,.field_top select.input,.field_top textarea.input{
    margin-left:1em
}
.field_left .label{
    width:10em;
    float:left;
    text-align:left;
    padding-left:1em
}
.field_left .input,.field_left .output,.field_left select.input,.field_left textarea.input{
    margin-left:11.5em
}
@media only screen and (max-width:640px){
    .field .label,.field_left .label{
        float:none;
        text-align:left;
        padding-left:1em;
        padding-bottom:.25em
    }
    .field .input,.field .output,.field_left .input,.field_left .output,.field_left select.input,.field_left textarea.input,.field select.input,.field textarea.input{
        margin-left:1em
    }
    .field .required,.field_left .required{
        background-position:left 0;
        padding-left:1em
    }
}
@media only screen and (max-width:480px){
    input[type=text],textarea{
        padding:.5em .25em
    }
}
div.loading{
    clear:both;
    height:32px;
    text-indent:-9999px;
    background-position:50%
}
span.loading{
    background-position:100%;
    padding-right:20px
}
div.styled{
    background:#f5f0e6;
    margin-bottom:1em;
    padding:1em;
    border-radius:8px
}
div.styled h2,div.styled h3,div.styled h4,div.styled h5,div.styled h6{
    margin-top:0;
    color:#02619c
}
#page_nav{
    margin:0 -1em -1em;
    padding:0
}
#page_nav li{
    border-top:1px solid #dbd7d7;
    color:#06c;
    list-style:none;
    margin:0;
    padding:0
}
#page_nav li.active,#page_nav li a{
    color:#016691;
    display:block;
    padding:1em 0 1em 1em
}
#page_nav li.active{
    background-color:#fff;
    color:#d56a03
}
#page_nav li.collapsed ul{
    display:none
}
#page_nav li a:hover{
    background-color:#fff;
    text-decoration:none
}
#page_nav li li{
    font-size:85%
}
#page_nav li li a:hover{
    text-decoration:underline
}
#page_nav ul{
    margin:.4em 0 -.4em 1em;
    padding:0
}
#page_nav_title{
    margin-bottom:.7em
}
.carousel{
    /*margin-bottom:60px*/
}
.carousel .cr-item-container{
    position:absolute;
    top:20%;
    transition:all .2s linear;
    width:inherit
}
@media screen and (max-width:1450px){
    .carousel .cr-item-container{
        top:10%
    }
}
@media screen and (max-width:960px){
    .carousel .cr-item-container{
        top:5%
    }
}
@media screen and (max-width:768px){
    .carousel .cr-item-container{
        top:20%;
        margin:0 5%
    }
}
@media screen and (max-width:640px){
    .carousel .cr-item-container{
        top:10%
    }
}
@media screen and (max-width:480px){
    .carousel .cr-item-container{
        top:5%
    }
}
@media screen and (max-width:1160px){
    .carousel .cr-item-container h1{
        font-size:40px
    }
}
@media screen and (max-width:768px){
    .carousel .cr-item-container h1{
        font-size:2em!important
    }
}
@media screen and (max-width:480px){
    .carousel .cr-item-container h1{
        font-size:1.2em!important
    }
}
@media screen and (max-width:768px){
    .carousel .cr-item-container p{
        display:none
    }
}
@media screen and (max-width:768px){
    .carousel .cr-item-container a.btn{
        padding:8px;
        min-width:150px;
        font-size:13px
    }
}
@media only screen and (max-width:1320px){
    .carousel .container{
        width:80%
    }
}
@media screen and (max-width:768px){
    .carousel .container{
        width:inherit
    }
}
.carousel-caption{
    z-index:10
}
.carousel .item{
    background-color:#fff
}
.carousel-inner>.item>img{
    top:0;
    left:0;
    width:100%;
    height:auto
}
.carousel-control{
    width:10%
}
@media screen and (max-width:960px){
    .carousel-control{
        width:5%
    }
}
@media screen and (max-width:640px){
    .carousel-indicators{
        display:none
    }
}
button#toggleCarousel{
    background:transparent;
    border:none;
    color:#fff;
    font-size:14px
}
button#toggleCarouselAria{
    background-color:green;
    bottom:20px;
    margin-left:50%;
    padding:10px 15px;
    position:absolute;
    z-index:20
}
a.hero-no-button{
    display:block;
    overflow:hidden;
    width:100%
}
.carousel-inner>.item>a>img,a.hero-no-button>img{
    width:100%
}
.cntr{
    width:auto!important;
    margin:5% auto!important;
    display:block;
    text-align:center;
    padding:0
}
@media screen and (max-width:1277px){
    .cntr{
        margin-bottom:2.2%!important
    }
}
.cntr-btn{
    margin:0 auto!important;
    display:block;
    text-align:center;
    width:max-content;
    width:intrinsic;
    width:-moz-max-content;
    width:-webkit-max-content
}
.rt-dark-blue{
    background-color:#182b49!important
}
.rt-light-blue{
    background-color:#00629b!important
}
.rt-neutral-gray{
    background-color:#747678!important
}
.rt-btn-gold{
    background-color:#c69214!important;
    color:#000!important
}
.rt-btn-cyan{
    background-color:#00c6d7!important
}
.rt-btn-navy{
    background-color:#182b49!important;
    color:#fff!important
}
.rt-btn-yellow{
    background-color:#ffcd00!important
}
.rt-btn-orange{
    background-color:#fc8900!important;
    color:#182b49!important
}
.item .rt-text-dark{
    color:#182b49
}
.jumbotron-hero .text-indent h1.rt-text-dark{
    text-shadow:0 0 50px rgba(0,0,0,.25)
}
.jumbotron-hero .text-indent p.rt-text-dark{
    text-shadow:0 0 25px rgba(0,0,0,.25)
}
.herotextbg-dark-opaque{
    width:50%;
    padding:15px 30px;
    border-radius:8px
}
@media screen and (max-width:768px){
    .herotextbg-dark-opaque{
        width:100%
    }
}
.herotextbg-dark-translucent{
    width:50%;
    padding:15px 30px;
    border-radius:8px
}
@media screen and (max-width:768px){
    .herotextbg-dark-translucent{
        width:100%
    }
}
.herotextbg-light-opaque{
    width:50%;
    padding:15px 30px;
    border-radius:8px
}
@media screen and (max-width:768px){
    .herotextbg-light-opaque{
        width:100%
    }
}
.herotextbg-light-translucent{
    width:50%;
    padding:15px 30px;
    border-radius:8px
}
@media screen and (max-width:768px){
    .herotextbg-light-translucent{
        width:100%
    }
}
.herotextbg-dark-opaque{
    background:#182b49
}
.herotextbg-dark-translucent{
    background:rgba(24,43,73,.8)
}
.herotextbg-light-opaque{
    background:#00629b
}
.herotextbg-light-translucent{
    background:rgba(0,98,155,.8)
}
@media (min-width:768px){
    .featurette-heading{
        font-size:50px
    }
}
@media (min-width:992px){
    .featurette-heading{
        margin-top:120px
    }
}
.carousel-control.left,.carousel-control.right{
    background-image:none
}
.qb-carousel a:hover .carousel-caption{
    text-decoration:underline
}
.qb-carousel .carousel-caption{
    bottom:55px;
    text-align:left;
    left:0;
    right:auto;
    margin-left:20px;
    background:rgba(24,43,73,.5);
    border-radius:14px;
    padding:10px 20px 0;
    text-shadow:none;
    width:auto;
    max-width:80%
}
.qb-carousel .carousel-caption h3{
    color:#fff;
    font-size:17px;
    line-height:1.3;
    margin-top:0;
    margin-bottom:5px
}
@media (min-width:768px){
    .qb-carousel .carousel-caption h3{
        font-size:22px;
        font-weight:700;
        line-height:1.5
    }
}
.qb-carousel .carousel-caption p{
    display:none;
    font-size:15px
}
@media (min-width:768px){
    .qb-carousel .carousel-caption p{
        display:block;
        margin-bottom:20px;
        line-height:1.4
    }
}
.qb-carousel .carousel-indicators{
    bottom:0;
    left:auto;
    list-style:none;
    margin-left:0;
    margin-right:10px;
    padding-left:0;
    right:0;
    text-align:right;
    width:auto
}
.contact-module h2{
    margin-bottom:15px!important
}
.contact-module iframe{
    width:100%;
    height:300px
}
@media (max-width:400px){
    .contact-module iframe{
        height:250px
    }
}
.contact-module .contact-lable p{
    font-weight:700!important;
    margin-bottom:25px
}
.social-media-module h2{
    text-transform:none;
    margin-top:23px;
    margin-bottom:23px;
    font-size:2em
}
.social-media-module .btn-social-icon{
    border:0;
    border-radius:0;
    margin:0 10px 10px 0
}
.btn-youtube{
    background-color:#dd4b39
}
.btn-youtube,.btn-youtube:hover{
    color:#fff;
    border-color:rgba(0,0,0,.2)
}
.btn-youtube:hover{
    background-color:#c23321
}
.social-list{
    margin-left:0;
    padding-left:0;
    list-style:none
}
.social-list li{
    height:33px;
    margin:0 0 10px;
    padding:0 40px;
    cursor:pointer;
    background:no-repeat transparent
}
.md-icons li{
    height:40px;
    margin:0 0 15px;
    padding:10px 50px;
    background-size:40px
}
.md-icons.horz-icons>li{
    padding:0 6%!important
}
.lg-icons li{
    height:55px;
    margin:0 0 20px;
    padding:15px 65px;
    background-size:55px
}
.lg-icons.horz-icons>li{
    padding:0 8%!important
}
.horz-icons li{
    margin:20px auto;
    display:inline-block;
    float:left;
    display:flex;
    justify-content:center;
    align-items:center
}
.social-list li.facebook{
    background-image:url(https://cdn.ucsd.edu/cms/decorator-5/img/facebook.svg)
}
.social-list li.twitter{
    background-image:url(https://cdn.ucsd.edu/cms/decorator-5/img/twitter.svg)
}
.social-list li.youtube{
    background-image:url(https://cdn.ucsd.edu/cms/decorator-5/img/youtube.svg)
}
.social-list li.linkedin{
    background-image:url(https://cdn.ucsd.edu/cms/decorator-5/img/linkedin.svg)
}
.social-list li.instagram{
    background-image:url(https://cdn.ucsd.edu/cms/decorator-5/img/instagram.svg)
}
.social-list li.tumblr{
    background-image:url(https://cdn.ucsd.edu/cms/decorator-5/img/tumblr.svg)
}
.social-list li.flickr{
    background-image:url(https://cdn.ucsd.edu/cms/decorator-5/img/flickr.svg)
}
.social-list li.pinterest{
    background-image:url(https://cdn.ucsd.edu/cms/decorator-5/img/pinterest.svg)
}
.social-list li.blogger{
    background-image:url(https://cdn.ucsd.edu/cms/decorator-5/img/blogger.svg)
}
.social-list li.rss{
    background-image:url(https://cdn.ucsd.edu/cms/decorator-5/img/rss.svg)
}
.social-list li.vimeo{
    background-image:url(https://cdn.ucsd.edu/cms/decorator-5/img/vimeo.svg)
}
.social-list li.wordpress{
    background-image:url(https://cdn.ucsd.edu/cms/decorator-5/img/wordpress.svg)
}
.social-list li.eventbrite{
    background-image:url(https://cdn.ucsd.edu/cms/decorator-5/img/eventbrite.svg)
}
.social-list li.mobile{
    background-position:0 -560px
}
blockquote>footer{
    background-color:transparent
}
#calendar{
    margin:20px 0
}
#indicators-container{
    position:absolute;
    bottom:20px;
    display:block;
    left:51%;
    transform:translateX(-50%);
    background-color:rgba(0,0,0,.5);
    border-radius:12px;
    padding:0 0 0 10px;
    z-index:999999
}
#indicators-container.module{
    width:auto;
    padding:0;
    min-width:74px;
    left:0;
    transform:translateX(-60%)
}
#indicators-container .carousel-indicators{
    margin:0;
    padding:0;
    position:relative;
    left:unset;
    width:auto;
    display:block;
    float:left;
    bottom:0
}
#indicators-container #toggleCarousel{
    min-width:20px;
    margin:0 5px;
    position:relative;
    display:block;
    z-index:9000;
    float:right;
    bottom:-1px
}
.jumbotron h1,.jumbotron h2,.jumbotron h3,.jumbotron h4,.jumbotron h5,.jumbotron h6,.styled-h2{
    line-height:1.1;
    margin:0 0 .25em
}
.jumbotron .h1,.jumbotron .h2,.jumbotron .h3,.jumbotron .h4,.jumbotron .h5,.jumbotron .h6,.jumbotron h1,.jumbotron h2,.jumbotron h3,.jumbotron h4,.jumbotron h5,.jumbotron h6,.styled-h2{
    text-transform:none;
    font-weight:700
}
.jumbotron .h1,.jumbotron .h2,.jumbotron .h3,.jumbotron h1,.jumbotron h2,.jumbotron h3,.styled-h2{
    margin-top:23px;
    margin-bottom:11.5px
}
.jumbotron h1,.jumbotron h2{
    font-family:Teko-SemiBold,sans-serif;
    text-transform:none;
    letter-spacing:.5px
}
.jumbotron h1{
    font-size:3.5em;
    line-height:.9em
}
.jumbotron h2{
    font-size:2.2em;
    line-height:.9em
}
.jumbotron .drawer-wrapper ol,.jumbotron .drawer-wrapper ul{
    padding-left:1em
}
.jumbotron .drawer-wrapper ol li,.jumbotron .drawer-wrapper ul li{
    padding-bottom:10px
}
.jumbotron a,.jumbotron a:hover{
    text-decoration:none
}
.container .jumbotron,.jumbotron{
    border-radius:0!important
}
.detail-logo img{
    margin-top:35px;
    margin-bottom:15px;
    width:80%
}
#site-logo{
    margin-top:0
}
@media (min-width:768px){
    #site-logo{
        margin-top:0
    }
}
@media (min-width:768px){
    .jumbotron h2,.styled-h2{
        font-size:2.5em
    }
    .jumbotron h4{
        font-size:1.22em
    }
}
.overlay-glow-1 figure{
    position:relative
}
.overlay-glow-1 figure:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-image:url(https://cdn.ucsd.edu/cms/decorator-5/img/overlay-glow-1.png);
    background-size:cover;
    background-position:0 50%;
    mix-blend-mode:lighten;
    background-repeat:no-repeat
}
.overlay-glow-2 figure{
    position:relative
}
.overlay-glow-2 figure:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-image:url(https://cdn.ucsd.edu/cms/decorator-5/img/overlay-glow-2.png);
    background-size:cover;
    background-position:0 50%;
    mix-blend-mode:lighten;
    background-repeat:no-repeat
}
.btn,.btn-default{
    white-space:normal
}
.jumbotron .btn-default{
    background-color:#ffcd00;
    color:#182b49;
    font-family:inherit;
    transition:all .3s;
    border:0;
    border-radius:8px
}
.jumbotron .btn-default:hover{
    background-color:#182b49;
    color:#fff
}
.jumbotron-hero .btn-default:hover{
    background-color:#fff;
    color:#182b49
}
.styled-yellow{
    background-color:#ffcd00;
    color:#484949!important;
    font-family:inherit;
    transition:all .3s;
    border:0;
    border-radius:8px;
    text-decoration:none!important
}
.styled-yellow:hover{
    background-color:#e6b900
}
.jumbotron .btn-primary{
    background-color:#00629b;
    color:#fff;
    font-family:inherit;
    transition:all .3s;
    border:0;
    border-radius:8px
}
.jumbotron .btn-primary:hover{
    background-color:#182b49
}
.btn-primary,.styled-blue{
    background-color:#00629b;
    color:#fff!important;
    font-family:inherit;
    transition:all .3s;
    border:0;
    border-radius:8px;
    text-decoration:none!important
}
.btn-primary:hover,.styled-blue:hover{
    background-color:#004268;
    color:#fff
}
.btn-primary,.jumbotron .btn,.styled-blue,.styled-yellow{
    font-size:.9375em;
    text-transform:uppercase;
    padding:.8em 1.5em;
    min-width:200px;
    margin-bottom:1em;
    letter-spacing:.08em;
    font-weight:700
}
.jumbotron .text-link{
    color:#182b49;
    text-transform:uppercase;
    font-weight:700;
    border-bottom:1px solid #182b49;
    letter-spacing:.08em
}
.jumbotron{
    background-size:cover!important;
    background-repeat:no-repeat;
    background-position:50%;
    background-color:#f5f0e6;
    color:inherit
}
.hm,.jumbotron{
    padding:0!important
}
.hm{
    color:#fff!important;
    margin:0!important
}
.jumbotron-hero-lg{
    background-image:url(../https://cdn.ucsd.edu/cms/decorator-5/img/gps-hero.jpg)
}
.jumbotron .text-indent-h1 h1{
    text-transform:none
}
@media (max-width:768px){
    .jumbotron .text-indent-h1 h1{
        font-size:2.5em
    }
}
@media (max-width:480px){
    .jumbotron .text-indent-h1 h1{
        font-size:2em
    }
}
.jumbotron .text-indent-h1 p{
    margin-left:6.75em
}
.jumbotron .text-indent-h1 a.btn{
    margin-left:7.2em
}
.jumbotron .text-indent-h2 p{
    margin-left:3.6em
}
.jumbotron .text-indent-h2 a.btn{
    margin-left:4.4em
}
.jumbotron .text-indent-h1 p,.jumbotron .text-indent-h2 p{
    width:19em
}
.jumbotron .text-indent h1 span{
    margin-left:1.65em
}
.jumbotron-hero .text-indent h1,.jumbotron-hero .text-indent h2,.jumbotron-hero .text-indent h3,.jumbotron-image-bg .text-indent h1,.jumbotron-image-bg .text-indent h2,.jumbotron-image-bg .text-indent h3{
    text-shadow:0 0 50px rgba(0,0,0,.75)
}
.jumbotron-hero .text-indent p,.jumbotron-image-bg .text-indent p{
    text-shadow:0 0 25px rgba(0,0,0,.75)
}
.jumbotron{
    margin:60px 0
}
.jumbotron-hero p.rt-text-dark,.jumbotron-hero p.rt-text-light,.jumbotron-image-bg p.rt-text-dark,.jumbotron-image-bg p.rt-text-light{
    width:19em
}
@media screen and (max-width:900px){
    .jumbotron-hero p.rt-text-dark,.jumbotron-hero p.rt-text-light,.jumbotron-image-bg p.rt-text-dark,.jumbotron-image-bg p.rt-text-light{
        width:100%
    }
}
@media screen and (max-width:768px){
    .jumbotron-hero p.rt-text-dark,.jumbotron-hero p.rt-text-light,.jumbotron-image-bg p.rt-text-dark,.jumbotron-image-bg p.rt-text-light{
        width:35em
    }
}
.jumbotron-hero .dark-blue-gradient:before,.jumbotron-image-bg .dark-blue-gradient:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-image:linear-gradient(90deg,#182b49,rgba(0,98,155,0))
}
.side-image-white{
    background-color:#fff;
    margin-top:30px
}
.side-image-white h2{
    color:#182b49
}
@media screen and (min-width:992px){
    .side-image-white h2{
        margin-top:50px
    }
}
.side-image-white img{
    border-radius:14px;
    margin:25px 0;
    max-width:100%;
    height:auto
}
.side-image-white p{
    color:#182b49
}
.jumbotron-gray img{
    border-radius:14px;
    margin:25px 0;
    max-width:100%;
    height:auto
}
.jumbotron-sand h2{
    color:#182b49
}
@media screen and (min-width:992px){
    .jumbotron-sand h2{
        margin-top:50px
    }
}
.jumbotron-sand p{
    color:#333
}
.jumbotron-sand img{
    border-radius:14px;
    margin:25px 0;
    max-width:100%;
    height:auto
}
.jumbotron p{
    margin-bottom:15px;
    font-size:1em
}
.embed-video{
    margin:23px 0;
    position:relative;
    padding-bottom:51.1%;
    padding-top:30px;
    height:0;
    overflow:hidden;
    border-radius:14px
}
.embed-video embed,.embed-video iframe,.embed-video object{
    border:0;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.jumbotron-news{
    background:#f5f0e6!important
}
.jumbotron-news h2{
    margin-bottom:1em;
    margin-top:1em;
    text-transform:none;
    font-weight:700;
    color:#182b49
}
.jumbotron-news .panel.panel-default{
    border:none;
    background-color:transparent;
    box-shadow:none;
    margin-bottom:0
}
.jumbotron-news .panel.panel-default img{
    width:100%;
    border-radius:14px;
    margin:0
}
.jumbotron-news .panel.panel-default .panel-heading{
    padding:10px 15px 25px;
    background-color:transparent;
    border:none
}
.jumbotron-news .panel.panel-default .panel-news-date{
    text-transform:uppercase;
    color:#182b49;
    font-size:.85em;
    margin-bottom:.25em;
    margin-top:1em
}
.jumbotron-news .panel.panel-default .panel-news-title{
    text-transform:none;
    margin-top:0;
    font-size:1.25em;
    line-height:1.1em;
    letter-spacing:.5px;
    color:#182b49
}
.jumbotron-news .panel.panel-default .panel-news-title a{
    color:#182b49
}
.jumbotron-news .panel.panel-default .panel-body{
    padding:0 15px 40px;
    color:#182b49;
    font-size:1.125em;
    font-weight:700;
    line-height:1.25em;
    letter-spacing:.5px;
    text-decoration:underline;
    text-transform:uppercase
}
.jumbotron-news .panel.panel-default:hover h3{
    text-decoration:underline
}
.jumbotron-news .view-all-link{
    margin-top:4em
}
.no-gutter{
    padding-left:0;
    padding-right:0
}
.jumbotron .panel{
    border-radius:0!important
}
.panel-default>.panel-heading{
    color:#182b49
}
@media (min-width:768px){
    .jumbotron-news .panel.panel-default .panel-heading{
        min-height:135px
    }
    .jumbotron-news .view-all-link{
        margin-top:2em
    }
}
@media screen and (min-width:992px){
    .jumbotron-news .panel.panel-default img{
        transition:transform .2s ease-in-out
    }
    .jumbotron-news .panel.panel-default:hover img{
        transform:scale(1.1)
    }
}
.card-container{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(100%,1fr));
    grid-auto-rows:1fr;
    margin:0 15px
}
@media (min-width:768px){
    .card-container{
        display:grid;
        grid-template-columns:1fr 1fr 1fr;
        grid-auto-rows:1fr;
        grid-gap:0 30px
    }
}
@media (min-width:992px){
    .card-container{
        display:grid;
        grid-template-columns:1fr 1fr 1fr;
        grid-auto-rows:1fr;
        grid-gap:0 30px
    }
}
.jumbotron-callout-image-small-inset{
    background-image:url(https://cdn.ucsd.edu/cms/decorator-5/img/callout-content-two-bg.jpg);
    background-position:50%;
    background-size:cover;
    padding:48px 0!important;
    border-radius:0!important
}
.jumbotron-callout-image-small-inset h2{
    color:#182b49
}
.jumbotron-callout-image-small-inset a,.jumbotron-callout-image-small-inset h3,.jumbotron-callout-image-small-inset p{
    color:#484949
}
.jumbotron-callout-image-small-inset .panel{
    margin:0 15px;
    border-radius:14px!important
}
.jumbotron-callout-image-small-inset .panel.panel-default .panel-body{
    padding:1em 2em
}
.jumbotron-callout-content-one,.jumbotron-callout-image-small-inset .btn-default:hover{
    background-color:#182b49;
    color:#fff
}
.jumbotron-callout-content-one{
    background-image:url(https://cdn.ucsd.edu/cms/decorator-5/img/txt-navy-grit-mobile.jpg);
    background-position:50%;
    padding:30px 0!important;
    border-radius:0!important
}
.jumbotron-callout-content-one .col-md-10{
    margin-left:19px
}
.jumbotron-callout-content-one a:hover,.jumbotron-callout-content-one h2,.jumbotron-callout-content-one h3,.jumbotron-callout-content-one h4,.jumbotron-callout-content-one h5,.jumbotron-callout-content-one h6,.jumbotron-callout-content-one li,.jumbotron-callout-content-one p{
    color:#fff
}
.jumbotron-callout-content-one a,.jumbotron-callout-content-one a:hover{
    color:#fff;
    text-decoration:underline!important
}
.jumbotron-callout-content-one a.btn{
    text-decoration:none!important
}
.jumbotron-callout-content-one a.btn:hover{
    text-decoration:none
}
.jumbotron-callout-content-one .panel{
    background-color:transparent!important;
    margin:0 15px 20px;
    box-shadow:none;
    border:0
}
.jumbotron-callout-content-one .panel.panel-primary .panel-body{
    padding:0 1em
}
.jumbotron-callout-content-one .panel.panel-primary .panel-body p{
    font-size:1.125em;
    color:#fff
}
.jumbotron-callout-content-one .text-indent{
    margin-left:50px
}
@media (min-width:768px){
    .jumbotron-callout-content-one{
        background-image:url(https://cdn.ucsd.edu/cms/decorator-5/img/txt-navy-grit.jpg)
    }
}
@media (max-width:768px){
    .jumbotron-callout-content-one img{
        max-width:100%;
        height:auto
    }
}
.navy-yellow{
    background-image:url(https://cdn.ucsd.edu/cms/decorator-5/img/txt-navy-yellow-grit-mobile.jpg)
}
.solid-navy{
    background-image:none!important
}
.blue-navy{
    background-image:url(https://cdn.ucsd.edu/cms/decorator-5/img/txt-lightblue-dark-grit-mobile.jpg)
}
.navy-orbs{
    background-image:url(https://cdn.ucsd.edu/cms/decorator-5/img/bg-orbs-1-mobile.jpg)
}
@media (min-width:768px){
    .navy-yellow{
        background-image:url(https://cdn.ucsd.edu/cms/decorator-5/img/txt-navy-yellow-grit.jpg)
    }
    .solid-navy{
        background-image:none!important
    }
    .blue-navy{
        background-image:url(https://cdn.ucsd.edu/cms/decorator-5/img/txt-lightblue-dark-grit.jpg)
    }
    .navy-orbs{
        background-image:url(https://cdn.ucsd.edu/cms/decorator-5/img/bg-orbs-1.jpg)
    }
}
.cc-yellow-trident{
    background-image:url(https://cdn.ucsd.edu/cms/decorator-5/img/bg-dark-blue-trident-full-mobile.png);
    color:#333;
    background-color:#f5f5f5;
    background-image:url(https://cdn.ucsd.edu/cms/decorator-5/img/bg-yellow-trident-full.png)
}
.cc-yellow-trident .panel.panel-primary .panel-body p,.cc-yellow-trident a:hover,.cc-yellow-trident h2,.cc-yellow-trident h3,.cc-yellow-trident h4,.cc-yellow-trident h5,.cc-yellow-trident h6,.cc-yellow-trident li,.cc-yellow-trident p{
    color:#333
}
.cc-yellow-trident a,.cc-yellow-trident a:hover{
    color:#333;
    text-decoration:underline!important
}
.cc-dark-blue-trident{
    background-color:#182b49;
    background-image:url(https://cdn.ucsd.edu/cms/decorator-5/img/bg-white-trident-full.png)
}
.cc-dark-blue-library{
    background-color:#182b49
}
.cc-blue-library-light,.cc-dark-blue-library{
    background-image:url(https://cdn.ucsd.edu/cms/decorator-5/img/dark-blue-library.png)
}
.cc-custom-background{
    background-size:cover
}
.jumbotron-callout-content-two{
    background-image:url(https://cdn.ucsd.edu/cms/decorator-5/img/callout-content-two-bg.jpg);
    background-position:50%;
    background-size:cover;
    padding:48px 0!important;
    border-radius:0!important
}
.jumbotron-callout-content-two h2{
    margin-top:0;
    text-shadow:0 0 25px rgba(0,0,0,.75);
    margin-bottom:20px
}
.jumbotron-callout-content-two h3{
    margin-top:14px
}
.jumbotron-callout-content-two .panel{
    border:none
}
.jumbotron-callout-content-two .panel.panel-primary{
    background-color:#00629b;
    border-radius:14px!important
}
.jumbotron-callout-content-two .panel.panel-primary .panel-text{
    margin-bottom:2.5rem
}
.jumbotron-callout-content-two .panel.panel-primary .panel-body{
    padding:1em 2em
}
.jumbotron-callout-content-two .panel.panel-primary .panel-body .btn{
    margin-bottom:0
}
.jumbotron-callout-content-two .panel.panel-primary .text-link{
    color:#fff
}
.jumbotron-callout-content-two .panel.panel-primary .text-right{
    margin-bottom:.25em
}
.jumbotron-callout-content-two .panel-primary .text-link{
    border-bottom:1px solid #fff
}
.jumbotron-callout-content-two h2,.jumbotron-callout-content-two h3,.jumbotron-callout-content-two p{
    color:#fff
}
.cta-two-three a{
    color:#fff;
    text-decoration:underline!important
}
.cta-two-three p{
    color:#fff!important
}
.cta-two-three p:last-of-type{
    margin-bottom:15px!important
}
.cta-two-three .text-link{
    text-decoration:none!important
}
.ct4-light-bg{
    background-image:none!important
}
.ct4-light-bg h2,.ct4-light-bg p{
    color:#182b49;
    text-shadow:none
}
.panel-darker{
    background-color:#00629b!important
}
.text-indent .h2 span,.text-indent h2 span{
    margin-left:2em
}
.jumbotron-callout-content-two.jumbotron-orbs-1{
    background-image:url(https://cdn.ucsd.edu/cms/decorator-5/img/bg-orbs-1-mobile.jpg)!important;
    background-position:50%
}
@media screen and (min-width:768px){
    .jumbotron-callout-content-two .text-indent{
        margin-bottom:1.5em
    }
    .jumbotron-callout-content-two.jumbotron-orbs-1{
        background-image:url(https://cdn.ucsd.edu/cms/decorator-5/img/bg-orbs-1.jpg)!important;
        background-position:100% 100%
    }
}
@media screen and (min-width:992px){
    .text-lg-right{
        text-align:right
    }
    .jumbotron-callout-content-two.jumbotron-orbs-1{
        background-position:50%
    }
}
.jumbotron-full-width{
    background-color:#f5f0e6;
    border-radius:0!important;
    padding:2em!important;
    background-image:none
}
.jumbotron-full-width.bubbles{
    background-image:none
}
.jumbotron-full-width.side-image-white h2{
    margin-top:23px
}
@media screen and (min-width:768px){
    .jumbotron-full-width.bubbles{
        background-image:url(https://cdn.ucsd.edu/cms/decorator-5/img/full-width-bubbles.png)
    }
    .jumbotron-full-width,.jumbotron-full-width.trident{
        background-image:url(https://cdn.ucsd.edu/cms/decorator-5/img/full-width-grit-yellow.png)
    }
}
.jumbotron-full-width-ni{
    background-color:#f5f5f5;
    border-radius:0!important;
    padding:2em!important
}
.jumbotron-full-width-ni h2{
    margin:0 0 30px
}
.event-listing{
    padding:2em 0 1em;
    border-bottom:1px solid #ddd
}
.event-listing figure{
    margin-bottom:15px
}
.event-listing img{
    border-radius:14px;
    width:100%;
    margin:0
}
.event-listing h2{
    font-family:Roboto,sans-serif;
    margin:0;
    font-size:21px;
    font-weight:700
}
.event-listing h2 a{
    color:#182b49;
    text-decoration:none
}
.event-listing h2 a:hover{
    text-decoration:underline!important
}
.event-listing .date-time{
    margin-bottom:10px
}
.event-listing:last-of-type{
    border-bottom:none
}
.event-dtl{
    margin-top:20px
}
.event-dtl dt{
    margin-top:10px;
    color:#182b49
}
.event-dtl img{
    border-radius:14px 14px 0 0;
    width:100%
}
.event-dtl .btn-primary{
    background-color:#00629b;
    color:#fff;
    font-family:inherit;
    transition:all .3s;
    border:0;
    border-radius:8px
}
.event-dtl .btn-primary:hover{
    background-color:#182b49
}
.event-dtl .event-info{
    background-color:#f5f0e6;
    padding:2em 2.5em;
    margin-bottom:3em;
    border-radius:0 0 14px 14px
}
.event-dtl .event-info a.btn{
    width:100%
}
.event-dtl .event-info p{
    font-size:1.25em;
    line-height:1.5;
    font-weight:500;
    margin:0;
    padding:5px 0 20px;
    color:#182b49
}
.event-dtl .event-info h1{
    margin:0;
    font-size:30px;
    line-height:1em;
    color:#182b49
}
.event-dtl .event-info h4{
    margin-top:5px
}
.event-content p{
    font-size:1em
}
.event-content a{
    color:#00629b
}
.event-content h2{
    font-size:1.5em;
    font-family:Roboto,sans-serif;
    font-weight:700
}
.event-content .panel{
    border:none;
    box-shadow:none
}
.event-content .panel-body{
    padding:0;
    font-weight:400
}
@media screen and (min-width:768px){
    .event-dtl .event-info h2{
        margin:6px 0 0
    }
    .event-dtl .event-info a.btn{
        margin:0;
        width:auto
    }
    .event-dtl .event-info p{
        padding:5px 0 0
    }
    .event-dtl .event-info .flex-container{
        display:flex;
        align-items:center
    }
}
@media screen and (min-width:992px){
    .event-dtl{
        margin-top:60px
    }
    .event-dtl .event-content .panel{
        box-shadow:none;
        border-left:1px solid #ccc
    }
    .event-dtl .event-content .panel-body{
        padding-left:30px
    }
    .event-dtl .event-content .panel-body h2{
        margin-top:0;
        font-size:1.5em
    }
}
.jumbotron-tile-links{
    background-color:#fff
}
.jumbotron-tile-links .flex{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-wrap:wrap
}
.jumbotron-tile-links .wrapper{
    width:100%;
    position:relative;
    margin:1.15%
}
.main-section .jumbotron-tile-links .tiles-row{
    padding:0 5px
}
.jumbotron-tile-links .background-image{
    width:100%;
    height:200px;
    object-fit:cover;
    border-radius:14px
}
.jumbotron-tile-links .wrapper:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    width:100%;
    height:100%;
    background:rgba(24,43,73,.5);
    border-radius:14px;
    display:block
}
.jumbotron-tile-links .text-indent{
    margin-bottom:1.5em
}
.jumbotron-tile-links .text-indent h2 span{
    margin-left:0
}
.jumbotron-tile-links h2{
    font-family:Teko-SemiBold,sans-serif;
    font-size:2.5em;
    text-align:left;
    display:block;
    position:relative;
    line-height:.9em
}
.jumbotron-tile-links .tiles h2,.jumbotron-tile-links .tiles h3{
    font-family:Roboto,sans-serif;
    font-size:1.5em;
    font-weight:700;
    line-height:1.35em;
    text-transform:none;
    text-align:center;
    align-items:center;
    justify-content:center;
    display:flex;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:0
}
.jumbotron-tile-links h2 a,.jumbotron-tile-links h3 a{
    color:#fff;
    padding:1em;
    display:flex;
    height:100%;
    width:100%;
    text-align:center;
    align-items:center;
    justify-content:center
}
.jumbotron-tile-links .flex h2 a:active,.jumbotron-tile-links .flex h2 a:focus,.jumbotron-tile-links .flex h2 a:hover,.jumbotron-tile-links .flex h3 a:active,.jumbotron-tile-links .flex h3 a:focus,.jumbotron-tile-links .flex h3 a:hover{
    text-decoration:underline
}
@media (max-width:768px){
    .jumbotron-tile-links .flex{
        flex-direction:column
    }
}
@media (min-width:769px){
    .jumbotron-tile-links .wrapper{
        width:48%
    }
}
@media (min-width:992px){
    .jumbotron-tile-links .wrapper{
        width:31%;
        transition:transform .2s linear
    }
    .jumbotron-tile-links .wrapper:hover{
        transform:scale(1.1)
    }
    .jumbotron-tile-links .text-lg-right{
        margin-top:25px
    }
}
.jumbotron-tile-links .wrapper.tile-blue-bg:before{
    background:#00629b
}
.jumbotron-tile-links .wrapper.tile-navy-bg:before{
    background:#182b49
}
.jumbotron-tile-links .wrapper.tile-turquoise-bg:before{
    background:#00c6d7
}
.jumbotron-tile-links .wrapper.tile-yellow-bg:before{
    background:#ffcd00
}
.jumbotron-tile-links .tile-turquoise-bg h2 a,.jumbotron-tile-links .tile-turquoise-bg h3 a,.jumbotron-tile-links .tile-yellow-bg h2 a,.jumbotron-tile-links .tile-yellow-bg h3 a{
    color:#000
}
.jumbotron-tile-links.tile-module-white{
    background:#fff
}
.jumbotron-tile-links.tile-module-sand{
    background:#f5f0e6
}
.jumbotron-tile-links.tile-module-navy{
    background:#182b49
}
.jumbotron-tile-links>.container{
    padding:15px 15px 25px
}
.jumbotron-tile-links.tile-module-navy .text-indent,.jumbotron-tile-links.tile-module-navy .text-indent h2{
    color:#fff
}
.flexslider{
    border:0;
    border-radius:0;
    margin-bottom:1em;
    width:100%;
    -o-box-shadow:none;
    box-shadow:none
}
.flexslider a{
    color:#fff;
    -webkit-tap-highlight-color:rgba(0,0,0,0)
}
.flexslider .slides li{
    margin:0
}
.flexslider .flex-control-nav{
    float:right;
    right:32px;
    bottom:10px;
    height:12px;
    width:auto;
    z-index:5
}
.flexslider .flex-control-nav li{
    vertical-align:top;
    margin:0 0 0 5px
}
.flexslider .flex-control-nav li a{
    border:1px solid #016691;
    cursor:pointer;
    height:10px;
    margin-left:8px;
    text-indent:-9999px;
    width:20px;
    background:#bed4e7;
    border-radius:0;
    -o-box-shadow:none;
    box-shadow:none
}
.flexslider .flex-control-nav li a.flex-active{
    background:#eb8626;
    border:1px solid #c15f01;
    cursor:default
}
.flexslider .flex-pauseplay a{
    border:0;
    display:block;
    height:10px;
    width:20px;
    position:static;
    text-indent:-9999px
}
.flexslider .flex-pauseplay a.flex-pause{
    background-position:6px -248px
}
.flexslider .flex-pauseplay a.flex-play{
    background-position:8px -232px
}
.flexslider .flex-direction-nav li a{
    background:#000;
    background:rgba(0,0,0,.3);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000);
    border-radius:12px;
    text-indent:0;
    text-align:center;
    margin:0;
    top:30%;
    height:24px;
    width:24px;
    opacity:.8
}
.flexslider .flex-direction-nav li a:hover{
    text-decoration:none
}
.flexslider .flex-direction-nav li a.flex-prev{
    left:10px
}
.flexslider .flex-direction-nav li a.flex-next{
    right:10px
}
.flexslider .flex-direction-nav a.flex-next:before,.flexslider .flex-direction-nav a:before{
    content:""
}
.flexslider .flex-controls{
    height:37px;
    z-index:99
}
.flexslider .flex-controls .flex-pauseplay{
    bottom:10px;
    right:5px;
    position:absolute;
    z-index:10
}
.flex-caption{
    background:none;
    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
    zoom:1;
    width:100%;
    padding:2%;
    margin:0;
    position:absolute;
    left:0;
    bottom:0;
    background:rgba(0,0,0,.3);
    color:#fff;
    text-shadow:0 -1px 0 rgba(0,0,0,.3);
    font-size:14px;
    line-height:18px
}
.flex-caption a{
    -webkit-tap-highlight-color:rgba(88,166,203,.6)
}
.flexslider.alt .flex-caption,.flexslider.alt .flex-direction-nav li a{
    background:#0b638b;
    background:rgba(11,99,139,.8);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#AA1986b4,endColorstr=#AA1986b4);
    zoom:1
}
.breadcrumb{
    background:transparent
}
.bs-example{
    margin-bottom:10px
}
.drawer-wrapper{
    margin-bottom:1em;
    clear:both
}
.drawer>div{
    margin-bottom:16px;
    border-left:1px solid #00629b;
    border-right:1px solid #00629b;
    border-bottom:1px solid #00629b;
    padding:.5em 70px 0 1em
}
.drawer h2{
    font-family:Roboto,sans-serif;
    text-transform:none;
    font-weight:400;
    font-size:18px;
    margin-top:0;
    line-height:22px;
    margin-bottom:16px;
    padding:.1em 0 0;
    zoom:1;
    position:relative
}
.drawer h2 a{
    display:block;
    padding:1em 70px 1em 1em;
    line-height:1.8em;
    background:none;
    text-decoration:none;
    color:#fff;
    font-weight:700;
    background-color:#00629b
}
.drawer h2 a:hover{
    background-color:#004268
}
.drawer h2:after{
    content:" ";
    position:absolute;
    right:1.3em;
    top:1.3em;
    display:block;
    width:30px;
    height:25px;
    background:url(https://cdn.ucsd.edu/cms/decorator-5/img/expand-white.svg) no-repeat
}
.drawer h2.expand{
    margin-bottom:0
}
.drawer h2.expand:after{
    content:" ";
    position:absolute;
    right:1.3em;
    top:1.3em;
    display:block;
    width:30px;
    height:25px;
    background:url(https://cdn.ucsd.edu/cms/decorator-5/img/collapse-white.svg) no-repeat
}
:first-child+html .drawer h2 a{
    display:inline-block
}
.drawer h2.expand a{
    background-position:5px -86px;
    padding:1em 70px 1em 1em;
    color:#fff;
    background-color:#004268
}
.drawer h2:active,.drawer h2:hover{
    background-color:transparent;
    cursor:pointer;
    color:#fff
}
.drawer>article,.drawer>div{
    padding:1em 2em
}
.drawer>div.cols_wrapper{
    padding:1em 0
}
.drawer-toggle{
    font-size:90%;
    padding:.5em 0
}
.drawer-toggle a{
    color:#666
}
.drawer-toggle a:active,.drawer-toggle a:hover{
    color:#016691
}
.drawer-toggle a{
    background-position:0 -215px;
    padding-left:16px
}
.drawer-toggle a.expand{
    background-position:0 -200px
}
.drawer-wrapper .drawer.light-theme>div{
    margin-bottom:16px;
    border-left:1px solid #f5f0e6;
    border-right:1px solid #f5f0e6;
    border-bottom:1px solid #f5f0e6;
    background-color:#fdfcfa;
    padding:.5em 70px 0 1em
}
.drawer-wrapper .drawer.light-theme h2{
    font-family:Roboto,sans-serif;
    font-weight:400;
    font-size:18px;
    line-height:22px;
    margin-bottom:16px;
    padding-bottom:0;
    background-color:#f5f0e6;
    position:relative
}
.drawer-wrapper .drawer.light-theme h2:after{
    content:" ";
    position:absolute;
    right:1.3em;
    top:1.3em;
    display:block;
    width:30px;
    height:25px;
    background:url(https://cdn.ucsd.edu/cms/decorator-5/img/expand.svg) no-repeat
}
.drawer-wrapper .drawer.light-theme h2.expand{
    margin-bottom:0
}
.drawer-wrapper .drawer.light-theme h2.expand:after{
    content:" ";
    position:absolute;
    right:1.3em;
    top:1.3em;
    display:block;
    width:30px;
    height:25px;
    background:url(https://cdn.ucsd.edu/cms/decorator-5/img/collapse.svg) no-repeat
}
.drawer-wrapper .drawer.light-theme h2 a{
    font-weight:700;
    background-color:#e8e8e8;
    color:#333;
    line-height:1.8em;
    background:none;
    padding:1em 70px 1em 1em
}
.drawer-wrapper .drawer.light-theme h2 a:hover{
    background-color:#f5f0e6
}
@media print{
    .layout-title *,footer *,html,main{
        background-color:transparent!important;
        background-image:none!important;
        overflow:visible!important
    }
    .title-header,h1,h2,h3,h4,h5,h6,p{
        color:#000
    }
    #uc-emergency,.btn-nav,.footer-links,.layout-login,.search,nav{
        display:none
    }
    main{
        width:99.99%!important
    }
    main section{
        left:0!important;
        margin:0!important;
        padding:0!important;
        width:100%!important
    }
    hr{
        background-color:#ccc!important
    }
    .main-content-nav{
        background:none
    }
    a[href]:after{
        content:none!important
    }
}
.container-smooth{
    max-width:1170px
}
@media (min-width:1px){
    .container-smooth{
        width:auto
    }
}
.btn-labeled{
    padding-top:0;
    padding-bottom:0
}
.btn-label{
    position:relative;
    left:-12px;
    display:inline-block;
    padding:6px 12px;
    background:transparent;
    background:rgba(0,0,0,.15);
    border-radius:3px 0 0 3px
}
.btn-label.btn-label-right{
    right:-12px;
    left:auto;
    border-radius:0 3px 3px 0
}
.btn-lg .btn-label{
    left:-16px;
    padding:10px 16px;
    border-radius:5px 0 0 5px
}
.btn-lg .btn-label.btn-label-right{
    right:-16px;
    left:auto;
    border-radius:0 5px 5px 0
}
.btn-sm .btn-label{
    left:-10px;
    padding:5px 10px;
    border-radius:2px 0 0 2px
}
.btn-sm .btn-label.btn-label-right{
    right:-10px;
    left:auto;
    border-radius:0 2px 2px 0
}
.btn-xs .btn-label{
    left:-5px;
    padding:1px 5px;
    border-radius:2px 0 0 2px
}
.btn-xs .btn-label.btn-label-right{
    right:-5px;
    left:auto;
    border-radius:0 2px 2px 0
}
.nav-tabs-bottom{
    border-top:1px solid #ddd;
    border-bottom:0
}
.nav-tabs-bottom>li{
    margin-top:-1px;
    margin-bottom:0
}
.nav-tabs-bottom>li>a{
    border-radius:0 0 4px 4px
}
.nav-tabs-bottom>li.active>a,.nav-tabs-bottom>li.active>a:focus,.nav-tabs-bottom>li.active>a:hover,.nav-tabs-bottom>li>a:focus,.nav-tabs-bottom>li>a:hover{
    border:1px solid #ddd;
    border-top-color:transparent
}
.nav-tabs-left{
    border-right:1px solid #ddd;
    border-bottom:0
}
.nav-tabs-left>li{
    float:none;
    margin-right:-1px;
    margin-bottom:0
}
.nav-tabs-left>li>a{
    margin-right:0;
    margin-bottom:2px;
    border-radius:4px 0 0 4px
}
.nav-tabs-left>li.active>a,.nav-tabs-left>li.active>a:focus,.nav-tabs-left>li.active>a:hover,.nav-tabs-left>li>a:focus,.nav-tabs-left>li>a:hover{
    border:1px solid #ddd;
    border-right-color:transparent
}
.row>.nav-tabs-left{
    position:relative;
    z-index:1;
    padding-right:0;
    padding-left:15px;
    margin-right:-1px
}
.nav-tabs-right,.row>.nav-tabs-left+.tab-content{
    border-left:1px solid #ddd
}
.nav-tabs-right{
    border-bottom:0
}
.nav-tabs-right>li{
    float:none;
    margin-bottom:0;
    margin-left:-1px
}
.nav-tabs-right>li>a{
    margin-bottom:2px;
    margin-left:0;
    border-radius:0 4px 4px 0
}
.nav-tabs-right>li.active>a,.nav-tabs-right>li.active>a:focus,.nav-tabs-right>li.active>a:hover,.nav-tabs-right>li>a:focus,.nav-tabs-right>li>a:hover{
    border:1px solid #ddd;
    border-left-color:transparent
}
.row>.nav-tabs-right{
    padding-right:15px;
    padding-left:0
}
.navbar-offcanvas,.navmenu{
    width:300px;
    height:auto;
    border-style:solid;
    border-width:1px;
    border-radius:4px
}
.navbar-offcanvas,.navmenu-fixed-left,.navmenu-fixed-right{
    position:fixed;
    top:0;
    bottom:0;
    z-index:1030;
    overflow-y:auto;
    border-radius:0
}
.navbar-offcanvas.navmenu-fixed-left,.navmenu-fixed-left{
    right:auto;
    left:0;
    border-width:0 1px 0 0
}
.navbar-offcanvas,.navmenu-fixed-right{
    right:0;
    left:auto;
    border-width:0 0 0 1px
}
.navmenu-nav{
    margin-bottom:10px
}
.navmenu-nav.dropdown-menu{
    position:static;
    float:none;
    padding-top:0;
    margin:0;
    border:none;
    border-radius:0;
    box-shadow:none
}
.navbar-offcanvas .navbar-nav{
    margin:0
}
@media (min-width:768px){
    .navbar-offcanvas{
        width:auto;
        border-top:0;
        box-shadow:none
    }
    .navbar-offcanvas.offcanvas{
        position:static;
        display:block!important;
        height:auto!important;
        padding-bottom:0;
        overflow:visible!important
    }
    .navbar-offcanvas .navbar-nav.navbar-left:first-child{
        margin-left:-15px
    }
    .navbar-offcanvas .navbar-nav.navbar-right:last-child{
        margin-right:-15px
    }
    .navbar-offcanvas .navmenu-brand{
        display:none
    }
}
.navmenu-brand{
    display:block;
    padding:10px 15px;
    margin:10px 0;
    font-size:18px;
    line-height:20px
}
.navmenu-brand:focus,.navmenu-brand:hover{
    text-decoration:none
}
.navbar-default .navbar-offcanvas,.navmenu-default{
    background-color:#f8f8f8;
    border-color:#e7e7e7
}
.navbar-default .navbar-offcanvas .navmenu-brand,.navmenu-default .navmenu-brand{
    color:#777
}
.navbar-default .navbar-offcanvas .navmenu-brand:focus,.navbar-default .navbar-offcanvas .navmenu-brand:hover,.navmenu-default .navmenu-brand:focus,.navmenu-default .navmenu-brand:hover{
    color:#5e5e5e;
    background-color:transparent
}
.navbar-default .navbar-offcanvas .navmenu-text,.navmenu-default .navmenu-text{
    color:#777
}
.navbar-default .navbar-offcanvas .navmenu-nav>.dropdown>a:focus .caret,.navbar-default .navbar-offcanvas .navmenu-nav>.dropdown>a:hover .caret,.navmenu-default .navmenu-nav>.dropdown>a:focus .caret,.navmenu-default .navmenu-nav>.dropdown>a:hover .caret{
    border-top-color:#333;
    border-bottom-color:#333
}
.navbar-default .navbar-offcanvas .navmenu-nav>.open>a,.navbar-default .navbar-offcanvas .navmenu-nav>.open>a:focus,.navbar-default .navbar-offcanvas .navmenu-nav>.open>a:hover,.navmenu-default .navmenu-nav>.open>a,.navmenu-default .navmenu-nav>.open>a:focus,.navmenu-default .navmenu-nav>.open>a:hover{
    color:#555;
    background-color:#e7e7e7
}
.navbar-default .navbar-offcanvas .navmenu-nav>.open>a .caret,.navbar-default .navbar-offcanvas .navmenu-nav>.open>a:focus .caret,.navbar-default .navbar-offcanvas .navmenu-nav>.open>a:hover .caret,.navmenu-default .navmenu-nav>.open>a .caret,.navmenu-default .navmenu-nav>.open>a:focus .caret,.navmenu-default .navmenu-nav>.open>a:hover .caret{
    border-top-color:#555;
    border-bottom-color:#555
}
.navbar-default .navbar-offcanvas .navmenu-nav>.dropdown>a .caret,.navmenu-default .navmenu-nav>.dropdown>a .caret{
    border-top-color:#777;
    border-bottom-color:#777
}
.navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu,.navmenu-default .navmenu-nav.dropdown-menu{
    background-color:#e7e7e7
}
.navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu>.divider,.navmenu-default .navmenu-nav.dropdown-menu>.divider{
    background-color:#f8f8f8
}
.navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu>.active>a,.navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu>.active>a:focus,.navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu>.active>a:hover,.navmenu-default .navmenu-nav.dropdown-menu>.active>a,.navmenu-default .navmenu-nav.dropdown-menu>.active>a:focus,.navmenu-default .navmenu-nav.dropdown-menu>.active>a:hover{
    background-color:#d7d7d7
}
.navbar-default .navbar-offcanvas .navmenu-nav>li>a,.navmenu-default .navmenu-nav>li>a{
    color:#777
}
.navbar-default .navbar-offcanvas .navmenu-nav>li>a:focus,.navbar-default .navbar-offcanvas .navmenu-nav>li>a:hover,.navmenu-default .navmenu-nav>li>a:focus,.navmenu-default .navmenu-nav>li>a:hover{
    color:#333;
    background-color:transparent
}
.navbar-default .navbar-offcanvas .navmenu-nav>.active>a,.navbar-default .navbar-offcanvas .navmenu-nav>.active>a:focus,.navbar-default .navbar-offcanvas .navmenu-nav>.active>a:hover,.navmenu-default .navmenu-nav>.active>a,.navmenu-default .navmenu-nav>.active>a:focus,.navmenu-default .navmenu-nav>.active>a:hover{
    color:#555;
    background-color:#e7e7e7
}
.navbar-default .navbar-offcanvas .navmenu-nav>.disabled>a,.navbar-default .navbar-offcanvas .navmenu-nav>.disabled>a:focus,.navbar-default .navbar-offcanvas .navmenu-nav>.disabled>a:hover,.navmenu-default .navmenu-nav>.disabled>a,.navmenu-default .navmenu-nav>.disabled>a:focus,.navmenu-default .navmenu-nav>.disabled>a:hover{
    color:#ccc;
    background-color:transparent
}
.navbar-inverse .navbar-offcanvas,.navmenu-inverse{
    background-color:#222;
    border-color:#080808
}
.navbar-inverse .navbar-offcanvas .navmenu-brand,.navmenu-inverse .navmenu-brand{
    color:#999
}
.navbar-inverse .navbar-offcanvas .navmenu-brand:focus,.navbar-inverse .navbar-offcanvas .navmenu-brand:hover,.navmenu-inverse .navmenu-brand:focus,.navmenu-inverse .navmenu-brand:hover{
    color:#fff;
    background-color:transparent
}
.navbar-inverse .navbar-offcanvas .navmenu-text,.navmenu-inverse .navmenu-text{
    color:#999
}
.navbar-inverse .navbar-offcanvas .navmenu-nav>.dropdown>a:focus .caret,.navbar-inverse .navbar-offcanvas .navmenu-nav>.dropdown>a:hover .caret,.navmenu-inverse .navmenu-nav>.dropdown>a:focus .caret,.navmenu-inverse .navmenu-nav>.dropdown>a:hover .caret{
    border-top-color:#fff;
    border-bottom-color:#fff
}
.navbar-inverse .navbar-offcanvas .navmenu-nav>.open>a,.navbar-inverse .navbar-offcanvas .navmenu-nav>.open>a:focus,.navbar-inverse .navbar-offcanvas .navmenu-nav>.open>a:hover,.navmenu-inverse .navmenu-nav>.open>a,.navmenu-inverse .navmenu-nav>.open>a:focus,.navmenu-inverse .navmenu-nav>.open>a:hover{
    color:#fff;
    background-color:#080808
}
.navbar-inverse .navbar-offcanvas .navmenu-nav>.open>a .caret,.navbar-inverse .navbar-offcanvas .navmenu-nav>.open>a:focus .caret,.navbar-inverse .navbar-offcanvas .navmenu-nav>.open>a:hover .caret,.navmenu-inverse .navmenu-nav>.open>a .caret,.navmenu-inverse .navmenu-nav>.open>a:focus .caret,.navmenu-inverse .navmenu-nav>.open>a:hover .caret{
    border-top-color:#fff;
    border-bottom-color:#fff
}
.navbar-inverse .navbar-offcanvas .navmenu-nav>.dropdown>a .caret,.navmenu-inverse .navmenu-nav>.dropdown>a .caret{
    border-top-color:#999;
    border-bottom-color:#999
}
.navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu,.navmenu-inverse .navmenu-nav.dropdown-menu{
    background-color:#080808
}
.navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu>.divider,.navmenu-inverse .navmenu-nav.dropdown-menu>.divider{
    background-color:#222
}
.navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu>.active>a,.navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu>.active>a:focus,.navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu>.active>a:hover,.navmenu-inverse .navmenu-nav.dropdown-menu>.active>a,.navmenu-inverse .navmenu-nav.dropdown-menu>.active>a:focus,.navmenu-inverse .navmenu-nav.dropdown-menu>.active>a:hover{
    background-color:#000
}
.navbar-inverse .navbar-offcanvas .navmenu-nav>li>a,.navmenu-inverse .navmenu-nav>li>a{
    color:#999
}
.navbar-inverse .navbar-offcanvas .navmenu-nav>li>a:focus,.navbar-inverse .navbar-offcanvas .navmenu-nav>li>a:hover,.navmenu-inverse .navmenu-nav>li>a:focus,.navmenu-inverse .navmenu-nav>li>a:hover{
    color:#fff;
    background-color:transparent
}
.navbar-inverse .navbar-offcanvas .navmenu-nav>.active>a,.navbar-inverse .navbar-offcanvas .navmenu-nav>.active>a:focus,.navbar-inverse .navbar-offcanvas .navmenu-nav>.active>a:hover,.navmenu-inverse .navmenu-nav>.active>a,.navmenu-inverse .navmenu-nav>.active>a:focus,.navmenu-inverse .navmenu-nav>.active>a:hover{
    color:#fff;
    background-color:#080808
}
.navbar-inverse .navbar-offcanvas .navmenu-nav>.disabled>a,.navbar-inverse .navbar-offcanvas .navmenu-nav>.disabled>a:focus,.navbar-inverse .navbar-offcanvas .navmenu-nav>.disabled>a:hover,.navmenu-inverse .navmenu-nav>.disabled>a,.navmenu-inverse .navmenu-nav>.disabled>a:focus,.navmenu-inverse .navmenu-nav>.disabled>a:hover{
    color:#444;
    background-color:transparent
}
.alert-fixed-bottom,.alert-fixed-top{
    position:fixed;
    left:0;
    z-index:1035;
    width:100%;
    margin:0;
    border-radius:0
}
@media (min-width:992px){
    .alert-fixed-bottom,.alert-fixed-top{
        left:50%;
        width:992px;
        margin-left:-496px
    }
}
.alert-fixed-top{
    top:0;
    border-width:0 0 1px
}
@media (min-width:992px){
    .alert-fixed-top{
        border-width:0 1px 1px;
        border-bottom-right-radius:4px;
        border-bottom-left-radius:4px
    }
}
.alert-fixed-bottom{
    bottom:0;
    border-width:1px 0 0
}
@media (min-width:992px){
    .alert-fixed-bottom{
        border-width:1px 1px 0;
        border-top-left-radius:4px;
        border-top-right-radius:4px
    }
}
.offcanvas{
    display:none
}
.offcanvas.in{
    display:block
}
@media (max-width:767px){
    .offcanvas-xs{
        display:none
    }
    .offcanvas-xs.in{
        display:block
    }
}
@media (max-width:991px){
    .offcanvas-sm{
        display:none
    }
    .offcanvas-sm.in{
        display:block
    }
}
@media (max-width:1199px){
    .offcanvas-md{
        display:none
    }
    .offcanvas-md.in{
        display:block
    }
}
.offcanvas-lg{
    display:none
}
.offcanvas-lg.in{
    display:block
}
.canvas-sliding{
    transition:top .35s,left .35s,bottom .35s,right .35s
}
.offcanvas-clone{
    position:absolute!important;
    top:auto!important;
    right:0!important;
    bottom:0!important;
    left:auto!important;
    width:0!important;
    height:0!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
    border:none!important;
    opacity:0!important
}
.table.rowlink td:not(.rowlink-skip),.table .rowlink td:not(.rowlink-skip){
    cursor:pointer
}
.table.rowlink td:not(.rowlink-skip) a,.table .rowlink td:not(.rowlink-skip) a{
    font:inherit;
    color:inherit;
    text-decoration:inherit
}
.table-hover.rowlink tr:hover td,.table-hover .rowlink tr:hover td{
    background-color:#cfcfcf
}
.btn-file{
    position:relative;
    overflow:hidden;
    vertical-align:middle
}
.btn-file>input{
    position:absolute;
    top:0;
    right:0;
    width:100%;
    height:100%;
    margin:0;
    font-size:23px;
    cursor:pointer;
    filter:alpha(opacity=0);
    opacity:0;
    direction:ltr
}
.fileinput{
    display:inline-block;
    margin-bottom:9px
}
.fileinput .form-control{
    display:inline-block;
    padding-top:7px;
    padding-bottom:5px;
    margin-bottom:0;
    vertical-align:middle;
    cursor:text
}
.fileinput .thumbnail{
    display:inline-block;
    margin-bottom:5px;
    overflow:hidden;
    text-align:center;
    vertical-align:middle
}
.fileinput .thumbnail>img{
    max-height:100%
}
.fileinput .btn{
    vertical-align:middle
}
.fileinput-exists .fileinput-new,.fileinput-new .fileinput-exists{
    display:none
}
.fileinput-inline .fileinput-controls{
    display:inline
}
.fileinput-filename{
    display:inline-block;
    overflow:hidden;
    vertical-align:middle
}
.form-control .fileinput-filename{
    vertical-align:bottom
}
.fileinput.input-group{
    display:table
}
.fileinput.input-group>*{
    position:relative;
    z-index:2
}
.fileinput.input-group>.btn-file{
    z-index:1
}
.fileinput-new.input-group .btn-file,.fileinput-new .input-group .btn-file{
    border-radius:0 4px 4px 0
}
.fileinput-new.input-group .btn-file.btn-sm,.fileinput-new .input-group .btn-file.btn-sm,.fileinput-new.input-group .btn-file.btn-xs,.fileinput-new .input-group .btn-file.btn-xs{
    border-radius:0 3px 3px 0
}
.fileinput-new.input-group .btn-file.btn-lg,.fileinput-new .input-group .btn-file.btn-lg{
    border-radius:0 6px 6px 0
}
.form-group.has-warning .fileinput .fileinput-preview{
    color:#8a6d3b
}
.form-group.has-warning .fileinput .thumbnail{
    border-color:#faebcc
}
.form-group.has-error .fileinput .fileinput-preview{
    color:#a94442
}
.form-group.has-error .fileinput .thumbnail{
    border-color:#ebccd1
}
.form-group.has-success .fileinput .fileinput-preview{
    color:#3c763d
}
.form-group.has-success .fileinput .thumbnail{
    border-color:#d6e9c6
}
.input-group-addon:not(:first-child){
    border-left:0
}
