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

/* Please keep this as simple as possible. Less is more */

/* Universal Styles */
* {
    font-family:Roboto;
}
.hover_display {
    opacity:0;
    color:#fff;
}
.card-header p {
    margin:0;
}
.card-header {
    font-size:1.25rem;
    font-weight:300;
}
a.btn {
    background-color:#00629B;
    padding:.75rem 2rem;
    color:#FFF;
    border:none;
    font-weight:500;
    text-transform:uppercase;
}
a.btn:hover {
    background-color:#182b49;
    color:#FFF;
}
a.btn_gold {
    background-color: #FFCD00;
    color: #182b49 !important;
}
.bg_red {
    background-color:#cc0000;
}
.bg_green {
    background-color:#5cb85c;
}
.bg_blue {
    background-color:#00629B;
}
.bg_navy {
    background-color:#182b49;
}
.text_white {
    color:#fff;
}
h2 {
    font-size:2.5rem;
}
h1,h2, h1 span {
    font-family:Teko;
    font-weight:700;
}
h3 strong,h4 strong,h5 strong {
    font-weight:900;
}
h5 {
    margin-bottom:1rem;
}
.layout__region--first .slice_content_container {
    border-radius:1rem;
}
.layout__region--first h2 {
    border-bottom:5px solid #FFCD00;
    margin-bottom:2rem !important;
}
.layout__region--second .slice_content_container {
    padding-top:0;
}
.slice_container {
    position:relative;
}
.slice_background_image_container {
    position: absolute;
    width: 100%;
    height: 100%;
}
.slice_background_image_container .row {
    height:100%;
}
.slice_background_image, .slice_background_image_container .views_img {
    height: 100%;
    background-repeat: no-repeat;
    background-size:cover;
}
.slice_content_container {
    padding:2rem 1rem;
}
.slice_container .card {
    border:none;
    border-radius:1rem;
    max-width:650px;   
}
.slice_container h2 {
    margin-bottom:1rem;
}
.slice_container .card-body {
    padding:2rem;
}
.slice_container p:last-child {
    margin-bottom:0;
}
.layout .block {
    margin-bottom:3rem;
}
.slice_bg_sand {
    background-color:#F5F0E6;
}
.slice_content a:not(.btn) {
    text-decoration:underline;
    font-weight:500;
}
.featured-top {
    background:linear-gradient(90deg,#182b49,#00629b);
}
.block-page-title-block {
    margin:0 !important;
    color:#FFF;
    padding:3rem 0 !important;
    margin-bottom:1.5rem !important;
}
.block-page-title-block h1 {
    margin:0;
}
.btn {
    white-space:normal;
}





/* Header */
#navbar-main img {
    max-width:150px;
}
#block-jacobsschoollogoblack p {
    margin-bottom:0;
}






/* Multiple Pages */
.img_links > div > div {
    position:relative;
    padding-bottom:25%;
    background-size:cover;
    background-position:center;
    color:#FFF;
}
.programs_links > div > div {
    padding-bottom:80%;
}
.aese_resources_links > div > div {
    padding-bottom:80%;
}
.img_links > div > div > div {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    padding-left:15px;
    padding-right:15px;
    text-align:center;
    display:flex;
    flex-direction:column;
    justify-content:center;
    background-color:rgba(0,0,0,0.3);
    transition:background-color .3s ease-in-out;
}
.img_links > div > div:hover > div {
    background-color:rgba(0,106,150,0.8)
}
.img_links > div > div > div p {
    color:transparent;
    transition:all .3s ease-in-out;
}
.img_links > div > div:hover > div p {
    color:#FFF;
}

