@import url('https://fonts.googleapis.com/css?family=Raleway:100,300,400,500,600,700,900');

html, body {
    font-family: 'Raleway', sans-serif;
}

.header .logo .logo-text {
    font-family: 'Raleway', sans-serif;
    display: flex;
    flex-direction: column;
}

    .header .logo .logo-text h1 {
        font-weight: 300;
        margin-bottom: 0;
        font-size: 2.4em;
        margin-top: 0;
    }

        .header .logo .logo-text h1 span {
            letter-spacing: -2px;
        }

        .header .logo .logo-text h1 em {
            font-style: normal;
            margin-right: -0.1em;
            font-weight: 700;
        }

    .header .logo .logo-text .tagline {
        font-weight: 500;
    }

    .header .logo .logo-text small {
        font-weight: 400;
        font-size: 1.0em;
    }

    .header .logo .logo-text strong {
        font-weight: 700;
    }

.heading-secondary {
    background-color: #C74D00;
}
/** start utility **/
.green-text {
    color: #92BE28;
}

.blue-text {
    color: #2E469B;
}

.lgray-text {
    color: #A7A9AC;
}

.gray-text {
    color: #414141;
}
/** end utility **/

.ma-hr {
    /* border-top: solid #45A035 1px; */
    border-top: solid #F68B1F 1px;
    margin: 3em 4em;
}

    .ma-hr:after {
        content: url( '/assets/ma-outline-rmat.png' );
        /* Controls the position of the logo */
        left: 50%;
        position: absolute;
        transform: translateY(-50%) translateX(-50%);
        /* Controls the whitespace around the symbol */
        padding: 1em 2em;
        background: #fff;
    }

