/* 
    Created on : Apr 22, 2016, 1:42:39 PM
    Author     : ELopez
*/

/** MT UPDATED 09-25-2017 **/

*:focus, .focused {
    outline: solid 3px !important;
    outline: -webkit-focus-ring-color auto 5px !important;
    outline-offset: 2px !important;
    text-decoration: none;
}

/* a:focus,
button:focus {
    text-decoration: underline !important;
} */

html {
    color: var(--grey-warm-dark);
    font-size: 16px;
}

body {
    color: var(--grey-warm-dark);
    padding-top: 0;
    text-align:center;
    font:14px/1.231 arial,helvetica,clean,sans-serif;
    *font-size:small;
    *font:x-small;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {
    margin:0;
    padding:0;
}

table {
    border-collapse:collapse;
    border-spacing:0;
    font-size:inherit;
}

fieldset,img {
    border:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
    font-style:inherit;
    font-weight:inherit;
}

ins {
    text-decoration:none;
}

li {
    list-style:none;
}

h1,h2,h3,h4,h5,h6 {
    font-family: 'Raleway', arial, helvetica, sans-serif;
}

q:before,q:after {
    content:'';
}

abbr,acronym {
    border:0;
    border-bottom: 1px dotted var(--black);
    cursor:help;
    font-variant:normal;
}

sup {
    vertical-align:super;
}

sub {
    vertical-align:sub;
}

legend {
    color: var(--black);
}

input,button,textarea,select,optgroup,option {
    font-family:inherit;
    font-size:inherit;
    font-style:inherit;
    font-weight:inherit;
}

pre,code,kbd,samp,tt {
    font-family:monospace;
    *font-size:108%;
    line-height:100%;
}

h1 {
    font-size:150%;
}

h2 {
    font-size:123.1%;
}

h3 {
    font-size:108%;
}

h4,h5,h6 {
    font-size:100%;
}

h1,h2,h3 {
    margin:0 0 1em 0;
}

h1,h2,h3,h4,h5,h6,strong,dt {
    font-weight:bold;
    letter-spacing: 0.2px;
}

optgroup {
    font-weight:normal;
}

em {
    font-style:italic;
}

del {
    text-decoration:line-through;
}

ol,ul,dl {
    padding-left: 0;
}

ol li {
    list-style:decimal outside;
}

dl dd {
    margin-left:1em;
}

th,td {
    border: 1px solid var(--black);
    padding:.5em;
}

th {
    font-weight:bold;
    text-align:center;
}

caption {
    margin-bottom:.5em;
    text-align:center;
}

p,fieldset,table,pre {
    margin-bottom:1em;
}

button,input[type="checkbox"],input[type="radio"],input[type="reset"],input[type="submit"] {
    padding:1px;
}

.description {
    font-size: 105%;
    letter-spacing: 0.6px;
}

.description td {
    display:block;
    width: 100%;
}

.contentItem .description a {
    text-decoration: none;
}

.contentItem .description a:hover {
    text-decoration: underline;
}

.text-info{
    color: var(--ti-blue) !important;
}
/********** HEADER JSP *************/

    /** PRE HEADER STYLE START **/
        .preheader .container {
            padding-right: 4%;
            margin-left: 3%;
        }

        .preheader {
            width: 100%;
            background-color: var(--grey-warm-light);
            padding: 8px 0;
        }
        
        .new-page-content {
            margin-left: 3%;
            margin-right: 40px;
        }

        /* LEFT SIDE */

        ul.preheadernav {
            list-style: none;
            margin: 0 auto;
            display: block;
            text-align: center;
        }

        ul.preheadernav li {
            display: inline;
            padding: 0 4px; 
        }

        ul.preheadernav, ul.preheadernav li a {
            /*color: var(--grey-warm-light);*/
            text-transform: capitalize;
            line-height: 20px;
            font-size: 95%; 
        }

        ul.preheadernav li a:hover {
            color: var(--yellow);
        }

        ul.preheadernav li.spacer {
            padding: 0;
        }

        ul.preheadernav li #baseFontSize, 
        ul.preheadernav li #largerFontSize, 
        ul.preheadernav li #largestFontSize {
            width: 12px;
            height: auto;
            display:inline;
        }

        /* RIGHT SIDE */

        /* .preheader .preheadernav-contact {
            display: none;
        } */

    /** PRE HEADER STYLE END **/

    /** MAIN NAVIGATION STYLE START **/

    /** BOOTSTRAP-VUE NAVBAR START **/
        
        .navbar-row {
            position: relative;
        }
        
        .bg-nrd-blue .social,
        .bg-nrd-blue .social a {
            color: var(--grey-lightest);
        }

        .social {
            margin-top: 1.1rem;
            position: absolute;
            right: 0;
        }
    
        .social.social-tw {
            right: 38px;
        }

        .social.social-fb {
            right: 75.5px;
        }

        .navbar {
            border: none;
            justify-content: flex-start;
            margin-bottom: 0;
            padding: 8px 0;
        }

        .navbar-nrd .navbar-toggler {
            background-color: var(--grey-lightest);
            color: var(--grey-warm-dark);
            padding: 9px 11px;
        }

        .navbar-nrd .navbar-toggler i {
            font-size: 23px;
        }

        .navbar .navbar-collapse {
            padding: 0px;
        }

        .navbar-collapse ul {
            width: 100%;
        }

        .navbar-nrd .navbar-nav li {
            width: 100%;
            list-style: none;
            margin: 0 auto;
        }

        .navbar-nrd .navbar-nav .nav-link,
        .navbar-nrd .navbar-nav .dropdown-item {
            border-top: 1px solid var(--grey-40);
            font-family: Raleway, arial, helvetica, sans-serif;
            font-size: 14px;
            font-weight: 700;
            letter-spacing: 0.2px;
            line-height: inherit;
            text-transform: uppercase;
        }

        .navbar-nrd .navbar-nav li a:hover,
        .navbar-nrd .navbar-nav li a.active {
            text-decoration: underline;
        }

        .navbar-nrd .dropdown-menu {
            border-radius: 0;
            padding: 0;
        }
        
        .navbar-nrd .nav-link:hover,
        .navbar-nrd a.dropdown-item:hover {
            text-decoration: underline;
        }
        
        .navbar-nrd .navbar-nav .nav-link {
            background-color: var(--grey-lightest);
            color: var(--grey-warm-dark);
            padding: 0.75rem 0;
            text-align: center;
        }
        
        .navbar-nrd .navbar-nav .dropdown-menu .dropdown-item {
            background-color: var(--white);
            color: var(--blue);
            font-size: .8rem;
            padding: 0.75rem 1rem;
            padding-left: 5%;
        }
        
        .navbar-nrd .navbar-nav .dropdown-menu li:last-child .dropdown-item,
        .navbar-nrd .navbar-nav .dropdown-menu .dropdown-item:hover {
            background-color: var(--yellow);
        }
        
        .navbar-img {
            height: 30px;
        }

        /** BOOTSTRAP-VUE NAVBAR END **/

        .navbar-default {
            background-color: inherit;
            border: none;
            padding: 0;
        }

        .navbar-default .navbar-toggle2 {
            border-color:transparent
        }

        /* .navbar {
            margin-bottom: 0;
            min-height: 32px;
        } */

        .header-logo {
            margin-right: auto;
        }
        
        .mainlogo, .mobilelogo {  
            display:inline; 
            width: 100%;
        }

        .mainlogo img.logoSize {
            width: 375px;
        }

        .mobilelogo img.logoSize {
            width: 100%;
        }

        .page-coloring .button-container {
            text-align: right;
            padding: 0;
            float: left;
        }

        .page-coloring .button-container button {
            background: var(--white);
            border: 1px solid var(--grey-mid);
            color: var(--black);
            font-size: 1em;
            font-weight: 600;
            /*padding: 4px 6px;*/
            width: 6em;
        }

        .page-coloring .button-container .greyscale-page {
            border-top: none;
            /*border-bottom: none;*/
        }

        .page-coloring .button-container button:hover,
        .page-coloring .button-container button.active {
            background: var(--blue);
            color: var(--white);
        }

        .page-coloring .button-container button.active {
            cursor: not-allowed;
        }

    /** MAIN NAVIGATION STYLE END **/


    /** SEARCH FEATURE START **/

        .search-section {
            margin-left: 3%;
        }
    
        .search-button {
            font-size: 100%;
            text-align: center;
            white-space: nowrap;
            font-weight: 600;
            line-height: 1.42857;
            text-transform: uppercase;
            color: var(--grey-warm-dark);
            border: medium none;
            background-color: var(--yellow);
            -moz-user-select: none;
            user-select: none;
            background-image: none;
            border: 1px solid transparent;
            border-radius: 2px;
            cursor: pointer;
            display: block;
            margin-bottom: 20px;
            margin-top: 10px;
            margin-right: 20px;
            padding: 8px 12px;
            float:right;
        }

        .btn {
            border: none;
            border-radius: 5px;
            font-weight: 600;
            line-height: 1.42857;
            padding: 15px;
            text-transform: uppercase;
        }

        .btn-carousel {
            border-radius: 2px;
            font-size: 80%;
            padding: 8px 12px;
        }

        .btn-ext-link {
            border-radius: 2px;
            font-size: 90%;
            padding: 9px 12px;
        }

        .btn-news {
            padding: 7px 10px;
        }

        .centerbutton {
            width: 100%;
            margin: 0 auto;
        }
    /** SEARCH FEATURE END **/

    /** SEARCH ROW **/

        .search-row {
            margin-bottom: 35px;
        }
    
        .search-section .category-content {
            padding: 10px 15px;
            font-family: Raleway, arial, helvetica, sans-serif;
            font-style: normal;
            font-weight: 700;
            font-size: 1.2em;
            color: rgba(49,103,172,1);
        }

        .search-section .category-paragraph {
            font-size: 1.2em;
        }

        .search-static-body {
            margin-bottom: 25px;
            padding: 10px 10px 6px;
        }

        .search-static-body .search-box {
            margin-top: 0;
        }

        .search-static-body .form-control {
            border-radius: 0;
        }

        .search-static-body span {
            font-size: 1.25em;
        }

        .search-box {
            margin-top: 10px;
            position: relative;
        }

        .search-box .col, .search-box [class*=col-] {
            padding-left: 2.5px;
            padding-right: 2.5px;
        }

        .search-box .button-row .form-control {
            padding-bottom: 10.8px;
            padding-top: 10.8px;
        }

        .search-box .button-row .form-control:hover,
        .search-box .button-row .form-control:focus {
            filter: brightness(0.8);
        }

        /* .search-box label {
            color: var(--white);
        } */

        .search-box ul li {
            list-style: none;
        }

        .search-box input.form-control::placeholder {
            color: var(--grey-mid);
        }

        .search-box input.form-control {
            line-height: 1.258;
        }

        .search-box .form-control {
            border: none;
            color: inherit;
            height: auto;
            margin-bottom: 4px;
            padding: 12px;
        }

        .search-box .form-control:hover {
            box-shadow: 0 0 2px var(--grey-80) inset;
        }

        .search-box .form-control[disabled] {
            filter: brightness(0.8);
        }

        .search-box .form-control[disabled]:hover {
            box-shadow: none;
        }

        .search-box .form-row {
            margin: 0 -2.5px;
        }

        .search-box i {
            padding-right: 4px;
        }

        .search-box #search-zip.zip-error {
            background-color: var(--red-lightest);
            box-shadow: 0 0 5px 1px var(--red-dark) inset;
            color: var(--red-dark);
        }

        .search-box .invalid-zip {
            display: none;
            margin: 0;
            position: absolute;
            height: 100%;
            width: 100%;
            z-index: 110;
        }

        .search-box .invalid-zip .invalid-text {
            color: var(--white);
            font-size: 1.5em;
            display: flex;
            align-items: center;
            justify-content: center;
            position: absolute;
            height: 100%;
            width: 100%;
            z-index: 1500;
        }

        .search-box .invalid-zip .invalid-bg {
            background: var(--black);
            border-radius: 4px;
            height: 100%;
            width: 100%;
            opacity: .5;
            position: absolute;
            z-index: 1000;
        }

    /** SEARCH ROW END **/

        .quick-link-bar {
            margin-bottom: 25px;
        }
        .quick-link-buttons {
            margin-top: 11px;
            margin-bottom: 25px;
        }
    
        .btn-quick-link {
            border: none;
            border-radius: 40px;
            display: inline-block;
            font-weight: 300;
            line-height: 15px;
            padding: 0.5rem 0.5rem;
            text-align: center;
            text-transform: none;
            transition: all 0.3s ease 0s;
        }
        
        .btn-quick-link:disabled {
            background-color: #e2e6ea;
            border: none;
            border-radius: 40px;
            display: inline-block;
            font-weight: 300;
            line-height: 15px;
            opacity: 100%;
            padding: 0.5rem 0.5rem;
            text-align: center;
            text-transform: none;
            transition: all 0.3s ease 0s;
        }
        
        .btn-quick-link:hover {
            background-color: #5a6268;
            color: #e2e6ea;
        }
        
        .btn-quick-link:hover,disabled {
            background-color: #e2e6ea;
            color: #212529;
        }
        
        .filter-remove-button {
            background-color: #e2e6ea;
            color: #212529;
            border: none;
        }
        
    /** EXPLORE POPULAR RESOURCES START **/
        .popular-resources-header {
            margin-left: 3%;
        }
        
        .popular-resources-row {
            margin-left: 3%;
            margin-right: 3%;
            margin-bottom: 25px;
        }
        
        .border-primary {
        /*  border-color: #325d88 !important;*/
            border-color: var(--bg-blue) !important;
        }
        
        @media (max-width: 575px) {
        }
        
        @media (min-width: 576px) {
        }
        
        .popular-resources-card .header-text {
            bottom: 0;
            padding-right: 3%;
            position: absolute;
        }
        
        .popular-resources-card .card-footer {
            background: white;
            border-radius: 10px;
            border-top: none;
        }
        
        .popular-resources-title {
            margin-top: 15px;
            font-family: Raleway, arial, helvetica, sans-serif;
            color: rgba(49,103,172,1);
        }
        
        .popular-resources-button:hover .popular-resources-button:visited {
            background-color: var(--hover-blue);
        }
        
        .popular-resources-button {
            text-transform: none;
            border-radius: 10px;
            margin-top: 15px;
            margin-bottom: 20px;
            background-color: var(--button-blue);
        }
    /** EXPLORE POPULAR RESOURCES END **/

    /** OUR SPONSORS START **/
        @media (max-width: 575px) {
            .sponsors-row  {
                display: flex;
                flex-flow: row wrap;
            }

            .sponsors-row .sponsors-card {
                min-width: 75%;
                margin-left: 3%;
                margin-right: 3%;
            }
        }

    /** OUR SPONSORS END **/
        
    /** RESOURCE COORDINATION PROGRAMS ROW **/
        
        @media (max-width: 767px) {
            .rcp-section .row {
                height: 110px;
            }
        }
        
        @media (min-width: 768px) {
            .rcp-section .row {
                height: 160px;
            }
        }

        .rcp-section {
            background-color: var(--grey-10);
            height: 425px;
            /* margin-bottom: 60px; */
        }

        /* .rcp-section .row {
            height: 160px;
        } */

        .rcp-section img {
            margin-top: -20px;
            width: 200px;
        }

        /* .rcp-section .rcp-links {
            text-align: center;
        } */

        @media (min-width: 576px) {
            .rcp-section .rcp-link1 {
                padding-left: 5%
            }
        }

        .rcp-section .rcp-links a {
            color: var(--black);
            font-weight: 600;
            text-decoration: underline;
        }
        
        .rcp-section .rcp-info {
            font-size: smaller;
            margin-bottom: 0em;
        }

    /** RESOURCE COORDINATION PROGRAMS ROW END **/


