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

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


/* Universal */
@media (min-width:1200px) {
    .container {
        max-width:1860px;
    }
    #main.container, .featured-bottom .container {
        padding:0 120px;
    }
    /* This was designed to give some margins/padding if the device display was very wide */
    /*
    .content .title {
        margin-left:8%;
        margin-right:8%;
    }
    .main-content .node__content > div > .row:not(.extend_row) {
        padding:0 8%;
    }
    */
}
iframe {
    width:100%;
}
.no_padding > div[class^="col"] {
    padding:0;
}
i span {
    display:none;
}
.parallax {
    margin-left:-15px;
    margin-right:-15px;
    background-attachment:fixed;
}
.content .title {
    margin-top:60px;
}
.node--type-page-gordon-center h1.title {
    border-bottom:1px solid #C69214;
    text-transform:uppercase;
    padding-bottom:1.5rem;
    margin-bottom:2rem;
    
}
.image_text .displayed_text {
    letter-spacing:3px;
    text-transform:uppercase;
}
h1,h2,h3 {
    font-weight:100;
}
h2 strong,h3 strong {
    font-weight:700;
}





/* Header */
header.header {
    box-shadow:2px 3px 2px 1px rgba(0, 0, 0, 0.2);
    z-index:2 !important;
}
header > nav.navbar {
    position:relative;
    flex-wrap:wrap;
}
#block-jacobsschoollogobluegold-5 {
    max-width:250px;
    height:auto;
    padding:15px 0;
}
#block-jacobsschoollogobluegold-5 img {
    margin-top:15px;
}
header.header nav .nav-link {
    color:#004663;
    text-transform:uppercase;
    font-weight:700;
    letter-spacing:1px;
}
header > nav > div {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
}
.navbar-brand {
    background-color:rgba(255,255,255,.8);
}
.navbar-brand img {
    width:200px;
}
#block-bootstrap-gordoncenter-search {
    display:none;
}



.home_leadership_block {
    display:flex;
    flex-direction:column;
    justify-content:center;
    border-left:1px solid #FC8900;
    border-right:1px solid #FC8900;
}
.home_leadership_text {
    color:#006A96;
    text-transform:uppercase;
    font-weight:300;
    font-size:3rem;
}
.home_learn_text {
    color:#FC8900;
    font-weight:900;
    text-transform:uppercase;
    margin-left:25%;
    width:75%;
    font-size:3rem;
}





/* Body */
.featured-bottom {
    margin-top:1rem;
}
.img_bg {
    position:relative;
}
.img_bg a {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
    font-weight:900;
    letter-spacing:3px;
    text-decoration:none;
    background-color:rgba(0,0,0,.25);
}
.img_bg a {

}
.img_bg.attach_learn_more_button a::after {
    transition:.5s all ease-in-out;
    display:block;
    content:"Learn More";
    text-transform:uppercase;
    border:2px solid #FFF;
    padding:.5rem .75rem;
    color:#FFF;
    margin-top:1rem;

    opacity:0;
    visibility:none;
}
.img_bg.attach_learn_more_button a:hover::after {
    opacity:1;
    visibility:visible;
}
.img_bg.attach_learn_more_button a:hover::after:hover {
    background-color:#FFF;
    color:#000;
}
.img_bg img {
    width:100%;
    height:auto;
}
.img_bg .img_bg_text {
    position:absolute;
}
.no-gutters {
    margin-left:-15px;
    margin-right:-15px;
}





