:root {
    --navy: #182B49;
    --blue: #00629B;
    --blue2: #004268;
    --blue3: #033755;
    --yellow: #FFCD00;
    --turquoise: #00C6D7;
    --sand: #F5F0E6;
}
h1.title span {
    font-family: "Teko-SemiBold", sans-serif;
    color: var(--blue) !important;
    letter-spacing: .5px;
    font-size: 3.5rem;
    line-height: 1.1;
}
h1,
h2 {
    font-family: "Teko-SemiBold", sans-serif;
    color: var(--blue) !important;
    letter-spacing: .5px;
    font-size: 3.5em;
    line-height: 1.1;
}

h3,
h4,
h5,
h6 {
    color: #333;
    font-weight: 400;
    line-height: 1.5
}

h1,
h2,
h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}

h2 {
    font-size: 2.6em;
    letter-spacing: .5px;
    color: var(--navy) !important;
}

h2 a {
    font-family: "Teko-SemiBold", sans-serif;
    letter-spacing: .5px;
    line-height: 1.1;
    letter-spacing: .5px;
    color: var(--blue) !important;
    font-size: 2.6rem;
}

h3>strong {
    font-size: 1.85rem;
}

h3 {
    font-size: 1.5rem;
}

h1 a {
    font-family: 'Teko', 'sans-serif';
    font-size: 3rem;
    margin-bottom: 0;
    line-height: 1;
    font-weight: 600;
}

* {
    font: normal normal normal 16px / 1.5 "Roboto", sans-serif;
}

.table-responsive,
.table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.table-light th,
.table-light td {
    background-color: #fff !important;
    color: #000;
}

tr td,
tr th {
    border: 1px solid #ccc;
}

table tr th a {
    color: var(--blue);
}

strong u,
table tr th a u {
    font-weight: inherit;
}

nav .breadcrumb {
    margin-top: 1rem;
}

nav .breadcrumb .breadcrumb-item a,
nav .breadcrumb .breadcrumb-item.active {
    font-size: .85rem;
}

.btn {
    font-size: 14px;
    text-transform: uppercase;
    padding: .75rem 1.2rem;
    font-weight:500;
    margin-bottom: 1em;
    letter-spacing: 1px;
    border-radius:.5rem;
}

/*Header*/
#header-logos {
    align-items: center;
}

#header-logos section {
    width: fit-content !important;
    align-items: center;
}

.navbar-brand {
    margin-top: 5px;
    float: left;
    color: #000;
    font-size: 1.35rem;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;
    margin-left: 1rem;
}

.dropdown-toggle::after {
    margin-left: 0.5em;
}

button.navbar-toggler.navbar-toggler-right {
    margin-left: 1rem;
}

#block-ucsdlogocolored img,
#block-ucsdlogowhite {
    max-width: 200px;
    margin: 1rem;
    border: 0;
}

/*Navigation*/
#navbar-main {
    background-color: var(--blue);
    padding: 0;
}

#navbar-main .container {
    position: relative;
}

#navbar-main .menu--main {
    width: 100%;
}


#navbar-main ul.nav>li>a,
#navbar-main ul.nav>li>span {
    display: block;
    color: #fff;
    padding: 15px;
}

#navbar-main ul.nav>li:last-child span {
    width: 100%;
}

#navbar-main ul.nav>li>a:hover,
#navbar-main ul.nav>li>span:hover,
#navbar-main ul.nav>li>a:focus,
#navbar-main ul.nav>li>span:focus {
    background-color: var(--blue2);
}

#navbar-main .dropdown-menu {
    margin: 0;
    border: 0;
    border-radius: 0;
    background-color: var(--blue2);
    padding: 0;
}

#navbar-main .dropdown-menu li {
    padding: 0;
}

#navbar-main .dropdown-menu li>a,
#navbar-main .dropdown-menu li>span {
    display: block;
    padding: 8px 15px;
    color: #fff;
    text-decoration: none;
    font-size: .85rem;
}

#navbar-main .dropdown-menu li>a:hover,
#navbar-main .dropdown-menu li>span:hover {
    background-color: var(--blue3);
}

/* Featured Top */
.carousel-item img {
    width: 100%;
    /* height: 30vh; */
    object-fit: cover;
}

.carousel-caption {
    text-align: left;
    color:#FFF;
    /* text-shadow: 2px 2px 5px #000;
    position: absolute;
    inset: 0 10% 0 10%;
    display: flex !important;
    flex-direction: column;
    align-items: left;
    justify-content: center;
    height: auto; */
    padding: 1rem;
}
.carousel-item .carousel-caption h1 {
    color:#FFF !important;
}