.img_links > div > p {
    position:absolute;
    width:100%;
    height:100%;
}
.img_links > div > div > p > a {
    position:absolute;
    width:100%;
    height:100%;
    display:block;
}
.img_links button {
    color:transparent;
    border:1px solid transparent;
    text-transform:uppercase;
    font-weight:900;
    letter-spacing:1px;
    padding:7px 10px;
    margin-top:10px;
    background-color:transparent;
    transition:all .3s ease-in-out;
    /* transition:background-color .3s ease-in-out .3s; */
}
.img_links > div > div:hover > div button {
    color:#FFF;
    border-color:#FFF;
    /* background-color:#FFF; */
}
.info_session_link > div > div {
    background-image:url(/sites/default/files/groups/mas/img/mas-home-page-banner.jpg);
}
.programs_links > div:first-child > div {
    background-image:url(/sites/default/files/groups/mas/img/aese-generic.jpg);
}
.programs_links > div:nth-child(2) > div {
    background-image:url(/sites/default/files/groups/mas/img/dse-icon.jpg);
}
.programs_links > div:nth-child(3) > div {
    background-image:url(/sites/default/files/groups/mas/img/wes-generic.jpg);
}
.aese_resources_links > div:nth-child(2) > div {
    background-image:url(/sites/default/files/groups/mas/img/aese-generic.jpg);
}
.aese_resources_links > div:nth-child(3) > div {
    background-image:url(/sites/default/files/groups/mas/img/ebu1.jpg);
}

.image_text_container {
    text-transform:uppercase;
    font-weight:900;
    font-size:.9em;
    letter-spacing:3px;
    color:white;
    transition:.5s all ease-in-out;
    flex-direction:column;
    justify-content:center;
}
.image_text_middle .image_text_container {
    background-color:rgba(0,0,0,0.3);
    align-items:unset;
}
.image_text.image_text_bg_blue .displayed_text,.image_text.image_text_bg_blue .hover_text {
    background-color:transparent;
}
.image_text.image_text_bg_blue .image_text_container:hover {
    background-color:rgba(0,106,150,.7);
}
.image_text_bg_blue * {
    background-color:transparent;
}
.image_text_container a {
    color:transparent;
    border:2px solid #FFF;
    font-weight:900;
    letter-spacing:1px;
    padding:7px 10px;
    margin-top:10px;
    background-color:transparent;
    border-radius:0;
    text-transform:uppercase;
    transition:all .3s ease-in-out;
}
.image_text_container a:hover {
    background-color:#FFF;
    color:#00629B;
}
.image_text_container .hover_text p {
    font-size:.875rem;
    font-weight:400;
    letter-spacing:0;
    text-transform:none;
}









.mas_info_session_bg a, .aese_bg a, .dse_bg a, .wes_bg a {
    color:#FFF;
}
.mas_info_session_bg a:hover, .aese_bg a:hover, .dse_bg a:hover, .wes_bg a:hover {
    text-decoration:none;
    color:#FFF;
}
.mas_info_session_bg > div > div, .aese_bg > div > div, .dse_bg > div > div, .wes_bg > div > div {
    transition:.5s all ease-in-out;
    background-color:rgba(0,0,0,.2);
    padding:30px 0;
    color:#FFF;
}
.mas_info_session_bg > div > div {
    padding:10% 0;
}
.mas_info_session_bg > div {
    background:url(/sites/jsoe-dev.ucsd.edu/files/mas/MAS-Home-page-banner.jpg);
    background-size:cover;
}
.aese_bg > div {
    background:url(/sites/jsoe-dev.ucsd.edu/files/mas/aese-generic.jpg);
}
.dse_bg > div {
    background:url(/sites/jsoe-dev.ucsd.edu/files/mas/dse-icon.jpg);
}
.wes_bg > div {
    background:url(/sites/jsoe-dev.ucsd.edu/files/mas/wes-generic.jpg);
}
.mas_info_session_bg:hover > div > div, .aese_bg:hover > div > div, .dse_bg:hover > div > div, .wes_bg:hover > div > div {
    background-color:rgba(0,0,0,.5);
}
.mas_info_session_bg:hover .hover_display, .aese_bg:hover .hover_display, .dse_bg:hover .hover_display, .wes_bg:hover .hover_display {
    opacity:1;
}
.mas_info_session_bg p, .aese_bg p, .dse_bg p, .wes_bg p {
    font-size:.875rem;
}
.mas_info_session_bg .btn, .aese_bg .btn, .dse_bg .btn, .wes_bg .btn {
    font-size:.8rem;
    background-color:transparent;
    border:2px solid #FFF;
    border-radius:1px;
    color:#FFF;
    letter-spacing:1px;
    font-weight:700;
}
.mas_info_session_bg .btn:hover, .aese_bg .btn:hover, .dse_bg .btn:hover, .wes_bg .btn:hover {
    background-color:#FFF;
    color:#000;
}
.mas_info_session_bg h3, .aese_bg h3, .dse_bg h3, .wes_bg h3 {
    font-size:1.25rem;
    letter-spacing:2px;
    font-weight:700;
}
.jumbotron_mas,.jumbotron_dse {
    position:relative;
    width:100%;
    display:flex;
    align-items:center;
}
.jumbotron_mas .text_overlay {
    position:absolute;
    left:50%;
    padding:15px;
    color:#FFF;
    background-color:rgba(0,0,0,.5);
    font-size:2rem;
    text-align:center;
}
.jumbotron_dse .text_overlay {
    position:absolute;
    color:#000;
    font-size:2rem;
    text-align:center;
    width:100%;
}