.nav-banner-home {
    /*background-image: linear-gradient(270deg, #00378A00 0%, #00378A7A 37%, #0D3F8AC7 56%, #00378AC7 68%, #00378AD8 82%, #00378A 100%), 
		url('./../assets/rmat-hero.jpg');*/
    /*background-image: linear-gradient(270deg, #c74d002e 0%, #c74d0073 56%, #c74d0091 82%);
	background-image: linear-gradient(270deg, #00378A00 0%, #00378A7A 37%, #0D3F8AC7 56%, #00378AC7 68%, #00378AD8 82%, #00378A 100%);
	*/
    background-image: linear-gradient(270deg, #00378A00 0%, #00378A7A 8%, #0D3F8AC7 32%, #00378AC7 44%, #00378AD8 64%, #00378A 100%);
    background-repeat: no-repeat;
    background-size: cover;
    /*height: 950px;*/
    height: 475px;
    width: 100%;
}

.nav-banner {
    /* background: linear-gradient(to right, #043825, #307E61); */
    background: linear-gradient(to right, #92BE28 0%, #92BE28 30%, #D1EC87 80%, #ACDA3C 100%) 0% 0% no-repeat padding-box;
}

.header[data-context="home"] {
    padding-bottom: 0;
}

    .header[data-context="home"] .nav-banner-tab .active {
        background-color: #03398B;
    }

.header[data-context="public_health"] .nav-banner {
    background: linear-gradient(to right, #92BE28 0%, #92BE28 30%, #D1EC87 80%, #ACDA3C 100%) 0% 0% no-repeat padding-box;
}

.header[data-context="public_health"] .nav-banner-tab .active {
    background-color: #92BE28;
}

.header[data-context="nature_based"] .nav-banner {
    background: linear-gradient(to right, #006741 0%, #006741 30%, #55907A 80%, #003421 100%) 0% 0% no-repeat padding-box;
}

.header[data-context="nature_based"] .nav-banner-tab .active {
    background-color: #006741;
}

.header[data-context="virtual"] .nav-banner {
    background: linear-gradient(to right, #02398B 0%, #02398B 30%, #396CB6 80%, #011D46 100%) 0% 0% no-repeat padding-box;
}

.header[data-context="virtual"] .nav-banner-tab .active {
    background-color: #02398B;
}

.header[data-context="justice"] .nav-banner {
    background: linear-gradient(to right, #09305B 0%, #09305B 30%, #2B5E96 80%, #020A12 100%) 0% 0% no-repeat padding-box;
}

.header[data-context="justice"] .nav-banner-tab .active {
    background-color: #09305B;
}

.nav-banner-tab {
    background-color: #96999C;
    font-weight: 600;
    font-size: 0.8rem;
}

    .nav-banner-tab > div {
        display: inline-block;
        color: #FFF;
        background-color: #96999C;
        border-left: 2px solid #FFF;
        margin: 0;
        padding: 1em 2em;
    }

        .nav-banner-tab > div:first-child {
            border: none;
        }

    .nav-banner-tab a {
        color: #FFF;
    }

/** begin megamenu styles **/
.mega-menu {
    display: none;
    position: absolute;
    top: 86px;
    left: 0;
    right: 0;
    z-index: 101;
    background: hsla(0,0%,94.1%,.9);
    border: 1px solid #113f83;
    padding: 1em 4em;
}

    .mega-menu a {
        cursor: pointer;
        color: #113f83;
        font-weight: 500;
    }

    .mega-menu.shown {
        display: block;
    }

    .mega-menu header h1 {
        font-weight: 400;
        color: #113f83;
        font-size: 1.5rem;
        margin-bottom: 1em;
    }

.mega-menu-toggle {
    position: relative;
    flex-direction: column;
    text-align: center;
    display: flex;
    margin: 0;
    top: -24px;
}

    .mega-menu-toggle label {
        text-transform: uppercase;
        position: relative;
        color: #113f83;
        font-size: 0.45em;
        margin-bottom: 0;
    }

        .mega-menu-toggle label.hide {
            opacity: 0;
        }

    .mega-menu-toggle .up-triangle {
        font-size: 3em;
        position: absolute;
        bottom: -94px;
        z-index: 102;
        left: 0;
        text-align: center;
        right: 0;
    }

        .mega-menu-toggle .up-triangle .triangle {
            color: #113f83;
            border-bottom: 15px solid #113f83;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-top: 15px solid transparent;
            width: 0;
            height: 0;
            display: inline-block;
        }

.mega-menu .tool-n-data-col {
    flex: 0 0 12%;
    max-width: 12%;
    min-width: 130px;
}

    .mega-menu .tool-n-data-col h3,
    .mega-menu .tool-n-data-col h3 > a {
        font-size: 1.05em;
    }

.mega-menu .take-action-col {
    flex: 0 0 40%;
    max-width: 40%;
}

.mega-menu .learn-col {
    flex: 0 0 46%;
    max-width: 46%;
}

.mega-menu hr {
    border-top: 5px solid #CA4D00;
    margin: 0 -5px;
}

.mega-menu h2 {
    color: #113f83;
    font-weight: 700;
    font-size: 1.0em;
}

.mega-menu section.no-pad-r {
    padding-right: 0;
}

.mega-menu h3 {
    margin: 10px 0;
}

    .mega-menu h3,
    .mega-menu h3 > a {
        color: #113f83;
        font-weight: 700;
        font-size: 0.9em;
    }

.mega-menu li {
    list-style-type: none;
    position: relative;
    padding-left: 5px;
    margin-top: 12px;
    font-size: 14px;
}

.mega-menu ul {
    padding-inline-start: 8px;
    list-style-type: circle;
}

    .mega-menu ul section {
        padding: 0;
    }

.mega-menu li:before {
    content: "\2022";
    font-size: 35px;
    position: absolute;
    top: -17px;
    left: -11px;
    color: #CA4D00;
}

/** end megamenu styles **/

@media (min-width: 992px) {
    .rmat-hero-text-container {
        max-width: 50%;
        min-height: 100%;
        display: table;
    }

        .rmat-hero-text-container .hero-body {
            width: 40rem;
        }
}

.sidenav div {
    padding: 1em;
}

.sidenav {
    /* margin-top: 4em; */
    font-weight: 600;
    border: 1px solid #F5F5F5;
    border-bottom: 6px solid #F5F5F5;
    text-align: center;
}

    .sidenav.floating {
        position: fixed;
        top: 1px;
        right: 15px;
        -ms-flex: 0 0 15%;
        flex: 0 0 15%;
        max-width: 15%;
    }

    .sidenav .scrollspy-nav-items {
        padding: 0;
        font-size: 0.8rem;
    }

.scrollspy-nav-items .list-group-item {
    border-radius: 0;
}

    .scrollspy-nav-items .list-group-item.list-group-item-action.active {
        background-color: #FFF6C4;
        color: #707070;
        border: 1px solid rgba(0,0,0,.125);
    }

.sidenav .sidenav-item {
    font-size: 0.8em;
    font-weight: 300;
    text-align: left;
}

    .sidenav .sidenav-item a {
        color: #FFF;
    }

.sidenav-item.sidenav-tool {
    text-align: center;
    padding: 0;
}

    .sidenav-item.sidenav-tool:hover {
        background-color: #f8f9fa;
    }

    .sidenav-item.sidenav-tool a {
        display: block;
        color: #495057;
        font-weight: 600;
        border: 1px solid rgba(0,0,0,.125);
        padding: .75rem 1.25rem;
    }

        .sidenav-item.sidenav-tool a:hover {
            text-decoration: none;
        }

.content-section table th, .content-section table td {
    padding: 1em;
}

.content-section table thead tr {
    background-color: #00378A;
    color: #FFF;
    /* font-weight: 600; */
}

.content-section table tbody tr:nth-child(even) {
    background-color: #F6F6F6;
}

.content-section table tbody tr td:first-child {
    color: #00378A;
    font-weight: 500;
}

/** shmcap menu */
.shmcap-menu {
    transition: opacity 200ms ease-in-out 0s;
    position: absolute;
    background-color: #FFF;
    top: 12.6rem;
    z-index: -3;
    opacity: 0;
}

    .shmcap-menu.shown {
        z-index: 3;
        opacity: 1;
    }

    .shmcap-menu .text-secondary {
        color: #2b1e76 !important;
    }

    .shmcap-menu .border-primary {
        border-color: #c74d00 !important;
    }

    .shmcap-menu .text-primary {
        color: #c74d00 !important;
    }

    .shmcap-menu a {
        color: #c74d00;
        text-decoration: none;
        background-color: transparent;
    }

        .shmcap-menu a:hover {
            color: #7b2f00;
            text-decoration: underline;
        }