*{font-family:Roboto;}h1,h2,h1 span,h1 a{font-family:Teko !important;font-weight:700;}a{color:#00629b;word-break:break-word;}p{color:rgb(72,73,73);}.btn{font-size:15px;text-transform:uppercase;padding:0.8em 1.5em;margin-bottom:1em;letter-spacing:0.08em;font-weight:500;border-radius:0;transition:background-color 0.3s ease-in-out;}.btn-sm{padding:0.25rem 0.5rem;font-size:0.875rem;line-height:1.5;border-radius:0.2rem;}.btn_gold{background-color:#ffcd00;color:#484949 !important;}.btn_ucblue{color:#fff;background-color:#00629b;border-color:#00629b;padding-top:0;padding-bottom:0;}.btn_ltblue{background-color:#00c6d7;color:#fff !important;}.btn_gray{background-color:#e5e5e5 !important;border-color:#e5e5e5 !important;color:#333;padding-left:1rem;padding-right:1rem;}.btn_ltblue:hover{color:#fff;background-color:rgba(0,198,215,0.6);}.btn_ucblue:hover{color:#fff;background-color:#182b49;}.btn_gray:hover{color:#fff;background-color:#adb5bd;}.bg_interfaces{background-color:#485979;border-color:#8ab1d1;}header{z-index:999;}.carousel-caption{top:5% !important;color:#fff;padding-top:0.15rem;}.carousel-caption h1{font-size:3.85rem;}.view-id-homepage_banner_carousel .carousel-inner img{width:100%;height:auto;}.accordion .card{border-radius:0;padding-bottom:0;}.accordion .card-header h5{margin:0;width:100%;padding:1rem;color:#fff;font-size:1rem;text-align:left;}.accordion .card-header{background-color:#e5e5e5;padding:0;}.accordion .card-header h5{color:#333;display:flex;justify-content:space-between;text-decoration:none;}.accordion .card-header:hover{background-color:#f2f2f2;}.accordion .card-header h5::after{content:"\25B4";}.accordion .card-header h5.collapsed::after{content:"\25BE";}.card{border-radius:4px;background:#fff;box-shadow:0 6px 10px rgba(0,0,0,0.08),0 0 6px rgba(0,0,0,0.05);transition:0.3s transform cubic-bezier(0.155,1.105,0.295,1.12),0.3s box-shadow,0.3s -webkit-transform cubic-bezier(0.155,1.105,0.295,1.12);cursor:pointer;padding-bottom:2rem;}a .card{color:#3b3b3b;}span.ck-teal{color:#00c6d7;}figcaption{font-size:0.8rem;font-style:italic;}.caption-3 figcaption{position:absolute;left:8px;bottom:8px;width:97%;}.card-group a{color:inherit;}#block-homepagefeaturedbottom a:hover,.card-group a:hover{color:inherit;text-decoration:none;}#header .navbar .container{justify-content:space-between;}#block-ucsdlogo img{width:250px;}.navbar-brand{text-transform:uppercase;}#navbar-top{padding:0;}#navbar-top .region-secondary-menu{display:none;}#navbar-top .region-top-header{margin-left:auto;}header{box-shadow:0 0 3px #999;box-shadow:0 2px 5px 0 rgb(0 0 0 / 25%);position:relative;z-index:4;}#navbar-main{flex-wrap:wrap;padding:0;}#navbar-main>.container{flex-wrap:wrap;margin:45px auto;}.navbar-collapse{width:100%;}nav.menu--main{flex-grow:2;}nav.menu--main>ul{width:100%;}header nav.menu--main>ul>.nav-item{flex-grow:1;flex-basis:0;}.navbar .container{justify-content:space-between;}.navbar img{width:200px;height:auto;}#navbar-main .nav-item>a{font-size:1rem;font-size:0.875rem;font-weight:400;font-weight:700;text-transform:none;text-transform:uppercase;color:#182b49;padding:15px 15px 21px 15px;}#navbar-main .nav-item:hover>a{background-color:rgba(0,106,153,1);color:#fff;}#navbar-main .nav-item:hover .dropdown-menu{display:block;}#navbar-main .dropdown-menu{background-color:rgba(0,108,146,0.95);top:49px;border-radius:0;border:none;padding:0;margin-top:8px;width:auto;min-width:100%;}#navbar-main .nav-item>.dropdown-menu .dropdown-item{padding:0;}#navbar-main .nav-item>.dropdown-menu .dropdown-item a{display:block;width:100%;padding:0.5em 1em !important;color:#fff;white-space:nowrap;background-color:#8ab1d1;}#navbar-main .nav-item:hover>.dropdown-menu .dropdown-item{background-color:rgba(0,52,89,0.75);}#navbar-main .nav-item>.dropdown-menu .dropdown-item a:hover{background-color:#fff;color:#484949;text-decoration:none;}.navbar-brand{color:#182b49;font-size:1.75rem;}.dropdown-toggle::after{display:none;}#block-ucsdheaderlogo p{margin:0;}#block-searchbutton .show_search{margin-bottom:0px;}.block-search{margin-left:auto;display:none;height:0;height:48px;transition:visibility 1s;}.block-search button,.block-search .form-actions,.block-search fieldset{margin:0;}.block-search input{height:48px;border-radius:0;}header #search-block-form{padding:0;}#block-headersearchmobile{display:none;}#block-interfaceslogo-2{margin-right:1.25em;}.region-top-header{width:100%;}.hp-banner img{height:auto;width:100%;}.photo-card img{width:100%;height:auto;max-width:250px;max-height:250px;object-fit:cover;}.banner-text{background:#182b49;color:#fff;text-align:center;padding:2em;margin-bottom:2em;}.hp-news{margin:0em 0em 1em 3em;padding:1em;background:#eee;border:1px solid #d8d7d7;}.path-frontpage .layout--twocol-section{margin:0 15px 50px 15px;}#block-bs-interfaces-content img{width:100%;height:auto;object-fit:cover;}.about_img{max-height:300px;}div[class^="col"] img{max-height:400px;}.path-search main .search-form button{background-color:#00629b !important;color:#fff;border-radius:0.25rem;}.path-search main .search-form button::before{content:"Search";margin-right:0.5rem;}.main-content{margin-bottom:4em;}.featured-top{background-image:url(/sites/interfaces.ucsd.edu/files/default_images/JS-interfaces-blue_trident-1200x150-A.svg);background-size:cover;color:#fff;margin-bottom:2em;}.region-featured-top{align-items:center;padding:1em 0 1.75em 0;}.region-featured-top h1{margin:0;}.path-frontpage .featured-top{margin-bottom:0;}.seminar .field__label{font-weight:bold;}.view-seminars .view-grouping{width:90%;}.view-seminars .view-grouping-header{display:inline-block;border-bottom:2px solid #182b49;font-size:2rem;font-weight:500;line-height:1.2;margin-bottom:1em;}.view-seminars .view-grouping-content{margin-bottom:3em;}.view-seminars .views-view-list-group{background-color:#182b49;}.view-seminars .views-view-list-group .list-group-item{background-color:#e5e5e5;}.view-id-faculty .views-view-grid{width:100%;}#views-exposed-form-faculty-faculty-listing-block-2 .form-actions{margin-bottom:3px;}.view-id-faculty .accordion{width:100%;}.view-id-faculty .card-body ul{display:flex;flex-wrap:wrap;padding:0;}.view-id-faculty .list-group-item{border:none;width:20%;}#views-exposed-form-faculty-faculty-listing-block-1 label{font-weight:400;font-size:1.5rem;}#views-exposed-form-faculty-faculty-listing-block-1 .form-submit{margin-bottom:1px;}#views-exposed-form-faculty-faculty-listing-block-1 .form-row{margin-bottom:1em;}#views-exposed-form-faculty-faculty-listing-block-1 .form-group:nth-last-of-type(1){margin-left:10px;}.faculty-listing h3{display:block;font-size:2rem;padding:1em 0 0.75em 0;width:100%;}.faculty-listing .card{cursor:default;padding-bottom:0;}.faculty-listing .card .btn{padding:0.6em 1em;margin-bottom:0;}blockquote{background:#f9f9f9;border-left:10px solid #ccc;margin:1.5em 10px;padding:0.5em 10px;}blockquote:before{color:#ccc;content:"“";font-size:4em;line-height:0.1em;margin-right:0.25em;vertical-align:-0.4em;}blockquote p{display:inline;}.field--name-field-department,.field--name-field-role{display:inline-block;margin-bottom:0;}.student-profile .field--type-image{float:none;}.student-profile .field--name-field-department{color:#747678;}.student-profile .grad-info{margin-bottom:1em;}.student-profile .field--name-field-year-g .student-profile .field--name-field-mentor{display:inline;}.trainees .trainee-row{background-color:#ecebe9;margin:0 0 2em;padding:2em;}.trainees .trainee-row img{border-radius:14px;}.course-quarter h5,.course-quarter .field{display:inline-block;}.contact_container{display:flex;justify-content:space-between;max-width:950px;}.contact_container .contact_photo{margin-left:2rem;}footer.site-footer{background-color:#182b49;padding:60px 0;}footer.site-footer h2{color:#8ab1d1;border:none;border-bottom:none;margin-bottom:1.25em;font-weight:700;}footer.site-footer .nav-item a{color:#fff;padding-left:0;padding-right:0;}.site-footer .block{margin:0;border:none;padding:0;}footer .region.region-footer-third{justify-content:center;margin-top:-12px;}footer .region.region-footer-fourth{float:right;}footer .nav-item a{color:#747678;}.site-footer h2{color:#484949;}#block-footersocialmedia p{float:right;margin-left:15px;}i.fab{font-size:2rem;}.region-footer-first .nav-item,.region-footer-second .nav-item{width:100%;}.region-footer-first,.region-footer-second{margin-bottom:30px;}@media (min-width:992.98px){#block-bs-interfaces-main-menu .navbar-nav{flex-direction:row;}}@media (max-width:1200px){.view-id-faculty .list-group-item{width:25%;}}@media (max-width:992px){#navbar-main>.container{margin-top:1rem;}nav.menu--main{width:100%;}.header .navbar-toggler{margin-top:1em;text-align:right;width:100%;}.navbar-toggler i{color:#888;font-size:2rem;}.navbar-collapse{background-color:rgba(0,108,146,0.95);}.navbar-collapse .nav-item{border-bottom:1px solid rgba(255,255,255,0.25);}#navbar-main .nav-item .nav-link{color:#fff !important;padding:1rem;display:flex;align-items:center;justify-content:space-between;}#block-headersearch{display:none;}#block-headersearchmobile{display:block;}.layout--twocol-section.layout--twocol-section--75-25>.layout__region--first{flex:0 1 100%;}.layout--twocol-section.layout--twocol-section--75-25>.layout__region--second{flex:0 1 100%;}.path-frontpage .hp-news{margin:1em 0 1em 0;}.view-id-faculty .list-group-item{width:33%;}}@media (max-width:768px){.box .role{margin-top:75px;}#navbar-top .region-top-header{margin-left:0;}.navbar-brand{margin-bottom:30px;}#navbar-main>.container{padding-left:15px;padding-right:15px;}.homepage_video_text{position:relative;}.content_bottom_right{background-color:rgba(0,0,0,0.5);color:#fff;}.view-id-faculty .list-group-item{width:50%;}footer .region.region-footer-third{justify-content:left;margin:2em 0;}footer .region.region-footer-fourth{float:none;}}@media screen and (max-width:414px){.row{margin:0;}#header .navbar .container{flex-direction:row-reverse;justify-content:space-between;}.navbar-brand{font-size:1.1rem;margin-bottom:0;margin-top:1em;}.header #block-ucsdlogo{margin-top:1.5em;order:1;}#block-ucsdlogo img{width:160px;}#navbar-main>.container{margin-bottom:25px;}a.navbar-brand{order:2;}.navbar-toggler-right{order:3;}.homepage-banner{height:500px;}.path-frontpage .layout--twocol-section--75-25{margin:0;}.box{margin-top:-7px;}.box h1{font-size:2.75rem;}.box .role p{font-size:1.5rem;margin-top:15px;}.content-bottom .content_bottom_right{margin-top:37em;height:300px;}.featured_third{margin-top:20em;}.view-id-faculty .list-group-item{width:100%;}footer.site-footer{padding:2em 1em;}.site-footer section{margin-bottom:2em;}.group-title span{padding:0;line-height:2rem;}footer .region.region-footer-fourth{float:left;margin-top:3em;}}@media (max-width:768px){.carousel-caption h1{font-size:0.85rem !important;}.carousel-caption .btn{font-size:0.3rem;}}@media (max-width:1200px){.carousel-caption h1{font-size:2rem;}}@media (min-width:1800px){.carousel-caption h1{font-size:5rem;}.carousel-caption .btn{font-size:2rem;}}
body{color:#3b3b3b;background:#ffffff;}#page,#main-wrapper,.region-primary-menu .menu-item a.is-active,.region-primary-menu .menu-item--active-trail a{background:#ffffff;}.tabs ul.primary li a.is-active{background-color:#ffffff;}.tabs ul.primary li.is-active a{background-color:#ffffff;border-bottom-color:#ffffff;}#navbar-top{background-color:#ffffff;}#navbar-main{background-color:#ffffff;}a,.link{color:#0071b3;}a:hover,a:focus,.link:hover,.link:focus{color:#008ee2;}a:active,.link:active{color:#22adff;}.page-item.active .page-link{background-color:#0071b3;border-color:#0071b3;}.page-link,.page-link:hover{color:#0071b3;}.sidebar .block{background-color:#f6f6f2;border-color:#f9f9f9;}.btn-primary{background-color:#007bff;border-color:#007bff;}.btn-primary:hover,.btn-primary:focus{background-color:#0256b1;}.site-footer{background:#ffffff;}.region-header,.region-header a,.region-header li a.is-active,.region-header .site-branding__text,.region-header .site-branding,.region-header .site-branding__text a,.region-header .site-branding a,.region-secondary-menu .menu-item a,.region-secondary-menu .menu-item a.is-active{color:#fffeff;}[dir="rtl"] .color-form .color-palette{margin-left:0;margin-right:20px;}[dir="rtl"] .color-form .form-item label{float:right;}[dir="rtl"] .color-form .color-palette .lock{right:-20px;left:0;}