/********** HOME PAGE *************/

    /** MAINTENANCE CTA START **/
        .info-banner .tab-content .tab-pane.active {
            height: 100%;
        }
        
        .info-banner .nav-item .nav-link.dark-hover.active.info-tab {
            background-color: transparent;
            border-color: transparent;
            border-left-color: var(--grey-10);
        }

        .info-banner .nav-item .nav-link.dark-hover {
            background-color: transparent;
            border-left-color: var(--grey-10);
            border-bottom-color: var(--grey-10);
            border-right: none;
            border-radius: 0;
            margin-right: 0;
        }
    
        .info-banner .nav-item .nav-link.dark-hover:hover {
            border-color: transparent;
            border-radius: 0;
            background-color: rgba(0,0,0,0.3);
            color: var(--white) !important;
        }
    
        .info-banner .nav-item .nav-link.dark-hover.active:hover {
            background-color: initial;
            color: initial !important;
        }

        .info-banner .nav-item:first-of-type .nav-link.dark-hover,
        .info-banner .nav-item:first-of-type .nav-link.dark-hover.active.info-tab {
            border-left-color: transparent;
        }
    
        .info-banner .nav-tabs .nav-link.dark-hover.text-black {
            color: var(--black);
        }

        .info-banner h2.banner-title {
            letter-spacing: 0.6px;
            text-transform: uppercase;
        }

        .info-banner .banner-paragraph,
        .info-banner .banner-link {
            letter-spacing: 0.2px;
        }

        .info-banner .banner-link {
            color: inherit;
            text-decoration: underline;
        }

        .info-banner .pause-button {
            position: absolute;
            bottom: 1.25rem;
            left: calc(50% - 1.5rem);
            font-size: 1.5rem;
            line-height: 0;
            width: 1.5rem;
        }

        .info-tabs .text-custom-md {
            font-size: 1.8em;
            filter: brightness(0.7);
        }
        
        .info-tabs .fa-exclamation-triangle.text-custom-md {
            top: 1px;
        }

        .info-tabs .text-custom-lg,
        .info-tabs .icon-custom-lg,
        .info-tabs .back-icon {
            color: rgba(255,255,255,0.7);
        }
        
        .info-tabs .back-icon {
            font-size: 1.3em;
            top: 2px;
        }
        
        .info-tabs .text-custom-lg {
            font-size: 2em;
        }

        .info-tabs .icon-custom-lg {
            font-size: 1.2em;
        }

        .info-tabs .text-custom-md,
        .info-tabs .text-custom-lg,
        .info-tabs .icon-custom-lg,
        .info-tabs .back-icon {
            position: absolute;
            left: 0;
            line-height: inherit;
            width: 100%;
            text-align: center;
        }

        .info-banner .info-tabs {
            margin: 0;
        }
        
        .info-tabs .row {
            margin: 0;
        }
    /** MAINTENANCE CTA END **/


    /** NEWS SECTION START **/
        #NewsSection {
            background-color: var(--white);
            margin: 10px 0;
            margin-bottom: 20px;
            width: 100%;
        }

        p.news-paragraph {
            font-size: 105%;
            word-wrap: break-word;
            text-align: center
        }

        .main-news .NewsTicker-Section {
            margin: 0 auto;
            width: 100%;
        }

        .NewsTicker-Section img.news-icon {
            width: 20%;
            margin: 0 auto;
            float: left;
            display: inline;
        }

        .NewsTicker-Section ul li {
            font-weight: bold;
            padding: 10px;
            list-style: none;
        }

    /** NEWS SECTION END **/


    /** CATEGORY SECTION START **/
        #byCategorySection, #byCommunitySection {
            width: 100%;
            padding-top: 5px;
        }

        #byCategorySection .button-row,
        #byCommunitySection .button-row {
            margin-top: 15px;
        }

        #byCommunitySection {
            padding-bottom: 30px;
        }

        .category-paragraph {
            font-size: 105%;
        }

        .byCategoryMargins {
            margin-left: 0;
        }
        
        .blankCommunityOffset {
            display: none;
        }

        .CategoryEntry {
            width: 100%;
            padding: 10px;
            margin: 0 auto;
            margin-bottom: 10px;
            border: 1px solid var(--grey-40);
            display:block;
            background-color: var(--white);
            font-weight: bold;
            text-align: center;
            border-radius : 5px; 
            box-shadow : 0px 4px 4px var(--grey-light);
            color: var(--blue-dark);
        }

        .CategoryEntry:hover {
            text-decoration: underline;
            background-color: var(--blue);
            color: var(--blue-dark);
        }

        .byCategoryFigure {
            margin: 0 auto;
            width: 100%;
            position: relative;
            padding: 10px 0;
        }

        .byCategoryFigcaption {
            text-align: center;
            width: 100%;
            margin: 0 auto;
        }

        .byCategoryCenterButton {
            text-align: center;
            width: 100%;
            margin: 0 auto;
        }
    /** CATEGORY SECTION END **/


    /** SUBMIT CTA START **/
        #SubmitCTA {
            padding-bottom: 80px;
            padding-top: 45px;
        }

        #SubmitCTA h1 {
            padding-bottom: 12px;
        }

        #SubmitCTA p.category-paragraph {
            font-size: 110%;
            /*padding-left: 3%;*/
        }

        #SubmitCTA .submitCTA-btn {
            margin-top: 35px;
            text-align: center;
        }

        #SubmitCTA .get-started {
            padding: 20px 45px;
            background-color: var(--blue);
        }
        
        .submit-row {
            margin-left: 3%;
        }

    /** SUBMIT CTA END **/


    /** CAROUSEL SECTION START  **/
        .carousel-section {
            width: 100%;
            margin: 0 auto;
        }

        .carousel-text {
            border:none; 
            display:inline-block;
            position: relative;
            z-index: 500;
            background-color: white;
        }

        .carousel-section h2.carousel-header {
            text-align:left;
            font-weight: bold;
            font-size: 100%;
        }

        .carousel-section p.carouselMsg {
            font-size: 85%;
            text-align: left;
            line-height: 18px;
        }

        .carousel-section .centerButton {
            text-align: left;
            margin-top: 20px;
        }

        /* CAROUSEL DIRECTIONALS */
            .carousel-section .carousel-indicators {
                bottom: 0;
                left: 0;
                margin: 10px auto;
                /* padding-bottom: 10px; */
                padding-left: 0;
                /* margin-top: 10px; */
                opacity: 0.8;
                position: relative;
            }

            .carousel-section .carousel-indicators li {
                margin-left: 5px;
                margin-right: 5px;
            }

            .carousel-section .carousel-card {
                min-height: 375px;
                max-height: 375px;
            }

            .carousel-section .carousel-inner {
                margin-left: 5px;
                margin-right: 5px;
                min-height: 375px;
                max-height: 375px;
            }
    /** CAROUSEL SECTION END **/


    /** HOTLINE SECTION START **/
        .hotline-row {
            width: 100%;
            font-weight: bold;
        }

        .hotline-row .hotline-crisis .container {
            padding: 0;
        }

        .hotline-row .hotline-crisis {
            width: 100%;
            padding: 40px;
            text-align: center;
            display: flex;
            align-items: center;
        }

        .hotline-row .hotline-many {
            width: 100%;
            padding: 2% 2% 0px 3%;
            /*text-align: center;*/
            display: flex;
            align-items: center;
        }

        .hotline-row .hotline-many .card-body {
            padding-left: 0;
        }

        .hotline-988-img {
            height: auto;
            max-width: 100%;
        }
        
        .hotline-row .hotline-crisis h2.crisis-header {
            text-align:center;
            text-transform: uppercase;
            font-size: 170%;
            font-weight: bold;
            margin: 0 auto;
            padding-bottom: 10px;
        }

        .hotline-row .hotline-crisis h2.crisis-phone2 a {
            color: var(--black);
            text-decoration: underline;
        }

        .hotline-row .hotline-crisis h2.crisis-phone,
        .hotline-row .hotline-crisis h2.crisis-phone2 {
            font-size: 140%;
            letter-spacing: 1px;
            font-family: 'arial';
            text-align: center;
            color: var(--black);
            text-decoration: none;
            margin: 0 auto;
        }

        .hotline-row .hotline-crisis h2.crisis-phone2 a:hover {
            color: var(--black);
            text-decoration: underline;
        }

        .hotline-row .hotline-many .card-title {
            font-size: 21pt;
        }

        .hotline-row .hotline-many h2.hotline-header {
            font-size: 130%;
            letter-spacing: 0.6px;
            font-weight: bold;
            text-align: center;
            text-transform: uppercase;
        }

        .hotline-row .hotline-many ul.hotline-list {
            list-style: none;
        }

        .hotline-row .hotline-many ul.hotline-list li {
            list-style: none;
            padding-bottom: 10px;
        }

        .hotline-row .hotline-many ul.hotline-list li:last-of-type {
            padding-bottom: 0;
        }

        .hotline-row .hotline-many ul.hotline-list li h3 {
            color: var(--white);
            font-size: 105%;
            font-weight: bold;
            letter-spacing: 0.6px;
            margin: 0;
            padding: 5px 5px 5px 0;
        }

        .hotline-row .hotline-many ul.hotline-list li a {
            font-size: 130%;
            font-family: 'arial';
            letter-spacing: 1px;
            text-align: center;
        }
        
    /** HOTLINE SECTION END **/

    /** CRD SECTION START **/

    /* .crd-text-new {
        font-size: xxx-large;
        font-weight: bold;
        font-family: Myriad Pro, Arial, Helvetica, sans-serif;
    } */
    
        @media (max-width: 575px) {
            .crd-img {
                margin-left: 15%;
                padding: 40px 0px 40px;
            }

            .crd-text {
                margin: 20px 20px 30px 50px;
            }
        }
        
        @media (min-width: 576px) {
            .crd-img {
                float: right !important;
                padding: 40px 0px 40px;
            }

            .crd-text {
                margin: 90px 20px 90px 50px;
            }
        }
        
    /** CRD SECTION END **/


    /** SPOTLIGHT SECTION START **/
        .spotlight-section {
            margin-left: 3%;
            max-width: 94%;
            padding: 20px 0;
            padding-bottom: 40px;
        }

    @media (max-width: 575px) {
        .spotlight-row {
            width: 100%;
            margin: 0 3%;
        }
    }

    @media (min-width: 576px) {
        .spotlight-row {
            width: 100%;
            margin: 0 auto;
            margin-top: 0px;
            margin-bottom: 20px;
        }
    }

        .spotlight-row ul.spotlight-list {
            width: 100%;
            margin: 0 auto;
            margin-top: -5px;
            list-style: none;
        }

        .spotlight-row ul.spotlight-list li {
            list-style: none;
            text-align: center;
        }

        .spotlight-row ul.spotlight-list li img {
            width: 70%;
            margin: 0 auto;
        }
    /** SPOTLIGHT SECTION END **/

    /** IE CHECK BEGIN **/
        .ie-detect-dialog .modal-content {
            width: 65%;
            margin: auto;
        }

        .ie-detect-dialog .modal-body .form-row {
            margin-top: 20px;
        }