.navbar-brand {
    display:block; /* Places slogan on new line */
    color:#191919;
    padding-bottom:0;
    margin-top:1.5rem;
    margin-bottom:1.5rem;
}
.site-name-slogan a {
    color:#191919;
}
#block-barrio-mas-search {
    display:none;
}
#navbar-main > div > div:hover * {
    color:#00629B;
}
.navbar-brand {
    line-height:1em;
}

.btn-skyblue {
    background-color:#49a5d3;
    border-color:#349bce;
    color:#FFF;
}
#navbar-main nav.menu--navigation-mas-aese {
    background-color:#cc0000;
}
#navbar-main nav.menu--navigation-mas-dse {
    background-color:#5cb85c;
}
#navbar-main nav.menu--navigation-mas-mde {
    background-color:#3770ad;
}
.navbar > .container {
    margin-bottom:30px;
}

@media (min-width:768px) {
    
    .navbar-brand {
        font-size:32px;
    }
    #navbar-main {
        flex-flow:row wrap;
        padding:0; /* Remove left and right padding */
        padding-top:30px;
    }
    #navbar-main .container {
        flex-wrap:wrap;
    }
    #navbar-main img {
        max-width:250px;
    }
    #navbar-main .navbar-collapse {
        width:100%;
    }
    #navbar-main .nav-item {
        display:inline-block;
        text-align:center;
    }
    #navbar-main .nav-item .nav-link {
        color:#FFF;
    }
    #navbar-main .nav-item.dropdown .dropdown-menu {
        text-align:left;
    }
    #navbar-main nav {
        width:100%;
        box-shadow:0px 1px 2px 0px rgba(0, 0, 0, 0.28);
    }
    #navbar-main .navbar-nav {
        display:block;
    }
    .menu--menu-mas {
        background-color:#00629B;
    }
    .menu--menu-mas-aese {
        background-color:#cc0000;
    }
    .menu--menu-mas-dse {
        background-color:#5cb85c;
    }
    .menu--menu-mas-wes {
        background-color:#00629B;
    }
    .menu--menu-mas-mde {
        background-color:#3770ad   ;
    }
}
@media (max-width:768px) {
    .site-name-slogan {
        margin-bottom:24px;
    }
    .info_session_link > div > div {
        padding-bottom:80%;
    }
    .image_text_background img {
        height:50vh;
        object-fit:cover;
    }
}



/* Admissions Page */
.page-node-231 .card-header {
    background-color:#00629B;
    color:#fff;
}



/* FAQ Page */
.page-node-233 .card-header * {
    font-size:1.25rem;
    color:#555;
    font-weight:300;
}
.page-node-233 .card {
    margin-bottom:.5rem;
}





/* AESE Page, DSE Page, WES Page */
.page-node-234 .btn, .page-node-241 .btn, .page-node-249 .btn {
    width:100%;
}







/* Footer */
footer .nav-item {
    display:block;
    width:100%;
}
footer.site-footer section nav h2 {
    border-bottom:none; /* Overwriting default */
    color:#4E98C7;
    letter-spacing:2px;
    font-weight:700;
    margin-bottom:20px;
}
footer .nav-link {
    color:#FFF;
    padding:.3125rem 1rem;
    padding-left:0;
}
footer .region-footer-first {
    width:100% !important;
}
.site-footer .block {
    width:100%;
    margin:0;
    border:none;
}
footer p {
    color:#FFF;
}


/* Elements */
.view-frontpage {
    display:none;
}







.col-sm-4 .card {
    background-color:#F5F0E6;
    border:none;
    border-radius:1rem;
}
.col-sm-4 .card h2 {
    border-bottom: 5px solid #FFCD00;
    margin-bottom: 2rem !important;
}