:root {
    --background-color: #F9F7FF;
}

html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 1.5rem;
    background-color: var(--background-color);
}


.not-front #main #content #page-title {
    margin: 0 0 0.5em;
}

h1#page-title {
    line-height: 1;
}

#page-title {
    color: #20394F;
    font-size: 18px;
    font-weight: bold;
    padding: 11px 0 0 6px;
}

.dots {
    background-image: url(/sites/default/files/dc/shared_assets/dot.png);
    min-width: 100%;
    position: absolute;
    top: -7px;
    height: 3px;
}


#header #block-menu-block-2 ul {
    text-align: right;
    padding-right: 6px;
}

#menu-container {
    background: Chartreuse;
    border-radius: 0;
    display: inline-block;
    width: 100%;
    margin: 0px;
}




user agent stylesheet
div {
    display: block;
}

#header #block-menu-block-2 {
    text-align: left;
}

#header #block-menu-block-2 {
    FONT-SIZE: 11px;
    COLOR: #ffffff;
    PADDING-TOP: 6px;
    FONT-FAMILY: Arial,Helvetica,sans-serif;
    TEXT-ALIGN: right;
}

#header, #footer-wrapper, #skip-link, ul.contextual-links, ul.links, ul.primary, .item-list .pager, div.field-type-taxonomy-term-reference, div.messages, div.meta, p.comment-time, table, .breadcrumb {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    text-align: left;
}

/** Header Top menu styles*/
/*.top-menu-bar {
    border-top: #747F94 15px solid;
}*/

    .top-menu-bar a {
        color: #0038B1;
        margin: 0;
        padding: 0;
        text-decoration: none;
        font-family: Arial,Helvetica,sans-serif;
        font-size: 11px;
        font-weight: bold;
    }

    .top-menu-bar ul {
        list-style: none;
    }
/** Main Logo Styles */
.logo-text {
    font-size: 14px;
}

.dots {
    background-image: url('/Images/dot.png');
    min-width: 100%;
    position: absolute;
    top: 6px;
    height: 3px;
}
/** Footer Accessibitlity Styles*/
.footer-access {
    background: #173C66;
}

    .footer-access ul li a {
        color: #fff;
    }

    .footer-access ul {
        list-style: none;
    }

        .footer-access ul li {
            margin: 0px 15px;
        }

        .footer-access ul::before {
            /*content: url("/Images/h2stars.png");*/
            /*content: "\f005";*/
            content: "\f006 \a0 \f006 \a0 \f006";
            font-family: 'FontAwesome';
            color: white !important;
        }

        .footer-access ul::after {
            /*content: url("/Images/h2stars.png");*/
            content: "\f006 \a0 \f006 \a0 \f006";
            font-family: 'FontAwesome';
            color:white!important;
        }

.logo-left-space {
    margin-left: 0;
}

.facebook-resource-icon {
    background: url(/Images/facebook.png)no-repeat center;
}

    .facebook-resource-icon:hover {
        background: url(/Images/facebook-hover.png)no-repeat center;
    }

.twitter-resource-icon {
    background: url(/Images/twitter.png)no-repeat center;
    background-size: auto 33px;
}

    .twitter-resource-icon:hover {
        background: url(/Images/twitter-hover.png)no-repeat center;
        background-size: auto 33px;
    }

.mobile-resource-icon {
    background: url(/Images/mobile.png)no-repeat center;
}

    .mobile-resource-icon:hover {
        background: url(/Images/mobile-hover.png)no-repeat center;
    }

.maps-resource-icon {
    background: url(/Images/maps.png)no-repeat center;
}

    .maps-resource-icon:hover {
        background: url(/Images/maps-hover.png)no-repeat center;
    }

.webcasts-resource-icon {
    background: url(/Images/webcasts.png)no-repeat center;
}

    .webcasts-resource-icon:hover {
        background: url(/Images/webcasts-hover.png)no-repeat center;
    }

.rss-resource-icon {
    background: url(/Images/rss.png)no-repeat center;
}

    .rss-resource-icon:hover {
        background: url(/Images/rss-hover.png)no-repeat center;
    }

.data-resource-icon {
    background: url(/Images/data.png)no-repeat center;
}

    .data-resource-icon:hover {
        background: url(/Images/data-hover.png)no-repeat center;
    }

.subscribe-resource-icon {
    background: url(/Images/subscribe.png)no-repeat center;
}

    .subscribe-resource-icon:hover {
        background: url(/Images/subscribe-hover.png)no-repeat center;
    }