/********* HOME PAGE END **********/


/********** RESOURCE MAIN PAGE ***********/

    .Resource-CategoryMain h1#pageTitle {
        color: var(--blue);
        text-transform:uppercase;
        padding-top: 20px;
        font-size: 180%;
    }

    .Resource-CategoryMain .description {
        font-size: 105%;
        letter-spacing: 0.6px;
    }

    .Resource-CategoryMain #CategoryLead-Main {
        margin-top: 20px;
    }

    .Resource-CategoryMain #CategoryLead-Main .categorylead-section {
        padding: 20px 18px;
        border-style: Solid;
        border-width: 1px;
        border-radius: 5px;
        margin-bottom: 22px;
        overflow: auto;
    }

    .Resource-CategoryMain #CategoryLead-Main .categorylead-section .categorylead-body h2 a {
        border: none;
        height: 0;
        margin: 0 auto;
        padding: 0;
        text-transform: uppercase;
        text-align: center;
        text-decoration: none;
    }

    .Resource-CategoryMain #CategoryLead-Main .categorylead-section .categorylead-body h2 a:hover {
        text-decoration: underline;
    }

    .Resource-CategoryMain #CategoryLead-Main .categorylead-section .categorylead-body p {
        font-size: 100%;
        letter-spacing: 0.6px;
    }

    .Resource-CategoryMain #CategoryLead-Main .categorylead-section .categorylead-body ul {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        list-style:none;
        -webkit-column-break-inside: avoid;
        break-inside: avoid-column;
        page-break-inside: avoid;
        column-gap: 30px;
    }

    .Resource-CategoryMain #CategoryLead-Main .categorylead-section .categorylead-body ul li {
        font-size: 100%;
        padding-top: 13px;
        list-style:none;
        page-break-inside:avoid; /* Chrome, Safari */
        -webkit-column-break-inside:avoid; /* FF 20+ */
        break-inside: avoid; /* IE */
    }

    .categorylead-section .categorylead-body ul li a i {
        margin-right: 10px;
    }

    .Resource-CategoryMain #CategoryLead-Main .categorylead-section .categorylead-body ul li a {
        text-decoration: none;
    }

    .Resource-CategoryMain #CategoryLead-Main .categorylead-section .categorylead-body ul li a:hover {
        text-decoration: underline;
    }

    /*Resource Categories display */

    .resourceCategories_title {
        margin-top: 40px;
        font-family: Myriad Pro, Arial, Helvetica, sans-serif;
        font-size: 175%;
        font-weight: normal;
        text-align: left;
        text-transform: uppercase;
    }

    .Resource-CategoryMain {
        position: relative;
    }

    #CategoryLead-Main {
        margin: 0;
    }


    #categoriesPageBottom .Resource-CategoryMain  {
        width: 100%;
        padding-bottom: 40px;
    }

    #categoriesPageBottom .Resource-CategoryMain #CategoryLead-Main .categorylead-section {
        padding: 20px 18px;
        border-style: none;
    }

    #categoriesPageBottom .Resource-CategoryMain #CategoryLead-Main .categorylead-section .categorylead-body h2 a {
        border: none;
        margin: 0 auto;
        padding: 0;
        text-transform: uppercase;
        text-align: center;
        text-decoration: none;
    }

    #categoriesPageBottom .Resource-CategoryMain #CategoryLead-Main .categorylead-section {
        height: 100%;
    }

    .resourceCategories-div_arrow_blue {
        background: transparent;
        margin-top: -42px;

    }

    .Resource-CategoryMain .categorylead-images .CategoryEntry {
        margin: 1px 0;
        width: 82%;
    }

    #CategoryLead-Main .categorylead-section .byCategoryImage {
        padding-bottom: 0;
    }

    /*End Resource Categories display */


/********** ABOUT US PAGE ***********/

    #OurPartnership {
        padding-top: 10px;
        padding-bottom: 30px;
        margin-top: 3em;
    }

    .json-section, .glossary-section, .howtouse-section {
        padding-top: 40px;
        padding-bottom: 40px;
        position: relative;
    }

    .about-intro .description {
        font-size: 105%;
        letter-spacing: 0.6px;
    }

    .about-intro .description ul.about-categorylist,    
    .howtouse-section ul.about-categorylist {
        padding-top:10px;
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        list-style: none;
    }

    .about-intro .description ul.about-categorylist li {
        list-style: none;
        padding-top: 5px;
        font-size: 105%;
    }

    .about-intro .description ul.about-categorylist li a {
        text-transform: capitalize;
        text-decoration: none;
    }

    .about-intro .description .byCategoryCenterButton {
        margin-top: 20px;
    }

    .about-us-titles {
        font-family: Myriad Pro, Arial, Helvetica, sans-serif;
        font-size: 175%;
        font-weight: 500;
        margin-bottom: 0;
        text-align: center;
        padding-top: 20px;
        padding-bottom: 20px;
        text-transform: uppercase;
    }
    
    .about-us-paragraph {
        color: var(--white);
        text-align: center;
        font-size: 80%;
        margin: 0 10%;
        line-height: 25px;
        padding-bottom: 2%;
    }
    
    .about-subsection-new {
        padding-top: 50px;
    }

    .participation-policy-header {
        font-size: 44px !important;
    }
    
/********** RESOURCE JSP ***********/
/*    .resource-body {
        padding-top: 40px;
        padding-bottom: 40px;
        position: relative;
        padding-bottom: 20px;
    }*/

    .resource-quick-link-buttons {
        margin-top: 10px;
        margin-bottom: 20px;
    }
        
    .resource-body .panel-body iframe body p {
        font: 13px arial,helvetica,clean,sans-serif;
        line-height: 16px;
    }

    .resource-body .panel-body iframe body a,
    .resource-body .panel-body a {
        text-decoration: none;
    }

    .resource-body .panel-body iframe body a:hover,
    .resource-body .panel-body a:hover {
        text-decoration: none;
    }   


    /** LEFT SIDE BAR START **/
        .left-sidebar {
            width: 100%;
            min-height: 1px;
            padding-left: 15px;
            padding-right: 15px;
            position: relative;
            margin: 0 auto;
        }

        .left-sidebar h2 {
            margin-bottom: 0;
            text-align: center;
        }

        .left-sidebar .panel-heading .sidebar-panel-heading {
            text-align: center;
            font-weight: bold;
            letter-spacing: 0.6px;
            margin: 0 auto;
            margin-bottom: 0;
            font-size: 111%;
        }


        /** LEFT SIDE BAR SORT FILTER **/

            .left-sidebar .sorting .panel-body .sort-box {
                font-size: 105%;
            }

            .left-sidebar .sorting .panel-body .sort-box #select-sort {
                width: 100%;
            }


        /** LEFT SIDE BAR SEARCH FILTER **/

            .left-sidebar .panel-primary {
                border-color: var(--blue);
            }

            .left-sidebar .panel-primary > .panel-heading {
                background-color: var(--blue);
                border-color: var(--blue);
                margin-top: -1px;
            }

            .left-sidebar .panel-body p {
                text-align:left;
            }

            .left-sidebar .emergency-hotline-panel p {
                text-align:center;
                font-weight: bold;
            }

            .left-sidebar .panel-body p a {
                font-weight: bold;
                color: black;
            }

            .left-sidebar .panel-body ul.ivh-treeview {
                list-style: none;
            }

            .left-sidebar .panel-body ul.ivh-treeview li,
            .left-sidebar .panel-body ul.ivh-treeview ul li {
                list-style: none;
                padding-bottom: 10px;
                padding-top: 5px;
            }


            .left-sidebar .panel-body .ivh-treeview-checkbox-wrapper ng-scope {
                height: 10px;
                margin-top: 5px;
            }

            .left-sidebar .panel-body ul.ivh-treeview ul li {
                font-weight: 500;
            }
            
            .filter-section {
                padding-top: 40px;
                margin: -20px auto 0;
                width: 100%;
            }
            
            .filter-section h4 {
                padding-bottom: 10px;
            }
            
            .filterlabel-list {
                display:inline;
                margin: 10px 5px;
            }
            
            span.filter-labels {
                break-inside: avoid-column;
                -webkit-column-break-inside: avoid;
                white-space: nowrap;
                border: 1px solid var(--grey-mid);
                border-radius: 3px;
                color: var(--grey-mid);
                font-size: 90%;
                letter-spacing: 0.2px;
                padding: 5px;
                white-space: nowrap;
                overflow: hidden;
                margin: 5px;
                display: inline-block;
            }

            .filter-labels input {
                border: none;
                background-color: white;
            }
            
            

            .left-sidebar .panel-body .filter-labels input {
                font-size: 80%;
            }

        /** LEFT SIDE BAR SEARCH FILTER **/

        .left-sidebar .input-group {
            width: 100%;
            margin: 0 auto;
        }

        .left-sidebar p {
            text-align: center;
            font-size: 100%;
        }

        .left-sidebar p.sidebar-hotline {
            text-align: center;
            font-size: 100%;
        }

        .left-sidebar ul.sidebar-hotline {
            list-style:none;
            text-align: center;
        }

        .left-sidebar ul.sidebar-hotline li {
            margin: 0 auto;
            width: 100%;
            padding-top: 10px;
            padding-bottom: 10px;
            list-style: none;
        }

        .left-sidebar .side-title {
            font-size: 105%;
            text-align: center;
            font-weight: bold;
            width: 100%;
            margin: 0 auto;
            padding-bottom: 5px;
            display:block;
        }

        .left-sidebar a:hover {
            color: var(--yellow);
        }

        .left-sidebar a.side-number {
            font-size: 105%;
            font-weight: normal;
            margin: 0 auto;
            width: 100%;
            text-align: center;
            letter-spacing: 0.4px;
        }

        .left-sidebar a.side-number:hover {
            text-decoration: underline;
        }

        .left-sidebar .side-major {
            padding-top: 10px;
            border-top: 1px solid var(--grey-warm-dark);
        }

        .left-sidebar .side-major p {
            font-size: 90%;
            font-weight: normal;
        }

        .left-sidebar .side-majortitle {
            font-size: 105%;
            text-align: center;
            font-weight: bold;
            width: 100%;
            margin: 0 auto;
            padding-bottom: 5px;
            display:block;
        }

        .left-sidebar .side-majornumber {
            font-size: 110%;
            font-weight: bold;
            margin: 0 auto;
            width: 100%;
            text-align: center;
            text-decoration: none;
        }

        .left-sidebar .wish-button {
            width: 100%;
            margin: 0 auto;
            text-align: center;
        }

        .left-sidebar .wish-button .panel-button {
            -moz-user-select: none;
            user-select: none;
            background-image: none;
            border: 1px solid transparent;
            border-radius: 2px;
            cursor: pointer;
            font-size: 90%;
            font-weight: 600;
            line-height: 1.42857;
            margin: 0 auto;
            padding: 6px 10px;
            text-align: center;
            text-transform: uppercase;
            vertical-align: middle;
            white-space: nowrap;
        }

        .left-sidebar .input-group .form-control {
            width: 100%;
            margin: 0 auto;
            margin-bottom: 15px;
            text-align: center;
        }

        .left-sidebar .form-control {
            padding: 6px;
            border-radius: 0;
            font-size: 100%;
            border-color: var(--grey-20);
        }

        .left-sidebar #stateId option {
            text-align:center;
            padding: 5px 0;
        }

    /** LEFT SIDE BAR END **/

    /** RIGHT MAIN SECTION START **/
        .resource-body .page-row {
            margin-bottom: 20px;
        }

        .resource-body .page-row .pagination {
            margin: 0;
            padding-right: 9%
        }

        .resource-main .resources-found {
            font-size: 120%;
        }

        .resource-main, .news-intro {
            width: 100%;
            min-height: 1px;
            padding-bottom: 40px;
            position: relative;
            margin: 0 auto;
        }

        .resource-main img#spotlight-icon {
            height: 25px;
            display:inline;
            float:left;
            margin-bottom: 10px;
            padding-right: 10px;
        }

        .resource-main h1 {
            text-transform: uppercase;
            letter-spacing: 0.2px;
            font-size: 180%;
            margin-bottom: 0;
            color: var(--blue);
        }

        .resource-main .text-info {
            text-align: center;
            font-size: 130%;
        }

        /** PAGE NUMBER ROW **/

        .resource-main .page-row {
            width: 100%;
            padding-bottom: 20px;
        }

        .resource-main .page-row .page-list,
        .resource-main .page-row .pagination-list {
            width: 100%;
        }

        .resource-main .page-row .pagination-list ul.pagination {
            margin: 0 auto;
        }

        .resource-main .page-row .pagination li a,
        .resource-main .page-row .pagination li span {
            background-color: var(--grey-lightest);
            border: 1px solid var(--grey-10);
            color: var(--grey-mid);
        }

        .resource-main .page-row .pagination li span {
            background-color: var(--grey-5);
            color: var(--grey-light);
        }

        .resource-main .page-row .pagination li a:hover {
            background-color: var(--grey-10);
            color: var(--grey-60);
            box-shadow: 0 0 1px var(--black) inset;
        }

        /** RESOURCE BOXES **/

        .resource-main .panel-default {
            border: 1px solid var(--grey-10);
            border-radius: 2px;
        }
        
        .resource-main .resourcemain-boxes.panel .panel-heading {
            background-color: var(--blue);
            cursor: pointer;
            font-size:85%;
            font-weight:500;
            letter-spacing: 0.2px;
            line-height:22px;
            margin-left: -0.5px;
            margin-top: -0.5px;
            text-transform:uppercase;
        }

        .resource-main .resourcemain-boxes.panel .panel-heading.collapsed {
            background-color: var(--grey-lightest);
        }
                
        .resource-main #resourceResults .resourcemain-boxes div.resource-header {
            color: var(--white);
            font-size: 1.3em;
        }

        .resource-main #resourceResults .resourcemain-boxes .panel-heading.collapsed div.resource-header {
            color: var(--blue);
        }
                
        .resource-main #resourceResults .resourcemain-boxes div.resource-header i {
            font-size: 1.4em;
        }
        
        .resource-main #resourceResults .resourcemain-boxes div.resource-header h2 {
            margin-bottom: 5px;
            margin-left: 5px;
            margin-top: 5px;
            font-size: 1.25em;
            text-transform: capitalize;
            width: 100%;
            line-height: 24px;
            display:inline;
            letter-spacing: 0.2px;
        }
        
        .resource-main #resourceResults .resourcemain-boxes .resource-panel-info {
            margin-left: 20px;
        }

        .resourcemain-boxes .panel-heading .resource-panel-info,
        .resourcemain-boxes .panel-heading .resource-panel-info a {
            color: var(--grey-lightest);
        }

        .resourcemain-boxes .panel-heading.collapsed .resource-panel-info,
        .resourcemain-boxes .panel-heading.collapsed .resource-panel-info a {
            color: var(--grey);
        }
        
        .resource-main #resourceResults .panel-body.resourceCollapsable {
            padding: 20px 35px;
            transition: all .2s ease-in-out;
        }
        
        .resource-main #resourceResults .panel-body.resourceCollapsable.resourceCollapsed {
            padding: 0;
        }

        .resource-main #resourceResults .resourcemain-boxes iframe p {
            letter-spacing: 0.4px;
        }

        .resource-main #resourceResults .resourcemain-boxes .resourcemain-btn {
            width:100%;
            text-align: right;
        }

        .resource-main #resourceResults .resourcemain-boxes .resourcemain-btn .resourcemain-button {
            -moz-user-select: none;
            user-select: none;
            background-color: var(--yellow);
            border: 1px solid transparent;
            border-radius: 2px;
            color: var(--grey-warm-dark);
            cursor: pointer;
            display: inline-block;
            font-size: 80%;
            font-weight: 600;
            line-height: 1.42857;
            margin-bottom: 5px;
            margin-right: 20px;
            margin-top: 10px;
            padding: 8px 12px;
            text-align: center;
            text-transform: uppercase;
            vertical-align: middle;
            white-space: nowrap;
        }


        .resource-main #resourceResults .resourcemain-boxes .social-container {
            padding: 10px;
        }

        .detailTags .social-container {
            padding: 0px;
            margin-top: 0px;
        }

        .resource-main #resourceResults .resourcemain-boxes .social-container h4 {
            font-size: 90%;
            padding-bottom: 5px;
        }

        .resource-main #resourceResults .resourcemain-boxes .social-container ul {
            list-style: none;
            padding-top:5px;
            
        }

        .resource-main #resourceResults .resourcemain-boxes .social-container ul li, .detailTags .social-container ul li {
            list-style: none;
            display: inline;
            padding: 5px 10px;
            float: left;
        }

        .detailTags .social-container ul li {
            padding: 5px 20px 5px 0;
        }

        .detailTags .social-container a, 
        .detailTags .social-container a:hover {
            text-decoration: none;
        }

        .resource-main #resourceResults .resourcemain-boxes .social-container ul li i.fa-envelope::before,
        .resource-main #resourceResults .resourcemain-boxes .social-container ul li .fa-envelope::before,
        .detailTags .social-container ul li .fa-envelope::before {
            font-size: 110%;
        }

        .social-container .facebook i {
            color: var(--facebook-blue);
        }

        
        /** SOCIAL MEDIA BUTTONS **/
        
        .socialTags {
            padding: 55px 10px;
        }

        .socialTags .social-container ul li {
            list-style: none;
            display: inline;
            padding: 5px 10px;
            float: left;
            padding: 5px 20px 5px 0;
        }
        
        .facebook-button {
            font-size: 1.5em !important;
            vertical-align: top;
        }

        /** RESOURCE POP-UP **/

            .modal-content {
                padding: 20px 30px;
            }

            .modeal-content .modal-header {
                border-bottom: none;
            }

            .modal-body .detail-contact {
                padding: 0 5px;
                color: var(--grey-40);
            }

            .modal-body .detail-body {
                padding: 30px 0;
                display: block;
            }

            .modal-body ul {
                padding-left: 10px;
            }

            .modal-body li {
                padding: 5px 0;
            }

            .modal-body li a {
                text-decoration: none;
            }

            .modal-body li a:hover,
            .modal-body li a:active {
                text-decoration: underline;
            }

            #modal-body p {
                font-size: 110%;
                padding: 20px 0;
            }

            #modal-body .resourcemain-btn {
                display:block;
            }

            #modal-body .resourcemain-btn a {
                background-color: var(--yellow);
                color: var(--grey-warm-dark);
                border-radius: 4px;
                padding: 10px;
                font-size: 80%;
                font-weight: bold;
            }

            #modal-body .resourcemain-btn a:hover {
                background-color: var(--yellow);
                text-decoration: none;
            }

            #modal-body .detailTags {
                padding-top: 20px;
            }

            .modal-footer {
                margin-top: 30px;
            }

            .modal-footer .btn-primary {
                border-radius: 4px;
                padding: 10px;
                font-weight: bold;
            }

            .modal-footer .btn-primary:hover {
                text-decoration: none;
            }

            .modal-footer .btn-warning, #modal-footer .btn-warning:hover {
                background-color: var(--grey-10);
                color: var(--grey-warm-dark);
            }



    /** RIGHT MAIN SECTION END **/