.carousel-caption h3 {
    font-family: 'Teko', 'sans-serif';
    font-size: 3rem;
    font-weight: 600;
    margin-bottom: 0;
}

.carousel-caption p {
    font-family: 'Roboto', 'sans-serif';
    font-weight: 400;
    font-size: 1.5rem;
}

.carousel-caption .btn,
.jumbotron .btn {
    text-shadow: none;
}

.carousel-caption .btn-default,
.jumbotron .btn-default {
    display: inline-block;
    background-color: #182b49;
    color: #fff;
    border: 1px solid #fff;
    font-weight: 600;
}

/* .carousel-caption .btn-default,
.jumbotron .btn-default:hover {
    background-color: #ffffff;
    color: #182b49;
} */

/*Sidebar Block*/
.sidebar .block {
    background-color: #ffffff !important;
    border: 0;
}

.sidebar .block.block-menu ul.nav {
    flex-direction: column;
    border: 1px solid lightgray;
}

.sidebar .nav-link:hover, .nav-link:focus {
    text-decoration: underline;
}

.sidebar .block.block-menu ul.nav>li:first-child a,
.sidebar .block.block-menu ul.nav>li:first-child span {
    font-size: 1em;
    font-weight: 500;
    background-color: #fff !important;
}

.sidebar .block.block-menu ul.nav li a,
.sidebar .block.block-menu ul.nav li span {
    display: block;
    color: #000;
    border-bottom: 1px solid lightgray;
    padding: 1em;
    line-height: 20px;
}

.sidebar .block.block-menu ul.nav li ul.menu li a,
.sidebar .block.block-menu ul.nav li ul.menu li span {
    font-size: .85rem;
}

.sidebar .block.block-menu ul.nav li a.active {
    background-color: var(--sand);
    font-weight: 700;
}

.sidebar h2 {
    margin: revert;
    border: none;
    text-shadow: none;
    font-size: revert;
    line-height: normal;
}

.sidebar .block.block-menu ul.nav li ul.menu {
    padding: 0 1rem;
    list-style: none;
    background-color: var(--sand);
}

.sidebar div.block.block-block-content {
    padding: 0;
}

.sidebar div.block.block-block-content .bs_grid .jumbotron {
    margin: 0;
    padding: 0;
    border-radius: 8px !important;
}

/* Department Summer Research Fellowship Opportunities */
.page-node-90 h1 a {
    font-family: 'Teko', 'sans-serif';
    font-weight: 600;
    font-size: 3.25rem;
    line-height: 0.75;
}

/* Column Text Boxes w/ Background Image*/
.page-node-91 .jumbotron:nth-of-type(1),
.page-node-95 .jumbotron {
    background: url('/sites/default/files/inline-images/full-width-bubbles.png');
    background-color: var(--sand);
    padding-bottom: 6em;
    padding-left: 2em;
    padding-right: 2em;
    padding-top: 2em;
}

.page-node-91 .jumbotron:nth-of-type(2),
.page-node-91 .jumbotron:nth-of-type(4) {
    background: url('/sites/default/files/inline-images/bg-grit-orbs-2-light.jpg');
    padding-top: 3rem;
    padding-bottom: 3rem;
    padding-left: 2rem;
    padding-right: 2rem;
}

.page-node-91 .jumbotron:nth-of-type(3) {
    background: url('/sites/default/files/inline-images/bg-grit-orbs-2.jpg');
    padding-bottom: 3rem;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 3rem;
}

.page-node-77 .jumbotron:nth-of-type(1) {
    background: url('/sites/default/files/inline-images/UCSDBrand-GritCircleDuo-Turquoise-Navy (1).png');
    background-color: var(--sand);
    padding: 2em;
    background-position: center;
}

.page-node-77 .jumbotron:nth-of-type(2) {
    background: url('/sites/default/files/inline-images/Grit-Straight2_Turquoise.png');
    background-color: var(--sand);
    padding: 2rem;
}

.page-node-77 .jumbotron:nth-of-type(3) {
    background: url('/sites/default/files/inline-images/bg-grit-pattern.jpg');
    padding: 2rem;
}

.page-node-77 .jumbotron:nth-of-type(3) .btn-yellow {
    color: var(--navy);
    font-weight: bold;
}

