/**
 * @file
 * Subtheme specific CSS.
 */


/* Universal */
* {
    font-family:Roboto;
}
.field--type-image img {
    margin-bottom:0;
}
#navbar-main {
    flex-wrap:wrap;
}
#main {
    margin-bottom:5rem;
}
.node .field--type-image {
    margin:0 !important;
}
.node .field--type-image {
    float:none;
}
h1,h2 {
    font-family:Teko;
}
h1.title span {
    font-family:Teko;
}
.sidebar nav > h2 {
    font-family:Roboto;
}
img {
    max-width:100%;
    height:auto;
}
body:not(.path-frontpage) #main-wrapper {
    margin-top:1.5rem;
}




/* Carousel */
.carousel img {
    width:100%;
}
.carousel .field--type-image {
    float:none;
    margin:0;
}
.carousel-control-prev,.carousel-control-next {
    background:none;
    border:none;
    z-index:3;
}
.node__content {
    margin:0;
}
.view-carousel {
    position:relative;
}
.view-carousel .view-header {
    position:absolute;
    top:0;
    left:0;
    width: 100%;
    z-index: 2;
    height: 100%;
    display: flex;
    align-items: center;
}
.view-carousel .view-header h1 {
    text-transform:uppercase;
    color:#fff;
    font-size:4rem;
    font-weight:700;
    text-shadow:0 6px 12px rgb(0 0 0 / 50%);
    line-height:4rem;
}
.view-carousel img {
    margin-bottom:0;
}
.btn {
    /* New UCSD style to make button edges rounded. Will skip for now */
    /* border-radius:.5rem; */
    border-radius:.5rem;
    text-transform:uppercase;
    /* letter-spacing:1px; */
    /* font-weight:500; */
    font-weight:700;
    padding:.875rem 1.25rem;
}
.accordion .btn {
    text-transform:none;
    font-weight:normal;
}
.btn_gold {
    background-color:#ffcd00;
}
.btn_blue {
    background-color:#00629b;
    color:#fff;
}
.btn_blue:hover {
    background-color:#182b49;
    color:#fff;
}
.path-frontpage h2 {
    font-size:3rem;
    text-transform:uppercase;
    font-weight:700;
}
body:not(.path-frontpage) h3 {
    margin-bottom:1.2rem;
    font-weight:400;
}
.sidebar_first nav.block {
    background-color:rgba(182,177,169,.25);
    padding:1.5rem;
    padding-bottom:0;
    border:1px solid #b6b1a9;
    border-radius:10px;
}
.sidebar_first nav.block h2 {
    font-size:1.2rem;
    text-transform:uppercase;
    font-weight:400;
    border:none;
    margin:0;
    padding:0;
    padding-bottom:1.2rem;
}
.sidebar_first nav ul {
    list-style:none;
    padding:0 1rem;
}
.sidebar_first nav ul.nav > li.nav-item {
    width:100%;
    border-top:1px solid #b6b1a9;
}
.sidebar_first nav ul.nav > li.nav-item > a {
    text-transform:uppercase;
    font-size:1.25rem;
    font-weight:500;
    color:#000;
    display:block;
    width:100%;
    padding:1.2rem 0;
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.sidebar_first nav ul.nav > li.nav-item > a i {
    color:#747678
}
.sidebar_first ul.menu {
    display:none;
}
.sidebar_first ul.menu a {
    color:#000;
    font-size:1.2rem;
    padding-top:0;
    padding-bottom:1rem;
}






/* Accordions */
.accordion .card-header {
    background-color:#00629B;
    padding:0;
}
.accordion .card-header h5 {
    width:100%;
    color:#fff;
    text-align:left;
    margin-bottom:0;
    display:flex;
    justify-content:space-between;
}
.accordion .card-header h5.collapsed::after {
    content:"\25be";
}
.accordion .card-header h5::after {
    content:"\25b4";
}









/* Header */
#navbar-main img {
    max-width:250px;
    height:auto;
    margin-top:2rem;
    margin-bottom:2rem;
}
.navbar-toggler-icon {
    background: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%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}