/* Homepage */
#block-views-block-carousel-block-6 {
    width:100%;
}
.page-node-259 .carousel {
    /* margin:0 -15px; */
    width:100%;
}
.page-node-259 .carousel-caption a {
    color:#FFF;
}
.page-node-259 .carousel-caption > h3 {
    width:100%;
    height:100%;
}
.page-node-259 .carousel img {
    width:100%;
    height:auto;
}
.page-node-259 .carousel .primary_caption, .page-node-259 .carousel .secondary_caption {
    position:absolute;
    padding:15px;
    font-weight:700;
    margin-bottom:0;
}
.page-node-259 .carousel .primary_caption {
    top:0;
    left:7%;
    width:21%;
    height:67%;
}
.page-node-259 .carousel .secondary_caption {
    left:28%;
    width:24%;
    bottom:0;
    height:33%;
}
.page-node-259 .carousel-caption {
    top:0;
    left:0;
    width:100%;
    height:100%;
    right:unset;
}
.page-node-259 .carousel-caption h2 {
    font-size:1.5rem;
    font-weight:700;
}
.page-node-259 .carousel-caption p {
    font-size:1.25rem;
    font-weight:300;
}
.page-node-297 .carousel-caption a {
    color:#FFF;
}
.page-node-297 .carousel-caption .carousel_caption {
    position:absolute;
    left:8%;
    width:20%;
    top:10%;
    text-align:left;
}
.page-node-297 .carousel_caption_secondary {
    position:absolute;
    top:68%;
    left:29%;
    width:23%;
    text-align:center;
    font-weight:700;
}
.row.gordon_center_instagram_photos h3 {
    width:100%;
    text-align:center;
    color:#FFF;
    background-color:#FC8900;
    text-transform:uppercase;
    margin:0;
    padding:.875rem 0;
}
.row.gordon_center_instagram_photos div[class^="col-"] {
    padding:0;
}
#main > .row > .col-sm-12 {
    padding:0;
}
.page-node-297 .drupal_news_block img {
    width:100%;
    height:auto;
}
.page-node-297 .drupal_news_block h2 {
    background-color:#9fb4b7;
    color:#16284c;
    text-transform:uppercase;
    font-weight:700;
    font-size:1.5rem;
    padding:.625rem;
}
.page-node-297 .drupal_news_block h3 {
    font-size:1.5rem;
    font-weight:700;
}
.page-node-297 .drupal_news_block h3 a {
    color:#000;
}
.page-node-297 .drupal_news_block {
    background-color:#ecf8f8;
    padding-bottom:.5rem;
}
.page-node-297 .drupal_news_block hr {
    display:none;
}
.page-node-297 .drupal_news_block .row {
    margin:0 15px;
    border-left:2px solid #11bfd7;
    border-bottom:2px solid #11bfd7;
    margin-bottom:15px;
}
.page-node-297 .drupal_news_block .archive_link_container {
    display:none;
}
.page-node-297 .drupal_news_block img {
    border:2px solid #11bfd7;
    margin-bottom:.875rem;
}
.gordoncenter-homepage-events img {
    width:100%;
    height:auto;
    border:2px solid #f39e43;
}
.page-node-297 .region-content-secondary-column-secondary h2 {
    background-color:#baac9f;
    color:#16284c;
    text-transform:uppercase;
    font-weight:700;
    font-size:1.5rem;
    padding:.625rem;
}
.gordoncenter-homepage-events .views-row .views-field {
    padding-top:1rem;
    padding-right:1rem;
    border-top:2px solid #f39e43;
    border-right:2px solid #f39e43;
}
.page-node-297 .region-content-secondary-column-secondary {
    background-color:#fdf0e0;
    padding-bottom:.875rem;
}
.gordoncenter-homepage-events img {
    width:50%;
}
.gordoncenter-homepage-events h3 {
    font-size:1.5rem;
    font-weight:700;
    margin-top:1rem;
}
.gordoncenter-homepage-events h3 a {
    color:#000;
}
.gordoncenter-homepage-events i {
    margin-right:5px;
}
.gordoncenter-homepage-events .event_location * {
    display:inline-block;
    margin-bottom:0;
}
#block-gordoncenterhomepagenewsblock h2 {
    background-color:#9fb4b7;
    text-transform:uppercase;
    font-size:1.25rem;
    font-weight:700;
    padding:10px;
}
#block-gordoncenterhomepagenewsblock .drupal_news_block {
    background-color:#ecf8f8;
}
#block-gordoncenterhomepagenewsblock img {
    border:2px solid #11bfd7;
    width:100%;
}
#block-gordoncenterhomepageinstagramblock p {
    margin:0;
}

@media (max-width:768px) {
    .gordoncenter-homepage-events img {
        width:100%;
        height:auto;
    }
    .gordon_center_instagram_photos h3 {
        font-size:1rem;
    }
    .page-node-297 .carousel-caption * {
        font-size:.5rem;
    }
}