.page-node-91 .btn {
    padding-left: 4rem;
    padding-right: 4rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.page-node-77 .jumbotron:nth-of-type(3) .btn-yellow:hover,
.page-node-91 .btn:hover {
    background: var(--navy);
    color: #fff;
}

.page-node-92 .jumbotron {
    background: url('/sites/default/files/inline-images/bg-orbs-1-mobile.jpg');
    padding: 3rem;
}

.page-node-57 .jumbotron,
.page-node-76 .jumbotron {
    background: url('/sites/default/files/inline-images/bg-orbs-1.jpg');
    padding: 2rem;
}

.page-node-57 .jumbotron .row div,
.page-node-76 .jumbotron .row div,
.page-node-77 .jumbotron:nth-of-type(1) .row div,
.page-node-77 .jumbotron:nth-of-type(2) .row div,
.page-node-92 .jumbotron .row div {
    background: var(--blue);
    margin: 0.75rem;
    padding-left: 3rem;
    padding-right: 3rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
    border-radius: 1rem;
    color: #fff;
}

.page-node-77 .jumbotron:nth-of-type(3) .row div,
.page-node-91 .jumbotron:nth-of-type(2) .row div,
.page-node-91 .jumbotron:nth-of-type(3) .row div,
.page-node-91 .jumbotron:nth-of-type(4) .row div {
    background: #fff;
    padding: 2rem;
    border-radius: 1rem;
    margin-left: 0;
    width: 100%;
}

.page-node-77 .jumbotron:nth-of-type(3) h3,
.page-node-91 h3,
.page-node-95 h3 {
    font-family: 'Teko', 'sans-serif';
    font-size: 2.5rem;
    font-weight: 600;
    color: var(--navy);
}

.page-node-77 .jumbotron .row div h3,
.page-node-92 .jumbotron .row div h4 {
    line-height: 1.2;
}

.page-node-76 .jumbotron h3,
.page-node-92 .jumbotron h2 {
    color: #fff !important;
    font-family: 'Teko', 'sans-serif';
    font-size: 2.25rem;
}

.page-node-57 .jumbotron .row div a,
.page-node-57 .jumbotron .row div h4,
.page-node-76 .jumbotron .row div a,
.page-node-76 .jumbotron .row div h4,
.page-node-77 .jumbotron .row div a,
.page-node-92 .jumbotron .row div h4,
.page-node-92 .jumbotron .row div a {
    color: #fff;
}

/*CkEditor*/
div.content p>strong>u {
    font-weight: 500;
}

.bs_grid .row img {
    max-width: 100%;
    width: 100%;
    height: auto;
}

.ckeditor-accordion-container,
.ckeditor-accordion-container>dl {
    border: 0;
}

.ckeditor-accordion-container dl {
    margin-bottom: 0;
}

.ckeditor-accordion-container>dl dt {
    margin: 0 0 1em;
}

.ckeditor-accordion-container .ckeditor-accordion-toggler,
.ckeditor-accordion-container>dl dt>a,
.ckeditor-accordion-container>dl dt>a:not(.button) {
    display: flex;
    padding: 1em 1em 1em 1em;
    line-height: 1.8em;
    background: none;
    text-decoration: none;
    color: #fff;
    font-weight: 700;
    background-color: var(--blue);
    justify-content: space-between;
    align-items: center;
    border: 0;
    letter-spacing: .5px;
}

.ckeditor-accordion-container .ckeditor-accordion-toggle,
.ckeditor-accordion-container>dl dt>a>.ckeditor-accordion-toggle {
    position: relative;
    order: 1;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}

.ckeditor-accordion-container>dl dt>a>.ckeditor-accordion-toggle:before,
.ckeditor-accordion-container>dl dt>a>.ckeditor-accordion-toggle:after {
    top: 12px;
}

.btn-blue,
.btn-blue:hover {
    background-color: var(--blue);
    color: #fff;
    border: 0 !important;
}

.btn-teal,
.btn-teal:hover {
    background-color: var(--turquoise);
    color: #000;
    border: 0 !important;
}

.btn-yellow,
.btn-yellow:hover {
    background-color: var(--yellow);
    color: #000;
    border: 0 !important;
}
.btn_yellow {
    background-color: var(--yellow);
    color: #182B49;
    border: 0 !important;
    
}
.btn_yellow:hover {
    background-color:#fff;
    color:#182B49;
}

.btn_yellow {
    background: var(--yellow);
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    text-shadow: none;
}

.btn_yellow:hover {
    background: #fff;
}

.btn_yellow a {
    color: var(--navy);
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
}

.btn-square {
    padding: 1em;
    display: flex;
    /* height: 100%; */
    min-height: 200px;
    width: 100%;
    text-align: center;
    align-items: center;
    justify-content: center;
    font-weight: 500;

}

.btn-square:hover {
    transition: 2s;
    transform: scale(1.1);
    text-decoration: underline;
}

.jumbotron {
    margin: 60px 0;
    background-size: cover !important;
    background-repeat: no-repeat;
    background-position: 50%;
    background-color: #f5f0e6;
    color: inherit;
}

.side-image-white {
    background-color: #fff;
    margin-top: 30px;
}

.jumbotron-full-width {
    background-color: #f5f0e6;
    border-radius: 0 !important;
    padding: 2em !important;
    background-image: none;
}

.jumbotron-full-width.bubbles {
    background-image: none;
}

/* Article Image Rotator */
article .carousel .carousel-item img {
    display: flex;
    justify-self: center;
}

/* Instructor Resources */
.page-node-163 .bs_grid:nth-of-type(1) .row>div:nth-of-type(2),
.page-node-163 .bs_grid:nth-of-type(2) .row>div:nth-of-type(1) {
    background: #d9edf7;
}

.page-node-163 .bs_grid .row>div {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

/* COVID-19 Updates */
.msg.alert {
    background-color: rgba(255, 205, 0, .8392156863);
}

.msg {
    padding: 2em 3em;
    margin-bottom: 20px;
    border-radius: 4px
}

.msg h5 {
    padding-left: 1.5rem;
}

.msg.alert h5 {
    background: url("/sites/default/files/inline-images/warning.svg") no-repeat transparent;
    background-position: 0 -249px;
    color: #333;
    font-weight: 700;
    background-size: 18px 18px;
    background-position: 0 5px !important;
}

/* Seminar Page */
.seminars-wrapper table tr th {
    background-color: #ffffff;
    color: #103b7f;
    border: 1px solid #ffffff;
    border-bottom: 3px solid #00629B;
    padding: 16px 12px;
}

.seminars-wrapper tbody tr:nth-child(odd) {
    background-color: #c8e2fe2d;
}

.seminars-wrapper tbody tr:nth-child(even) {
    background-color: #ffffff;
}

.seminars-wrapper tr td, tr th {
    border: 1px solid #e4e4e4;
}

.seminar-person-name {
    margin: 8px 0px 8px 0px;
}

/* Teaching Labs - 2 Col Layout */
.page-node-108 .layout--twocol-section>.layout__region {
    padding-left: 1rem;
}

.page-node-108 .layout__region.layout__region--second .block .content .jumbotron,
.page-node-156 .layout__region.layout__region--second .block .content .jumbotron {
    border-radius: 0.75rem;
    margin: 0;
    padding: 0.85rem;
}

.page-node-108 .layout__region.layout__region--second .block .content .jumbotron h3,
.page-node-156 .layout__region.layout__region--second .block .content .jumbotron h3 {
    margin-top: 0;
    line-height: 1.5;
    font-size: 1.5rem;
}

.layout--twocol-section.layout--twocol-section--75-25>.layout__region--first,
.layout--twocol-section.layout--twocol-section--75-25>.layout__region--second {
    flex: 100%;
}


/*Footer*/
#main-wrapper+.site-footer {
    margin-top: 1.5em;
}

.site-footer {
    padding: 0;
    background-color: var(--blue);
}

.site-footer .block,
.site-footer .block .content h2,
.site-footer nav.block-menu {
    border: 0;
    margin: 20px 0;
}

.site-footer .region-footer-first {
    margin: 20px 0;
    padding: 10px;
}

.site-footer .block .content h2,
.site-footer nav.block-menu h2 {
    color: #fff !important;
    font-size: revert;
    border: 0;
}

.site-footer nav.block-menu ul.nav {
    display: block;
    width: 100%;
    margin-top: 1em;
}

.site-footer nav.block-menu ul.nav li a {
    padding: 0;
    display: block;
    line-height: 2;
}

.site-footer .region-footer-fourth .content ul {
    padding: 0 !important;
    list-style: none;
    display: flex;
    flex-direction: row;
    /* justify-content: space-between; */
}

.site-footer .region-footer-fourth .content ul a {
    text-indent: 0;
    padding: .5rem;
    border: 0;
}

.site-footer .region-footer-end {
    margin-bottom: 0;
    background-color: var(--navy);
}

.site-footer p {
    margin-bottom: 0;
}

#block-footerendcopyrightslinks {
    padding: 1rem;
    margin-bottom: 0;
}

