#natl-recs {
    margin: 30px 0px;
    display: flex;
    justify-content: space-between;
}

#natl-recs h1.entry-title {
    border: none;
}
/*#natl-recs .center-tiles,*/
#natl-recs .center-tiles-ntl-rec {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
}
#natl-recs .center-tiles-ntl-rec.tiles_col_3 {
    grid-template-columns: 1fr 1fr 1fr;
}
#natl-recs .center-tiles a:hover {
    text-decoration: none;
}
#natl-recs .center-tiles-ntl-rec {
    padding: 4em 0;
}
#natl-recs .center-tile {
    margin-bottom: 20px;
}
#natl-recs .center-tiles .center-tile a,
#natl-recs .center-tiles .center-tile .box-grid {
    min-height: 10em;
    display: grid;
    grid-template-columns: .25fr 1fr;
    gap: 20px;
}
#natl-recs .center-tiles-ntl-rec .center-tile a {
    display: block;
}
#natl-recs .center-tiles-landing .center-tile {
    border: solid 5px;
}
#natl-recs .center-tiles-ntl-rec .center-tile {
    border: solid 4px #c12333;
    background: #c12333;
}
#natl-recs .center-tile-thumb {
    background: #f2f2f2;
    min-height: 150px;
    background-size: cover;
    min-height: 12em;
    width: 100%;
    height: 100%;
    background-position: center;
    position: relative;
    overflow: hidden;
}
#natl-recs .center-tiles-bg-contain .center-tile-thumb {
    background-size: auto 90%;
    background-repeat: no-repeat;
}
#natl-recs .center-tile-thumb::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: inherit;
    background-size: cover;
    transform-origin: center;
    transition: transform .4s ease-in-out;
}
#natl-recs .center-tiles-bg-contain .center-tile-thumb::after {
    content: unset;
}
#natl-recs .center-tile:hover .center-tile-thumb::after {
    transform: scale(1.10);
}
/*#natl-recs .center-tile:hover .center-tile-thumb {
    transform: scale(1.2);
    /*background-size: 120%;
    transition: all .5s;
    overflow: hidden;
}*/
#natl-recs .center-tile-content {
    padding: 20px 10px 10px;
    color: #ffffff;
    /*text-align: center;*/
}
#natl-recs .center-tile-content p {
    color: #ffffff;
}
#natl-recs .center-tile-title {
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 20px;
}
#natl-recs .center-tile-excerpt {
    margin-top: 15px;
    line-height: 1.3em;
    font-size: 1em;
}
.natl-recs-menu {
    border: solid 2px #c22334;
}

.natl-recs-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.natl-recs-menu ul li a,
.natl-recs-menu ul li span {
    display: block;
    font-size: 1.1em;
}

.natl-recs-menu ul.main-menu li a,
.natl-recs-menu ul.main-menu li span {
    background-color: #C8102E; /* #c22334;*/
    padding: 10px 15px;
    font-weight: 600;
}
.natl-recs-menu ul.main-menu li a:hover {
    background-color: #F93822;
}
.natl-recs-menu ul.main-menu li.current a:not(ul.sub-menu a) {
    background-color: #BA0C2F;
}
.natl-recs-menu ul.sub-menu li a {
    background-color: #FF7F41;
    padding: 10px 30px;
    font-size: 1em;
    font-weight: 400;
}
.natl-recs-menu ul.main-menu li,
.natl-recs-menu ul.sub-menu li {
    border-bottom: solid 1px #ffffff; /*#C8102E;*/
}
.natl-recs-menu ul.main-menu li:last-child,
.natl-recs-menu ul.sub-menu li:last-child {
    border: unset;
}
.natl-recs-menu ul.sub-menu li a:hover {
    background-color: #FFB81C;
}
.natl-recs-menu ul li a,
.natl-recs-menu ul li span {
    color: #ffffff;
}

.natl-recs-menu ul.main-menu li ul.sub-menu:not(ul.main-menu li.current ul.sub-menu) {
    display: none;
}
.nr-table-blue h2, .nr-table-blue h3, .nr-table-blue h4, .nr-table-blue h5 {
    color: #fff;
    background-color: #164a96;
    padding: 5px 7px;
}
.nr-table-blue table td,
.nr-table-red table td {
    border: none;
}
.nr-table-blue table tr {
    border-bottom: solid 1px #164a96;
}

.nr-table-red table tr:first-child {
    color: #fff;
    background-color: #d52226;
    padding: 5px 7px;
}
.nr-table-red table tr {
    border-bottom: solid 2px #d52226;
    vertical-align: top;
}
.nr-table-2-col table td:first-child  {
    width: 35%;
    padding-right: 20px;
}
.nr-table-red tr:not(:first-child) strong {
    color: #d52226;
}

.nr-table-blue table td:first-child,
.nr-table-red table td:first-child {
    padding-right: 30px;
}
.nr-table-blue table tr td:first-child img {
    max-width: 100px !important;
}

/*
red d52226
yellow fedd2e
gree 219d69
*/
@media screen and (max-width: 991px) {
    #natl-recs { 
        display: block;
    }
    #natl-recs .center-tiles {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
}


@media screen and (max-width: 767px) {
    #natl-recs .center-tiles{
        display: grid;
        grid-template-columns: 1fr !important;
    }

    .page-template-page-rare-disease-disability-project-sidebar .row {
        display: block;
    }
    .page-template-page-rare-disease-disability-project-sidebar #main {
        display: block;
        overflow: scroll;
        word-wrap: break-word;
    }
}