/* About Page */
.row .circle {
    display:flex;
    flex-direction:row;
    align-items:center;
    text-align:center;
    width:175px;
    height:175px;
    border-radius:50%;
    background-color:#182b49;
    color:#FFF;
    font-size:1.25rem;
    justify-content:center;
    margin-left:auto;
    margin-right:auto;
    font-weight:700;
    transition:.2s all ease-in-out;
}
.row .circle:hover {
    background-color:#e5b644;
}
.page-node-260 .circle {
    width:200px;
    height:200px;
    font-size:2rem;
}
.row.about_img_bg_1 > a, .row.about_img_bg_2 > a {
    padding-top:75px;
    padding-bottom:75px;
    background-repeat:no-repeat;
}
.row.about_img_bg_1, .row.about_img_bg_2 {
    font-weight:900;
    letter-spacing:3px;
}
.row.about_location > div:first-child {
    background-image:url(/sites/jsoe-dev.ucsd.edu/files/gordoncenter/img/bear.jpg);
    background-size:cover;
}
.row.about_location > div:last-child {
    background-image:url(/sites/jsoe-dev.ucsd.edu/files/gordoncenter/img/JSOE_map.jpg);
    background-size:cover;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
}
.gordoncenter_map_bg {


}
.gordoncenter_map_bg a {
    position:absolute;
    width:100%;
    height:100%;
    text-align:center;
    color:#FFF;
    letter-spacing:2px;
    text-transform:uppercase;
    font-size:2rem;
    font-weight:700;
    background-color:rgba(0,0,0,.25);
    display:flex;
    align-items:center;
    text-decoration:none;
}




/* Bernard Gordon page */
.gordon_gift h2 {
    border-left:2px #fc8901 solid;
    border-right:2px #fc8901 solid;
}
.gordon_quote {
    background-color:rgba(0,106,150,0.3);
    display:flex;
    align-items:center;
    padding:30px;
}
.gordon_quote p {
    border-left:2px solid #182b49;
    border-bottom:2px solid #182b49;
    padding:30px;
    font-size:2rem;
    line-height:2.5rem;

    text-align:center;
    color:#182b49;
}






/* Gordon Scholars page */
div[id^="accordion"] .card-header {
    padding:0;
}
div[id^="accordion"] h5.btn {
    font-size:2rem;
    text-align:center;
    background-color:#006a96;
    color:#FFF;
    width:100%;
    border-radius:0;
    display:block;
    margin-bottom:0;
}
div[id^="accordion"] .card-body {
    max-width:1200px;
    margin:0 auto;
}
div[id^="accordion"] .card-body p {
    margin-bottom:0;
}
div[id^="accordion"] .card-body .row > div[class^="col"]:hover > div {
    background-color:rgba(0,106,150,.9);
}





/* Leadership page */
#leadershipTab {
}
#carouselLeadership .carousel-caption {
    color:#000;
    text-align:left;
    z-index:20;
}
#carouselLeadership .carousel-caption h5 {
    font-size:2.5rem;
}
#carouselLeadership .carousel-indicators {
    margin-left:0;
    margin-right:0;
    width:auto;
    display:block;
    right:unset;
}
#carouselLeadership .carousel-indicators li {
    text-indent:0;
    background-color:transparent;
    width:unset;
    height:unset;
}





/* Contact Us Page */
.page-node-274 .node__content .card {
    height:450px;
    overflow:hidden;
    display:flex;
    justify-content:center;
}
.page-node-274 .node__content .card img {
    width:100%;
}
.page-node-274 .node__content .card-body {
    background-color:rgba(0,0,0,.5);
    width:100%;
    height:100%;
    position:absolute;
    padding:0;
}
.page-node-274 .node__content .card-body p {
    width:100%;
    height:100%;
    color:#FFF;
}
.page-node-274 .node__content .card-body a {
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#FFF;
}





/* Advisory Board */

.page-node-272 .node__content h2 {
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:#006a96;
    color:#FFF;
    font-size:3rem;
    height:100%;
}
.page-node-272 .node__content h3 {
    padding:10% 0 40% 15px;
    background-color:#ecf8f8;
    margin-bottom:0;
    height:100%;
}

.board_no_photo {
    background-color:#ecf8f8;
    color:#000;
    font-size:1.75rem;
}
.board_no_photo > div {
    padding-top:10%;
    padding-bottom:40%;
}
.board_no_photo > div:first-line {
    font-weight:700;
}





.page-node-311 .blue_band {
    background-color:#182B49;
    color:#FFF;
    padding:2rem 0;
}
.page-node-311 .blue_band * {
    width:100%;
    margin:0;
    font-weight:700;
}