/********** Resource Details page ***********/

    .resourcedetail-left, 
    .resourcedetail-right {
        width: 100%;
        min-height: 1px;
        position: relative;
        margin: 0 auto;
    }

    .resourcedetail-right {
        margin-top:100px;
    }
    
    .resourcedetail-left .invalid-resource {
        text-align: center;
    }
    
    .resourcedetail-left .invalid-resource h3 {
        font-size: 140%;
        margin-top: 30px;
        text-transform: uppercase;
    }
    
    .resourcedetail-left .invalid-resource p {
        font-size: 100%;
    }
    
    .resourcedetail-left .invalid-resource a {
        text-decoration: none;
        font-weight: bold;
    }
    
    .resourcedetail-left .invalid-resource a:hover,
    .resourcedetail-left .invalid-resource a:active {
        text-decoration: underline;
    }

    .detail-section .resourcemain-btn {
        width:100%;
    }

    .detail-section .resourcemain-btn .resourcemain-button {
        -moz-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 2px;
        cursor: pointer;
        display:inline-block;
        font-size: 80%;
        font-weight: 600;
        line-height: 1.42857;
        margin-top: 15px;
        padding: 8px 12px;
        text-align: center;
        text-transform: uppercase;
        vertical-align: middle;
        white-space: nowrap;
    }

    .detail-section .resourcemain-btn .resourcemain-button:hover {
        filter: brightness(0.9);
    }

    .detailTags h3 {
        text-transform: uppercase;
        font-size: 90%;
    }

    .resource-detail-header-row {
        margin-top: 50px;
    }
    
    .resource-detail-buttons {
        margin-right: 10px;
        text-transform: capitalize;
    }
    
    .resourcedetail-right h3 {
        border-bottom-style: solid;
        border-bottom-width: 1px;
        padding-bottom: 5px;
    }

    .resourcedetail-right .tags,
    .resourcedetail-right .audience,
    .resourcedetail-right .additionallinks {
        padding-bottom: 35px;
        word-wrap:break-word;
    }

    .resourcedetail-right .additionallinks > div {
        padding-bottom: 20px;
    }

    .resourcedetail-right .additionallinks > div:last-of-type {
        padding-bottom: 0;
    }

    .resourcedetail-right .tags span,
    .resourcedetail-right .audience span {
        line-height:36px;
        word-wrap:break-word;
    }

    .resourcedetail-right .tags .tag-name,
    .resourcedetail-right .audience .tag-name {
        border-style: solid;
        border-width: 1px;
        border-radius: 3px;
        padding: 5px;
        font-size: 90%;
        letter-spacing: 0.9px;
        white-space: pre;
        word-wrap:break-word;
        margin-right: 3px;
    }

    .resourcedetail-right .audience .tag-name:hover, .resourcedetail-right .tags .tag-name:hover {
        text-decoration: none;
    }

    .resource-detail-info {
        margin-top: 20px;
    }

    .resource-detail-loc {
        padding-bottom: 20px;
    }
    
    .resource-detail-info::after {
      content: "";
      display: block;
      clear: both;
    }

    .resource-detail-info .resource-detail-title {
        font-family: Myriad Pro, Arial, Helvetica, sans-serif;
        font-size: 175%;
        margin-bottom: 15px;
        text-align: left;
        text-transform: uppercase;
    }

    .resource-detail-info .resource-detail-description {
        width: 100%;
        height: 100%;
        font-family: Myriad Pro, Arial, Helvetica, sans-serif;
        font-size: 125%;
        text-align: left;
        margin-bottom: 15px;
    }

    .resource-detail-info .resource-detail-site-button {
        position: relative;
        /*text-align: right;*/
        margin: 20px 0px;
    }

    .resource-detail-loc .res-site-button {
        user-select: none;
        -ms-user-select: none;
        -webkit-user-select: none;
        background-color: transparent;
        border: 1px solid transparent;
        border-radius: 0.2rem;
        cursor: pointer;
        display: inline;
        font-size: 80%;
        font-weight: 600;
        line-height: 1.0;
        margin-right: 20px;
        outline: none;
        padding: 0.25rem 0.5rem;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        transition: all .1s;
        vertical-align: middle;
        white-space: nowrap;
    }

    .resource-detail-info .resource-detail-site-button .res-site-button,
    .resource-detail-addresses .location-cards .location-card .loc-directions,
    .resource-detail-locations .resource-direction-button,
    .resource-body .map-button .dir-button {
        user-select: none;
        -ms-user-select: none;
        -webkit-user-select: none;
        border: 1px solid transparent;
        border-radius: 2px;
        cursor: pointer;
        display: inline;
        font-size: 80%;
        font-weight: 600;
        line-height: 1.42857;
        margin-right: 20px;
        outline: none;
        padding: 8px 12px;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        transition: all .1s;
        vertical-align: middle;
        white-space: nowrap;
    }

    .resource-detail-info .resource-detail-site-button .res-site-button:hover,
    .resource-detail-loc .res-site-button:hover,
    .resource-detail-addresses .location-cards .location-card .loc-directions:hover,
    .resource-detail-locations .resource-direction-button:hover,
    .resource-body .map-button .dir-button:hover {
        box-shadow: 0 1px 3px;
        position: relative;
        text-decoration: none;
        top: -1px;
    }

    .resource-detail-locations {
        border: 2px solid var(--grey-lightest);
        margin-bottom: 20px;
    }

    .resource-detail-locations .resource-detail-location-header {
        padding: 15px;
    }

    .resource-detail-locations .resource-detail-location-header .resource-detail-location-title {
        display: inline;
        font-size: 1.5em;
    }

    .resource-detail-locations .resource-direction-button {
        padding: 4px 12px;
    }

    .resource-detail-locations .resource-detail-location-info {
        padding: 20px;
    }

    .resource-detail-locations .resource-detail-location-info .phone-email-url {
        width: 50%;
        position: relative;
        padding-left: 15px;
        padding-right: 15px;
        float: left;
    }

    .resource-detail-locations .resource-detail-location-info .right-locations {
        width: 50%;
        position: relative;
        padding-left: 15px;
        padding-right: 15px;
        float: right;
    }

    .resource-detail-addresses .location-cards .location-card .loc-directions {
        border-radius: 4px;
        color: inherit;
        filter: brightness(.97);
        padding: 4px 12px;
    }

    .resource-detail-addresses .location-cards .location-card .loc-directions:active,
    .resource-detail-info .resource-detail-site-button .res-site-button:active,
    .resource-body .map-button .dir-button:active {
        box-shadow: none;
        top: 0;
    }

    .resource-body .map-button {
        padding-left: 15px;
    }

    .resource-detail-addresses {
        border-radius: 2px;
        margin-bottom: 20px;
    }

    .resource-detail-addresses .location-header {
        border-radius: 2px 2px 0 0;
    }

    .resource-detail-addresses .location-header h1 {
        margin: 0;
        padding: 15px;
    }

    .resource-detail-addresses .detail-addresses-info {
        border-radius: 0 0 2px 2px;
        box-shadow: 0 0 5px 1px inset;
        max-height: 572px;
        overflow: auto;
        padding: 30px 30px 15px;
    }

    .resource-detail-addresses .location-header,
    .resource-detail-addresses .detail-addresses-info {
        border-bottom-style: solid;
        border-bottom-width: 1px;
    }

    .resource-detail-addresses .location-cards .no-locations-card .loc-card-body {
        font-weight: 600;
        padding: 10px;
    }

    .resource-detail-addresses .location-cards .location-card {
        box-shadow: 0 2px 5px;
        margin-bottom: 15px;
        transition: all .1s;
    }

    .resource-detail-addresses .location-cards .location-card:hover {
        box-shadow: 0 5px 5px 2px;
        position: relative;
        top: -3px;
    }

    .resource-detail-addresses .location-cards .location-card .loc-card-header {
        padding: 10px;
    }

    .resource-detail-addresses .location-cards .location-card .loc-card-header > h3 {
        margin: 0;
    }

    .resource-detail-addresses .location-cards .location-card .loc-card-body {
        padding: 10px;
    }

    .resource-detail-addresses .location-cards .location-card .loc-card-body .loc-card-address > div {
        display: inline-block;
    }

    .resource-detail-addresses .location-cards .location-card .loc-card-body .loc-card-address .loc-card-address-icon {
        vertical-align: top;
    }

    .resource-detail-addresses .location-cards .location-card .loc-card-phone-email i {
        margin-right: 3px;
    }

    .resource-detail-addresses .location-cards .location-card .loc-card-phone-email-button:focus {
        outline: none;
    }

    .resource-detail-addresses .location-cards .location-card .loc-card-phone-button,
    .resource-detail-addresses .location-cards .location-card .loc-card-email-button {
        border-top-style: solid;
        border-top-width: 1px;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        cursor: pointer;
        padding-top: 5px;
        padding-bottom: 5px;
        text-align: center;
    }

    .resource-detail-addresses .location-cards .location-card .loc-card-email-button:active,
    .resource-detail-addresses .location-cards .location-card .loc-card-phone-button:active {
        box-shadow: 0 0 3px inset;
        transform: scale(.99);
    }

    .resource-detail-addresses .location-cards .location-card .loc-card-phone-button {
        border-right-style: solid;
        border-right-width: 1px;
    }

    .resource-detail-addresses .location-cards .location-card .loc-card-phones,
    .resource-detail-addresses .location-cards .location-card .loc-card-emails {
        border-bottom-style: solid;
        border-bottom-width: 1px;
        padding-bottom: 5px;
        padding-top: 5px;
    }

    .resource-detail-addresses .location-cards .location-card .loc-card-phone > div {
        display: inline;
    }

    .resource-detail-addresses .location-cards .location-card .loc-card-footer {
        clear: both;
        padding: 7px 10px 10px;
        text-align: right;
    }

    .float-right {
        float: right;
    }
    
    .resource-info #map-panel, .resource-info #directions-panel {
        display: none;
    }

    .resource-info #map-panel {
        border-radius: 4px;
        border-style: solid;
        border-width: 1px;
        padding: 10px;
    }

    .resource-info #map-panel.map-open {
        display: block;
        margin-top: 15px;
    }

    .resource-info #map-panel h1 {
        font-size: 1.7em;
        padding: 5px;
        margin-bottom: 10px;
    }

    .resource-info #map-panel .form-horizontal .form-group:last-child {
        margin-bottom: 0;
    }

    .resource-info #map-panel .form-control {
        padding: 8px 10px;
    }

    .resource-info #map-panel .dir-button:disabled:hover {
        box-shadow: none;
        top: 0;
    }

    .resource-info #map-panel .dir-button:disabled {
        opacity: 0.7;
        cursor: not-allowed;
    }

    .resource-info #map {
        position: relative;
        width: 100%;
        height: 64%;
        min-height: 400px;
        margin-bottom: 15px;
    }

    .resource-info #directions-panel {
        margin-top: 15px;
    }