.dcFooter {
    TEXT-ALIGN: center !important;
}

.dcFooter {
    CLEAR: both;
    FONT-SIZE: 13px;
    PADDING-BOTTOM: 24px;
    LINE-HEIGHT: 19px;
    TEXT-ALIGN: left;
}

.dcFooterList {
    display: inline-block;
    margin: .5rem;
}

    .dcFooterList ul {
        list-style: none;
        padding-left: 0px;
    }

.dcFooterLabel {
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    COLOR: #444444;
    FONT-FAMILY: Arial,Helvetica,sans-serif;
    padding: 5px 0 10px 0;
}

.dcFooterList a, #footer-wrapper a, .resource-icon-text a {
    COLOR: #0038B1;
    FONT-FAMILY: Arial,Helvetica,sans-serif;
    TEXT-DECORATION: none;
}
/** Star divider css */
#block-block-112:before {
    /*content: url('/Images/main_stars.jpg');*/
    /*background: url('/Images/line_bg.jpg') repeat-x center;*/
    content: "\f005 \a0 \f005 \a0 \f005";
    font-family: "FontAwesome";
    color: #173C66;
    background: url('/Images/line_bg.jpg') repeat-x center;
    text-align: center;
    display: block;
    margin: 5px 0 5px 0;
}
/** Resource List CSS */
.resource-icon-text {
    position: absolute;
    bottom: -20px;
    font-size: 13px;
}

#featured, #page-wrapper, #footer-wrapper, #triptych-wrapper, #page-wrapper .section, #highlighted, #header {
    border: none;
    background: none;
    padding: 0px;
    position: relative;
}

#page-wrapper, #footer-wrapper {
    background: #292929;
}

    #featured, #page-wrapper, #footer-wrapper, #triptych-wrapper, #page-wrapper .section, #highlighted, #header {
        border: none;
        background: none;
        padding: 0px;
        position: relative;
    }

        #header div.section, #featured, #messages div.section, #main, #triptych, #footer-columns, #footer {
            width: 972px;
            margin-left: auto;
            margin-right: auto;
        }




.twitter-resource-icon, .facebook-resource-icon, .maps-resource-icon, .mobile-resource-icon, .webcasts-resource-icon, .rss-resource-icon, .data-resource-icon, .youtube-resource-icon, .subscribe-resource-icon, .twitter-resource-icon:hover, .facebook-resource-icon:hover, .maps-resource-icon:hover, .mobile-resource-icon:hover, .webcasts-resource-icon:hover, .rss-resource-icon:hover, .data-resource-icon:hover, .youtube-resource-icon:hover, .subscribe-resource-icon:hover {
    min-height: 50px;
    width: 50px;
}

.resource-content-block {
    padding: 10px;
}

    .resource-content-block :hover {
        background-color: yellow;
    }

user agent stylesheet
div {
    display: block;
}


.twitter-resource-icon, .facebook-resource-icon, .maps-resource-icon, .mobile-resource-icon, .webcasts-resource-icon, .rss-resource-icon, .data-resource-icon, .youtube-resource-icon, .subscribe-resource-icon, .twitter-resource-icon:hover, .facebook-resource-icon:hover, .maps-resource-icon:hover, .mobile-resource-icon:hover, .webcasts-resource-icon:hover, .rss-resource-icon:hover, .data-resource-icon:hover, .youtube-resource-icon:hover, .subscribe-resource-icon:hover {
    min-height: 50px;
    width: 50px;
}

.more-link {
    text-align: right;
    font-size: 18px;
}

    .more-link::after {
        content: url('/Images/more-arrow.png');
        display: block;
        margin-left: 7px;
        margin-top: 1px;
        float: right;
    }

.copyright-text {
    color: #fff;
}

.site-font-family {
    font-family: "Poppins", sans-serif;
}

.footer-container {
    text-align: center;
    padding: 1rem;
}

#resource-icon-section {
    text-align: center;
    margin: 10px;
    color: #ccc;
    font-size: 13px;
    min-height: 100px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 1rem;
}

.footer-icons {
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: 1rem;
    align-items: center;
}

.body-background {
    background-color: var(--background-color);
}

@media (max-width: 767px) {
    .resource-content-block {
        margin: .5rem 2rem;
    }

    .dcBar {
        text-align: center;
        gap: 1rem;
    }
}