/* Apply to be a Gordon Scholar Page */
.page-node-270 .carousel-item .carousel-caption {
    position:static;
    display:flex;
    align-items:center;
    height:100%;
    padding:0 30px;
}
.page-node-270 .carousel {
    height:100%;
    background-color:#182b49;
}
.page-node-270 .carousel-inner {
    height:100%;
}
.page-node-270 .carousel-item {
    height:100%;
}
.page-node-270 .carousel-inner p {
    margin:0;
}    










/* Partnership */
.row.partnership_tabs {
    background-color:rgba(0,106,150,0.3);
    padding:3rem 0;
}
#carouselPartnership .carousel-indicators {
    position:unset;

}
#partnershipTab .nav-link {
    background-color:transparent;
    width:unset;
    height:unset;
    text-indent:0;
    font-weight:700;
    font-size:1rem;
    margin:0 1.25rem;
    color:#006a96;
}
#partnershipTab .nav-link.active {
    border-bottom:2px solid #C69214;
    color:#182B49;
}
.ready_to_partner {
    background-color:#f2f2f2;
}
.page-node-276 .carousel-item a {
    display:block;
    text-align:center;
}
.page-node-276 .carousel img {
    max-width:400px;
}
.page-node-276 .carousel-control-prev span {
    background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23006a96' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}
.page-node-276 .carousel-control-next span {
    background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23006a96' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}





/* Training page */
#quotesCarousel {
    background-color:rgba(0,106,150,0.3);
}
#quotesCarousel .carousel-caption {
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:center;
}
#quotesCarousel .carousel-caption * {
    color:#000;
}




/* Engineering Leadership Programs Catalog page */
.page-node-313 .parallax_bg {
    background-image:url(/sites/jsoe-dev.ucsd.edu/files/gordoncenter/programs_main.jpg);
    background-size:cover;
    background-attachment:fixed;
}
.page-node-313 .parallax_bg .img-responsive {
    width:100%;
}
.page-node-275 .node__content .card {
    border-radius:0;
    border-top:1px solid #006a96;
    border-bottom:none;
    border-left:none;
    border-right:none;
}
.page-node-275 .node__content .card-header {
    border:none;
    background-color:#FFF;
    padding:0;
}
.page-node-275 .node__content .card-body {
    padding:0;
}
.page-node-275 h5.btn {
    width:100%;
    text-align:left;
    font-size:1.25rem;
    font-weight:500;
    padding:2rem 0;
    color:#006a96;
}
.page-node-275 h5.btn::after {
    content:"View Details";
    float:right;
}
.page-node-313 .card-header button {
    color:#006a96;
    font-weight:700;
    font-size:1.25rem;
}
.parallax_catalog {
    background-image:url(/sites/default/files/groups/gordoncenter/img/programs_main.jpg);
}






/* Leadership Courses page */
.page-node-295 .parallax_bg {
    background-image:url(/sites/jsoe-dev.ucsd.edu/files/gordoncenter/img/courses_web.jpg);
    background-size:cover;
    background-attachment:fixed;
}
.page-node-295 .parallax_bg .img-responsive {
    width:100%;
}
.parallax_courses {
    background-image:url(/sites/default/files/groups/gordoncenter/img/courses_web.jpg);
}







/* News Page */
.page-node-319 .carousel {
    background-color:#e5e5e5;
    padding:0 1rem;
}
.page-node-319 .carousel .carousel-caption {
    position:static;
    color:#000;
    text-align:left;
}
.page-node-319 .sidebar_second {
    margin-top:60px;
}
.page-node-319 .sidebar_second h2 {
    font-size:2rem;
    border-bottom:none;
}
.page-node-319 .sidebar_second i {
    font-size:1.5rem;
    margin-right:1rem;
}






/* Footer */
.page-node-259 .site-footer {
    margin-top:0;
}
.site-footer {
    background-image:url(/sites/default/files/groups/gordoncenter/img/ucsd_footer_no_text.png) !important;
    background-size:cover;
    border-top:3px solid #C69214;
    padding:0;
}
footer * {
    color:#FFF;
}
footer h5 {
    font-size:.75rem;
}
footer section {
    width:100% !important;
}
.site-footer .block {
    border:none;
    width:100%;
    margin:0;
}
footer i {
    font-size:1.5rem;
    margin-right:10px;
}




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