/*Resource Detail END*/

    
/********** CONTACT/FAQ PAGES *************/

    .contact-info
    .suggest-section
    .about-section
    .resource-info
    .policy-section {
        /*margin-bottom: 20px;*/
        padding-top: 15px;
        position: relative;
    }

    .faq {
        margin-bottom: 20px;
        padding-top: 20px;
        position: relative;
    }

    @media screen and (max-width: 400px) {
        .contact-info {
            padding-top:20px;
        }
    }

    .contact-info .description {
        font-size: 105%;
        letter-spacing: 0.6px;
    }

    .faq .card {
        border-radius: 0;
        border-right: 0;
        border-left: 0;
        border-color: var(--grey-30);
        transition: all .3s;
    }

    .faq .card-header {
        background-color: inherit;
        border: none;
    }
    
    .faq .card-header .btn {
        box-shadow: none;
        color: var(--blue);
        font: 600 1rem 'Raleway';
        outline: none!important;
        text-transform: initial;
    }
    
    .faq .card-header .btn:hover,
    .faq .card-header .btn:focus {
        background-color: var(--grey-lightest);
    }
    
    .faq .card-header .btn.not-collapsed {
        background-color: var(--grey-lightest);
    }

    .faq .card-header .btn .fa-plus {
        transition: transform .3s;
    }
    
    .faq .card-header .btn.not-collapsed .fa-plus {
        transform: translateX(1.2%) rotate(-45deg);
    }
    
    .faq .card-header .faq-text {
        vertical-align: middle;
        white-space: normal;
    }
    
    .faq .card-body {
        padding-top: 0;
    }
    
    .faq .collapse.show .card-body,
    .faq .collapse.collapsing .card-body {
        background-color: var(--grey-lightest);
        border-bottom: 3px solid var(--blue);
    }

    .faq .card-body .card-text {
        margin-left: 2rem;
    }

    .faq .card .card-body span {
        font-weight: 600;
    }

        
/** custom controls **/

    .control {
        position: relative;
        padding-left: 30px;
        cursor: pointer;
    }

    .control input {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }

    .control__indicator {
        position: absolute;
        top: 1px;
        left: 0;
        height: 15px;
        width: 15px;
        border: 1px solid var(--grey-mid);
    }

    .control input:checked + .control__indicator:after {
        display: block;
    }

    .control input:focus + .control__indicator {
        outline: solid 3px!important;
        outline: -webkit-focus-ring-color auto 5px!important;
        outline-offset: 2px!important;
        text-decoration: none;
    }

    /** NRD-463, NRD-486:: New custom radio buttons: **/

    .control--radio .control__indicator {
        border-radius: 50%;
    }

    .control.control--radio:hover input:not(:checked) + .control__indicator {
        background: var(--grey-20);
    }

    .control.control--radio .control__indicator:after {
        content: '';
        position: relative;
    }

    .control.control--radio input:checked + .control__indicator:after {
        top: -1px;
        left: -1px;
        height: 15px;
        width: 15px;
        border-radius: 50%;
        border: 4.8px solid var(--blue);
    }

/**  End new custom radio buttons **/

/**  New custom checkbox  **/
    /* See: https://kyusuf.com/post/completely-css-custom-checkbox-radio-buttons-and-select-boxes */

    .CheckBoxList .control {
        display: block;
        margin-bottom: 15px;
    }

    .control--checkbox .control__indicator {
        -webkit-appearance: none;
        content: '';
        top: 0;
        border-radius: 3px;
    }

    .control.control--checkbox input:checked + .control__indicator {
        border: none;
    }

    .control.control--checkbox .control__indicator:after {
        position: absolute;
        display: none;
        content: "\2713";
        color: var(--white);
        width: 15px;
        height: 15px;
        text-align: center;
        border-radius: 3px;
        font-size: 13px;
    }

/**  End new custom checkbox  **/

/** end custom controls **/


    .suggest-section .buttons a,
    .suggest-section .buttons input,
    .suggest-section .buttons button,
    .orginfo-section .buttons a,
    .orginfo-section .buttons input,
    .orginfo-section .buttons button,
    .CategoryEntry .buttons a,
    .news-info .panel-body .buttons a {
        border-radius: 2px;
        font-weight: bold;
        text-transform: none;
        padding: 8px 12px;
        border: 1px solid transparent;
        height: 35px;
        text-shadow: none;
    }



/******* MAINTENANCE PAGE ********/
    
    .maintenance-section {
        padding: 60px 0;
    }

    .maintenance-section .logo {
        width: 50%;
        margin: 0 auto;
        align-content: center;
    }

    .maintenance-section .logo img {
        margin: 0 auto;
        display: block;
        min-width: 200px;
        width: 100%;
    }

    .maintenance-section h1 {
        color: var(--blue);
        text-transform:uppercase;
        text-align: center;
        padding-top: 20px;
        font-size: 280%;
    }

    .maintenance-section .maintenance-error h2 {
        font-size: 230%;
        text-align: center;
        color: var(--red-dark);
        padding-bottom: 10px;
    }

    .maintenance-section .maintenance-error .maintenance-error404 {
        font-size: 230%;
        text-align: center;
        color: var(--blue);
        padding-bottom: 10px;
    }

    .maintenance-section p {
        text-align: center;
        font-size: 170%;
        letter-spacing: 0.6px;
        color: var(--grey-warm-dark);
    }

    .maintenance-section li {
        text-align: center;
        font-size: 100%;
    }


    .maintenance-section a {
        color: var(--blue);
        text-decoration: none;
    }


    .maintenance-section a:hover {
        color: var(--blue);
        text-decoration: underline;
    }


/********** FOOTER JSP *************/

    /** FOOTER START **/

        .footer {
            width: 100%;
            margin-top: 0px;
        }

        /** PRE FOOTER **/

            .pre-footer {
                width: 100%;
                padding: 10px 10px 10px 3%;
            }

            .pre-footer .container {
                padding-left: 0;
                margin-left: 0;
            }

            .pre-footer .social-section {
                width: 60%;
                margin: 0 auto;
                padding-top:5px;
                display: block;
            }

            .pre-footer h3.social-header {
                font-size: 100%;
                text-transform: uppercase;
                margin-bottom: 10px;
                text-align: center;
            }

            .pre-footer .emblem-row {
                width: 60%;
                margin: 0 auto;
                text-align: center;
                float:left;
                display:inline;
            }

            .pre-footer ul.emblem-list {
                list-style: none;
                float: left;
            }

            .pre-footer ul.emblem-list li {
                display: inline;
                padding-right: 5px;
            }

            .pre-footer ul.emblem-list li img {
                width: 45px;
                height: auto;
            }
        /** PRE FOOTER END **/

        /** FOOTER NAV START **/

            .whole-footernav {
                padding-top: 35px;
                padding-bottom: 20px;
                width: 100%;
            }

            .whole-footernav .container {
                margin-left: 3%;
                padding-left: 0;
                max-width: 100%;
            }

            .footer-nav {
                width: 25%;
                display:inline;
                float:left;
                padding-left: 0;
            }

            .footer-nav h2.footnav-header {
                font-size: 100%;
                font-weight: bold;
                margin: 0;
                padding-bottom: 5px;
                text-align: left;
                text-transform: uppercase;
            }

            .footer-nav ul.footer-weblinks {
                text-align: left;
            }

            .footer-nav ul.footer-weblinks li {
                padding-bottom: 5px;
                list-style: none;
            }

            .footer-nav ul.footer-weblinks li a {
                font-size: 90%;
                text-align: center;
            }

            .footer-nav ul.footer-weblinks li a:hover {
                text-decoration: underline;
            }
        /** FOOTER NAV END **/

        /** FOOTER-BASE START **/

            .footer-header {
                font-size: 90%;
                font-weight: normal;
                text-align: left;
                padding: 15px;
            }

            .footer-header i {
                margin-right: 4px;
            }
            
            .foot-disclaimer {
                width: 100%;
                padding-top: 15px;
                padding-bottom: 15px;
            }

            .foot-disclaimer .container {
                margin-left: 3%;
                padding-left: 0;
                max-width: 97%;
            }

            .foot-disclaimer .text-footer {
                font-size: 90%;
                font-weight: normal;
                text-align: left;
                padding-left: 15px;
                padding-right: 15px;
            }

            .foot-disclaimer .text-footer a {
                color: white;
            }

            .foot-disclaimer .text-footer a:hover {
                text-decoration: underline;
            }
        /** FOOTER-BASE END **/
    /** FOOTER END **/


 