@media (min-width: 375px) {

    .sidebar .block.block-menu ul.nav>li:first-child a,
    .sidebar .block.block-menu ul.nav>li:first-child span {
        font-size: 1.25em;
    }
}

@media (min-width: 576px) {
    .node .field--type-image {
        float: none;
        margin: 0 !important;
    }

}

@media (max-width: 575.98px) {
    #block-ucsdlogocolored img {
        max-width: 150px;
    }
}

@media (min-width: 576px) {
    .navbar-brand {
        margin-left: 0;
    }

    #block-ucsdlogocolored img,
    #block-ucsdlogowhite {
        margin: 1.75rem 0;
    }

    button.navbar-toggler.navbar-toggler-right {
        margin-left: 0;
    }
}

@media (min-width: 768px) {
    #views-bootstrap-homepage-carousel-homepage-carousel img {
        height: 55vh;
    }

    .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.bubbles {
        background-image: url(https://cdn.ucsd.edu/cms/decorator-5/img/full-width-bubbles.png);

    }

    .page-node-57 .jumbotron,
    .page-node-76 .jumbotron,
    .page-node-77 .jumbotron {
        padding: 4em;
    }

    .page-node-77 .jumbotron:nth-of-type(3) .row div {
        width: 50%;
        margin-left: 50%;
    }

    .sidebar .block.block-menu ul.nav>li:first-child a,
    .sidebar .block.block-menu ul.nav>li:first-child span {
        font-size: 1em;
    }
}

