@charset "utf-8"; /* CSS Document */ body { padding-top: 80px; font-family: 'Muli', sans-serif; color: #01101a; } /*important for anchor links to be below navbars*/ :target::before { content: ""; display: block; height: 100px; /* fixed header height*/ margin: -100px 0 0; /* negative fixed header height */ } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Montserrat', sans-serif; font-weight: 700; } h1, .h1 { color: #02527C; text-align: center; } h2, .h2 { color: #0385C6; } h3, .h3 { font-weight: 500; color: #0385C6; } h4, .h4 { color: #02527C; } h5, .h5 { color: #02527C; } h6, .h6 { color: #02527C; } p { font-family: 'Muli', sans-serif; font-size: 1.03rem; line-height: 1.6; } hr { border-top: 1px solid rgba(0, 0, 0, .25) } .more-leading { line-height: 1.5; } /*NEW STYLE LINKS*/ .page-content a:not(.btn):not(.side-navigation) { color: #0385C6; text-decoration: none; border-bottom: 1px dotted #0385C6; } .page-content a:visited:not(.btn) { color: #02527C; text-decoration: none; border-bottom: 1px dotted #02527C; } .page-content a:hover:not(.btn) { color: #E87200; text-decoration: none; border-bottom: 1px dotted #E87200; } .page-content .text-white a:not(.btn) { color: white; text-decoration: none; border-bottom: 1px dotted white; } .page-content .text-white a:visited:not(.btn) { color: #D1DCE5; text-decoration: none; border-bottom: 1px dotted #D1DCE5; } .page-content .text-white a:hover:not(.btn) { color: #001A33; text-decoration: none; border-bottom: 1px dotted #001A33; } .link-white a { color: white; border-bottom: none; } .link-white a:hover { color: #001A33; text-decoration: none; border-bottom: none; } .link-white a:active { color: white; text-decoration: none; border-bottom: none; } .link-white a:visited { color: white; text-decoration: none; border-bottom: none; } #notice-in-dk-blue a:hover { color: #0385C6; border-bottom: 1px dotted #0385C6; } footer h6 { color: white; } footer .link-white a:visited { color: white; border-bottom: none; } footer .link-white a:hover { color: #0385C6; border-bottom: none; } .text-bright-blue { color: #0385C6; } .bg-dark-blue { background-color: #001A33; } .bg-bright-blue { background-color: #3696da; } .bg-light-gray { background-color: #D1DCE5; } .bg-extra-light-gray { background-color: #E3EAEF; } .bg-orange { background-color: #E87200; } /*NAVIGATION*/ .navbar a { border-bottom: none; } .navbar-dark .navbar-nav .nav-link { color: #D1DCE5; font-weight: 600; border-bottom: none; } .navbar-dark .navbar-nav .nav-link:hover { color: white; } .navbar-dark .navbar-nav .dropdown-item { color: #32475B; border-bottom: none; } .navbar-dark .navbar-nav .dropdown-item:visited { color: #32475B; border-bottom: none; } .navbar-dark .navbar-nav .dropdown-item:hover { color: #0385C6; border-bottom: none; } .navbar-dark .navbar-nav .dropdown-item:active { color: #0385C6; background-color: #D1DCE5; border-bottom: none; } .bpc-banner { z-index: 100; padding-top: 5px; padding-bottom: 5px; margin-top: -24px; } .masthead2 img { width: 100%; } .by-the-numbers h1 { font-size: 3.5rem; font-weight: bold; color: #0385C6; margin-bottom: 0; } .by-the-numbers p { font-size: .9rem; } .numb-bold-word { font-size: 1.2rem; color: #0385C6; font-weight: bold; } .gray-texture-bg { background-image: url(../img/fabric_of_squares_gray.png); padding: 20px 0px 15px; text-align: center; } .sm-gutters { margin-right: -5px; margin-left: -5px; } .sm-gutters > .col, .sm-gutters > [class*=col-] { padding-right: 5px; padding-left: 5px; } .page-title { background-image: url('../img/page-title-bg.jpg'); background-size: cover; background-position: top; background-repeat: no-repeat; margin-bottom: 30px; } .page-title-celebration { background-image: url(../grants/img/invitation-BG.jpg); background-size: cover; background-position: top; background-repeat: no-repeat; margin-bottom: 30px; } .page-title-celebration h1 { color: white; padding: 30px; font-size: 3.3rem; } .page-title h1 { color: white; padding: 30px; font-size: 3.3rem; } @media (max-width: 576px) { .page-title h1 { font-size: 2.8rem; } } /*SIDE NAVIGATION*/ .side-navigation ul { list-style-type: none; margin: 0; padding: 0; border-bottom: 1px solid #D1DCE5; } .side-navigation li { padding: 7px 0; border-top: 1px solid #D1DCE5; font-size: .85rem; font-family: 'Montserrat', sans-serif; } .side-navigation a:not(.btn) { color: #263544; border-bottom: none; } .side-navigation a:visited:not(.btn) { color: #263544; border-bottom: none; } .side-navigation a:hover:not(.btn) { color: #0385C6; text-decoration: none; border-bottom: none; } /*BUTTONS*/ .btn p { margin: -2px; font-weight: 600; } .btn-cleargray { color: #32475B; background-color: transparent; border: 2px solid #32475B; border-radius: 2px; } .btn-cleargray:hover { color: #0385C6; border: 2px solid #0385C6; } .btn-cleargray:active { color: #0385C6; border: 2px solid #0385C6; } .btn-white { color: white; background-color: transparent; border: 2px solid white; border-radius: 2px; } .btn-white:visited { color: white; background-color: transparent; border: 2px solid white; } .btn-white:hover { color: #001A33; border: 2px solid #001A33; } .btn-login { color: white; background-color: #0385C6; border: none; } .btn-login:visited { color: white; } .btn-login:hover { color: #01101a; } .social-links a { color: white; border-bottom: none; } .social-links a:visited { color: white; border-bottom: none; } .social-links a:hover { color: #0385C6; border-bottom: none; } .sm-gutters { margin-right: -5px; margin-left: -5px; } .sm-gutters > .col, .sm-gutters > [class*=col-] { padding-right: 5px; padding-left: 5px; } /*Grant Recipients*/ #major-grants-list { border: 5px solid #32475B; padding: 1rem .5rem; margin: 0; } #mil20-list { border: 5px solid #3A96DB; padding: 1rem .5rem; margin: 0; } #mil25-list { border: 5px solid #00853f; padding: 1rem .5rem; margin: 0; } #current-grant-list { border: 5px solid #3A96DB; padding: 1rem .5rem; margin: 0; } #sus-grants-list-19 { border: 5px solid #ED683C; padding: 1rem .5rem; margin: 0; } #sus-grants-list-18 { border: 5px solid #FFF33B; padding: 1rem .5rem; margin: 0; } #sus-grants-list-17 { border: 5px solid #F8AB2F; padding: 1rem .5rem; margin: 0; } #grantee-100k-list-19 { border: 5px solid #02527C; padding: 1rem .5rem; margin: 0; } #grantee-100k-list-18 { border: 5px solid #ff595a; padding: 1rem .5rem; margin: 0; } #grantee-100k-list-17 { border: 5px solid #00adaa; padding: 1rem .5rem; margin: 0; } #grantee-100k-list-16 { border: 5px solid #52247f; padding: 1rem .5rem; margin: 0; } #grantee-100k-list-15 { border: 5px solid #f78e1e; padding: 1rem .5rem; margin: 0; } #grantee-100k-list-14 { border: 5px solid #00853f; padding: 1rem .5rem; margin: 0; } #grantee-100k-list-13 { border: 5px solid #3A96DB; padding: 1rem .5rem; margin: 0; } #grantee-100k-list-12 { border: 5px solid #32475B; padding: 1rem .5rem; margin: 0; } #all-grantee-list { border: 5px solid #32475B; padding: 1rem .5rem; margin: 0; } #all-grantee-list .row { border-top: .5px solid rgba(0, 0, 0, .1); margin-top: 1rem; } #all-grantee-list .list-unstyled { margin-bottom: 0; } #all-grantee-list h5 { margin-top: 1rem; } #all-grantee-list li { margin-left: 1em; text-indent: -1em; } .grant-recipient h5 { color: #001A33; font-size: 1rem; margin-bottom: 0; } .grant-recipient h6 { font-family: 'Muli', sans-serif; font-weight: bold; margin-bottom: 0; font-size: .8rem; line-height: 1.5; } .grant-recipient p { font-size: .8rem; } .grant-recipient li { font-size: .8rem; } .recip-highlight-paragraph { font-size: .9rem; font-weight: 700; color: #0385C6; } .left-img-wrap { float: left !important; display: block !important; max-width: 50%; height: auto; margin-right: 1rem; margin-bottom: 1rem; } @media (max-width: 576px) { .left-img-wrap { max-width: 100%; margin-right: 1rem; } } .right-img-wrap { float: right !important; display: block !important; max-width: 50%; height: auto; margin-left: 1rem; margin-bottom: .5rem; } @media (max-width: 576px) { .right-img-wrap { max-width: 100%; margin-left: 1rem; } } @media (min-width:992px) { .lrg-quote { font-size: 1.8rem; } } #news-page h5 a:link, a:visited { border: none; font-weight: 600; color: #02527C; } #news-page h5 a:hover { color: #E87200; } #news-page h6 { color: #001A33; font-weight: 600; font-size: 1rem; margin-bottom: auto; } #news-page .row { margin-bottom: 3rem !important; } #news-page img { margin-bottom: 1rem !important; } #rwanda-news h6 { margin-bottom: 0; } .quote-line { border-left: solid; border-left-color: #969FAA; padding-left: 1rem; margin-left: 1rem; } #geographic-links h5 { font-weight: 500; text-transform: uppercase; } /*Navigation Lines and more space*/ @media (min-width: 992px) { .nav-item { border-right: 1px solid rgba(209, 220, 229, .75); padding-left: .24rem; padding-right: .24rem; } } .nav-item:last-child { border: none; } @media (min-width: 992px) { .nav-link { padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 0px; } } @media (min-width: 992px) and (max-width:1200px) { .nav-link { font-size: .9rem; } } .continue { margin-top: 3rem; font-style: italic; } .continue a:visited { color: white; } /*Trustees Hover*/ .btn-default, .portfolio-box .portfolio-box-caption { -webkit-transition: all .35s; -moz-transition: all .35s } .portfolio-box { position: relative; display: block; max-width: 650px; margin: 0 auto } .portfolio-box .portfolio-box-caption { color: #fff; opacity: 0; display: block; background: rgba(0, 26, 51, .6); position: absolute; bottom: 0; text-align: center; width: 100%; height: 100%; transition: all .35s } .portfolio-box .portfolio-box-caption .portfolio-box-caption-content { width: 100%; text-align: center; position: absolute; top: 50%; transform: translateY(-50%) } .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category, .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name { font-family: 'Montserrat', sans-serif; padding: 0 15px } .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category { text-transform: uppercase; font-weight: 600; font-size: 14px } .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name { font-size: 16px } .portfolio-box:hover .portfolio-box-caption { opacity: 1 } .portfolio-box:active .portfolio-box-caption { opacity: 1 } .portfolio-box:focus { outline: 0 } @media (min-width:768px) { .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name { font-size: 16px } } .trustee-title { line-height: 1.4; padding-top: 5px; }