/* Footer */
.featured-bottom {

    background-color: #00629b;
    color: #fff;
    padding: 30px 0;
}











/* For new UCSD Design */
.search-block-form {
    display:none;
    position:absolute;
    top:26px;
    right:0;
    
    z-index:3;
    
}
.search-block-form form {
    display: flex;
    flex-wrap: nowrap;
    min-width: 300px;
    padding:12px !important;
    /* background-color:#004268; */
    background-color:#00629b;
}
.search-block-form fieldset {
    flex-grow:1;
    margin-bottom:0;
}
.search-block-form .form-actions {
    margin:0;
}
.search-block-form input {
    height:50px !important;
    border-radius:.25rem !important;
    border-color:#fff !important;
}
.search-block-form .btn {
    height:50px;
    font-weight:400;
    text-transform: none;
    border:none;
    border-radius:.5rem;
    margin-left:.5rem;
    background-color:#F5F0E6;
    color:#000;
}
nav .collapse {
    background-color:#00629B;
}
nav .collapse > .container {
    position:relative;
}
.navbar-brand {
    color:#000;
    font-size:1.75rem;
    margin-top:2rem;
    margin-bottom:2rem;
}
#navbar-main .nav-item .nav-link {
    /* color:#484949; */
    /* text-transform: uppercase; */
    /* font-size: .875em; */
    color:#fff;
    text-decoration: none;
    text-align: left;
    padding-top:15px;
    padding-bottom:15px;
    /* font-weight:700; */
}
.dropdown-menu {
    top:54px;
    background-color:#004268;
    border:0;
    border-radius:0;
    padding-top:0;
    padding-bottom:0;
    margin:0;
}
.dropdown-menu a {
    color:#fff;
}
.form-search.form-control {
    display: block;
    width: 100%;
    height: 49px;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.44;
    color: #6d6d6d;
    background-color: #fff;
    background-image: none;
    border: 1px solid #8c8c8c;
    border-radius: 0px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.navbar-toggler {
    padding:0;
}
.navbar-toggler i {
    color:#888;
    font-size:2rem;
}

@media (min-width:992px) {
    #navbar-main {
        padding-bottom:0;
    }
    #navbar-main .container {
        flex-wrap:wrap;
    }
    
    #navbar-main .navbar-collapse {
        width:100%;
    }
    #navbar-main .nav-item {
        
    }

    #navbar-main nav {
        width:100%;
    }



    /* For new UCSD design */
    #navbar-main {
        box-shadow:0 2px 5px 0 rgba(0,0,0,.25);
    }
    .navbar .navbar-collapse {
        /* Crazy bouncy behavior without this, because of display:flex. The menu (ul) becomes aligned to the middle of this element. */
        display:block !important;
    }
    #navbar-main .nav-item {
        /* To limit the size of the menu item when the entire navbar height will be set to something much higher. */
        /* height:50px;  */
    }
    #navbar-main .nav-item .nav-link {
        padding:15px;
        z-index:3; /* To have the go over the submenu. */
        position:relative; /* For z-index */
    }
    #navbar-main .nav-item:hover .nav-link {
        background-color:#004268;
        
        color:#fff;
    }
    
    
    #navbar-main {
        display:block;
        padding-left:0;
        padding-right:0;
    }

    #navbar-main .dropdown-item {
        padding:0;
    }
    #navbar-main .dropdown-menu a {
        padding:6px 20px;
        display:block;
    }
    #navbar-main .dropdown-menu a:hover {
        background-color:#fff;
        color:#262626;
        text-decoration:none;
    }
    .dropdown-item.active, .dropdown-item:active {
        background-color:#fff;
    }
    .dropdown-item.active a, .dropdown-item:active a {
        color:#262626;
    }
}