/**************** SEARCH WIDGET RESOURCE FULL PAGE **************/

    body.search-widget {
        text-align: left;
    }

    .search-widget .resource-body {
        margin-top:20px;
    }

    .search-widget h1, .search-widget h2, .search-widget h3 {
        font-family: "Raleway", arial, helvetica, sans-serif;
    }

    body.search-widget p {
        font-family: "Roboto","Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: 500;
    }

    /** PRE HEADER STYLE START **/

        .widget-preheader {
        width: 100%;
        padding: 8px 0;
        }

        /* RIGHT SIDE */

        .widget-preheader ul.preheadernav-contact {
        list-style: none;
        margin: 0 auto;
        display: block;
        text-align:center;
        list-style: none;
        }

        .widget-preheader ul.preheadernav-contact li {
            color: var(--white);
            list-style: none;
        }

        .widget-preheader ul.preheadernav-contact li a {
            color: var(--yellow);
            text-decoration: none;
        }

        .widget-preheader ul.preheadernav-contact li a:hover {
            text-decoration: underline;
        }

    
    /** PRE HEADER STYLE END **/


    /** MAIN NAV SECTION **/

        #modalWidgetHeader {
            color: var(--white);
            margin: 0 auto;
            text-align:center;
            width: 100%;
            display:block;
            padding-bottom:60px;
        }

        #modalWidgetHeader .mainlogo {
            margin: 0 auto;
            width: 100%;
            padding: 10px;
            float: none;
            display:block;
            
        }

        #modalWidgetHeader .mainlogo a {
            text-align: center;
            margin: 0 auto;
            width: 100%;
        }

        #modalWidgetHeader .mainlogo img#logoSize {
            max-width:50%;
            min-width: 280px;
            height: auto;
            margin: 0 auto;
            vertical-align: middle;
        }



    /** LEFT SIDEBAR **/

    .search-widget .left-sidebar {
        padding-bottom: 30px;
    }

    .search-widget .left-sidebar .panel-heading .sidebar-panel-heading {
        text-transform: uppercase;
        font-size: 14px;
    }


    /** MAIN RESOURCE RESULT SECTION **/

    .search-widget h1 {
        margin-bottom: 20px;
    }

    .search-widget .resource-main #resourceResults .resourcemain-boxes h2 a {
        font-size: 100%;
        font-weight: 600;
    }

    .resource-main .pagination-list p.resource-found {
        font-size: 13px;

    }

    .search-widget #resourceResults .panel-heading .text, 
    .search-widget #resourceResults .panel-heading .text-muted {
        color: var(--grey-40);
        font-size: 11px;
        line-height: 22px;
        font-weight: 500;
        text-transform: uppercase;

    }


.center-item {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.shadow-NRD {
    box-shadow : 0px 4px 5px rgba(0, 0, 0, 0.5);
}

/*Header start*/
.Header_Gray_BG {
    position: relative;
    width: 100%;
    padding: 8px 0;
	
}

#header_row input {
    padding-top: 8px;
    padding-bottom: 7px;
}

.Header_Search_Button {
    border: none !important;
    background: transparent !important;
    float: left;
}

.Header_Search_Image {
    height: 35px;
    border: none !important;
    background: transparent !important;
}

.main-menu-bar {
    width: 100%;
    font-size: 95%;
}

.spotlight-filter-margin {
    margin-top: 216px;
}

.regular-filter-margin {
    margin-top: 140px;
}

#filter-sidebar {
    width: 250px;
    margin-top: 100px;
    padding-bottom: 100px;
}

#filter-sidebar .b-sidebar-header {
    /*margin-left: 20px;*/
    padding: 0 18px 0 0;
}

#filter-sidebar .b-sidebar-header .sidebar-header-row {
    margin-left: 15px;
}

#filter-sidebar .sidebar-body {
    padding: 0 1rem;
}

#filter-sidebar .sidebar-header-button {
    padding: 0.25rem 0.5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

#filter-sidebar .sidebar-submit-button {
    margin-left: 20px;
    padding-right: 0.6rem;
}

#filter-sidebar .sidebar-close-button {
    background: transparent;
    margin-left: 70px;
    margin-top: 22px;
}

#filter-sidebar .filter-close-fa {
    color: #3167ac;
    font-size: 24px;
    padding-right: 5px;
}

.filter-button {
    margin-left: 6%;
    position: absolute;
    top: 200px
}

#filter-sidebar .form-control {
    background-color: lightgray;
    color: black;
    padding: 0;
}

.remove-filters-button {
    line-height: 0.4;
    /* margin-left: -132px; */
    margin-right: 5px;
    margin-top: 5px;
}

.resource-state {
    padding: 20px;
}

.bg-resource-state {
    background-color: var(--bg-blue);
}

.search-floater {
    /* margin-top: 100px; */
    height: 40px;
    width: 40px;
    margin-bottom: 10px;
    padding: 11px 11px 7px;
    border-radius: 50%;
    white-space: nowrap;
    z-index: 100;
    transition: all .5s;
    top: 15px;
}

.search-floater.non-sticky {
    position: absolute;
    right: 15px;
}

.search-floater.sticky {
    position: sticky;
    float: right;
}

.search-floater.collapsed {
    padding: 0;
}

.search-floater.open {
    cursor: initial;
    width: 100%;
    height: auto;
    border-radius: 0;
    overflow: visible;
}

.search-floater .search-floater-header {
    position: relative;
}

.search-floater .search-floater-header button {
    background-color: transparent;
    border: none;
    padding: 0;
}

.search-floater.collapsed .search-floater-header .search-floater-open {
    padding: 11px;
    border-radius: 50%;
}

.search-floater .search-floater-header .search-header-text {
    margin-left: 4px;
}

.search-floater.collapsed .search-floater-header .search-header-text {
    display: none;
}

.search-floater .search-floater-header .search-floater-close {
    display: none;
    position: absolute;
    right: 0;
}

.search-floater.open .search-floater-header .search-floater-close {
    display: inline;
}

.search-floater .loading-spinner {
    position: absolute;
    padding: 45px 168px;
    z-index: 10;
    margin-top: 10px;
    border-radius: 4px;
    opacity: .3;
    cursor: not-allowed;
    display: none;
}

.search-floater .search-box {
    padding: 0;
    display: none;
    margin-bottom: 0;
}

.search-floater.open .search-box {
    display: block;
}

.paragraph-spacing {
    line-height: 1.5;
}

@media braille {

    .search-floater {
        height: auto;
        width: auto;
        border-radius: 4px;
    }

    .search-floater .search-box {
        display: block;
    }

    .search-floater.non-sticky, .search-floater.sticky {
        position: relative;
        float: none;
        right: 0;
    }
}

/** SOCIAL MAIN NAV SECTION **/
.social-list2 {
    list-style: none;
    margin: 0 auto;
    text-align: right;
    padding-top: 20px;
}

.social-list2 li {
    display: inline;
    padding-left: 15px;
    color: var(--grey-lightest);
}

.social-list2 .nrdfacebook, .social-list2 .nrdlinkedin {
    color: var(--grey-lightest);
}

.pre-footer .social-list2 {
    list-style: none;
    margin: 0 auto;
    display: inline;
    padding-top: 6px;
    float:right;
}
/*END SOCIAL MAIN NAV SECTION*/

/** Image Carousel Indicators **/

 .carousel-indicators {
    position:absolute;
    bottom:10px;
    right:0%;
    z-index:15;
    width:100%;
    padding-left:0;
    list-style:none;
    text-align:center
}
.carousel-indicators li {
    display:inline-block;
    width:15px;
    height:15px;
    margin:1px;
    text-indent:-999px;
    border: 1px solid var(--blue);
    border-radius:10px;
    cursor:pointer;
    background-color: var(--white);
}
.carousel-indicators .active {
    margin:0;
    width:17px;
    height:17px;
    background-color: var(--blue);
}

/* End Image Carousel Indicators **/

/** Home Page titles **/

.home-titles {
    font-family: Myriad Pro, Arial, Helvetica, sans-serif;
    font-size: 48px;
    font-weight: bold;
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 30px;
}

@media (max-width: 575px) {
    .home-subtitles {
        margin-left: 6%;
        margin-right: 6%;
    }
}

.home-subtitles {
    font-family: Myriad Pro, Arial, Helvetica, sans-serif;
    font-size: 38px;
    font-weight: bold;
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 30px;
    cursor: pointer;
}

.detail-title {
    font-family: Myriad Pro, Arial, Helvetica, sans-serif;
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 30px;
}

/**End Home Page Titles **/

/**News Ticker**/
.newsTickerSlick {
    margin-bottom: 15px;
}

.news-table {
    display: table; 
    height: 100%;
    width: 100%;
    padding: 15px 5px;
}

.news-table .news-row {
    display: table-row;
}

.news-table .news-row .news-cell {
    display: table-cell;  
    vertical-align: bottom;
    text-align: center;
    margin: auto
}

.news-boxes-text {
    font-family: Myriad Pro, Arial, Helvetica, sans-serif;
    font-size: 95%;
    text-align: center;
    color: var(--black);
}

.News-CategoryEntry {
    width: 100%;
    height: 175px;
    padding: 10px;
    margin: 0 auto;
    margin-bottom: 10px;
    border: 1px solid var(--grey-40);
    display:block;
    color: var(--grey-warm-dark);
    background-color: var(--white);
    font-weight: bold;
    text-align: center;
    border-radius : 5px; 
    box-shadow : 0px 4px 4px rgba(78, 79, 79, 0.4);
}

.news-button 
{
            
    font-size: 100%;
    text-align:center;
    white-space: nowrap;
    text-transform: uppercase;
    color: var(--white);
    border: 1px solid transparent;
    border-radius: 2px;
    cursor: pointer;
    padding: 7px;
    border-radius : 5px; 
}
    
/**End News Ticker**/


.upperCaseMe {
    text-transform: uppercase;
}

.marginTop40 {
    margin-top: 40px;
}

.input-bar {
    display: table;
    width: 100%;
}

.input-bar-item {
    display: table-cell;
}

.input-bar-item > button {
    margin-left: 5px;
}

.newtype-resource-body {
    margin-top: 0;
    padding-bottom: 0;
}

.static_page___title {
    top: 65px;
    left: 104px;
    width: 100%;
    font-family: Myriad Pro, Arial, Helvetica, sans-serif;
    font-size: 175%;
    font-weight: normal;
    text-align: left;
}


#about_us_body_copy {
    top: 114px;
    left: 104px;
    width: 100%;
    font-family: Myriad Pro, Arial, Helvetica, sans-serif;
    font-size: 125%;
    text-align: left;
    margin-bottom: 2em;
}


/*Spotlight Resource display */

.spotlight-title {
    font-family: Myriad Pro, Arial, Helvetica, sans-serif;
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 30px;
}

#filters___gray_header {
    border: 1px solid var(--grey-lighter);
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 5px 10px;
}

#filterBubbles {
    background: var(--white);
    border: 1px solid var(--grey-lighter);
    border-top: 0;
    padding: 0;
}

#filters_applied__text {
    font-family: Myriad Pro, Arial, Helvetica, sans-serif;
    color: var(--black);
    font-weight: bold;
    padding: 20px 0;
}

/*End spotlight resources display*/

.border-none {
    border: 0;
}

/**************** MEDIA QUERIES ****************/

@media (min-width: 320px) {

    .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }
    
    .navbar {
        margin-bottom: 0;
        min-height: 32px;
        padding: 0;
    }

    .navbar-row .social {
        margin-top: 0.7rem;
        position: initial;
        padding-left: 0;
    }

    .navbar-nrd .dropdown-menu {
        box-shadow: 0 8px 16px 0 rgb(0 0 0 / 20%);
        width: 20.5rem;
    }

    .navbar-nrd .navbar-nav li {
        margin: 0 20px 0 10px;
        width: auto;
    }

    .navbar-nrd .navbar-nav .dropdown-menu li {
        margin: 0 auto;
    }

    .navbar-nrd .navbar-nav .dropdown-menu .dropdown-item {
        padding-left: 1rem;
    }

    .navbar-nrd .navbar-nav .nav-link,
    .navbar-nrd .navbar-nav .dropdown-item {
        border-top: none;
    }

    .navbar-nrd .navbar-nav .nav-link {
        background-color: transparent;
        /*color: var(--grey-lightest);*/
        padding: 10px 0 0 0;
        text-align: left;
    }

    .navbar-toggle2 {
        display: none;
    }

    .navbar-default {
        background-color: inherit;
        border: none;
        padding: 0;
        padding-right: 0;
    }

    .navbar-header {
        float: right;
    }

    .pre-footer .social-section {
        width: 55%;
    }

    #title___spotlight__es {
        top: -4px;
        left: 7px;
        width: 100%;
        font-family: Myriad Pro, Arial, Helvetica, sans-serif;
        font-size: 147%;
        font-weight: normal;
        text-align: left;
    }
}

@media (min-width: 320px) and (max-width: 364px) {
    .Header_Gray_BG #header_row .col-xs-6:first-child {
        width: 60%;
    }
}

@media (max-width: 360px) {
    
    .pre-footer .emblem-row {
        width: 100%;
        margin: 0 auto;
        text-align: center;
        display:inline;
        padding-bottom: 10px;
    }

    .pre-footer ul.emblem-list {
        list-style: none;
        display: block;
        float: none;
        margin: 0 auto;
    }

    .pre-footer ul.emblem-list li {
        display: inline;
        padding-right: 5px;
    }

    .pre-footer ul.emblem-list li img {
        width: 45px;
        height: auto;
    }
    
    .pre-footer .social-list2 {
        list-style: none;
        margin: 0 auto;
        display: inline-block;
        text-align: right;
        padding-top: 6px;
        float:none;
    }
    
}

@media (min-width: 361px) {
    
    .pre-footer .social-section {
        width: 40%;
        display: inline;
        float: right;
    }

}

@media (min-width: 361px) and (max-width: 410px) {
    
    .pre-footer .social-list2 li {
        padding-left: 9px;
    }
}

