@import url('/css/nccbp.css');


/* Homepage */
.captioned {
    position: relative;
}

.ubp-image-caption {
    position: absolute;
    width: 25%;
    bottom: 20%;
    left: 2%;
    /*background-color: rgba(140, 140, 140, 0.5);*/
    padding: 16px;
}

.ubp-image-caption h2 {
    font-size: 160%;
    color: #FFF;
}

.ubp-image-caption p, .ubp-image-caption ul {
    margin-top: 12px;
    font-size: 149%;
    width: 90%;
    color: #FFF;
}

#home-wrapper .container {
    margin-top: 30px;
}


@media (max-width: 900px) {
    .ubp-image-caption {
        width: 50%;
    }
    .ubp-image-caption h2 {
        font-size: 90%;
        line-height: 90%;
    }
    .ubp-image-caption p, .ubp-image-caption ul {
        font-size: 80%;
        line-height: 100%;
    }

    html .ubp-benefits-caption {
        position: relative !important;
        width: 100% !important;
    }

    .ubp-benefits-caption ul, .ubp-image-caption ul, .ubp-benefits-caption ul p, .ubp-image-caption ul p {
        color: #000 !important;
    }
}


/* Benchmarks page */
.benchmarks-banner-overlay {
    position:absolute;
    right: 4%;
    top: 36%;
    width: 23%;
    color: #FFF;
    margin: 0;
    font-size: 180%;
}

.ubp-benefits-caption {
    width: 28% !important;
}
.ubp-benefits-caption li {
    margin-bottom: 10px;
}

.ubp-benefits-caption ul {
    font-size: 136%;
}

/* iPadish */
@media (max-width: 1100px) {
    .benchmarks-banner-overlay {
        width: 23%;
        font-size: 70% !important;
        line-height: 1.4;
        margin: 0;
    }
    .ubp-benefits-caption ul {
        font-size: 85% !important;
    }
}


/* Phoneish */
@media (max-width: 992px) {
    .bordered-left-col, .bordered-right-col {
        height: auto !important;
    }

    .staff-page h3 {
        margin-top: 20px;
    }

    body #cmsPageContent {
        margin: 0 10px;
    }
}



#cmsPageContent h2 {
    margin-top: 50px;
}


/* Menu */
html .renew-nav, html .navbar-nav li.join-nav a, html .navbar-nav li.join-nav a.active {
    background: #00508d !important;
    color: white !important;
}

html .navbar-default .navbar-nav > li > a {
    color: #FFF;
}

/* For full width header: */
header .container {
    width: 100% !important;
    padding: 0 !important;
}
header .col-xs-12 {
    padding: 0;
}

@media (min-width: 1200px) {
    header .container {
        width: 100% !important;
    }
}

/* Full width site */
/*@media (min-width: 1200px) {
    .container, .container-fluid {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
     p {
         margin-left: 15px !important;
         margin-right: 15px !important;
     }
}
@media (min-width: 992px) {
    .container, .container-fluid {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    p, h1, h2, .page-header h2, h3, h4, h5, ul {
        margin-left: 15px;
        margin-right: 15px;
    }
}*/

.home-column div {
    border: 1px solid black;
    padding: 0 !important;
    margin: 0 25px;
}

.home-column h1 {
    background: #4A76C0;
    color: white;
    border-bottom: none !important;
    padding: 10px 5px 5px 5px;
    margin: 0 !important;
}

.home-column p {
    margin: 20px;
}


.wide-container {
    margin: 20px;
}


.staff-page .row {
    margin-top: 50px;
}


#cmsPageContent {
    margin: 0 50px;
}

.cmsPageHeader {
    margin: 0 50px;
}


/** Navbar **/

.navbar .container-fluid {
    background: #9cc03e;
    /*background: #484848;*/
}

header .dropdown-menu {
    background: #00508d !important;
}

/*header {
    border-bottom: 2px solid #DDD;
}*/

.navbar-nav li a.active {
    background: #B6DA58;
    /*color: black !important;*/
}

.navbar-nav li a {
    padding-left: 25px;
    padding-right: 25px;
}

/** Footer */
.footer .container {
    width: 100% !important;
}