.block-page-title-block {
    background-image:url(/sites/default/files/img/bg/banner.svg);
    background-size:cover;
}
h1.title {
    max-width:1140px;
    display:block;
    margin:auto;
    font-size:3rem;
    padding:3.5rem 15px;
    color:#fff;
    text-transform:uppercase;
    font-weight:700;
}













/* Homepage */
/* This might be univeral, or could just be Physics specific. */
.path-frontpage article .layout .block {
    margin-bottom:4rem;
}
.path-frontpage article .layout .block-layout-builder {
    margin:0;
}

.path-frontpage h2 {
    margin-bottom:2rem;
}
.students_slice p {
    margin-bottom:1rem;
}
.students_slice .btn {
    width:100%;
    padding:.875rem 0;
}
.homepage_announcements_container {
    position:relative;
    overflow:hidden;
}
.homepage_announcements_container img {
    position:absolute;
    top:0;
    left:0;
}
.homepage_announcements {
    position:relative;
    z-index:2;
    color:#fff;
    padding:4rem 0;
    background-image:url(/sites/default/files/2023-05/events_bg.jpg);

    background-size:cover;
    background-position:center;
    box-shadow:inset 0 0 0 2000px rgba(24,43,73,.75);
}
.homepage_announcements .color_bg {
    width:100%;
    height:100%;
    background-color:rgba(24,43,73,.75);
}
.homepage_announcements .announcement {
    margin-bottom:3rem;
}
.homepage_announcements .announcement:last-child {
    margin-bottom:0;
}
.homepage_announcements h3 {
    font-size:2rem;
    font-weight:700;
}
.homepage_announcements p {
    margin-bottom:0;
    font-size:1.5rem;
}
.path-frontpage #main {
    margin-bottom:0;
}
.path-frontpage article .layout .block:last-child {
    margin-bottom:0;
}

/* Homepage News */
.homepage_news_container .carousel-indicators {
    bottom:-2rem;
    right:auto;
    left:0;
    margin:0;
}
.homepage_news_container .carousel-indicators li {
    background-color:#00629b;
    opacity:.5;
    /* height:.5rem; */
    width:3rem;
    margin-right:.5rem;
    border:0.2rem solid #00629b;
    border-radius:0.5rem;
}
.homepage_news_container .carousel-indicators li.active {
    background-color:#00629b;
    opacity:1;
}
.homepage_news_container .card-img-top {
    border-bottom:2px solid #fff;
    border-radius:1rem 1rem 0 0;
    background-color:#182b49;
    /* padding-bottom:25%; */
    /* background-image:url(/sites/default/files/2023-05/news_background.svg); */
    /* background-image:url(/sites/default/files/2023-09/news-decoration.png); */
    
}
.homepage_news_container h3 {
    font-weight:700;
}
.homepage_news_container p, .homepage_news_container a {
    font-size:1.5rem;
}
.homepage_news_container a {
    /* text-decoration:underline;
    font-weight:300;
    color:#000; */
}