@media (min-width: 365px) and (max-width: 413px) {
    .Header_Gray_BG #header_row .col-xs-6:first-child {
        width: 65%;
    }
}

@media (min-width: 414px) and (max-width: 439px) {
    .Header_Gray_BG #header_row .col-xs-6:first-child {
        width: 69%;
    }
}


@media (min-width: 420px) {

    /** SPOTLIGHT SECTION START **/

    .spotlight-row ul.spotlight-list li {
        list-style: none;
        text-align: center;
        display: inline-block;
        padding-left: 10px;
        padding-right: 10px;
        width: 45%;
    }

    /** SPOTLIGHT SECTION END **/

    /** RESOURCE PAGE **/

    /** PAGE NUMBER ROW **/

    .resource-body .page-row {
        width: 100%;
    }

    .resource-body .page-row .page-list {
        display: inline-block;
        width: 49%;
    }

    .resource-body .page-row .pagination-list {
        display: inline-block;
        text-align: right;
        width: 50%;
    }
}

@media (max-width: 439px) {
    .page-coloring {
        width: 190px;
    }
}

@media (max-width: 480px) {

    .search-section .text-row {
        text-align: center;
    }

    .search-floater.open {
        width: 90%;
        border-radius: 6px;
    }

}

@media (min-width: 481px) {

    /** HEADER MENU **/

        .navbar-nrd .navbar-nav .dropdown-menu .dropdown-item {
            padding-left: 20%;
        }

    /** END HEADER MENU **/

    /** SEARCH SECTION **/

    .search-floater.open {
        width: 400px;
        border-radius: 6px;
    }

    /** SEARCH SECTION END **/

    #title___spotlight__es {
        font-size: 175%;
    }
}

@media (min-width: 505px) {
    
    .pre-footer .emblem-row {
        float:left;
        display:inline;
        text-align: right;
        width: 60%;
        padding: 0;
    }

    .pre-footer ul.emblem-list {
        list-style: none;
        float:left;
    }

    .pre-footer ul.emblem-list li {
        display: inline;
        padding-right: 15px;
    }

    .pre-footer ul.emblem-list li img {
        width: 70px;
        height: auto;
    }
    
    .pre-footer .social-list2 {
        padding-top: 18px;
    }

}

@media (max-width: 575px) {

    .navbar-mobile-display ul {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .whole-footernav .container {
        width: 97%;
    }

    /** SEARCH SECTION **/

    .search-section .category-content {
        margin: 0;
    }

    /** SEARCH SECTION END **/

    .quick-link-bar {
        margin-top: 30px;
    }

    .search-floater {
        margin-top: 155px;
    }
    
    .remove-filters-button {
        line-height: 0.4;
        margin-left: 3%;
        margin-right: 5px;
        margin-top: 5px;
    }

    .resource-body .res-found-list {
        padding: 20px 6%;
    }

    .resource-body .page-row .page-list,
    .resource-body .page-row .pagination-list {
        padding-bottom: 10px;
        padding-left: 6%;
    }

    #SubmitCTA .home-titles {
        font-size: 46px;
    }

    #SubmitCTA p.category-paragraph {
        /* font-size: 110%; */
        padding-left: 3%;
    }

    .card-deck {
        display: flex;
        flex-flow: wrap;
    }

    .popular-resources-card {
        max-width: 90%;
        min-width: 80%;
        border-radius: 10px;
        flex: 1 0 0%;
        margin-left: 4%;
        margin-right: 2%;
    }

    .popular-resources-card .card-header {
        padding-top: 15%;
        background: white;
        border-radius: 10px;
        border-bottom: none;
        min-height: 75px;
        color: var(--bg-blue);
        position: relative;
    }

}

@media (min-width: 576px) {

    /** HEADER MENU **/

        .navbar-nrd .navbar-nav .dropdown-menu .dropdown-item {
            padding-left: 25%;
        }

        .navbar {
            margin-bottom: 0;
            min-height: 32px;
            padding: 0;
        }
    
        .navbar-row .social {
            margin-top: 0.7rem;
            position: initial;
            padding-left: 0;
        }
    
        .navbar-nrd .dropdown-menu {
            box-shadow: 0 8px 16px 0 rgb(0 0 0 / 20%);
            width: 20.5rem;
        }
    
        .navbar-nrd .navbar-nav li {
            margin: 0 20px 0 10px;
            width: auto;
        }
    
        .navbar-nrd .navbar-nav .dropdown-menu li {
            margin: 0 auto;
        }
    
        .navbar-nrd .navbar-nav .dropdown-menu .dropdown-item {
            padding-left: 1rem;
        }
    
        .navbar-nrd .navbar-nav .nav-link,
        .navbar-nrd .navbar-nav .dropdown-item {
            border-top: none;
        }
    
        .navbar-nrd .navbar-nav .nav-link {
            background-color: transparent;
            /*color: var(--grey-lightest);*/
            padding: 17px 0;
        }
    
        .navbar-toggle2 {
            display: none;
        }
    
        .navbar-default {
            background-color: inherit;
            border: none;
            padding: 0;
            padding-right: 0;
        }
    
        .navbar-header {
            float: right;
        }

        /** END HEADER MENU **/

    .quick-link-bar {
        margin-top: -20px;
        margin-left: 0%;
    }

    /** SEARCH SECTION **/

    /* .search-section {
        background: url('../images/NRD-Cover-v6.jpg') no-repeat left top;
    } */

    /** SEARCH SECTION END **/

    .search-floater {
        margin-top: 100px;
    }

    .resource-body .res-found-list {
        padding: 20px 275px;
    }

    .resource-body .page-row .page-list {
        padding-bottom: 10px;
        padding-left: 275px;
    }

    .resource-body .page-row .page-list {
        display: inline-block;
        width: 70%;
    }

    .resource-body .page-row .pagination-list {
        display: inline-block;
        text-align: right;
        width: 29.3%;
    }

    .popular-resources-card {
        max-width: 30%;
        min-width: 22%;
        margin-bottom: 15px !important;
        border-radius: 10px;
    }

    .popular-resources-card .card-header {
        padding-top: 15%;
        background: white;
        border-radius: 10px;
        border-bottom: none;
        min-height: 60px;
        color: var(--bg-blue);
        position: relative;
    }

}

@media (min-width: 576px) and (max-width: 640px) {
    .navbar-mobile-display ul {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .navbar-nrd .navbar-nav .nav-link {
        padding: 17px 0 0 0;
    }

    .filter-button {
        top: 210px;
    }

}

@media (min-width: 576px) and (max-width: 768px) {
    .resource-body .res-found-list {
        padding: 20px 6%;
    }

    .resource-body .page-row .page-list {
        padding-left: 6%;
    }

    .resource-body .page-row .pagination-list {
        display: inline;
    }

    .search-floater {
        margin-top: 55px;
    }
}

@media (max-width: 639px) {

    .carousel-section .carousel-indicators {
        display:none;
    }

        /** FOOTER NAV START **/

            .footer-nav {
                padding-right: 25px;
            }

            /* .whole-footernav, .footer-bar {
                display: none;

            } */
            
        /** FOOTER NAV END **/
}


@media (min-width: 640px) {


    /** CATEGORY SECTION START **/

        .byCategoryMargins {
            margin-left: 0;
            float:left;
            width: 50%;
        }

        .CategoryEntry {
            margin: 10px 0;
        }
    /** CATEGORY SECTION END **/

    /** CAROUSEL SECTION START  **/

        /* .carousel-img {
            float: left;
        } */

        /* .carousel-img img {
            width: 100%;
            height: auto;
        } */

    /** CAROUSEL SECTION END **/

    /** SPOTLIGHT SECTION START **/

        .spotlight-row {
            width: 100%;
            margin: 0 auto;
            margin-top: 0px;
            margin-bottom: 20px;
        }

        .spotlight-row ul.spotlight-list li {
            list-style: none;
            text-align: center;
            display: block;
            float:left;
            padding-left: 10px;
            padding-right: 10px;
            width: 25%;
        }

        .spotlight-row ul.spotlight-list li img {
            width: 80%;
            margin: 0 auto;
        }
    /** SPOTLIGHT SECTION END **/

        .container {
            min-width: 610px;
        }

    /** FOOTER START **/

        .footer-header {
            font-size: 90%;
            font-weight: normal;
            text-align: left;
            padding: 15px;
        }
    /** FOOTER END **/
}

@media (max-width: 680px) {

    ul.preheadernav li.mobile-disappear,
    .mainlogo,
    .left-sidebar .resource-submit p,
    .left-sidebar .resource-subject
    {
        display:none;
    }

    .byCategoryImage {
        margin-bottom:10px;
    }

    /*** MAINTENANCE CTA ***/
        #maintenanceCTA .maintenance-icon {
            display: none;
        }

        #maintenanceCTA .maintenance-area h1.maintenance-title {
            font-size: 120%;
            margin-bottom: 10px;
            padding-top: 20px;
            text-align:center;
        }

        #maintenanceCTA .maintenance-area p.category-paragraph {
            font-size: 100%;
            text-align: center;
        }


        #maintenanceCTA .maintenance-area {
            padding: 0;
            width: 100%;
        }
        /** MAINTENANCE CTA END **/
}


@media (min-width: 681px) {

    /*********** HEADER JSP *************/

        /** PREHEADER START**/ 
                /* LEFT SIDE */

                ul.preheadernav {
                display: block;
                text-align:left;
                margin-left:0;
                }

        /** PREHEADER END **/

    /******** ABOUT JSP ************/

        .about-intro .description ul.about-categorylist,    
        .howtouse-section ul.about-categorylist {
            padding-top:10px;
            -webkit-column-count: 2;
            -moz-column-count: 2;
            column-count: 2;
            list-style: none;
            margin-left: 2%;
        }

        .about-intro .descrption a {
            text-decoration: none;
        }

        .sitemap-section ul {
            columns: 2;
            -webkit-columns: 2;
            -moz-columns: 2;
            -webkit-column-gap: 50px;
            -moz-column-gap: 50px;
            column-gap: 50px;
        }

    /*********** MAIN JSP *************/

        /** CATEGORY SECTION START **/

                .byCategoryMargins {
                    margin-left: 0;
                    float:left;
                    width: 50%;
                }

                .CategoryEntry:hover {
                    text-decoration: underline;
                    background-color: var(--white);

                }

                .byCategoryFigcaption {
                    padding-top: 5px;
                    padding-bottom: 5px;
                }

                .byCategoryImage {
                    width: 20%;
                }

        /** CATEGORY SECTION END **/


        /*********** RESOURCE MAIN ************/

            #CategoryLead-Main .categorylead-section .categorylead-images {
                float:left;
                width:25%;
            }

            #CategoryLead-Main .categorylead-section .byCategoryImage {
                width: 70%;
            }

            #CategoryLead-Main .categorylead-section .categorylead-body {
                display:inline;
                width: 80%;
            } 

            .Resource-CategoryMain #CategoryLead-Main .categorylead-section .categorylead-body ul {
                -webkit-column-count: 2;
                -moz-column-count: 2;
                column-count: 2;
                list-style:none;
            }



        /*********** RESOURCE JSP *************/

        /** LEFT SIDE BAR START **/
            .left-sidebar {
                width: 35%;
                float: left;
                min-height: 1px;
                padding-left: 15px;
                padding-right: 15px;
                position: relative;
                margin: 0 auto;
            }
        /** LEFT SIDE BAR END **/

    /***** SUGGEST A RESOURCE PAGE ******/


}


@media (max-width: 718px) {
    .byCategoryImage,
    .hotline-row .hotline-crisis h2.crisis-phone {
        display: none;
    }

    .carousel-text {
        margin-bottom: 30px;
    }
}


@media (min-width:719px) {

    .hotline-row .hotline-crisis h2.crisis-phone2 {
        display:none;
    }

    .byCategoryFigcaption {
        padding-top: 10px;
    }

    .container {
        min-width: 685px;
    }

}

@media (max-width: 767px) {

    .container {
        width: 90%;
    }

    .carousel-text {
        margin-top: 20px;
    }

    .mainlogo {
        display: none;
    }

    .spotlight-filters {
        padding-left: 6%;
    }

    .resource-filters {
        padding-left: 6%;
        padding-top: 45px;
    }
    
    #description_text {
        font-size: 125%;
        padding: 30px 0 30px 6%;
    }
    
    .popular-resources-card {
        max-width: 49%;
        min-width: 33%;
    }
    
        /* .resource-body .spotlight-title {
        padding-left: 15%;
    } */

    /* .search-floater.open {
        width: 90%;
    } */
    
}