@media (max-width: 991.98px) {
    button.navbar-toggler {
        margin: 5px;
        border: none;
        display: block;
        width: 100%;
        text-align: right;
    }
    .carousel-caption p {
        font-size: 1rem;
    }
    .carousel-caption h1 {
        font-size: 2rem;
    }
}

@media (min-width: 992px) {
    #navbar-main ul.nav {
        align-items: center;
    }


    #navbar-main ul.nav>li>a:hover+.dropdown-menu,
    #navbar-main ul.nav>li>span:hover+.dropdown-menu {
        display: block;
    }

    #navbar-main ul.nav>li:last-child span {
        text-align: right;
    }

    #CollapsingSearchBar {
        position: absolute;
        bottom: -64px;
        right: 0;
        background-color: var(--blue);
        z-index: 1;
    }


    .page-node-57 .jumbotron,
    .page-node-76 .jumbotron,
    .page-node-77 .jumbotron {
        padding: 6em;
    }

    .page-node-91 .jumbotron:nth-of-type(2) .row div,
    .page-node-91 .jumbotron:nth-of-type(4) .row div {
        width: 60%;
        margin-left: 40%;
    }

    .page-node-91 .jumbotron:nth-of-type(3) .row div {
        width: 60%;
    }

    .sidebar .block.block-menu ul.nav>li:first-child a,
    .sidebar .block.block-menu ul.nav>li:first-child span {
        font-size: 1.25em;
    }

    .page-node-108 .layout__region.layout__region--second .block .content .jumbotron {
        padding: 1rem;
        margin-top: 0;
    }

    .page-node-108 .layout--twocol-section.layout--twocol-section--75-25>.layout__region--first {
        flex: 0 1 75%;
    }

    .page-node-108 .layout--twocol-section.layout--twocol-section--75-25>.layout__region--second {
        flex: 0 1 25%;
    }

}




/* Faculty */
/* Faculty */
@media (min-width: 768px){
div.profile-container{
	padding-right:1em;
    border:1.5px solid #D9D9D9;
    border-radius:1rem;
    margin-bottom:2rem;
    overflow:hidden;
}
}
div.profile-container img {
    border-radius: 12px 0px 12px 0px;
    width: 100%;
    object-position: top;
    object-fit: cover;
}

#block-profilesblock h3::after {
    /* content: "";
    position: absolute;
    left: 0;
    bottom: -0.8rem;
    width: 7.5rem;
    height: 0.3rem;
    background-color: gold;
    border-radius: 1rem; */
}

div.profile-container h3 {
    font-size: 2rem;
    font-weight: 700;
    margin-top: 1rem;
    position: relative;
    display: inline-block;
    margin-bottom: 1.25rem;
}

.faculty-button {
    background-color: #1B5588;
    color: #ffffff;
    padding-left: 5rem;
    padding-right: 5rem;
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
    min-width: 45px;
    align-items: center;
    justify-content: center;
}
.faculty-button:hover {
    background-color: #182B49;
    color: #ffffff;
    outline: 1px solid #ffffff;
}

#block-profilesblock p {
    /* margin-bottom: 1rem !important; */
}



@media (max-width:767px) {
    .carousel-inner .carousel-item img {
        height:400px;
        width:auto;
    }
    .carousel-caption {
        inset:0;
    }
}
.caption_wrapper {
    background-color:rgba(0,0,0,.75);
    border-radius:.5rem;
    padding:1rem;

}
.navbar-toggler-icon {
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}