.homepage_news_container .card {
    border:none;
}
.homepage_news_container img {
    border-radius:0;
}
.homepage_news_container .card-body {
    /* border:2px solid #b6b1a9; */
    /* border:1px solid #fff; */
    border-top:none;
    border-radius:0;
    background-image:linear-gradient(90deg, #182b49,#00629b);
    border-radius:0 0 1rem 1rem;
}
.homepage_news_container .card-body * {
    color:#fff;
}

/* Homepage Events */
.homepage_events_container {
    margin-top:7rem;
}
.homepage_events {
    position:relative;
    padding:3rem 0;
    /* box-shadow:inset 0 0 0 2000px rgba(24,43,73,.75); */
    /* background-image:url(/sites/default/files/2023-05/announcements_bg.jpg); */
    background:url(/sites/default/files/2023-09/mayer-hall.jpg);
    background-size:cover;
    background-position:bottom;
}
.homepage_events .events_overlay {
    /* background-image:linear-gradient(90deg, rgba(24, 43, 73,1), rgba(0, 98, 139,0)); */
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.homepage_events .row > div {
    margin-top:1rem;
    margin-bottom:1rem;
}
.homepage_events .event {
    height:100%;
    /* background-color:rgba(0,98,155,0.75); */
    /* background-color:#00629B; */
    background-color:#F5F0E6;
    border-radius:.75rem;
}
.homepage_events .event .card-body {
    /* padding:2.5rem 2.75rem; */
    padding:1.25rem 1.5rem;
}
.homepage_events .event .card-header {
    background-color:#00629B;
    border-radius:.75rem .75rem 0 0;
    padding:1.25rem 1.5rem;
}
.homepage_events .event .card-header * {
    color:#fff;
    font-weight:bold;
    text-transform:uppercase;
    font-size:1.25rem;
}
.homepage_events .event * {
    /* color:#182b49; */
}
.homepage_events .event_type {
    font-weight:700;
}
.homepage_events .event_speaker {
    /* font-weight:300; */
}








/* Profiles */
.profiles_container img {
    border-radius:1.5rem;
}
.profiles_container h4 {
    font-family:Teko;
    font-size:2rem;
    color:#000;
}
.profiles_container hr {
    border-top:4px solid #EDC000;
    border-bottom:4px solid #EDC000;
    border-radius:2rem;
    margin-left:0;
    margin-bottom:.5rem;
    width:50%;
}
.profiles_container h5 {
    color:#747678;
}
.profile_container h3 {
    /* font-family:Teko; */
    font-size:1.75rem;
    margin-bottom:.5rem !important;
    /* border-bottom:8px solid #EDC000; */
}
.profile_container hr {
    border-top:3px solid #EDC000;
    border-bottom:3px solid #EDC000;
    border-radius:2rem;
    margin-top:0;
    margin-left:0;
}
.profile_container img {
    border-radius:1.5rem;
}
.profiles_container img {
    width:100%;
}
.profile_container .profile_image {
    width:100%;
}








/* News */
.news_releases_container h5 {
    color:#747678;
}
.news_releases_container h3 a {
    color:#00629B;
}
.news_image {
    max-width:300px;
    border-radius:1rem;
    width:100%;
}







/* Events */
#events_container .event {
    background-color:#F5F0E6;
    border-radius:1rem;
    margin-bottom:1rem;
}
.event_link {
    color:#00629b !important;
    /* font-size:1.25rem; */
}
.event_location {
    color:#747678;
}
.event_location i + p {
    display:inline;
}









/* Footer */
footer.site-footer {
    background-color:#fff;
    padding:4rem 0;
}
.site-footer .block {
    margin:0;
    border:0;
    padding:0;
}
footer.site-footer h2 {
    font-family:Roboto;
    font-size:1rem;
    text-transform:uppercase;
    margin-bottom:1rem;
    color:#000;
}
footer .nav-item a {
    color: #747678;
    padding:.5rem 0;
}
#block-footergivebutton {
    width:100%;
}








@media (max-width:991px) {
    .path-frontpage .view-carousel h1 {
        font-size:2.5rem;
        line-height:2.5rem;
    }
    #navbar-main .nav-item .nav-link {
        display:flex;
        align-items:center;
        justify-content:space-between;
    }
    .dropdown-toggle::after {
        display:none;
    }
    #navbar-main nav {
        width:100%;
    }
    .nav-item.ml-auto {
        display:none;
    }
    .search-block-form {
        position:static;
        display:block;
    }
    .homepage_news_container {
        margin-bottom:4rem;
    }
    .site-footer__top .region {
        width:70%;
    }
    .region-footer-second {
        display:none;
    }
    .region-footer-third {
        display:none;
    }
    footer .nav {
        display:block;
        margin-bottom:2rem;
    }
}
@media (max-width:767px) {
    .path-frontpage .view-carousel h1 {
        font-size:2rem;
        line-height:2rem;
    }
}
@media (max-width:575px) {
    .path-frontpage .view-carousel h1 {
        font-size:1.5rem;
        line-height:1.5rem;
    }
}