@media (min-width: 768px) {

    /*********** HEADER JSP *************/

        /** PREHEADER START**/ 
        
        .preheader .container {
            max-width: 900px;
        }

        .crd-img {
            padding-left: 0%;
            margin-left: -15%
        }

        .suggest-section .container,
        .resource-body .container,
        .about-section .container,
        .glossary-section .container,
        .sitemap-section .container,
        .privacy-section .container,
        .accessibility-section .container,
        .policy-section .container,
        .contact-info .container,
        .resource-info .container {
            padding-left: 3%;
            margin-left: 0;
        }

            /* RIGHT SIDE */

            .preheader .preheadernav-contact {
                display: inline;
                list-style: none;
                text-align: right;   
            }

            .preheader .preheadernav-contact a {
                font-size: 90%; 
                font-weight: 700;
                display: block;
                margin-top: 7px;
            }

        /** NAVIGATION **/

            .mobilelogo {
                display:none;
            }

        /** PREHEADER END **/

    /** HEADER MENU **/

        .navbar-nrd .navbar-nav .dropdown-menu .dropdown-item {
            padding-left: 33%;
        }

    /** END HEADER MENU **/

    .rcp-section {
        height: 160px;
    }

    .spotlight-filters {
        padding-left: 270px;
    }

    .resource-filters {
        padding-left: 270px;
        padding-top: 35px;
    }
    
    #description_text {
        font-size: 125%;
        padding: 30px 0 30px 260px;
    }
    
    .search-floater {
        margin-top: 100px;
    }

    /* .search-floater.open {
        width: 100%;
    } */
    
    .remove-filters-button {
        line-height: 0.4;
        /* margin-left: 20%; */
        margin-right: 5px;
        margin-top: 5px;
    }
    
}

@media (max-width: 800px) {

    /*** NEWS TICKER **/

    .NewsTicker-Section img.news-icon {
            display: none;
        }
    
    #CategoryLead-Main .categorylead-section .categorylead-images {
        display: none;
    }

}

/* TABLET PORTRAIT AND LANDSCAPE */
@media (min-width: 801px) {

        /** CATEGORY SECTION START **/

            .byCategoryMargins {
                margin-left: 0;
                float:left;
                width: 33%;
            }

            .CategoryEntry {
                height: 350px;
            }

            .byCategoryFigcaption {
                padding-top: 15px;
            }

            .byCategoryImage {
                width: 30%;
            }
        /** CATEGORY SECTION END **/


        /*********** RESOURCE MAIN ************/

            

            #CategoryLead-Main .categorylead-section .byCategoryImage {
                width: 50%;
            }

            #CategoryLead-Main .categorylead-section .categorylead-body {
                display:inline;
                width: 80%;
            }

            .Resource-CategoryMain #CategoryLead-Main .categorylead-section .categorylead-body ul {
                -webkit-column-count: 2;
                -moz-column-count: 2;
                column-count: 2;
                list-style:none;
            } 


        /*********** RESOURCE JSP *************/

        /** LEFT SIDE BAR START **/
            .left-sidebar {
                width: 30%;
                float: left;
                min-height: 1px;
                padding-left: 15px;
                padding-right: 15px;
                position: relative;
                margin: 0 auto;
            }
        /** LEFT SIDE BAR END **/


        /** ResourceDetail Right START **/
            .resourcedetail-right {
                width: 35%;
                float: right;
                min-height: 1px;
                padding-left: 25px;
                padding-right: 0px;
                position: relative;
                margin: 0 auto;
            }
        /** LEFT SIDE BAR END **/

        /** ResourceDetail Left START **/
            .resourcedetail-left {
                width: 60%;
                float: left;
                min-height: 1px;
                padding-left: 0px;
                position: relative;
                margin: 0 auto;
            }
        /** RIGHT MAIN SECTION END **/


        /******** ABOUT JSP ************/

        .about-intro .description ul.about-categorylist,
        .howtouse-section ul.about-categorylist {
            padding-top:10px;
            -webkit-column-count: 3;
            -moz-column-count: 3;
            column-count: 3;
            list-style: none;
            margin-left: 2%;
        }

        .sitemap-section ul {
            columns: 3;
            -webkit-columns: 3;
            -moz-columns: 3;
            -webkit-column-gap: 50px;
            -moz-column-gap: 50px;
            column-gap: 50px;
        }
}

@media (min-width:860px) {
        
        .preheader .container {
            max-width: 960px;
        }

        .crd-img {
            padding-left: 0%;
            margin-left: -20%
        }

    /* HOTLINE */
        /* .hotline-row {
            display: flex;
        } */

        .hotline-row .hotline-crisis,
        .hotline-row .hotline-many {
            width: 65%;
        }

        .hotline-row .hotline-crisis .container {
            margin-left: 0;
        }

        .hotline-row .hotline-many .container {
            margin-right: 0;
        }
}

@media (max-width: 960px) {


    /** MAINTENANCE CTA START **/

        #maintenanceCTA .maintenance-icon {
            width: 20%;
            margin-left: 20px;
            padding-right: 20px;
        } 

        #maintenanceCTA .maintenance-icon img {
            margin: 0 auto;
            width: 100%;
            padding-left: 20px;
            float:left;         
        }

        #maintenanceCTA .maintenance-area h2.maintenance-title {
            margin-bottom: 10px;
            padding-top: 10px;
        }

        #maintenanceCTA .maintenance-area p.category-paragraph {
            font-size: 100%;
        }
    /** MAINTENANCE CTA END **/
}

@media (min-width: 942px ) {
    .popular-resources-card {
        max-width: 25%;
        min-width: 21%;
    }
}

@media (min-width: 961px ) {

        .preheader .container {
            max-width: 990px;
        }

        .crd-img {
            padding-left: 0%;
            margin-left: -20%
        }

    #maintenanceCTA .maintenance-area {
            padding: 0;
            width: 70%;
        }

}

/* ADD IN TO CORRECT MAIN NAV ERROR !!!! & REMOVE IN 800px & 801px */

@media (max-width: 991px) {

    /** HEADER START **/

    .navbar-header {
        float: none;
    }

    .navbar-toggle2 {
        display: block;
        position:relative;
        float:left;
        margin: 13px 15px 13px 0;
        padding:9px 10px;
        background-color: var(--grey-lighter);
        background-image:none;
        border-radius:2px;
        z-index: 2;
    }

    .navbar-toggle2:focus {
        outline:0 !important;
    }

    .navbar-toggle2 .icon-bar {
        display: block;
        width: 22px;
        border: 2px solid var(--grey-60);
        border-radius: 1px;
    }

    .navbar-toggle2 .icon-bar + .icon-bar {
        margin-top: 4px;
    }

    .navbar-collapse {
        margin-bottom: 15px;
        margin-top: 5px;
    }

    /* .navbar-collapse.collapse {
        display: none !important;
    } */

    .navbar-nav {
        float: none !important;
        margin: 0;
    }

    .navbar-nav > li {
        float: none;
    }

    .navbar-text {
        float: none;
        margin: 15px 0;
    }

    /* since 3.1.0 */
    /* .navbar-collapse.collapse.in {
        display: block !important;
    } */

    .collapsing {
        overflow: hidden !important;
    }

/*    .carousel-size {
        min-height: 30rem;
        max-height: 30rem;
    }*/
}

@media (min-width:992px) {
        
    .preheader .container {
        max-width: 1080px;
    }

    .crd-img {
        padding-left: 30%;
    }

    .hotline-988 {
        padding: 0;
    }
    
   /** MAIN NAVIGATION STYLE START **/

    .navbar {
        margin-bottom: 0;
        min-height: 32px;
        padding: 0;
    }

    .navbar-row .social {
        margin-top: 0.7rem;
        position: initial;
        padding-left: 0;
    }

    .navbar-nrd .dropdown-menu {
        box-shadow: 0 8px 16px 0 rgb(0 0 0 / 20%);
        width: 20.5rem;
    }

    .navbar-nrd .navbar-nav li {
        margin: 0 20px 0 10px;
        width: auto;
    }

    .navbar-nrd .navbar-nav .dropdown-menu li {
        margin: 0 auto;
    }

    .navbar-nrd .navbar-nav .dropdown-menu .dropdown-item {
        padding-left: 1rem;
    }

    .navbar-nrd .navbar-nav .nav-link,
    .navbar-nrd .navbar-nav .dropdown-item {
        border-top: none;
    }

    .navbar-nrd .navbar-nav .nav-link {
        background-color: transparent;
        /*color: var(--grey-lightest);*/
        padding: 17px 0;
    }

    .navbar-toggle2 {
        display: none;
    }

    .navbar-default {
        background-color: inherit;
        border: none;
        padding: 0;
        padding-right: 0;
    }

    .navbar-header {
        float: right;
    }

    /* .navbar .navbar-collapse {
        margin-right: 0;
    } */

    /* .navbar-collapse ul {
        margin: 0 auto;
        width: auto;
    } */

    .quick-link-bar {
        margin-top: -20px;
        margin-left: 40%;
    }
    
    .carousel-size {
        min-height: 20rem;
        max-height: 30rem;
    }

    /** MAIN NAVIGATION STYLE END **/

    /** SEARCH SECTION **/

    .search-section {
        max-width: 97% !important;
        background-size: 89% !important;
    }

    /** SEARCH SECTION END **/

    /** CATEGORY SECTION START **/

    .byCategoryMargins {
        margin-left: 0;
        float:left;
        width: 20%;
    }
    
    .blankCommunityOffset {
        display: block;
        width: 10%;
    }

    .CategoryEntry {
        height: 260px;
    }

    .byCategoryFigcaption {
        padding-top: 10px;
    }

    .byCategoryImage {
        width: 38%;
        margin-top: -3px;
    }
    /** CATEGORY SECTION END **/
    
    #CategoryLead-Main .categorylead-section .categorylead-images {
        float:left;
        width:20%;
        margin-right: 42px;
    }
    
    /** SOCIAL MAIN NAV SECTION **/
    .social-list2 {
        padding: 11px 0;
    }
    
    .social-list2 li {
        padding: 0 5px;
    }
    
    .pre-footer .social-list2 {
        padding-top: 18px;
    }

    /*END SOCIAL MAIN NAV SECTION*/
    
    /*NEWS ITEMS*/
    
    .news-boxes-text {
        font-size: 105%;
    }
    
    /*END NEWS ITEMS*/
}

@media (max-width: 1087px) {
    /* .main-hotline {
        display: none;
    } */
}

@media (min-width: 1088px) {
    .mainHeaderLogo .container,
    .contact-info .container,
    .glossary-section .container,
    .sitemap-section .container,
    .privacy-section .container,
    .accessibility-section .container,
    .resource-info .container,
    .suggest-section .container,
    .resource-body .container,
    .about-section .container,
    .policy-section .container,
    .preheader .container {
        margin-left: 0;
        margin-right: 0;
        padding-left: 3%;
        padding-right: 0;
        max-width: 97%;
    }

    .CategoryEntry {
        height: 240px;
    }

    .mid-hotline {
        display: none;
    }
}

@media (min-width: 1200px) {
    .search-section {
        background-size: 83% !important;
    }
}

@media (min-width: 1400px) {
/*    .mainHeaderLogo .container,
    .contact-info .container,
    .glossary-section .container,
    .sitemap-section .container,
    .privacy-section .container,
    .accessibility-section .container,
    .about-section .container,
    .suggest-section .container,
    .resource-body .container,
    .policy-section .container,
    .preheader .container {
        margin-left: 0;
        margin-right: 0;
        padding-left: 3%;
        padding-right: 0;
        max-width: 97%;
    }*/

    .crd-img {
        padding-left: 30%;
    }
    
    .container {
        max-width: 94%;
    }
}

/* Apply the following on the Resources that have no link_url value */

.inactiveLink {
    pointer-events: none;
    cursor: default;
}

.input-group {
    width: 100%;
}

.align-me-center {
    text-align: center;
}

.search-box .dropdown-menu {
    border-radius: .125rem;
    display: block;
    left: .1rem;
    margin-left: 0;
    padding: 0.15rem 0;
    top: 40px;
}

.search-box .dropdown-menu > li > a {
    color: var(--grey-warm-dark);
    text-transform: uppercase;
}

.search-box .dropdown-menu > .active > a,
.search-box .dropdown-menu > li > a:hover,
.search-box .dropdown-menu > li > a:focus {
    background-color: var(--blue);
    color: var(--white);
}

.link-modal {
    z-index: 1050;
    position: fixed;
}

i.tree-checkbox {
    height: 15px;
    width: 15px;
}

i.tree-checkbox.checked {
    background: var(--blue);
}

i.tree-arrow.expanded.has-child:after {
    border: none;
    content: '\0025BC';
    transform: rotate(0deg);
    color: var(--grey-mid);
}

i.tree-arrow.has-child:after {
    border: none;
    content: '\0025BA';
    transform: rotate(0deg);
    top: 8px;
    color: var(--grey-mid);
}

li.tree-node.draggable {
    margin-left: -10px;
}

.tree-children li.tree-node.draggable {
    margin-left: 0px;
}

.tree-content {
    white-space: pre-wrap;
}

.tree-children .tree-content {
    padding-left: 14px !important;
}

.filter-header {
    font-weight: 700;
    color: var(--black);
    cursor: pointer;
}

.tree-checkbox.checked:after {
    left: 5px !important;
    top: 1px !important;
    height: 8px !important;
    width: 2px !important;
}

span.tree-anchor {
    font-family: Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400;
    font-size: 90%;
}

.carousel {
  position: relative;
}

.carousel.pointer-event {
  -ms-touch-action: pan-y;
      touch-action: pan-y;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    -webkit-transition: none;
    transition: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-left,
  .carousel-fade .active.carousel-item-right {
    -webkit-transition: none;
    transition: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
  .carousel-control-next {
    -webkit-transition: none;
    transition: none;
  }
}

.search-spinner {
    width: 5rem;
    height: 5rem;
}

[v-cloak] {
    display: none !important;
}