/**
 * @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;
}
.btn {
    text-transform:uppercase;
    font-weight:500;
    letter-spacing:2px;
    padding: 15px 25px;
    border-radius:0;
}
.btn_blue {
    background-color:#006a96;
    color:#FFF;
}
h1 {
    text-align:center;
    text-transform:uppercase;
    font-size:3rem;
}
.page-node-213 table, .page-node-214 table, .page-node-218 table {
    border-collapse:collapse;
    max-width:1024px;
    margin:0 auto;
}
.page-node-213 th, .page-node-213 td, .page-node-214 th, .page-node-214 td, .page-node-218 th, .page-node-218 td {
    padding:15px 20px;
}
.page-node-213 th, .page-node-214 th, .page-node-218 th {
    background-color:#182B49;
    border-bottom:2px solid #95a5a6;
    color:#FFF;
}
.page-node-213 tr:nth-child(even), .page-node-214 tr:nth-child(even), .page-node-218 tr:nth-child(even) {
    background-color:#f2f2f2;
}
.page-node-213 tr:nth-child(odd), .page-node-214 tr:nth-child(odd), .page-node-218 tr:nth-child(odd) {
    background-color:#fff;
}

h4 {
    font-weight:300;
    line-height:2.75rem;
}
h5 {
    color:#182b49;
}
.accordion {
    max-width:800px;
    margin:0 auto;
}
.accordion .card-header {
    padding:0;
}
.accordion .card-header h5 {
    width:100%;
    margin:0;
    text-align:left;
    color:#182b49;
}




/* Header */
#navbar-main img {
    max-width:150px;
    height:auto;
}







.navbar-brand {
    display:block; /* Places slogan on new line */
    color:#191919;
    padding-bottom:0;
}
.site-name-slogan a {
    color:#191919;
}
#block-barrio-mas-search {
    display:none;
}
#navbar-main > div > div:hover * {
    color:#006a96;
}
.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;
}

@media (min-width:1600px) {
    .container {
        max-width: 1400px;
    }
}
@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%;
        margin-top:30px;
    }
    #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%;
        background-color:#182b49;
        box-shadow:0px 1px 2px 0px rgba(0, 0, 0, 0.28);
    }
    #navbar-main .navbar-nav {
        display:block;
    }
}
@media (max-width:768px) {
    .navbar-brand {
        margin-bottom:24px;
    }
    .page-node-210 .image_text .image_text_background img {
        height:50vh;
        object-fit:cover;
    }
}




/* Homepage */
.page-node-210 .no-gutters {
    margin-left:-15px;
    margin-right:-15px;
}
.page-node-210 .image_text_container {
    transition:.3s all ease-in-out;
    flex-direction:column;
    justify-content:center;
}
.page-node-210 .image_text_container:hover {
    background-color:rgba(0,106,150,0.8);
}
.page-node-210 .image_text .displayed_text > * {
    text-transform: uppercase;
    color: #FFF;
    font-weight: 900;
    font-size: .875rem;
    letter-spacing: 3px;
}
.page-node-210 .image_text .hover_text {
    font-size: .875rem;
}
.page-node-210 .image_text .btn_clear {
    color: #fff;
    border: 1px solid #fff;
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 1px;
    padding: 7px 10px;
    margin-top: 10px;
    background-color: transparent;
}
.page-node-210 .image_text .btn_clear:hover {
    background-color:#fff;
    border:1px solid #fff;
    color:#006a96;
}
.page-node-210 .image_text hr {
    color: #FFF;
    width: 50px;
    border: 1px solid #FFF;
    transition:.3s all ease-in-out;
}
.page-node-210 .image_text:hover hr {
    width:75px;
}
.page-node-210 .hover_text p {
    font-weight: 300;
    font-size: 1.2em;
    padding: 0 30px;
    transition: .3s all ease-in-out;
    letter-spacing: 1px;
    line-height: 2em;
    font-size: .9em;
}






.img_nav > div[class^="col-"] {
    position:relative;
    padding-bottom:20%;
    background-size:cover;
    background-position:center center;
}
.img_nav > div[class^="col-"] > p {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:transparent;
}
.img_nav > div[class^="col-"] > p > a {
    width:100%;
    height:100%;
    display:block;
}
.img_nav > div[class^="col-"] > 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;
    transition:all .3s ease-in-out;
}
.img_nav > div[class^="col-"] > div * {
    transition:.3s all ease-in-out;
}
.img_nav > div[class^="col-"]:hover > div {
    background-color:rgba(0,106,150,0.8);
    text-decoration:none;
}
.img_nav > div[class^="col-"]:hover p {
    color:#fff;
}
.img_nav > div[class^="col-"]:hover hr {
    width:75px;
}
.img_nav > div[class^="col-"]:hover button {
    color:#FFF;
    border:1px solid #FFF;
}
.img_nav > div[class^="col-"] > div h2 {
    text-transform:uppercase;
    color:#FFF;
    font-weight:900;
    font-size:.875rem;
    letter-spacing:3px;
}
.img_nav > div[class^="col-"] > div hr {
    color:#FFF;
    width:50px;
    border:1px solid #FFF;
    
}
.img_nav > div[class^="col-"] > div p {
    font-size:.875rem;
    color:transparent;
}
.img_nav > div[class^="col-"] > div 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;
}
.img_nav > div[class^="col-"] > div button:hover {
    background-color:#FFF;
    color:#006a96;
    cursor:pointer;
}

