/* TEMPORARY */

/* New Colors
* Dark Blue: #223B75;
* Light Blue: #4480B1;
* Gold: #F5BB41;
* Gold RGB: 245, 187, 65, 0.2;
* white: #fff
* black: #000
* light-gray: #f4f4f4
* dark-gray: #a3a3a3
*/

/* END TEMPORARY */

body {
    font-family: 'Noto Sans', sans-serif;
    font-weight: 400;
    margin: 0 auto;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
}

img {
    border-top-left-radius: 24px ;
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px;
    border-bottom-left-radius: 24px;
}

a,
.btn-link {
    color: #1d3a79;
}

.nav-link {
    color: #1d3a79 !important;
}

a:hover,
.btn-link:hover {
    color: #2483b6;
}

.nav-link:hover,
.nav-link.active {
    color: #2483b6 !important;
}

.btn-ucb-blue {
    color: #fff;
    background-color: #223B75;
    border-color: #223B75;
    border-top-left-radius: 24px ;
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px;
    border-bottom-left-radius: 24px;
}

.btn-ucb-blue:hover {
    color: #fff;
    background-color: #F5BB41;
    border-color: #F5BB41;
}

.btn-ucb-dark-blue {
    color: #fff;
    background-color: #114e6d;
    border-color: #114e6d;
}

.btn-ucb-dark-blue:hover {
    color: #fff;
    background-color: #2a5f70;
    border-color: #2a5f70;
}

.btn-outline-ucb-blue {
    color: #247190;
    background-color: transparent;
    border-color: #247190;
}

.btn-outline-ucb-blue:hover {
    color: #fff;
    background-color: #247190;
    border-color: #247190;
}

.lead {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 1.25rem !important;
}

.font-weight-extra-bold {
    font-weight: 900 !important;
}

.white-space-normal {
    white-space: normal;
}

#main-menu img {
    max-height: 65px;
}

@media (min-width: 576px) {
    #main-menu img {
        max-height: 100px;
    }
}

section {
    padding: 3% 0;
}

@-moz-document url-prefix() {
    /* Firefox does not support text-clipping */
    #intro-title h1 {
        background: none;
        -webkit-text-fill-color: #051237;
    }
}

#firstSection h1 {
    color: #223B75;
    font-size: 64px;
    padding-left: 4%;
}

#firstSection p {
    font-size: 16px;
    padding-left: 4%;
}

#about h2 {
    color: #223B75;
}

#cbl {
    background: #fff;
}

#cbl h2 {
    color: #223B75;
    font-size: 48px;
}

#our-journey {
    background-color: #F6F3F3;
    color: #000;
}

#our-journey h2 {
    color: #4480B1;
    font-size: 48px;
    padding: 8px;
}

#team {
    background: #1d3a79;
}

#team h2 {
    color: #fff;
    font-size: 48px;
    padding-bottom: 16px;
}

#team p {
    color: #fff;
}

#apps {
    background-color: #fff;
}

#apps img {
    padding: 8px;
    width: 300px;
}

#apps h2 {
    color: #223B75;
    font-size: 48px;
}

#apps h3 {
    color: #223B75;
    font-size: 32px;
    font-weight: regular;
}

#apps p {
    color: #223B75;
    font-size: 16px;
    padding: 8px;
}

#faq {
    background: #fff;
}

#faq h2 {
    color: #223B75;
}

#faq .card,
#faq .card .card-header {
    border-color: #efefef;
}

.question [data-toggle="collapse"]:after {
    font-family: 'FontAwesome';
    content: "\f077";
}

.question [data-toggle="collapse"].collapsed:after {
    font-family: 'FontAwesome';
    content: "\f078";
}

.question .btn-link {
    text-decoration: none;
}

#selective-process {
    background: #4480B1;
}

#selective-process a {
    color: #FFF;
}

#selective-process h2 {
    font-size: 48px;
}

#contact {
    background: #2483b6;
}

footer {
    background: #114e6d;
}

.two-column {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

@media (min-width: 960px) { /* lg */
    .app-contents-left { /* Use with ".ml-auto" */
        padding: 0 15px;
        margin-right: calc(40% + 25px);
        max-width: calc(1140px + ((100% - 960px) / 2.0) - (40% - 25px));
    }

    #top-right-navbar-nav {
        padding-top: 34px;
    }
}

@media (min-width: 1140px) { /* xl */
    .app-contents-left { /* Use with ".ml-auto" */
        padding: 0 15px;
        margin-right: calc(40% + 25px);
        max-width: calc(1140px + ((100% - 1140px) / 2.0) - (40% - 25px));
    }
}

.app-contents-left p:last-child {
    margin-bottom: 0;
}

@media (min-width: 960px) { /* lg */
    .app-contents-right {
        padding: 0 15px;
        margin-left: calc(40% + 25px);
        max-width: calc(1140px + ((100% - 960px) / 2.0) - (40% - 25px));
    }
}

@media (min-width: 1140px) { /* xl */
    .app-contents-right {
        padding: 0 15px;
        margin-left: calc(40% + 25px);
        max-width: calc(1140px + ((100% - 1140px) / 2.0) - (40% - 25px));
    }
}

.member img {
    opacity: 1.0;
    transition: 0.5s opacity;
    filter: grayscale(100%);
}

.member .member-desc {
    background: rgba(245, 187, 65, 0.8);
    position: absolute;
    bottom: 0;
    left: 0;
    visibility: hidden;
    transition: 0.5s padding;
    font-size: 0.7rem;
}

.member .member-desc-xs {
    background: rgba(245, 187, 65, 0.8);
    position: absolute;
    bottom: 0;
    left: 0;
    transition: 0.5s padding;
    font-size: 0.7rem;
    padding-bottom: .5rem;
}

.member:hover .member-desc {
    visibility: visible;
    padding-bottom: .5rem;
    border-bottom-right-radius: 16px ;
    border-bottom-left-radius: 16px;
}


@media (min-width: 768px) {
    #intro-title {
        padding-right: 1rem;
    }

    #intro-title-bg {
        height: 530px;
    }

    #intro-title h1 {
        font-size: 5rem;
    }

    #about article {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }
}

@media (min-width: 1280px) {
    #intro-title {
        padding-right: 2.5rem;
    }

    #intro-title-bg {
        height: 920px;
    }

    #intro-title h1 {
        font-size: 140px;
    }
}