.page-node-210 .img_nav > div:first-child {
    background-image:url(/sites/default/files/groups/cap/recruit.jpg);
}
.page-node-210 .img_nav > div:nth-child(2) {
    background-image:url(/sites/default/files/groups/cap/research.jpg);
}
.page-node-210 .img_nav > div:nth-child(3) {
    background-image:url(/sites/default/files/groups/cap/leadership.jpg);
}
.page-node-210 .img_nav > div:nth-child(4) {
    background-image:url(/sites/default/files/groups/cap/tip.jpg);
}
.page-node-210 .img_nav > div:nth-child(5) {
    background-image:url(/sites/default/files/groups/cap/education.jpg);
}
.page-node-210 .img_nav > div:last-child {
    background-image:url(/sites/default/files/groups/cap/contact.jpg);
}






/* Executive Board Page */
.page-node-213 table {
    max-width:1024px;
    margin:0 auto;
}
.page-node-213 td {
    width:33%;
    border:none;
}
.page-node-213 table:first-child th {
    border-radius:7px 7px 0 0;
}
.page-node-213 .modal_trigger p {
    margin-bottom:0;
    color:#0071b3;
}
.page-node-213 .modal-body h4 {
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 0;
    line-height:2rem;
}
.page-node-213 .modal-body h4 + p {
    color:rgba(0,0,0,.5);
}
.page-node-213 .modal-body p {
    margin-bottom:0;
}
.page-node-213 .modal-body > p {
    margin-top:15px;
}



/* Testaments Page */
.fa-quote-left, .fa-quote-right {
    color:#006a96;
}





/* Current Partners */
.company_logos {
    max-width:800px;
    margin:0 auto;
    border-collapse:collapse;
}
.company_logos .col-3 {
    position:relative;
    height:0;
    width:100%;
    padding-bottom:25%;
    border-right:1px solid #e5e5e5;
    border-bottom:1px solid #e5e5e5;
    
}
.company_logos .col-3:nth-child(4n) {
    border-right:none;
}
.company_logos .col-3:nth-child(1),.company_logos .col-3:nth-child(2),.company_logos .col-3:nth-child(3),.company_logos .col-3:nth-child(4) {
    border-top:none;
}

.company_logos .col-3 a {
    width:calc(100% - 30px);
    height:100%;
    position:absolute;
    display:flex;
    align-items:center;
    justify-content:center;
}
.company_logos .col-3 a img {
    max-width:80%;
}





/* TIP Page */
#block-captiphomepageimagelinks {
    width:100%;
}
.featured-top .container {
    max-width:100%;
}
.page-node-214 .img_nav {
    overflow:hidden;
}
.page-node-214 .img_nav > div[class^="col-"] {
    position:relative;
    padding-bottom:50%;
    height:100vh;
    transition:all .3s ease-in-out;
}
.page-node-214 .img_nav > div:first-child {
    background-image:url(/sites/default/files/groups/cap/img/employer-half.jpg);
}
.page-node-214 .img_nav > div:last-child {
    background-image:url(/sites/default/files/groups/cap/img/student-half-2.jpg);
}
.page-node-214 .img_nav > div[class^="col-"] > div {
    background-color:rgba(0,0,0,0.4);
}
.page-node-214 .img_nav > div[class^="col-"]:hover > div {
    background-color:transparent;
}
.page-node-214 .img_nav > div[class^="col-"]:hover {
    transform:scale(1.05);
}
.page-node-214 .img_nav > div[class^="col-"] > div hr {
    margin:0 auto;
    border-width:2px;
}
/* Other styles pertaining to this are found in page-node-210 or Homepage styles */




/* Events Page */
.fc-list-table {
    margin:0;
}
.fc-list-table tr {
    background-color:#FFF !important;
}
.fc th {
    background-color:#FFF !important;
}
.page-node-223 thead tr {
    border:none;
}

.fc tr {
    background-color:transparent;
}
.fc table {
    margin:0;
}
.fc .fc-row .fc-content-skeleton td {
    border-color:#DDD;
}
.fc table tr th span {
    color:#3b3b3b;
}





/* Projects */
.page-node-384 td img,
.page-node-385 td img,
.page-node-386 td img,
.page-node-387 td img,
.page-node-388 td img,
.page-node-389 td img,
.page-node-390 td img,
.page-node-391 td img,
.page-node-392 td img,
.page-node-393 td img,
.page-node-394 td img,
.page-node-395 td img,
.page-node-396 td img {
    min-width:150px;
    max-width:200px;
}
.page-node-384 td,
.page-node-385 td,
.page-node-386 td,
.page-node-387 td,
.page-node-388 td,
.page-node-389 td,
.page-node-390 td,
.page-node-391 td,
.page-node-392 td,
.page-node-393 td,
.page-node-394 td,
.page-node-395 td,
.page-node-396 td {
    background-color:#fff;
}






/* Footer */
footer .region-footer-fifth .block {
    width:100%;
}
footer img {
    max-width: 250px !important;
}
footer p, footer li, footer .content a {
    color: #FFF !important;
}
footer.site-footer .content ul {
    list-style: none;
    padding-left: 0 !important;
}
footer .content ul li {
    float: left;
}
footer.site-footer .content ul li a {
    border: none;
    padding: 0;
    margin-right: 15px;
    text-indent: 0;
}
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;
}


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