/*--------------------------------------------
GLOBAL STYLING 
-------------------------------------*/

@import url("normalize.css");
a {
    cursor: pointer;
}

a:focus {
    color: #9d9dcc;
}

*,
*::before,
*::after {
    box-sizing: inherit;
}

:root {
    --primary: #D89B00;
    --primary-dark: #bb8100;
    --active-orange: #9a6c05;
    --primary-white: #fff;
    --gradient-dark1: rgba(0, 0, 0, 0.25);
    --gradient-dark2: rgba(0, 0, 0, 0.85);
    --gradient-dark2: rgba(0, 0, 0, 0.85);
    --base-color-black: #000;
    --primary-grey: #adabab;
    --secondary: #25BEA6;
    --secondary-dark: #1fa28e;
    --tertiary: #F26932;
}

address {
    margin: 0;
}

.align {
    display: flex;
    flex-direction: row;
    justify-content: center
}

.banner {
    background-color: var(--primary);
    padding: 10px 0 10px 20px;
    color: var(--primary-white);
    font-family: 'Lora', serif !important;
    font-size: 2.4rem;
    font-weight: bold;
    margin: 20px 0 20px 0;
}

br {
    margin: 20px 0 20px 0;
}

body {
    background-color: #f4f4f4;
    cursor: default;
}

body .site-inner.housings {
    visibility: hidden;
}

.body_bg_default {
    background-color: white!important;
}

.contact-us .ctct-inline-form {
    display: block!important;
}

.contact {
    margin-top: 25px;
}

.sign_up p {
    margin: 0 !important;
}

.custom-entry-content .contact_container {
    margin: 1em 0 0 0;
}

.custom-entry-content .banner {
    margin: 20px 0 20px 0;
}

.custom-entry-content .http-list {
    margin: 55px 0;
    display: flex;
    flex-direction: column;
    flex-flow: column;
    flex-wrap: wrap;
    height: 600px;
}

.column {
    flex: 1;
    min-width: 300px;
}

.content img {
    height: 500px;
}

.content .list_container img {
    height: 80px;
}

.cursor {
    cursor: pointer!important;
}

div.wrap.noprint {
    max-width: 1400px;
}

.header-hero .title-area {
    margin-left: 50px;
}

.inner-list li {
    margin: 20px 0 20px 0;
}

.imagebox {
    height: 320px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.indent {
    margin-left: 50px;
}

.italia {
    font-style: italic;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Oswald', sans-serif!important;
}

hr {
    margin: 0;
}

#hope {
    font-variant: small-caps;
    word-spacing: 1.8em;
}

.single_page_header .title-area {
    margin-left: 50px;
    width: unset;
}

.site-header {
    z-index: 20;
}

.site-header-image {
    position: absolute;
}

.Transitional {
    background-color: var(--secondary-dark) !important;
}

.button_container p {
    color: var(--primary-white);
}


/* ---------------------------
 Background images
 ----------------------------- */


/* picture credited styling */

.picture__painted-by {
    color: #fff;
    text-align: center;
    position: absolute;
    bottom: 0;
    right: 3rem;
}

.picture__painted-by a {
    color: #fff;
    text-decoration: none;
}

.picture__painted-by a:hover {
    text-decoration: underline;
}


/* Background Default */

.hero {
    background: linear-gradient(0deg, var(--gradient-dark1) 50%, var(--gradient-dark2) 100%), url('/images/home.png');
    background-position: center;
}


/* Background About */

.header-hero.hero.about {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0.85) 100%), url('/images/Reentry_Council_Slide copy.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
}


/* Background Advocacy */

.hero.hero.legal-service.advocacy {
    background-image: linear-gradient(0deg, var(--gradient-dark1) 50%, var(--gradient-dark2) 100%), url('/images/Up3-full.png');
    background-size: cover;
    background-position: top;
}


/* Background CASC */

.header-hero.hero.casc {
    background-image: linear-gradient(0deg, var(--gradient-dark1) 50%, var(--gradient-dark2) 100%), url('/images/CASC 564.png');
}


/* Background Contact */

.header-hero.hero.contact-us {
    background-image: linear-gradient(0deg, var(--gradient-dark1) 50%, var(--gradient-dark2) 100%), url('/images/Contact_Us_Citywide_Staff.png');
}


/* Background Contact */

.header-hero.hero.domestic.violence.shelters {
    background-image: linear-gradient(0deg, var(--gradient-dark1) 50%, var(--gradient-dark2) 100%), url('/images/domestic_violence_shelters.png');
    background-position: right;
}


/* Background Family Access Points */

.header-hero.hero.family.access.points {
    background-image: linear-gradient(0deg, var(--gradient-dark1) 50%, var(--gradient-dark2) 100%), url('/images/family_access_points.png');
    background-position: center center;
}


/* Background FAQS */

.header-hero.hero.faq {
    background-image: linear-gradient(0deg, var(--gradient-dark1) 50%, var(--gradient-dark2) 100%), url('/images/FAQ_Rudy.png');
    background-position: center center;
}


/* Background Health-Treatment */

.hero.health-treatment.residential.treatment {
    background-image: linear-gradient(0deg, var(--gradient-dark1) 50%, var(--gradient-dark2) 100%), url('/images/Teddy_Deb_Cedrick.jpg');
    background-position: top;
}

.hero.health-treatment.outpatient.treatment {
    background-image: linear-gradient(0deg, var(--gradient-dark1) 50%, var(--gradient-dark2) 100%), url('/images/Outpatient_Group.jpg');
    background-position: bottom;
}

.hero.health-treatment.health.care {
    background-image: linear-gradient(0deg, var(--gradient-dark1) 50%, var(--gradient-dark2) 100%), url('/images/Healthcare_Arm.jpg');
}


/* Background Transitional Housing */

.hero.transitional.housing {
    background: linear-gradient(0deg, var(--gradient-dark1) 50%, var(--gradient-dark2) 100%), url('/images/transitionalhousing.jpg');
    background-size: cover;
}


/* Background Permanent Housing */

.hero.permanent.housing {
    background: linear-gradient(0deg, var(--gradient-dark1) 50%, var(--gradient-dark2) 100%), url('/images/permanent_housing.png');
    background-size: cover;
}


/* Background Permanent Supportive Housing */

.hero.permanent.supportive.housing {
    background: linear-gradient(0deg, var(--gradient-dark1) 50%, var(--gradient-dark2) 100%), url('/images/permanent_supportive_housing.png');
    background-size: cover;
}


/* Background Homeless-Services */

.hero.homeless-service.adult.access.points {
    background-image: linear-gradient(0deg, var(--gradient-dark1) 50%, var(--gradient-dark2) 100%), url('/images/Shelter_System.jpg');
    background-position: top;
}


/* Background Legal-Services */

.hero.hero.legal-service.legal.service {
    background-image: linear-gradient(0deg, var(--gradient-dark1) 50%, var(--gradient-dark2) 100%), url('/images/home.png');
}


/* Background Legal */

.hero.hero.legal-service.legal {
    background-image: linear-gradient(0deg, var(--gradient-dark1) 50%, var(--gradient-dark2) 100%), url('/images/legal.png');
    background-position: left;
}


/* Background Success-stories */

.header-hero.hero.success-stories {
    background-image: linear-gradient(0deg, var(--gradient-dark1) 50%, var(--gradient-dark2) 100%), url('/images/success-stories.png');
    background-position: top;
    z-index: 1;
}


/* Background Support-Services */

.hero.hero.support-service {
    background-image: linear-gradient(0deg, var(--gradient-dark1) 50%, var(--gradient-dark2) 100%), url('/images/support.jpg');
}

.hero.documents {
    background-image: linear-gradient(0deg, var(--gradient-dark1) 50%, var(--gradient-dark2) 100%), url('/media/productivity-1600x800.jpg');
}

.hero.posts {
    background-image: linear-gradient(0deg, var(--gradient-dark1) 50%, var(--gradient-dark2) 100%), url('/media/unplug-1600x800.jpg');
}

.hero-description {
    color: var(--primary-white);
    text-align: center;
    margin: 0;
}

.site-inner .site-inner.single-site-inner.health.treatment,
.site-inner .site-inner.single-site-inner.homeless.service,
.site-inner .single-site-inner.housings,
.site-inner .site-inner.single-site-inner.legal.service {
    background-color: white!important;
    margin-top: 0px;
    box-shadow: none!important;
}

.title-area .site_title_container {
    width: 100%;
}

.wrap a {
    text-decoration: none;
}

.site_title_container {
    font-family: 'Alegreya Sans', sans-serif;
    letter-spacing: 3px;
}

.tel-link {
    text-align: left;
}


/*----------------------------------
Custom Pages styling 
----------------------------------*/

.entry-container.First.Things.First {
    min-height: 493px;
}

.first-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.First.Things.First {
    padding: 0;
    padding-top: 25px;
}

.First.Things.First .card-entry-title {
    margin-bottom: 0;
}

.First.Things.First a {
    padding: 5px 0;
}

address.front_page {
    text-align: left;
    width: 42%;
}

.front_page {
    margin-top: .5em;
    font-size: .9em;
}

.read-more.First.Things.First {
    display: none;
}

.http-list.first-things-row {
    margin-top: 0!important;
}

.http-list.first-things-row li:hover,
.http-list.first-things-row li a:hover {
    color: var(--active-orange)!important;
    text-decoration: underline;
}

.imagebox .entry-title {
    color: var(--primary-white);
}

.First.Things.First h2.card-entry-title {
    margin-bottom: 20px;
    width: 200px;
}
/*----------------------------------
  CIS-TRANS
----------------------------------*/

span#vwsuccess {
    color: #be8100;
    text-decoration: underline;
}
span#vwsuccess:hover{
    cursor: pointer;
}


/*----------------------------------
Footer styling 
----------------------------------*/

footer {
    text-align: center;
    background-color: var(--base-color-black);
    color: var(--primary-white);
}

.footer--row-1 {
    padding-bottom: 0!important;
}

.footer--row-2 {
    padding-top: 0!important;
}

.otherFooter {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    background-color: var(--base-color-black);
    color: var(--primary-white);
}

.goso_footer {
    margin-top: 50px;
}

footer img {
    width: 170px;
    margin-top: -7px;
}

footer a {
    text-decoration: none;
}

footer a:hover {
    color: #bfbff1;
}

.goso_footer--row {
    padding: 20px 0 10px 0;
}

.row.goso_footer {
    margin: 0;
    margin-top: 10em;
}

.icon-trademark {
    font-size: 12px;
    padding-bottom: .5em;
}


/*
Hero Section
 ----------------------------- */

.breadcrumb-nav {
    display: none;
}

.hero {
    background-color: #111;
    background-size: cover;
    position: relative;
    display: flex;
    flex-direction: column;
}

.hero-section {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    color: var(--primary-white);
    padding: 7% 0 0 0;
    position: relative;
    text-align: center;
}

.hero-title {
    color: var(--primary-white);
    font-size: 64px;
    display: inline-block;
}

.iconbar {
    position: absolute;
    bottom: 0;
    align-self: center;
}

.iconbar ul {
    list-style: none;
    display: flex;
    flex-flow: wrap;
    padding: 0;
}

.iconbar ul li:not(:first-child),
.iconbar ul li:not(:last-child) {
    margin: 0 15px 10px 15px;
}

.iconbar ul li a {
    color: var(--primary-dark);
    font-weight: 100;
}

.iconbar ul li a:hover,
.iconbar ul li a:focus {
    color: var(--primary-white);
}

.list {
    border: 1px solid black;
    margin: 10px;
    padding: 10px;
}

.list img,
.list__content .column-1>div {
    margin: 0 20px 20px 0;
}

.list__content {
    display: flex;
    flex-wrap: wrap;
}

.modal-lg {
    width: 90%;
}

.more-link {
    background-color: #ffffff;
    box-shadow: none;
    border-bottom: 2px solid var(--primary-dark);
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    border-top: 0;
    color: var(--primary-dark);
    font-weight: 700;
    letter-spacing: 2px;
    padding: 16px 0 6px 0;
}

#outset {
    border-style: solid;
    border-width: 1px;
    border-image-source: linear-gradient(to bottom, hsl(0, 0%, 97%), var(--primary), hsl(0, 0%, 97%));
    border-image-slice: 1% 0% 0% 100%;
    padding-left: 20px
}

.sub-title {
    font-family: 'Alegreya Sans', sans-serif;
    line-height: 1.625;
}

.tags_and_cats {
    color: grey;
    font-size: 16px;
}

.under {
    text-decoration: underline;
    letter-spacing: 1px;
    font-size: 15px;
    font-weight: bold;
}

.title-area {
    padding: 15px 0;
}


/*----------------------------------
HEALTH TREATMENT
----------------------------------*/

.navLink--black.transitional,
.navLink--black.residential,
.navLink--black.legal,
.navLink--black.adult.access.points {
    background-color: var(--primary);
}

.navLink--black.permanent.housing,
.navLink--black.outpatient,
.navLink--black.advocacy,
.navLink--black.family.access.points {
    background-color: var(--secondary);
}

.navLink--black.permanent.supportive.housing,
.navLink--black.health.care,
.navLink--black.domestic.violence.shelters {
    background-color: var(--tertiary);
}

.navLink--black.health:hover,
.navLink--black.advocacy:hover {
    background-color: var(--secondary);
}

.navLink--black.transitional:hover,
.navLink--black.residential:hover,
.navLink--black.legal:hover,
.navLink--black.adult.access.points:hover {
    transform: translateY(-3px);
    background-color: var(--primary-dark);
    font-weight: bold;
    -webkit-backface-visibility: hidden;
    -webkit-transition: -webkit-transform 250ms;
    transition: 250ms;
}

.navLink--black.permanent.housing:hover,
.navLink--black.outpatient:hover,
.navLink--black.advocacy:hover,
.navLink--black.family.access.points:hover {
    transform: translateY(-3px);
    background-color: var(--secondary-dark);
    font-weight: bold;
    -webkit-backface-visibility: hidden;
    -webkit-transition: -webkit-transform 250ms;
    transition: 250ms;
}

.navLink--black.permanent.supportive.housing:hover,
.navLink--black.health.care:hover,
.navLink--black.domestic.violence.shelters:hover {
    transform: translateY(-3px);
    background-color: #de5d2a;
    font-weight: bold;
    -webkit-backface-visibility: hidden;
    -webkit-transition: -webkit-transform 250ms;
    transition: 250ms;
}

.advocacy .pagination a:focus,
.advocacy .pagination a:hover,
.advocacy .pagination .active a {
    border: 1px solid var(--secondary);
    color: var(--secondary);
}

.adult.access.points .pagination a:focus,
.adult.access.points .pagination .active a {
    background-color: var(--primary);
    color: white;
}

.family.access.points .pagination a:focus,
.family.access.points .pagination .active a {
    background-color: var(--secondary);
    color: white;
}

.domestic.violence.shelters .pagination a:focus,
.domestic.violence.shelters .pagination .active a {
    border: 1px solid var(--tertiary);
    background-color: var(--tertiary);
    color: white;
}

.residential .pagination .active a,
.residential .pagination a:focus,
.residential .pagination a:hover,
.residential .pagination .active a,
.residential .pagination a:focus,
.residential .pagination a:hover,
.residential .pagination .active a {
    border: 1px solid var(--primary)!important;
}

.health .pagination a:hover {
    border: 1px solid var(--tertiary);
    color: var(--tertiary)!important;
}

.health .pagination .active a {
    border: 1px solid var(--tertiary);
    background-color: var(--tertiary);
    color: white;
}


/*---------------------------------#F26932HOMELESS SUBCATEGORIES
----------------------------------*/

.navLink--black.domestic.violence.shelters {
    background-color: var(--secondary-dark);
}

.navLink--black.adult.access.points {
    width: 35rem;
    font-size: 3rem;
    padding: 46px;
    background-color: var(--primary);
    margin: 12px;
}

.navLink--black.family.access.points {
    width: 35rem;
    font-size: 3rem;
    padding: 46px;
    background-color: var(--secondary);
    color: #fff;
    margin: 12px;
}
.navLink--black.san.francisco.county.jail {
    width: 35rem;
    font-size: 3rem;
    padding: 46px;
    background-color: var(--secondary);
    color: #fff;
    margin: 12px;
}
.navLink--black.san.quentin.state.prison {
    width: 35rem;
    font-size: 3rem;
    padding: 46px;
    background-color: var(--primary);
    margin: 12px;
}

p.navLink--black.domestic.violence.shelters {
    width: 35rem;
    font-size: 3rem;
    padding: 46px;
    background-color: var(--tertiary);
    margin: 12px;
}

.default_list--name.domestic-violence-shelters {
    background-color: var(--tertiary);
}

.faiths .pagination>.active>a,
.legal .pagination>.active>a {
    background-color: var(--primary)!important;
    color: white;
}

.family-children .pagination>.disabled>a:hover,
.employments .pagination>.diabled>a:hover,
.educations .pagination>.disabled>a:hover,
.cis .pagination>.disabled>a:hover,
.faith .pagination>.disabled>a:hover {
    border: 1px solid var(--primary)!important;
    border: 1px solid #fff!important;
    border: 1px solid #D89B00!important;
}

.family-children .pagination>.active>a,
.employments .pagination>.active>a,
.educations .pagination>.active>a,
.cis .pagination>.active>a,
.in-custody-programs .pagination>.active>a,
.transitional-age-young-adults .pagination>.active>a{
    background-color: var(--primary)!important;
    border: 1px solid var(--primary)!important;
    color: white;
}

.support-services .pagination>.active>a {
    background-color: var(--primary);
    color: #fff;
}

.cis .pagination>.active>a {
    background-color: var(--primary);
}

.cis .pagination>li>a:hover,
.employments .pagination>li>a:hover {
    border: 1px solid var(--primary);
}

.domestic.violence.shelters .pagination a:focus,
.domestic.violence.shelters .pagination a:hover,
.domestic.violence.shelters .pagination .active a {
    border: 1px solid var(--tertiary);
}

.pagination>li>a:hover {
    color: var(--primary-white);
}

.domestic.violence.shelters .pagination>li>a:hover {
    color: var(--secondary-dark);
    border: 1px solid var(--tertiary);
}

.domestic.violence.shelters .pagination>li>a:hover {
    color: var(--tertiary);
}

.pagination>.active>a:hover {
    background-color: #F26932;
    color: white!important;
}

.outpatient .pagination>.active>a {
    background-color: var(--secondary);
    color: #25BEA6;
    color: white;
}

.residential .pagination>.active>a {
    color: white;
    background-color: var(--primary);
}

.transitional .pagination>li>a:hover {
    color: var(--secondary-dark);
}

.shelter .pagination>li>a:hover,
.legal .pagination>li>a:hover {
    color: var(--primary);
}

.support-services .pagination>li>a:hover {
    border: 1px solid var(--primary);
}


/*----------------------------------
HOME PAGE STYLING 
----------------------------------*/

.active_nav_link {
    transform: translateY(-1px);
    text-decoration-line: underline;
    color: var(--primary-dark);
    font-size: 2rem!important;
    padding: 5px 5px;
}

.active_button_link {
    transform: translateY(-3px)!important;
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2)!important;
    background-color: var(--gradient-dark1)!important;
    font-weight: bold!important;
}

article .entry-container {
    height: 400px;
    font-size: 2rem;
}

.card-entry-title {
    margin: 3rem auto;
    width: 350px;
}

.casc-ul {
    display: flex;
    flex-direction: column;
    margin-top: .5em;
    margin-left: 3em;
}

.casc-ul li {
    list-style-type: disc;
    font-size: 1.8rem;
    text-align: left;
}

div.fa-chevron-right {
    height: 50px;
    font-size: 2rem;
}

div.fa-link {
    display: inline;
}

i.fa-search {
    float: right;
    margin-top: 9px;
    color: black;
    padding-right: .5em;
}

i.fa-search:hover {
    cursor: pointer;
}

.entry-container .http-list {
    text-align: left;
    margin: 30px 0 0 0;
}

.entry-title {
    padding: 20px 20px;
    margin: 0px auto;
    font-size: 4rem;
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2)!important;
    background-color: var(--gradient-dark1)!important;
}

.entry-title a {
    color: var(--primary-white);
    margin: 10px auto;
    width: auto;
}

.entry-title span {
    color: var(--primary-white);
    margin: 10px auto;
    width: auto;
}

.first-things-row li {
    list-style-type: disc;
}

.first-things-row li a {
    color: black!important;
}

.header_nav {
    font-weight: 600;
}

.header_nav_container {
    text-align: right;
    margin-right: 50px;
}

.header_nav li {
    display: inline-block;
    padding: 10px 20px;
    transition: all .4s;
    font-size: .8em;
}

.header_nav a {
    text-decoration: none;
    color: var(--primary-dark);
}

.home_page_video {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 30px;
    height: 400px;
    width: 600px;
    background-color: lightgrey;
    margin: 0 auto 100px;
}

.eMail {
    display: inline-block;
}

.half-width-entries .content {
    max-width: none;
    width: 100%;
}

.half-width-entries .content .entry {
    min-height: 930px;
}

.http-list a li {
    display: inline;
    font-size: 1.7rem;
    margin: 15px 0 0 0;
    text-decoration: none!important;
    list-style-type: disc!important;
}

.http-list a li p {
    display: inline;
    color: black;
    font-family: 'Alegreya Sans', sans-serif;
    font-weight: 400;
    font-size: 1.8rem;
    margin: 0 10px;
}

.http-list a li p:hover {
    font-weight: 900;
    text-decoration: underline;
}

.icon_container {
    padding: 10px 0;
}

.icon_container i {
    color: #fff;
    padding-top: 10px 0;
}

.img-icon {
    width: 62.5px;
    height: 50px;
}

.icon_container .fa-3x {
    font-size: 5rem;
}

.icon_container p {
    font-weight: bold;
    color: #fff;
}

iframe {
    border: none;
}

.link-custom {
    display: none!important;
}

.move {
    margin-left: 37px;
}

.header-hero .nav_buttons {
    display: none;
    z-index: 20;
}

.home .nav_buttons {
    display: block;
}

.nav_buttons {
    font-family: 'Roboto'!important;
    text-align: center;
    padding-top: 1%!important;
    margin-top: 1em;
}

.nav_buttons a {
    color: var(--primary-white);
    text-decoration: none;
}

.nav_buttons a {
    font-size: 1.5rem;
}

.nav_buttons li {
    margin: 5px;
    display: inline-block;
    width: 16rem;
    background-color: var(--primary-dark);
    color: var(--primary-dark);
    ;
    transition: all .3s ease-in-out;
}

.housingNav .button_container a p {
    transition-duration: 600ms;
}

.legal.service .housingNav.nav_buttons,
.treatment .housingNav.nav_buttons,
.housing .housingNav.nav_buttons,
.homeless-service .housingNav.nav_buttons {
    display: flex;
    justify-content: space-evenly;
}

.legal.service .nav_buttons p,
.housing .nav_buttons p,
.homeless-services .nav_buttons p {
    width: 30rem;
    font-size: 3rem;
    padding: 50px 0;
    /* border: 10px solid rgba(0,0,0,0.2); */
}

.legal.service .nav_buttons p {
    width: 40rem;
}

.health.treatment .nav_buttons p {
    width: 36rem;
    font-size: 3rem;
    padding: 50px 160px;
    /* border: 10px solid rgba(0,0,0,0.2); */
}

.homeless-services .nav_buttons p {
    width: 20rem;
    font-size: 2.25rem;
}

.button_container p {
    color: var(--primary-white);
}

.legal.service .button_container,
.health .nav_buttons li {
    flex: 1;
}

.link_regular,
.link_regular:hover {
    /* color: black; */
    color: #be8100;
    text-decoration: none;
    font-size: .9em;
}

.nav_buttons ul,
.header_nav ul {
    display: block;
}

.navLink:hover {
    transform: translateY(-3px);
    background-color: #e6b038;
    font-weight: bold;
}

.navLink:hover::after {
    transform: scaleX(1.4) scaleY(1.6);
    opacity: 0;
}

.navLink:focus {
    transform: translateY(-1px);
    background-color: var(--active-orange);
    background-color: #9a6c05;
    font-weight: bold;
}

.navLink--black {
    padding: 5px 0px;
}

.navlink:active,
.navLink--black:active {
    transform: translateY(-3px);
    font-weight: bold;
}

.navLink--black:active,
.navLink--black:focus {
    transform: translateY(-3px)!important;
}

.outside-sf h2 {
    color: var(--primary);
    color: #D89B00;
    font-weight: 600;
}

.outside_sf,
.sign_up {
    max-width: 1212px;
    margin: 0 auto;
    padding: 0px;
    width: 80%;
    margin: 0 auto;
}

.add_my_program {
    margin: 2em 0;
}

.outside_sf--text,
.outside_sf--link {
    flex: 1;
    padding: 0 15px;
    justify-content: center;
    display: flex;
    align-items: center;
}

.outside_sf--text h4,
.outside_sf--link p {
    font-weight: 600;
    color: var(--primary-dark);
}

.outside_sf--text {
    display: flex;
    align-items: center;
}

.outside_sf--text h2,
.outside_sf--link p {
    color: var(--primary);
}

.read-more {
    margin: 0px 0 40px 0;
}

.search-area {
    background-color: var(--primary-white);
    width: 30%;
    margin: 0 auto;
    margin-top: 35px;
}

.search-area input {
    width: 80%;
    padding: 6px 0 0 6px;
    border: none;
}

.search-zero h3 {
    display: inline;
}

.search-zero {
    display: none;
    padding: 12px;
    background-color: var(--primary-white);
    border-top: 1px solid var(--primary-dark);
}

.btn-search {
    border-radius: .5em;
    width: 5em;
    padding: 8px;
    display: block;
    text-align: center;
    margin: 0 auto;
    margin-top: 3em;
}

.btn-search:focus {
    outline: none;
}

.subHead li:hover {
    background-color: #9d9dcc;
}

p.tertiaryTagLine {
    margin: 10px;
}

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

.sign_up--email {
    /* height: 200px; */
    background-color: var(--primary-white);
    text-align: center;
    padding-top: 20px;
}

.sign_up--email h2 {
    margin-top: 70px;
    font-size: 55px;
}

.sign_up--email p {
    margin: 20px 20px;
    text-align: left;
    font-weight: 700;
}

.sign_up--email p:nth-child(2) {
    font-weight: 200;
}

.sign_up h4 {
    color: var(--primary-dark);
    color: #bb8100;
    font-weight: 600;
}

.site-header .wrap .title-area .search-area {
    display: inline;
    margin: auto;
}


/* .site-title {
  height: 1.5em;
} */

.sub-text {
    margin-top: 1em;
}

.summary1 {
    margin: 30px 0 0px 0;
    font-size: 1.8rem;
    text-align: left;
}

.titleHeader {
    text-align: center;
    font-family: 'Roboto'!important;
    padding-top: 50px;
    font-weight: bold;
    font-size: 3em;
}

.top_nav_li:hover {
    transform: translateY(-3px);
    text-decoration-line: underline;
}


/*----------------------------------
              Active link
----------------------------------*/

.active_link {
    transform: translateY(-3px);
}


/*----------------------------------
LEGAL & ADVOCACY
----------------------------------*/

.legal .pagination .active a,
.legal .pagination a:focus,
.legal .pagination a:hover,
.legal .pagination .active a {
    border: 1px solid var(--primary)!important;
}

.legal .pagination .active {
    background-color: var(--primary);
}

.legal .housingNav.nav_buttons,
.residential .housingNav.nav_buttons,
.housing.housingNav.nav_buttons {
    display: flex;
    justify-content: space-evenly;
}

.housingNav.nav_buttons {
    display: flex;
    justify-content: space-evenly;
}


/*---------------------------------- 
LIST PAGE 
----------------------------------*/

.default_list {
    width: 75%;
    margin: 50px auto 0;
    background-color: var(--primary-white);
}

.default_list p {
    margin-bottom: 3px;
}

.default_list--name a {
    color: #333!important;
    text-decoration: none;
}

.default_list--name {
    padding: 10px 20px;
}

.default_list .default_list--name h2:hover {
    text-decoration: underline;
}

.default_list h4 {
    font-weight: 600;
}

.default_list--name a:hover {
    color: var(--primary-dark)!important;
}

.default_list--location,
.default_list--details,
.sign_up--text,
.sign_up--email {
    flex: 1;
}

.sign_me_up_container {
    text-align: center;
    padding: 2em;
    background-color: var(--primary-white);
}

.contact-us .sign_me_up_container {
    padding: unset;
}

.contact-us hr.contact-horizontal-break {
    margin-top: 2em;
}

.toggle_form {
    background-color: var(--primary-white);
    padding-bottom: 2em;
}

.sign_up_second_container {
    background-color: var(--primary-white);
    padding: 1em;
}

.default_list p,
.default_list h4 {
    margin: 0;
}

.default_list h4 {
    padding: 10px 0;
}

.site-inner {
    min-height: 100%;
    padding-bottom: 60px;
    /* must be the same as footer height */
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    z-index: unset;
}

.site-inner.single-site-inner {
    background-color: #f4f4f4!important;
    /* box-shadow: 0 25px 40px 0 rgba(0,0,0,0.05)!important; */
}

.list_container {
    display: flex;
    align-items: center;
}

.list_container h2 {
    flex: 90%;
}

.advocacy .pagination .active a {
    border: 1px solid var(--secondary);
    background-color: var(--secondary);
    color: #fff;
}


/*---------------------------------- 
LIST PAGE Spotlight
----------------------------------*/

.default_list--name>h2.spotlight_author {
    color: var(--primary-white)!important;
    font-size: 3rem;
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2)!important;
    background-color: var(--gradient-dark1)!important;
    padding: 10px 25px;
}

.holder {
    /* display: none; */
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translateY(-100vh);
}

.backdrop {
    text-align: center;
    vertical-align: middle;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    background: rgba(0, 0, 0, 0.5)!important;
}

.close:hover {
    background-color: transparent;
}

.default_list.spotlight_listener .default_list--name h2:hover {
    text-decoration: none;
}

.modal {
    display: block;
    position: absolute;
    z-index: 100000;
    background-color: white;
    width: 75%;
    right: unset;
    bottom: unset;
    border: 1px solid #ccc;
    padding: 16px;
    left: 12.5%;
    top: 5%;
    box-sizing: border-box;
    transition: translateY(-100vh) 0.7s ease-in-out;
    /* transform: translateY(-100vh); */
    /* opacity: 0; */
    display: none;
    -webkit-overflow-scrolling: touch;
}

.modal .spotlight_listener {
    width: 50%;
}

.success_img_container {
    display: flex;
}

.success_img {
    flex-direction: column;
    display: inline;
}

.modal .success_img {
    width: 300px;
    padding-bottom: 20px;
}

div.modal div.default_list.spotlight_listener {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0;
}

.shelter .default_single--title.default_list--name h2 {
    color: var(--primary-white);
}

span.education-contact {
    margin-left: 2em;
    display: block;
}

p.education-attachement {
    margin-top: 1em;
}

span.education-bold {
    font-weight: bold;
}

.no-data {
    text-align: center;
    margin-top: 1em;
}

.org_url {
    text-decoration: none;
}

div#single-page {
    margin-top: 50px;
}

.description {
    font-weight: 100;
}

.sub-heading {
    padding-top: 1em;
}

.contact-section {
    padding-top: 2em !important;
}

h5.single-section_contact-title {
    margin-top: 0px;
    margin-bottom: 6px;
}

.space {
    margin: 12px 0;
}

@media screen and (min-width: 900px) {
    div.wrap.noprint {
        max-width: 1400px;
        display: flex;
        align-items: baseline;
    }
    .header_nav_container {
        text-align: right;
        float: right;
        margin-right: 50px;
        width: 65%;
    }
}


/* Domestic violence */

.domestic.violence.shelters .default_list--name h2,
.domestic.violence.shelters .default_list--name i {
    color: var(--tertiary);
}

.domestic.violence.shelters .default_single--title.default_list--name {
    background-color: var(--tertiary);
}

.domestic.violence.shelters .default_single--title.default_list--name h2 {
    color: var(--primary-white);
}

.domestic.violence.shelters .default_list--name {
    border-bottom: 1px solid var(--tertiary);
}

.domestic-violence-shelters .default_single--title.default_list--name i {
    color: var(--primary-white);
}


/*Family access */

.family.access .default_list--name h2,
.family.access .default_list--name i {
    color: var(--secondary);
}

.family.access .default_single--title.default_list--name {
    background-color: var(--secondary);
}

.family.access .default_single--title.default_list--name h2 {
    color: var(--primary-white);
}

.family.access .default_list--name {
    border-bottom: 1px solid var(--secondary);
}

.family-access-points .default_single--title.default_list--name {
    background-color: var(--secondary);
}

.family-access-points .default_single--title.default_list--name i {
    color: var(--primary-white);
}


/* Permanent Housing */

.permanent .default_list--name {
    border-bottom: 1px solid var(--secondary);
}

.permanent .default_single--title.default_list--name h2,
.permanent .default_single--title.default_list--name i {
    color: var(--primary-white);
}

.permanent.supportive.housing .default_list--name {
    border-bottom: 1px solid var(--tertiary);
}


/* Transitional Shelter */

.transitional .default_list--name h2,
.transitional .default_list--name i {
    color: var(--primary);
}


/* .transitional .default_list--name {
  border-bottom: 1px solid var(--secondary-dark);
} */

.transitional .default_single--title.default_list--name {
    background-color: var(--secondary-dark);
}

.transitional .default_single--title.default_list--name h2,
.transitional .default_single--title.default_list--name i {
    color: var(--primary-white);
}


/* Health Care */

.health.care .default_list--name h2,
.health.care .default_list--name i {
    color: var(--tertiary);
}

.health.care .default_list--name {
    border-bottom: 1px solid var(--tertiary);
}

.health.care .default_single--title.default_list--name {
    background-color: var(--tertiary);
    color: #F26932;
}

.health.care .default_single--title.default_list--name h2,
.health-care .default_single--title.default_list--name i {
    color: var(--primary-white);
}


/* Outpatient */

.outpatient .default_list--name h2,
.outpatient .default_list--name i {
    color: var(--secondary);
}

.outpatient .default_list--name {
    border-bottom: 1px solid var(--secondary);
}

.outpatient .default_single--title.default_list--name {
    background-color: var(--secondary);
}

.outpatient .default_single--title.default_list--name h2,
.outpatient-treatment .default_single--title.default_list--name i {
    color: var(--primary-white);
}


/* Residential */

.residential .default_list--name h2,
.residential .default_list--name i {
    color: var(--primary);
}

.residential .default_list--name {
    border-bottom: 1px solid var(--primary);
}

.residential .default_single--title.default_list--name {
    background-color: var(--primary);
}

.residential .default_single--title.default_list--name h2,
.residential-treatment .default_single--title.default_list--name i {
    color: var(--primary-white);
}

.residential-treatment .default_list--name {
    background-color: var(--primary);
}


/*Education */

.educations .default_list--name h2,
.educations .default_list--name i {
    color: var(--primary);
}

.educations .default_list--name {
    border-bottom: 1px solid var(--primary);
}

.educations .default_single--title.default_list--name h2,
.education .entry-content.default_single .default_list--name i {
    color: var(--primary-white);
}

.education .entry-content.default_single .default_list--name {
    background-color: var(--primary);
}


/* Cis */

.cis .default_list--name h2,
.cis .default_list--name i {
    color: var(--primary);
}

.cis .default_list--name {
    border-bottom: 1px solid var(--primary);
}

.cis .default_single--title.default_list--name h2,
.cis .entry-content.default_single .default_list--name i {
    color: var(--primary-white);
}

.cis .entry-content.default_single .default_list--name {
    background-color: var(--primary);
}

.cis .entry-content.default_single .default_list--name h2 {
    color: var(--primary-white);
}


/* Employment */

.employments .default_list--name h2,
.employments .default_list--name i {
    color: var(--primary);
}

.employments .default_list--name {
    border-bottom: 1px solid var(--primary);
}

.employments .default_single--title.default_list--name h2,
.employments .entry-content.default_single .default_list--name i {
    color: var(--primary-white);
}

.employment .entry-content.default_single .default_list--name {
    background-color: var(--primary);
}

.employment .entry-content.default_single .default_list--name h2,
.employment .entry-content.default_single .default_list--name i {
    color: var(--primary-white);
}


/* Faith */

.faiths .default_list--name h2,
.faiths .default_list--name i {
    color: var(--primary);
}

.faiths .default_list--name {
    border-bottom: 1px solid var(--primary);
}

.faiths .default_single--title.default_list--name h2,
.faith .entry-content.default_single .default_list--name i {
    color: var(--primary-white);
}

.faith .entry-content.default_single .default_list--name {
    background-color: var(--primary);
}


/* Family and Children */

.family-children .default_list--name h2,
.family-children .default_list--name i {
    color: var(--primary);
    color: #D89B00;
}

.family-children .default_list--name {
    border-bottom: 1px solid var(--primary);
    border-bottom: 1px solid #D89B00;
}

.family-children .default_single--title.default_list--name h2,
.family-children .entry-content.default_single .default_list--name i {
    color: var(--primary-white);
    color: #fff;
}

.family-children .entry-content.default_single .default_list--name {
    background-color: var(--primary);
    background-color: #D89B00;
}

.family-children .entry-content.default_single .default_list--name h2 {
    color: var(--primary-white);
}

/*  Incustody Programs */
.in-custody-programs .default_list--name h2, .in-custody-programs .default_list--name i {
    color: var(--primary);
}
.in-custody-programs .default_list--name {
    border-bottom: 1px solid var(--primary);
    border-bottom: 1px solid #D89B00;
}
.in-custody-programs .entry-content.default_single .default_list--name {
    background-color: var(--primary);
}



.in-custody-programs .default_list--name h2,
.in-custody-programs .default_list--name i {
    color: var(--primary);
}

.in-custody-programs .default_list--name {
    border-bottom: 1px solid var(--primary);
}

.in-custody-programs .default_single--title.default_list--name h2,
.in-custody-programs .entry-content.default_single .default_list--name i {
    color: var(--primary-white);
}

.in-custody-programs .entry-content.default_single .default_list--name {
    background-color: var(--primary);
}

.in-custody-programs .entry-content.default_single .default_list--name h2 {
    color: var(--primary-white);
}
/* Support Service */

.support-services .default_list--name h2,
.support-services .default_list--name i {
    color: var(--primary);
}

.support-services .default_list--name {
    border-bottom: 1px solid var(--primary);
}

.support-services .default_single--title.default_list--name {
    background-color: var(--secondary-dark);
}

.support-services .default_single--title.default_list--name h2,
.support-services .entry-content.default_single .default_list--name i {
    color: var(--primary-white);
}

.support-services .default_single--title.default_list--name {
    background-color: var(--secondary-dark);
}

.support-services .entry-content.default_single .default_list--name {
    background-color: var(--primary);
}

.support-services .entry-content.default_single .default_list--name h2 {
    color: var(--primary-white);
}
/*  transitional-age-young-adults Programs */
.transitional-age-young-adults .default_list--name h2, .transitional-age-young-adults .default_list--name i {
    color: var(--primary);
}
.transitional-age-young-adults .default_list--name {
    border-bottom: 1px solid var(--primary);
    border-bottom: 1px solid #D89B00;
}




.transitional-age-young-adults .default_list--name h2,
.transitional-age-young-adults .default_list--name i {
    color: var(--primary);
}

.transitional-age-young-adults .default_list--name {
    border-bottom: 1px solid var(--primary);
}

.transitional-age-young-adults .default_single--title.default_list--name h2,
.transitional-age-young-adults .entry-content.default_single .default_list--name i {
    color: var(--primary-white);
}

.transitional-age-young-adults .entry-content.default_single .default_list--name {
    background-color: var(--primary);
}

.transitional-age-young-adults .entry-content.default_single .default_list--name h2 {
    color: var(--primary-white);
}
/* Advocacy */

.advocacy .default_list--name h2,
.advocacy .default_list--name i {
    color: var(--secondary);
}

.advocacy .default_list--name {
    border-bottom: 1px solid var(--secondary);
}

.advocacy .default_single--title.default_list--name {
    background-color: var(--secondary);
}

.advocacy .default_single--title.default_list--name h2,
.advocacy .entry-content.default_single .default_list--name i {
    color: var(--primary-white);
}

.advocacy .default_single--title.default_list--name {
    background-color: var(--secondary);
}

.advocacy .entry-content.default_single .default_list--name {
    background-color: var(--secondary);
}

.advocacy .entry-content.default_single .default_list--name h2 {
    color: var(--primary-white);
}


/* Legal */

.legal .default_list--name h2,
.legal .default_list--name i {
    color: #D89B00;
}

.legal .default_list--name {
    border-bottom: 1px solid #D89B00;
}

.legal .default_single--title.default_list--name {
    background-color: #D89B00;
}

.legal .default_single--title.default_list--name h2,
.legal .entry-content.default_single .default_list--name i {
    color: #fff;
}

.legal .default_single--title.default_list--name {
    background-color: #D89B00;
}

.legal .entry-content.default_single .default_list--name {
    background-color: #D89B00;
}

.legal .entry-content.default_single .default_list--name h2 {
    color: #fff;
}

.legal .button_container {
    display: flex;
    justify-content: center;
}


/* Remove sub categories links */

.residential .list-wrap,
.outpatient .list-wrap,
.health.care .list-wrap,
.legal .list-wrap,
.advocacy .list-wrap,
.domestic.violence.shelters .list-wrap,
.permanent .list-wrap,
.shelter .list-wrap,
.transitional .list-wrap,
.adult.shelter.system .list-wrap,
.family.access.points .list-wrap,
.adult.access.points .list-wrap,
.francisco .list-wrap,
.quentin .list-wrap {
    display: none;
}

.legal.service .list-wrap {
    display: block;
}


/* Modify the list page styling */

.default_list {
    border-radius: 10px;
}

.default_list--container {
    border-radius: 0 0 10px 10px;
}

.default_list--name {
    border-radius: 10px 10px 0 0;
}


/*------------------------------------
 MOBILE NAVIGATION 
 ------------------------------------*/

.hamburger_container {
    text-align: center;
    margin-right: 3%;
    display: none;
    padding-bottom: 25px;
}

.hamburger_container--icon {
    color: var( --primary-dark);
    color: #bb8100;
    font-size: 3rem;
    padding-top: .5em;
}
.hamburger_container--icon:hover {
    cursor: pointer;
}

.last_button_section {
    display: none;
}

.mobile_nav--container {
    display: none;
    width: 100%;
}

.mobile_nav--container p {
    color: var(--primary-white);
    color: #fff;
    margin: 0;
    padding: 5px;
}

.mobile_nav_li:hover {
    background-color: var( --primary-dark);
    background-color: #bb8100;
}

.mobile_nav_li:hover p {
    color: #fff;
}

.site_title_container {
    display: flex;
}

.site_title_container--title p {
    margin: 0;
    flex: 1;
}

.site_title_container--title:focus {
    color: var(--active-orange)
}

.site_title_container--hamburger {
    display: none;
    padding-right: 20px;
}


/*----------------------------------
SEARCH PAGE STYLING    RST II
----------------------------------*/

.search-li {
    width: 90%;
    margin: 10px auto;
}

.search-li a {
    margin-right: 20px;
    display: block;
}

.search .list-wrap {
    padding-top: 70px;
}

#show {
    display: flex;
    flex-direction: column;
}


/*----------------------------------
SINGLE PAGE
----------------------------------*/

.btn-back {
    margin-left: 3em;
    margin-top: 1em;
    border-radius: .5em;
}

.btn-back:hover {
    background-color: #333!important;
}

.btn-health-treatment.outpatient-treatment {
    color: var(--secondary);
}

.btn-health-treatment.residential-treatment {
    color: var(--primary);
}

.btn-health-treatment.health-care {
    color: var(--tertiary);
}

.btn-housing.transitional {
    color: var(--secondary-dark);
}

.btn-legal-service.advocacy {
    color: var(--secondary);
}

.btn-legal-service.legal {
    color: var(--primary);
}

.btn-homeless-service.family-access-points {
    color: var(--secondary);
}

.btn-homeless-service.domestic-violence-shelters {
    color: var(--tertiary);
}

.btn-education {
    color: var(--primary);
}

.btn-employment {
    color: var(--primary);
}

.btn-faith {
    color: var(--primary);
}

.btn-family-children {
    color: var(--primary);
}

button.btn-back.btn-family-children.btn-back-familyChildren.noprint {
    color: #fff;
}

.btn-cis {
    color: var(--primary);
}

.btn-support-services {
    color: var(--primary);
}

.btn-back.btn-outpatient-treatment {
    background-color: var(--secondary);
    color: var(--primary-white);
}

.btn-back.btn-residential-treatment {
    background-color: var(--primary);
    color: var(--primary-white);
}

.btn-back.btn-health-care {
    background-color: var(--tertiary);
    color: var(--primary-white);
}

.btn-back.btn-transitional {
    background-color: var(--secondary-dark);
    color: var(--primary-white);
}

.btn-back.btn-advocacy {
    background-color: var(--secondary);
    color: var(--primary-white);
}

.btn-back.btn-legal {
    background-color: var(--primary);
    color: var(--primary-white);
}

.btn-back.btn-family-access-points {
    background-color: var(--secondary);
    color: var(--primary-white);
}

.btn-back.btn-domestic-violence {
    background-color: var(--secondary-dark);
    color: var(--primary-white);
}

.btn-back.btn-education {
    background-color: var(--primary);
    color: var(--primary-white);
}

.btn-back.btn-faith {
    background-color: var(--primary);
    color: var(--primary-white);
}

.btn-back.btn-cis {
    background-color: var(--primary);
    color: var(--primary-white);
}

.btn-back.btn-support-services {
    background-color: var(--primary);
    color: var(--primary-white);
}

.default_single_title hr {
    padding-bottom: 25px;
}

.fa-print {
    transition: all .6s ease-in-out;
    font-size: 1.5em;
    float: right;
    -webkit-backface-visibility: hidden;
}

.fa-print:hover {
    cursor: pointer;
    transform: scale(1.2);
    -webkit-backface-visibility: hidden;
}

.content-single {
    width: 100%;
}

.default_single--text {
    padding: 0 40px;
    display: flex;
}

.default_single_title,
.default_single_sidebar {
    flex: 1;
}

.default_single_title {
    padding: 25px 0px 0px;
}

.default_single_title hr {
    margin-top: 0;
}

.default_single_sidebar {
    padding: 20px;
}

.default_single_sidebar--container {
    border: 1px solid #ddd;
    padding: 20px;
    ;
    margin-bottom: 25px;
}

.default_single_sidebar--image {
    text-align: center;
    padding-bottom: 20px;
}

.default_single_sidebar--image img {
    width: 400px;
    height: 400px;
}

.default_list--name {
    text-transform: capitalize;
}

.default_list--name h2 {
    color: #fff;
}

.default_list--name h2 {
    margin: 0;
    margin-bottom: 0!important;
}

.default_single_sidebar p {
    margin: 0;
}

.default_single_title-section {
    display: flex;
    width: 100%;
}

.direct_service {
    font-weight: 600;
    display: inline;
}

.printonly {
    display: none;
}

.single-address {
    font-weight: bold;
    padding: 20px 0;
}

.single_page_header .mobile_nav_li {
    background-color: #D89B00;
}

.single-section {
    display: flex;
    flex: 1;
    padding: 12px 0;
}

.default_single_sidebar a {
    text-decoration: none;
}

.single_page_header .hamburger_container--icon {
    color: var(--primary);
}

.single-section_contact-title {
    flex: 40%;
    font-weight: 600;
}

.single-section_contact-text {
    flex: 60%;
    font-weight: 100;
}

.print_btn {
    text-align: center;
    padding: 5px 10px 0 0;
}

.success_content {
    padding: 20px;
}

.single_page_header {
    background-color: var(--primary-white);
    margin-bottom: 124px;
}

.single_section_1 {
    flex: 1
}

.single-section_contact .single-p-section {
    width: 0px;
}

.single-section_contact {
    display: flex;
    align-items: center;
    padding: 12px 0;
}

.single-icon {
    font-size: 3rem;
    flex: 10%;
}

.sidebar-text {
    flex: 90%;
}

.default_single_sidebar {
    margin-left: 40px;
}

.single-section_contact.single-float {
    display: block;
}

.outpatient-treatment .default_single--title.default_list--name {
    background-color: var(--secondary);
}

.residential-treatment .default_single--title.default_list--name {
    background-color: var(--secondary-dark);
}

.support-service .default_single--title.default_list--name,
.default_list--name.transitional {
    background-color: #1fa28e;
}

.default_list--name.transitional i {
    color: var(--primary-white);
}

.content.content-single .permanent h2,
.content.content-single .permanent i {
    color: var(--primary-white);
}

.default_single .default_list--name.permanent h2,
.default_single .default_list--name.permanent i {
    color: var(--primary-white);
}

.default_list--name.health-care {
    background-color: var(--tertiary);
}

.default_list--name.health-care i,
.default_list--name.outpatient-treatment i,
.default_list--name.residential-treatment i {
    color: var(--primary-white);
}

.default_list--name.outpatient-treatment {
    background-color: var(--secondary);
}

.default_list--name.residential-treatment {
    background-color: var(--primary);
}

.is_this_for_me {
    padding-top: 35px;
}


/* SINGLE CUSTOM PAGE */

.custom-content {
    background-color: transparent;
    margin: 0 auto;
    width: auto;
    padding: 40px 0 42px 55px;
}

.custom-content-sidebar-wrap {
    background-color: #fff;
}

.custom-entry-content h2 {
    padding: 17px 0 0px 0;
}

.custom-single-imagebox {
    height: 500px;
    background-size: cover;
    background-repeat: no-repeat;
}

.custom-entry-content ul li {
    list-style-type: disc;
}

.custom-content-ul-div {
    float: right;
    background-color: var(--primary-white);
    padding-left: 20px;
    margin-top: 20px;
}

.custom-content-ul-div h4 {
    background-color: var(--primary-dark);
    color: var(--primary-white);
    padding: 10px;
    font-weight: bold;
    text-align: center;
}

.custom-content-ul {
    border-left: 1px solid var(--primary);
    color: var(--primary);
    padding: 20px 20px 0px 0px;
}

.custom-content-ul a {
    text-decoration: none;
}

.custom-entry-content ol {
    margin-left: 50px;
}

.custom-entry-content ul {
    margin-left: 40px;
    margin-bottom: 20px;
}

.custom-entry-content p {
    margin: 12px 50px 0px 0;
}

.custom-entry-content .inline_p_tag {
    margin: 2px;
}

.custom-entry-content .intro-p {
    margin-top: 0;
}

.default_single--title.default_list--name {
    display: flex;
    align-items: center;
}

.default_single--title.default_list--name i {
    flex: 5%;
    font-size: 4rem;
}

.default_single--title.default_list--name h2 {
    flex: 90%;
}

.filler {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
}

.grey {
    color: darkgrey;
}

.custom-entry-content .groupto {
    margin-top: 0;
    margin-bottom: 0;
}

.homeless_text {
    margin-top: 35px;
}

.http-list a {
    text-decoration: none !important;
    display: block;
}

.sample,
.sample p {
    margin-left: 20px;
    font-size: .8em;
}


/*----------------------------------
Housing List-Page styling - RST II  
----------------------------------*/

.housingNav {
    margin-bottom: 50px;
}

.housingNav.nav_buttons {
    padding-top: 0!important;
    margin-top: 53px;
}

.housingNav.nav_buttons a {
    font-size: 2rem;
    font-weight: bold;
}


/* .Permanent.active_link{
  transform: translateY(-3px);
  box-shadow: none !important;
  background-color:#e6b038!important;;
  font-weight: bold;
}
.Transitional.active_link{
  transform: translateY(-3px);
  box-shadow: none !important;
  background-color:#8b18b3!important;;
  font-weight: bold;
} */


/* ---------------------------
Pagination
 ----------------------------- */

.pagination {
    margin-left: 20px;
}

.pagination>.active>a:hover,
.page-link:hover {
    color: var(--primary-white);
}

.pagination>li>a:hover {
    color: var(--primary-dark);
    border: 1px solid var(--primary-dark);
}

.pagination>li>a,
.pagination>li>span {
    margin-left: 0;
}

.permanent .pagination>.active>a {
    background-color: var(--secondary);
    color: white;
}

.transitional .pagination>.active>a {
    background-color: var(--tertiary);
    color: white;
}


/* ----------------------------------
  myPagination for Search Page RST II
 ------------------------------------ */

.myPagination {
    font-size: 15px;
    font-weight: 300;
    color: #999999;
    margin-left: 20px;
}

.myPagination>.active {
    background-color: var(--primary-dark);
    color: var(--primary-white);
}

.myPagination>.active:hover,
.page-link:hover {
    color: var(--primary-white);
}

.myPagination>li:hover {
    color: var(--primary-dark);
}

.myPagination>li,
.myPagination>li>span {
    position: relative;
    float: left;
    padding: 8px 12px;
    line-height: 1.4;
    text-decoration: none;
    color: #008cba;
    background-color: transparent;
    border: 1px solid transparent;
    margin-left: -1px;
    margin-left: 0;
}

li.myPage-item {
    color: grey;
    display: inline-block;
    font-size: 1em;
    border-radius: 3px;
}

li.myPage-arrow {
    color: grey;
    display: inline-block;
    font-size: 1em;
    border-radius: 3px;
}

li.myPage-item:hover,
li.myPage-arrow:hover {
    cursor: pointer;
    border: 1px solid var(--primary-dark);
    border: 1px solid #bb8100;
}


/* End Pagination */

.health.treatment .navLink--black {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: 27rem;
}


/* ----------------------------------
  list page styling 
  ---------------------------------- */

.default_list--name {
    display: flex
}

.program_name {
    flex: 60%;
}

.program_name i {
    margin-right: 10px;
}

.program_address {
    flex: 40%;
    text-align: center;
}

.list-pages a {
    text-decoration: none;
    cursor: pointer;
}

.list-pages .default_list--name {
    display: flex;
    /* align-items: center; */
}

.program_name h2 {
    text-align: left;
}

.organization_name {
    text-align: center;
}

.default_list--location address {
    color: grey;
    text-align: right;
}

.default_list--location h2 {
    text-align: left;
    font-size: larger;
    color: gray;
}

.content-single .default_list--name.family-access-points {
    background-color: var(--secondary);
}

.content-single .default_list--name.transitional h2,
.default_list--name.family-access-points i,
.default_list--name.domestic-violence-shelters i {
    color: var(--primary-white);
}

.block-section {
    display: block;
}

.single-section_contact.hours.title {
    padding: 0;
}

.persons {
    padding-bottom: 0;
}

.content-single hr {
    border-top: 1px solid #dcdcdc;
}

.phone.contact-phone {
    padding-bottom: o;
}

.list_container i {
    flex: 5%;
    font-size: 4rem;
    margin-right: 40px;
}

.single-page .list_container .fa-female {
    font-size: 3em;
}

.single-page .list_container .img-icon {
    height: 55px;
    margin-right: 30px;
}

.list-pages .program_name .img-icon {
    width: 40px;
    margin-right: 30px;
}

.spotlight_listener {
    width: 19%;
    display: inline-block;
}

div.site-inner.success-stories {
    max-width: unset;
}

.success-list {
    text-align: center;
}

.success-list .titleHeader {
    padding-bottom: 50px;
}

.spotlight_container {
    display: flex;
    flex-direction: column;
}

.modal .spotlight_container {
    display: flex;
    flex-direction: column;
    padding: 0 25px 25px 25px;
}

.spotlight_img_container,
.spotlight_content {
    flex: 1;
}

.spotlight_img_container {
    display: flex;
    justify-content: center;
    padding: 20px;
}

.default_list.spotlight_listener {
    margin: 20px auto;
}

.spotlight_content {
    text-align: left;
}

.default_list--name.spotlight {
    display: flex;
    justify-content: center;
    position: absolute;
    top: 6.5em;
    left: 0em;
}

.bio-extended {
    display: none;
}

.list-wrap.success-list .bio-truncate {
    display: none;
}

.list_container.program_name h2 {
    font-size: 24px;
}

.default_list--location {
    padding: 10px 20px;
}

.default_single_title.about {
    padding: 1rem 0;
}
.default_single_title.about .description {
    padding: 2rem 0;
}

.spot-light.single_page_header {
    margin-bottom: 0;
}

.spotlight .site-header {
    display: none;
}

.spotlight .single_page_header {
    padding: 20px 0;
}

.spotlight .hero-section {
    padding: 11% 0 0 0;
}

.about .hero-section,
.contact .hero-section,
.faq .hero-section {
    padding: 7% 0 0 0;
}

.spotlight.top_nav_li.active_nav_link {
    color: var(--primary-white);
}


/* .entry-content.default_single.casc {
  background-color: var(--primary-green);
  padding: 0 20px;
} */

.entry-content.default_single.casc h2 {
    color: var(--base-color-black);
    text-align: center;
}


/* CASC STYLING */

.casc_description {
    padding: 0 40px;
}

.casc_title {
    padding: 20px 40px;
}

.casc_section_two {
    display: flex;
    padding: 20px 40px;
}

.casc_links,
.casc_map {
    flex: 1;
}

.fa.fa-phone.single-icon.fa-3x.casc {
    padding: 20px 20px 0 0;
    font-size: 2.5rem;
}

.casc_phone {
    text-decoration: none;
}

.site-inner.single-site-inner.casc_container {
    margin-top: 49px;
}

.casc_links_second_container {
    margin-top: 1em;
}

.inline_p_tag,
address.casc_address {
    display: inline;
}

.casc_a {
    margin-left: 10px;
}

.casc_cal {
    margin: 18px 0;
}

.casc_calendar,
.casc_services {
    margin: 5px 0;
    color: var(--primary-white);
    text-decoration: none;
    background-color: #be8100;
    padding: 19px 30px 16px;
    border-width: 0;
    font-size: 1.4rem;
    letter-spacing: 2px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    white-space: normal;
    width: auto;
    border-radius: .5em;
    cursor: pointer;
    display: inline-block;
}

.casc_links p {
    padding: 3px 0;
}


/* REVISONS */

.site-inner.faq,
.site-inner.about,
.site-inner.contact {
    margin-top: 0;
}

h4.faq_h4 {
    padding-top: 4rem;
}


/* -------------------------
-----  Media queries  ------
--------------------------- */

@media (max-width: 1825px) {
    .spotlight_listener {
        width: 34%;
    }
    .picture__painted-by {
        bottom: 6rem;
    }
}

@media (max-width: 1700px) {
    .spotlight_listener {
        width: 34%;
    }
    .picture__painted-by {
        bottom: 6rem;
    }
}

@media (max-width: 1200px) {
    article .entry-container {
        font-size: 1.6rem;
    }
    .casc-ul li {
        font-size: 1em;
    }
    .custom-content {
        padding: 20px 0 20px 0;
    }
    .custom-content-ul-div {
        margin-top: 27px;
    }
    .default_single--text {
        display: block;
    }
    .desktop_nav li {
        font-size: .8em;
        padding: 10px 15px;
    }
    h2.entry-title {
        font-size: 4rem;
    }
    .health.treatment .nav_buttons p {
        width: 6rem;
        font-size: 3rem;
        padding: 35px 135px;
    }
    .homeless-services .list-wrap {
        display: flex;
        justify-content: center;
    }
    .homeless-services .button_container p {
        width: 36rem;
    }
    .homeless-services .housingNav.nav_buttons {
        display: block;
    }
    .homeless-services .housingNav.nav_buttons li {
        width: 60rem;
    }
    #hope {
        font-size: .8em;
    }
    .http-list li {
        font-size: 1em;
        margin-left: 30px;
    }
    .icon_container .fa-3x {
        font-size: 5rem;
    }
    img#legal {
        height: 3.4em !important;
    }
    .icon_container .fa-support {
        height: 3.4em;
        ;
    }
    .intro-p {
        margin-top: 37px;
    }
    .navLink p {
        margin: 0px;
        font-size: 1.5rem;
    }
    .nav_buttons ul {
        margin: 0 auto;
        width: 67%;
    }
    .nav_buttons a {
        font-size: 1.5rem;
    }
    .navLink--black {
        font-size: 2rem;
    }
    .read-more {
        margin: 0px 0 60px 0;
    }
    .single_page_header .header-nav li {
        padding: 0;
    }
    .summary1 {
        font-size: 1em;
    }
    .title-area {
        width: 40%;
    }
    .casc_section_two {
        flex-direction: column;
        text-align: center;
    }
    .default_single--text.casc_title h2 {
        text-align: center;
    }
    .spotlight_listener {
        width: 34%;
    }
}


/* Contact page styling */

:root {
    --trans-time: 320ms;
    --form-width: 40%;
}

hr.contact-horizontal-break {
    margin: 3em;
}

.contact-us .custom-content-sidebar-wrap {
    margin-top: 50px;
}

.contact_ctct_style {
    padding-right: 0px;
}

.ctct-form-defaults {
    padding-top: 0 !important;
}

.ctct-form-button {
    margin-top: 20px !important;
}

form h5 {
    text-align: center;
    text-transform: uppercase;
    color: #424242;
}

form .emoji {
    font-size: 1.2em;
}

.group {
    position: relative;
    margin: 45px 0;
}


/* INPUTs */

textarea {
    resize: none;
}

textarea,
input {
    background: none;
    color: black;
    font-size: 18px;
    padding: 10px 10px 10px 5px;
    width: var(--form-width);
    border: none;
    border-radius: 0;
    border: 1px solid var(--primary);
}

.sign_up {
    background-color: var(--primary-white);
}

.ctct-inline-form {
    text-align: center;
}

.ctct-form-label {
    font-size: 16px;
}

.ctct-form-element {
    margin: 0;
}

form input {
    background: none;
    color: black;
    font-size: 18px;
    padding: 10px 10px 10px 5px;
    margin: 2em 2em;
    width: var(--form-width);
    border: none;
    border-radius: 0;
    border: 1px solid var(--primary);
}

textarea:focus,
input:focus {
    outline: none;
}

textarea:focus~label,
input:valid~label {
    top: -29px;
    font-size: 18px;
    color: black;
}

textarea:focus~.bar:before,
input:focus~.bar:before {
    width: var(--form-width);
}

.submit_form {
    display: block;
    margin: 2.5em;
}

.bar {
    position: relative;
    display: block;
    width: var(--form-width);
}

.bar:before {
    content: '';
    height: 2px;
    width: 0;
    bottom: 0px;
    position: absolute;
    background: var(--primary-dark);
    transition: 320ms ease all;
    left: 0%;
}


/* BUTTONS */

.btn {
    background: var(--primary);
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 3px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    text-decoration: none;
    outline: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.btn:hover {
    color: lightblue;
    box-shadow: 0 7px 14px rgba(0, 0, 0, 0.18), 0 5px 5px rgba(0, 0, 0, 0.12);
}

.btn .btn-submit {
    background: blue;
    color: white;
}

.btn .btn-submit:hover {
    background: darkblue;
    color: white;
}

.btn-box {
    text-align: center;
    margin: 50px 0;
}


/* ----------------------------- */

@media (max-width: 1100px) {
    .single_page_header .title-area {
        margin-left: 25px;
    }
    .single_page_header .title-area .site_title_container--title,
    .single_page_header .desktop_nav .top_nav_li {
        font-size: .8em;
    }
    .desktop_nav {
        font-size: .8em;
    }
    .picture__painted-by {
        bottom: 6rem;
    }
}

@media (max-width: 1023px) {
    .banner-shadow {
        margin: 30px 0 30px 0;
    }
    .custom-entry-content .http-list {
        flex-wrap: unset;
        height: auto;
    }
    .default_single--text {
        padding: 0;
    }
    .default_single--text {
        flex-direction: column;
    }
    .default_list--name {
        text-align: center;
    }
    .default_list--name h2 {
        color: #fff;
    }
    .default_single_sidebar--container {
        border: none;
        margin-bottom: 47px;
    }
    .half-width-entries .content .entry {
        min-height: auto;
    }
    .health.treatment .list-wrap {
        display: flex;
        justify-content: center;
    }
    .header-hero.home {
        background-position: center!important;
    }
    .header-hero.hero.cis-trans-womenns {
        background-position: center!important;
    }
    .header_nav li {
        padding: 10px 10px;
    }
    .housingNav.nav_buttons {
        flex-direction: column;
    }
    .homeless-service .housingNav.nav_buttons {
        flex-direction: column;
    }
    .http-list br {
        display: inline;
    }
    .outside_sf--text,
    .outside_sf--link {
        display: inline-block;
    }
    .outside_sf,
    .sign_up {
        text-align: center;
        width: 100%;
    }
    div.sign_up {
        padding: 3%;
    }
    .legal.service .housingNav.nav_buttons,
    .treatment .housingNav.nav_buttons,
    .housing .housingNav.nav_buttons {
        display: block!important;
    }
    .legal.service .housingNav.nav_buttons p,
    .treatment .housingNav.nav_buttons p,
    .housing .housingNav.nav_buttons p {
        width: 60rem;
    }
    .list-wrap {
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
    .navLink--black {
        width: 26rem!important;
        padding: 40px 0!important;
    }
    .legal.service .nav_buttons li,
    .housing .nav_buttons p,
    .homeless-services .nav_buttons li,
    .health.treatment .nav_buttons p {
        font-size: 2rem;
    }
    .health.treatment .navLink--black {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .title-area {
        width: 40%;
        text-align: center;
    }
    .first-container {
        padding-bottom: 54px;
    }
    .housingNav.nav_buttons {
        padding-bottom: 0;
    }
    .default_list {
        width: 95%;
    }
    .default_single--text {
        width: 80%;
        margin: 0 auto;
    }
    .first-container {
        display: block;
    }
    .http-list a {
        display: inline;
        padding: 0 20px 0 20px;
    }
    .post .entry-container {
        height: unset;
        padding-bottom: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .read-more {
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .http-list.first-things-row {
        width: 100%;
        display: flex;
        width: 100%;
        flex-direction: column;
    }
    .housingNav.nav_buttons.health.treatment .button_container {
        display: flex;
        justify-content: center;
    }
    .single_page_header .desktop_nav .top_nav_li {
        font-size: .7em;
    }
    .site-header .wrap {
        padding: 20px 0 0 0;
    }
    .site_title_container--title p,
    .hero-description {
        font-size: 15px;
    }
    .housing .button_container {
        display: flex;
        justify-content: center;
    }
    .housingNav.nav_buttons .button_container {
        display: flex;
        justify-content: center;
    }
    .default_list.spotlight_listener {
        margin: 15px auto;
        width: 50%;
    }
    .picture__painted-by {
        bottom: 6rem;
    }
    div.default_single_sidebar div.default_single_sidebar--container {
        margin-bottom: 0;
        padding-bottom: 0;
    }
}


/* ------------------------------- */

@media (max-width: 980px) {
    .custom-content {
        width: 95%;
    }
    .custom-content-ul-div {
        float: none;
        padding: 0;
    }
    .custom-content-ul {
        border-left: none;
    }
    .nav_buttons ul {
        display: block;
    }
    .hero-title {
        font-size: 50px;
    }
    .homeless_banner {
        margin-top: 20px;
        box-shadow: none!important;
    }
    .intro-p {
        margin: -37px 0 0px 0;
    }
    .custom-entry-content p {
        margin: 20px 0 20px 0;
    }
    .header-hero .title-area {
        width: 37%;
        margin-left: 25px;
    }
    .single_page_header .wrap {}
    .title-area .site-title {
        font-size: 18px;
    }
}


/* ------------------------------- */

@media (max-width: 868px) {
    .card-entry-title {
        width: 286px;
    }
    .custom-entry-content p {
        margin: 15px 0 15px 0;
    }
    .default_single--title .default_list--name h2 {
        font-size: 2.4rem
    }
    .default_list--name {
        display: flex;
        flex-direction: column;
    }
    h2.entry-title {
        font-size: 4rem!important;
    }
    .header_nav {
        width: 90%;
        margin: 0 auto;
    }
    .hamburger_container {
        display: block;
    }
    .hero-description {
        display: none;
    }
    .hero-section {
        padding-top: 0;
    }
    .housingNav {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .hideNav.navLink {
        display: none;
    }
    iframe {
        width: 500px;
        height: 300px;
    }
    .imagebox {
        background-position: center;
    }
    .last_button_section {
        display: block;
    }
    .default_list--location address,
    .default_list--location h2 {
        text-align: center;
    }
    .mobile_nav_li {
        width: 100%;
        text-align: center;
        background-color: var( --primary-dark);
        border: 1px solid var( --primary-dark);
        margin: 3px 0;
    }
    .mobile_nav_li a {
        color: white;
    }
    .modal {
        width: 90%;
        left: 5%;
    }
    .nav_buttons ul {
        margin: 0 auto;
        width: 55%;
    }
    .site-header .wrap .title-area .search-area {
        position: absolute;
        top: 85px;
    }
    .site-header .wrap .title-area .btn-search {
        position: absolute;
        top: 85px;
        left: 64%;
    }
    .site-header .wrap {
        padding-bottom: 0;
        margin-left: 20px;
    }
    .site-inner {
        width: 94%;
    }
    .site_title_container--hamburger {
        display: flex;
        flex-direction: row-reverse;
    }
    .site_title_container--title p {
        font-size: 15px;
    }
    .summary1 {
        margin: 0;
    }
    .top_nav--container {
        display: none;
    }
    .search-area {
        width: 50%;
    }
    .header_nav .desktop_nav {
        display: none;
    }
    .site_title_container--title p,
    .hero-description {
        font-size: 18px;
    }
    .single_page_header .site_title_container--title p {
        font-size: 16px;
    }
    .program_name h2 {
        /* text-align: center; */
    }
    .site-inner.single-site-inner.casc_container {
        margin-top: 27px;
    }
    .hero .site_title_container {
        display: none;
    }
}


/* Styling for the BACK BUTTON */

.btn-back.btn-domestic-violence-shelters {
    background-color: var(--tertiary);
    background-color: #F26932;
    color: var(--primary-white);
}


/* Category homeless-service */

.adult-shelter--container {
    display: flex;
    flex-direction: column;
    margin: 1em 3em;
}

h3.adult-shelter--attachment-heading,
h4.adult-shelter--attachment-subheading {
    text-align: center;
    margin-bottom: 10px;
}

.change-shelter,
.once-profile,
.waitlist {
    margin-top: 1.5em;
}

ul.adult-shelter--1st-ul li {
    list-style-type: disc;
    margin-left: 2em;
}

ul.adult-shelter--2nd-ul li {
    list-style-type: circle;
    margin-left: 2em;
}

.read-more--attachment,
.read-less--attachment {
    text-decoration: underline;
    color: #be8100;
    margin: 12px 0 24px;
    width: 100px;
    display: flex;
    justify-content: center;
    align-self: center;
}

.read-more--attachment:hover,
.read-less--attachment:hover {
    color: #9d9dcc;
    cursor: pointer;
}

.accordion {
    display: none;
}

p.housing-attachment-description-2 {
    margin-top: 1em;
}

.adult.access.points .default_list--name h2,
.adult.access .default_list--name i {
    color: var(--primary);
}

.content-single .default_list--name.adult-access-points,
.btn-adult-access-points {
    background-color: var(--primary);
}

.btn-homeless-service.adult-access-points {
    color: var(--primary);
}

.adult.access.points .default_list--name {
    border-bottom: 1px solid var(--primary);
}


/* Styling Housing Categories */

.housings .nav_buttons p {
    width: 36rem;
    font-size: 3rem;
    /* border: 10px solid rgba(0,0,0,0.2); */
    min-height: 5em !important;
}

nav.housingNav.nav_buttons .button_container .navLink--black {
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: center;
}


/* Transitional Housing */

.transitional.housing .default_list--name {
    border-bottom: 1px solid var(--primary);
}

.transitional.housing .default_list--name h2,
.transitional-housing .default_list--name i {
    color: var(--primary);
}

.transitional.housing .pagination>.active>a {
    background-color: var(--primary);
    color: white;
}

.transitional.housing .pagination>li>a:hover {
    color: var(--primary);
    border: 1px solid var(--primary);
}

.transitional-housing .default_list--name {
    background-color: var(--primary);
    border-bottom: 1px solid var(--primary);
}

.transitional-housing .default_list--name h2,
.transitional-housing .default_list--name i {
    color: white;
}

.transitional-housing .pagination>.active>a {
    background-color: var(--primary);
    color: white;
}

.transitional-housing .pagination>li>a:hover {
    color: var(--primary);
    border: 1px solid var(--primary);
}

i.fa.fa-print.btn-print.btn-housings.transitional-housing.noprint {
    color: var(--primary);
}

button.btn-back.btn-transitional-housing.noprint {
    background-color: var(--primary);
}

.list_container {
    color: white;
}

.permanent.supportive.housing .default_list--name h2,
.permanent.supportive.housing .default_list--name i {
    color: var(--tertiary);
}

.permanent.supportive.housing .pagination>.active>a {
    background-color: var(--tertiary);
}

.permanent.supportive.housing .pagination>li>a:hover {
    color: var(--tertiary);
    border: 1px solid var(--tertiary);
}

i.fa.fa-print.btn-print.btn-housings.permanent-supportive-housing.noprint {
    color: var(--tertiary);
}

button.btn-back.btn-permanent-supportive-housing.noprint {
    background-color: var(--tertiary);
}

.permanent-supportive-housing .default_list--name {
    background-color: var(--tertiary);
}

.outpatient .pagination>li>a:hover {
    border: 1px solid var(--secondary);
    color: var(--secondary);
}


/* Permanent Housing */

.permanent.housing .default_list--name {
    color: var(--secondary);
}

.permanent.housing,
.default_list--name.permanent-housing {
    background-color: var(--secondary);
}

.permanent.housing .default_list--name h2,
.permanent.housing .default_list--name i {
    color: var(--secondary);
}

i.fa.fa-print.btn-print.btn-housings.permanent-housing.noprint {
    color: var(--secondary);
}

button.btn-back.btn-permanent-housing.noprint {
    background-color: var(--secondary);
}

.permanent.housing .pagination>li>a:hover {
    color: var(--secondary);
    border: 1px solid var(--secondary);
}

.employment button.btn-back.btn-.noprint {
    background-color: var(--primary);
}


/* Adult Access Points */

.adult.access.points .pagination>li>a:hover {
    color: var(--primary);
    border: 1px solid var(--active-orange);
    border: 1px solid #9a6c05;
}


/* Family Access Points */

.family.access.points .pagination>li>a:hover {
    color: var(--secondary);
    border: 1px solid var(--secondary);
}


/* other link styling */

ul.http-list li.useful_link {
    margin-bottom: 2rem;
}


/* end of charlie modification */


/* --------------------------------- */
div.default_single--text div.single-section_contact.btn-wrapper_container .update_program {
    margin: 0 0 0 auto;
}

@media (max-width: 760px) {
    .http-list a {
        display: block;
        /* text-align: center; */
    }
    .list-pages .default_list--name {
        /* align-items: unset; */
    }
    .default_list.spotlight_listener {
        width: initial;
    }
    .picture__painted-by {
        bottom: 4rem;
    }
    div.default_single--text div.single-section_contact.btn-wrapper_container {
        display: flex;
        flex-flow:column wrap;
    }
    div.default_single--text div.single-section_contact.btn-wrapper_container .update_program {
        order: -1;
        margin: 0;
    }
    div.default_single_sidebar div.default_single_sidebar--container {
        margin-bottom: 0;
        padding-bottom: 0;
    }
}

@media (max-width: 628px) {
    .align {
        flex-direction: column;
        align-items: center;
        margin-bottom: 55px;
    }
    div.fa-chevron-right {
        height: 4rem;
        font-size: 0;
    }
    .custom-content-ul-div {
        text-align: center;
    }
    .custom-entry-content ul li {
        list-style-type: none;
        margin-left: 0;
    }
    .custom-entry-content {
        text-align: center;
    }
    .custom-entry-content .http-list {
        height: unset;
    }
    #eMail {
        margin-bottom: 10px;
    }
    .default_single_sidebar {
        margin: unset;
    }
    .entry-container .http-list {
        text-align: center;
    }
    .hero.hero.legal-service.advocacy {
        background-position: right;
    }
    .single-section_contact {
        display: block;
    }
    .default_single--text {
        text-align: center;
    }
    div.default_single_title p.description {
        text-align: justify;
    }
    .single-section_contact-title,
    .single-section_contact-text {
        margin: 0;
    }
    .single-section_contact .single-p-section {
        width: 100%;
    }
    .nav_buttons ul {
        margin: 0 auto;
        width: 60%;
    }
    #hope {
        display: none;
    }
    .http-list {
        text-align: center;
    }
    .sign_up--email {
        height: unset;
    }
    .sign_up--email h2 {
        margin-top: 55px;
        font-size: 35px;
    }
    label {
        display: flex;
        color: black;
        font-size: 16px!important;
        font-weight: normal;
    }
    label.ctct-form-label {
        display: flex;
        position: none;
    }
    .ctct-form-custom {
        text-align: center;
    }
    .site-header .wrap .title-area .btn-search {
        display: none;
    }
    p.tertiaryTagLine {
        display: none;
    }
    form input {
        width: 100%;
        margin: 2em 0;
        padding: 1em;
    }
    /* ---------------------------
Pagination
 ----------------------------- */
    .pagination {
        margin-left: -7px;
    }
    .pagination>li>a,
    .pagination>li>span {
        margin-left: 0;
    }
    .useful-links .http-list a.move {
        margin: unset;
        padding: unset;
    }
    .myPagination {
        margin-left: 0;
    }
    .picture__painted-by {
        bottom: 3rem;
    }
    div.default_single--text div.single-section_contact.btn-wrapper_container .update_program button {
        padding: 12px 15px 8px;
    }
}


/* --------------------------------- */

@media (max-width: 607px) {
    .inner-list li {
        margin: 10px auto;
    }
    .nav_buttons li {
        width: 16rem;
    }
    .nav_buttons a {
        font-size: 1.5rem;
    }
    .icon_container .fa-3x {
        font-size: 5rem;
    }
    .sign_up--email button {
        font-size: 13px;
    }
    .site-header .wrap .title-area .search-area {
        width: 20rem;
    }
    .search-area {
        width: 75%;
    }
    .fa-print {
        display: none;
    }
}


/* ------------------------------ */

@media (max-width: 578px) {
    .default_single_title {
        padding: 0px;
    }
    .default_single_sidebar--image img {
        width: 300px;
        height: 300px;
    }
    .hero {
        height: auto;
    }
    iframe {
        width: 300px;
        height: 200px;
    }
    .modal {
        width: 100%;
        left: 0;
    }
    .modal .spotlight_container {
        padding: 0 0 0 0;
    }
    .nav_buttons ul {
        width: 70%;
    }
    .list_container h2 {
        font-size: 1.5em;
    }
}


/* ------------------------------ */

@media (max-width: 492px) {
    .nav_buttons ul {
        margin: 0 auto;
        width: 100%;
    }
    .picture__painted-by {
        bottom: 3rem;
    }
}

@media (max-width: 400px) {
    .spotlight_img_container {
        padding: 10px;
    }
    .card-entry-title {
        font-size: 24px;
    }
    .sign_up--email h2 {
        font-size: 25px;
    }
    .http-list {
        width: 100%;
    }
    .site-header .wrap .title-area .search-area {
        width: 20rem;
        left: 24%;
    }
}

@media (max-width: 375px) {
    .site-inner.single-site-inner.casc_container {
        margin-top: 19px;
    }
}


/* ----------------------------------
 Print media queries to print page
 ----------------------------------*/

@media print {
    .content {
        -webkit-print-color-adjust: exact;
        float: none !important;
        max-width: 800px;
        width: 100%;
        margin-top: 0cm;
        margin-right: 0cm;
        margin-left: 1cm;
    }
    .default_list--name {
        border: solid black .05em;
        margin-top: -3cm;
    }
    .default_single--text {
        display: flex;
        flex-direction: row;
        font-size: .8em;
        page-break-after: always;
    }
    .default_single--title {
        font-size: .8em;
        padding: 0;
    }
    .single_section_1 {
        font-size: 1em;
        text-align: left;
        margin: 0;
        padding: 0;
    }
    .default_single_sidebar--image {
        margin-top: 4cm;
        height: 30em;
        border: solid black .05em;
    }
    .default_single_sidebar {
        page-break-after: always;
        font-size: .7em;
    }
    hr {
        display: none;
    }
    h2.printonly {
        font-size: 1.2em;
        margin: 0;
        padding: 0;
    }
    h3,
    h4.direct_service {
        margin: .5cm 0 0 0cm;
        padding: 0cm;
        font-size: .7em;
        orphans: 0;
        widows: 0;
    }
    iframe {
        width: 90%;
        height: 20em;
    }
    p {
        font-size: .6em;
    }
    .noprint {
        display: none;
    }
    .printonly {
        display: block;
    }
    .single-icon.printonly,
    address.printonly,
    p.printonly {
        display: inline;
        font-size: 1em;
    }
    .default_single_title.about {
        min-height: unset;
    }
    .site-inner {
        position: unset;
        margin-top: -1cm;
        box-sizing: unset;
        margin: 0;
        padding: 0;
        height: auto !important;
        overflow: unset;
    }
    .site-inner.single-site-inner {
        box-shadow: none !important;
    }
    .default_single_sidebar--container {
        position: absolute;
        width: 80%;
        height: 20em;
        margin-left: 10%;
        bottom: -10cm;
        left: 0;
    }
    .update_program {
        display: none;
    }
}

.spotlight_img_container figure {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 10px 1%;
    min-width: 315px;
    max-width: 480px;
    max-height: 360px;
    width: 48%;
    height: auto;
    /* background: #3085a3; */
    text-align: center;
    cursor: pointer;
}

.modal .spotlight_img_container figure {
    cursor: unset;
}

.spotlight_img_container figure img {
    position: relative;
    display: block;
    min-height: 240px;
    max-width: 320px;
    opacity: 0.8;
}

.spotlight_img_container figure figcaption {
    padding: 2em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.spotlight_img_container figure figcaption::before,
.spotlight_img_container figure figcaption::after {
    pointer-events: none;
}

.spotlight_img_container figure figcaption,
.spotlight_img_container figure figcaption>a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* Anchor will cover the whole item by default */


/* For some effects it will show as a button */

.spotlight_img_container figure figcaption>a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}

.spotlight_img_container figure h2 {
    font-weight: 300;
}

.spotlight_img_container figure h2 span {
    font-weight: 800;
}

.spotlight_img_container figure h2,
.spotlight_img_container figure p {
    margin: 0;
}

.spotlight_img_container figure p {
    letter-spacing: 1px;
    font-size: 68.5%;
}

.spotlight_listener figure.effect-selena figcaption::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    content: '';
    -webkit-transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
}

.modal .spotlight_listener figure.effect-selena figcaption::before {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    content: '';
    transition: none;
    transform: none;
}

.spotlight_listener figure.effect-selena {
    /* background: #3498db; */
}

.spotlight_listener figure.effect-selena img {
    opacity: 0.95;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale3d(1.05, 1.05, 1);
    transform: scale3d(1.05, 1.05, 1);
}

.modal .spotlight_listener figure.effect-selena img {
    opacity: 1;
    transition: none;
    transform: none;
}

.spotlight_listener figure.effect-selena:hover img,
.spotlight_listener:focus figure.effect-selena img {
    opacity: 0.6;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

.modal .spotlight_listener figure.effect-selena:hover img {
    cursor: unset;
    opacity: 1;
    transform: none;
}

.spotlight_listener figure.effect-selena:hover figcaption::before {
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
}

.modal .spotlight_listener figure.effect-selena:hover figcaption::before {
    transform: none;
}

.spotlight_listener figure.effect-selena h2 {
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
}

.spotlight_listener figure.effect-selena p {
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
}

.spotlight_listener figure.effect-selena:hover h2 {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.modal .spotlight_img_container figure.effect-selena:hover img figcaption::before {
    -webkit-transform: initial!important;
    -webkit-transition: initial!important;
    transform: initial!important;
    transition: initial!important;
    opacity: initial!important;
}

.modal .spotlight_img_container figure.effect-selena:hover img {
    cursor: none;
    transform: initial!important;
    -webkit-transform: initial!important;
    transition: initial!important;
    opacity: initial!important;
}

.modal .spotlight_img_container figure.effect-selena:hover img,
h2 {
    transform: initial!important;
    -webkit-transform: initial!important;
    transition: initial!important;
    opacity: initial!important;
}


/* IE Styling go here */


/* IE10+ CSS styles go here */

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .banner {
        background-color: #D89B00;
        padding: 10px 0 10px 20px;
        color: #fff;
        font-family: 'Lora', serif !important;
        font-size: 2.4rem;
        font-weight: bold;
        margin: 20px 0 20px 0;
    }
    br {
        margin: 20px 0 20px 0;
    }
    body {
        background-color: #f4f4f4;
    }
    body .site-inner.housings {
        visibility: hidden;
    }
    .body_bg_default {
        background-color: white!important;
    }
    .contact-us .ctct-inline-form {
        display: block!important;
    }
    .contact {
        margin-top: 25px;
    }
    .sign_up p {
        margin: 0 !important;
    }
    .custom-entry-content .contact_container {
        margin: 1em 0 0 0;
    }
    .custom-entry-content .banner {
        margin: 20px 0 20px 0;
    }
    .custom-entry-content .http-list {
        margin: 55px 0;
        display: flex;
        flex-direction: column;
        flex-flow: column;
        flex-wrap: wrap;
        height: 600px;
    }
    .column {
        flex: 1;
        min-width: 300px;
    }
    .content img {
        height: 500px;
    }
    .content .list_container img {
        height: 80px;
    }
    .cursor {
        cursor: pointer!important;
    }
    div.wrap.noprint {
        max-width: 1400px;
    }
    .header-hero .title-area {
        margin-left: 50px;
    }
    .inner-list li {
        margin: 20px 0 20px 0;
    }
    .imagebox {
        height: 320px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: bottom;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .indent {
        margin-left: 50px;
    }
    .italia {
        font-style: italic;
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family: 'Oswald', sans-serif!important;
    }
    hr {
        margin: 0;
    }
    #hope {
        font-variant: small-caps;
        word-spacing: 1.8em;
    }
    .single_page_header .title-area {
        margin-left: 50px;
        width: unset;
    }
    .site-header {
        z-index: 20;
    }
    .site-header-image {
        position: absolute;
    }
    .Transitional {
        background-color: #1fa28e !important;
    }
    .button_container p {
        color: #fff
    }
    /* ---------------------------
   Background images
   ----------------------------- */
    /* picture credited styling */
    .picture__painted-by {
        color: #fff;
        text-align: center;
        position: absolute;
        bottom: 0;
        right: 3rem;
    }
    .picture__painted-by a {
        color: #fff;
        text-decoration: none;
    }
    .picture__painted-by a:hover {
        text-decoration: underline;
    }
    /* Background Default */
    .hero {
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0.85) 100%), url('/images/home.png');
        background-position: center;
         background-size: cover;
    }
    /* Background About */
    .header-hero.hero.about {
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0.85) 100%), url('/images/Reentry_Council_Slide copy.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: bottom;
    }
    /* Background Advocacy */
    .hero.hero.legal-service.advocacy {
        background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0.85) 100%), url('/images/Up3-full.png');
        background-size: cover;
        background-position: top;
    }
    /* Background CASC */
    .header-hero.hero.casc {
        background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0.85) 100%), url('/images/CASC 564.png');
    }
    /* Background Contact */
    .header-hero.hero.contact-us {
        background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0.85) 100%), url('/images/Contact_Us_Citywide_Staff.png');
    }
    /* Background Contact */
    .header-hero.hero.domestic.violence.shelters {
        background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0.85) 100%), url('/images/domestic_violence_shelters.png');
        background-position: right;
    }
    /* Background Family Access Points */
    .header-hero.hero.family.access.points {
        background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0.85) 100%), url('/images/family_access_points.png');
        background-position: center center;
    }
    /* Background FAQS */
    .header-hero.hero.faq {
        background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0.85) 100%), url('/images/FAQ_Rudy.png');
        background-position: center center;
    }
    /* Background Health-Treatment */
    .hero.health-treatment.residential.treatment {
        background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0.85) 100%), url('/images/Teddy_Deb_Cedrick.jpg');
        background-position: top;
    }
    .hero.health-treatment.outpatient.treatment {
        background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0.85) 100%), url('/images/Outpatient_Group.jpg');
        background-position: bottom;
    }
    .hero.health-treatment.health.care {
        background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0.85) 100%), url('/images/Healthcare_Arm.jpg');
    }
    /* Background Transitional Housing */
    .hero.transitional.housing {
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0.85) 100%), url('/images/transitionalhousing.jpg');
        background-size: cover;
    }
    /* Background Permanent Housing */
    .hero.permanent.housing {
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0.85) 100%), url('/images/permanent_housing.png');
        background-size: cover;
    }
    /* Background Permanent Supportive Housing */
    .hero.permanent.supportive.housing {
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0.85) 100%), url('/images/permanent_supportive_housing.png');
        background-size: cover;
    }
    /* Background Homeless-Services */
    .hero.homeless-service.adult.access.points {
        background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0.85) 100%), url('/images/Shelter_System.jpg');
        background-position: top;
    }
    /* Background Legal-Services */
    .hero.hero.legal-service.legal.service {
        background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0.85) 100%), url('/images/home.png');
    }
    /* Background Legal */
    .hero.hero.legal-service.legal {
        background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0.85) 100%), url('/images/legal.png');
        background-position: left;
    }
    /* Background Success-stories */
    .header-hero.hero.success-stories {
        background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0.85) 100%), url('/images/success-stories.png');
        background-position: top;
    }
    /* Background Support-Services */
    .hero.hero.support-service {
        background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0.85) 100%), url('/images/support.jpg');
    }
    .hero.documents {
        background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0.85) 100%), url('/media/productivity-1600x800.jpg');
    }
    .hero.posts {
        background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0.85) 100%), url('/media/unplug-1600x800.jpg');
    }
    .hero-description {
        color: #fff;
        text-align: center;
        margin: 0;
    }
    .site-inner .site-inner.single-site-inner.health.treatment,
    .site-inner .site-inner.single-site-inner.homeless.service,
    .site-inner .single-site-inner.housings,
    .site-inner .site-inner.single-site-inner.legal.service {
        background-color: white!important;
        margin-top: 0px;
        box-shadow: none!important;
    }
    .title-area .site_title_container {
        width: 100%;
    }
    .wrap a {
        text-decoration: none;
    }
    .site_title_container {
        font-family: 'Alegreya Sans', sans-serif;
        letter-spacing: 3px;
    }
    .tel-link {
        text-align: left;
    }
    /*----------------------------------
  Custom Pages styling 
  ----------------------------------*/
    .entry-container.First.Things.First {
        min-height: 493px;
    }
    .first-container {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .First.Things.First {
        padding: 0;
        padding-top: 25px;
    }
    .First.Things.First .card-entry-title {
        margin-bottom: 0;
    }
    .First.Things.First a {
        padding: 5px 0;
    }
    address.front_page {
        text-align: left;
        width: 42%;
    }
    .front_page {
        margin-top: .5em;
        font-size: .9em;
    }
    .read-more.First.Things.First {
        display: none;
    }
    .http-list.first-things-row {
        margin-top: 0!important;
    }
    .http-list.first-things-row li:hover,
    .http-list.first-things-row li a:hover {
        color: #9a6c05!important;
        text-decoration: underline;
    }
    .imagebox .entry-title {
        color: #fff;
    }
    .First.Things.First h2.card-entry-title {
        margin-bottom: 20px;
        width: 200px;
    }
    /*----------------------------------
  Footer styling 
  ----------------------------------*/
    footer {
        text-align: center;
        background-color: #000;
        color: #fff;
    }
    .footer--row-1 {
        padding-bottom: 0!important;
    }
    .footer--row-2 {
        padding-top: 0!important;
    }
    .otherFooter {
        position: absolute;
        bottom: 0;
        width: 100%;
        text-align: center;
        background-color: #000;
        color: #fff;
    }
    .goso_footer {
        margin-top: 50px;
    }
    footer img {
        width: 170px;
        margin-top: -7px;
    }
    footer a {
        text-decoration: none;
    }
    footer a:hover {
        color: #bfbff1;
    }
    .goso_footer--row {
        padding: 20px 0 10px 0;
    }
    .row.goso_footer {
        margin: 0;
        margin-top: 10em;
    }
    .icon-trademark {
        font-size: 12px;
        padding-bottom: .5em;
    }
    /*
  Hero Section
   ----------------------------- */
    .breadcrumb-nav {
        display: none;
    }
    .hero {
        background-color: #111;
        background-size: cover;
        position: relative;
        display: flex;
        flex-direction: column;
    }
    .hero-section {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        color: #fff;
        padding: 7% 0 0 0;
        position: relative;
        text-align: center;
    }
    .hero-title {
        color: #fff;
        font-size: 64px;
        display: inline-block;
    }
    .iconbar {
        position: absolute;
        bottom: 0;
        align-self: center;
    }
    .iconbar ul {
        list-style: none;
        display: flex;
        flex-flow: wrap;
        padding: 0;
    }
    .iconbar ul li:not(:first-child),
    .iconbar ul li:not(:last-child) {
        margin: 0 15px 10px 15px;
    }
    .iconbar ul li a {
        color: #bb8100;
        font-weight: 100;
    }
    .iconbar ul li a:hover,
    .iconbar ul li a:focus {
        color: #fff;
    }
    .list {
        border: 1px solid black;
        margin: 10px;
        padding: 10px;
    }
    .list img,
    .list__content .column-1>div {
        margin: 0 20px 20px 0;
    }
    .list__content {
        display: flex;
        flex-wrap: wrap;
    }
    .modal-lg {
        width: 90%;
    }
    .more-link {
        background-color: #ffffff;
        box-shadow: none;
        border-bottom: 2px solid #bb8100;
        border-left: 0;
        border-right: 0;
        border-radius: 0;
        border-top: 0;
        color: #bb8100;
        font-weight: 700;
        letter-spacing: 2px;
        padding: 16px 0 6px 0;
    }
    #outset {
        border-style: solid;
        border-width: 1px;
        border-image-source: linear-gradient(to bottom, hsl(0, 0%, 97%), #D89B00, hsl(0, 0%, 97%));
        border-image-slice: 1% 0% 0% 100%;
        padding-left: 20px
    }
    .sub-title {
        font-family: 'Alegreya Sans', sans-serif;
        line-height: 1.625;
    }
    .tags_and_cats {
        color: grey;
        font-size: 16px;
    }
    .under {
        text-decoration: underline;
        letter-spacing: 1px;
        font-size: 15px;
        font-weight: bold;
    }
    .title-area {
        padding: 15px 0;
    }
    /*----------------------------------
  HEALTH TREATMENT
  ----------------------------------*/
    .navLink--black.transitional,
    .navLink--black.residential,
    .navLink--black.legal,
    .navLink--black.adult.access.points {
        background-color: #D89B00;
    }
    .navLink--black.permanent.housing,
    .navLink--black.outpatient,
    .navLink--black.advocacy,
    .navLink--black.family.access.points {
        background-color: #25BEA6;
    }
    .navLink--black.permanent.supportive.housing,
    .navLink--black.health.care,
    .navLink--black.domestic.violence.shelters {
        background-color: #F26932;
    }
    .navLink--black.health:hover,
    .navLink--black.advocacy:hover {
        background-color: #25BEA6;
    }
    .navLink--black.transitional:hover,
    .navLink--black.residential:hover,
    .navLink--black.legal:hover,
    .navLink--black.adult.access.points:hover {
        transform: translateY(-3px);
        background-color: #bb8100;
        font-weight: bold;
        -webkit-backface-visibility: hidden;
        -webkit-transition: -webkit-transform 250ms;
        transition: 250ms;
    }
    .navLink--black.permanent.housing:hover,
    .navLink--black.outpatient:hover,
    .navLink--black.advocacy:hover,
    .navLink--black.family.access.points:hover {
        transform: translateY(-3px);
        background-color: #1fa28e;
        font-weight: bold;
        -webkit-backface-visibility: hidden;
        -webkit-transition: -webkit-transform 250ms;
        transition: 250ms;
    }
    .navLink--black.permanent.supportive.housing:hover,
    .navLink--black.health.care:hover,
    .navLink--black.domestic.violence.shelters:hover {
        transform: translateY(-3px);
        background-color: #de5d2a;
        font-weight: bold;
        -webkit-backface-visibility: hidden;
        -webkit-transition: -webkit-transform 250ms;
        transition: 250ms;
    }
    .advocacy .pagination a:focus,
    .advocacy .pagination a:hover,
    .advocacy .pagination .active a {
        border: 1px solid #25BEA6;
        color: var(--secondary);
        color: #25BEA6;
    }
    .adult.access.points .pagination a:focus,
    .adult.access.points .pagination .active a {
        background-color: #D89B00;
        color: white;
    }
    .family.access.points .pagination a:focus,
    .family.access.points .pagination .active a {
        background-color: #25BEA6;
        color: white;
    }
    .domestic.violence.shelters .pagination a:focus,
    .domestic.violence.shelters .pagination .active a {
        border: 1px solid #F26932;
        background-color: #F26932;
        color: white;
    }
    .residential .pagination .active a,
    .residential .pagination a:focus,
    .residential .pagination a:hover,
    .residential .pagination .active a,
    .residential .pagination a:focus,
    .residential .pagination a:hover,
    .residential .pagination .active a {
        border: 1px solid #D89B00!important;
    }
    .health .pagination a:hover {
        border: 1px solid #F26932;
        color: #F26932!important;
    }
    .health .pagination .active a {
        border: 1px solid #F26932;
        background-color: #F26932;
        color: white;
    }
    /*---------------------------------#F26932HOMELESS SUBCATEGORIES
  ----------------------------------*/
    .navLink--black.domestic.violence.shelters {
        background-color: #1fa28e;
    }
    .navLink--black.adult.access.points {
        width: 35rem;
        font-size: 3rem;
        padding: 46px;
        background-color: #D89B00;
        margin: 12px;
    }
    .navLink--black.family.access.points {
        width: 35rem;
        font-size: 3rem;
        padding: 46px;
        color: #fff;
        background-color: #25BEA6;
        margin: 12px;
    }
    p.navLink--black.domestic.violence.shelters {
        width: 35rem;
        font-size: 3rem;
        padding: 46px;
        background-color: #F26932;
        margin: 12px;
    }
    .default_list--name.domestic-violence-shelters {
        background-color: #F26932;
    }
    .faiths .pagination>.active>a,
    .legal .pagination>.active>a {
        background-color: #D89B00!important;
        color: white;
    }
    .family-children .pagination>.disabled>a:hover,
    .employments .pagination>.diabled>a:hover,
    .educations .pagination>.disabled>a:hover,
    .cis .pagination>.disabled>a:hover,
    .faith .pagination>.disabled>a:hover {
        border: 1px solid #fff!important;
        border: 1px solid #D89B00!important;
    }
    .family-children .pagination>.active>a,
    .employments .pagination>.active>a,
    .educations .pagination>.active>a,
    .cis .pagination>.active>a {
        background-color: #D89B00!important;
        border: 1px solid #D89B00!important;
        color: white;
    }
    .support-services .pagination>.active>a {
        background-color: #D89B00;
        color: #fff;
    }
    .cis .pagination>.active>a {
        background-color: #D89B00;
    }
    .cis .pagination>li>a:hover,
    .employments .pagination>li>a:hover {
        border: 1px solid #D89B00;
    }
    .domestic.violence.shelters .pagination a:focus,
    .domestic.violence.shelters .pagination a:hover,
    .domestic.violence.shelters .pagination .active a {
        border: 1px solid #F26932;
    }
    .pagination>li>a:hover {
        color: #fff;
    }
    .domestic.violence.shelters .pagination>li>a:hover {
        color: #1fa28e;
        border: 1px solid #F26932;
    }
    .domestic.violence.shelters .pagination>li>a:hover {
        color: #F26932;
    }
    .pagination>.active>a:hover {
        background-color: #F26932;
        color: white!important;
    }
    .outpatient .pagination>.active>a {
        color: #25BEA6;
        background-color: #25BEA6;
        color: white;
    }
    .residential .pagination>.active>a {
        color: white;
        background-color: #D89B00;
    }
    .transitional .pagination>li>a:hover {
        color: #1fa28e;
    }
    .shelter .pagination>li>a:hover,
    .legal .pagination>li>a:hover {
        color: #D89B00;
    }
    .support-services .pagination>li>a:hover {
        border: 1px solid #D89B00;
    }
    /*----------------------------------
  HOME PAGE STYLING 
  ----------------------------------*/
    .active_nav_link {
        transform: translateY(-1px);
        text-decoration-line: underline;
        color: #bb8100;
        font-size: 2rem!important;
        padding: 5px 5px;
    }
    .active_button_link {
        transform: translateY(-3px)!important;
        box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2)!important;
        background-color: var(--gradient-dark1)!important;
        background-color: rgba(0, 0, 0, 0.25)!important;
        font-weight: bold!important;
    }
    article .entry-container {
        height: 400px;
        font-size: 2rem;
    }
    .card-entry-title {
        margin: 3rem auto;
        width: 350px;
    }
    .casc-ul {
        display: flex;
        flex-direction: column;
        margin-top: .5em;
        margin-left: 3em;
    }
    .casc-ul li {
        list-style-type: disc;
        font-size: 1.8rem;
        text-align: left;
    }
    div.fa-chevron-right {
        height: 50px;
        font-size: 2rem;
    }
    div.fa-link {
        display: inline;
    }
    i.fa-search {
        float: right;
        margin-top: 9px;
        color: black;
        padding-right: .5em;
    }
    i.fa-search:hover {
        cursor: pointer;
    }
    .entry-container .http-list {
        text-align: left;
        margin: 30px 0 0 0;
    }
    .entry-title {
        padding: 20px 20px;
        margin: 0px auto;
        font-size: 4rem;
        box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2)!important;
        background-color: rgba(0, 0, 0, 0.25)!important;
    }
    .entry-title a {
        color: #fff;
        margin: 10px auto;
        width: auto;
    }
    .entry-title span {
        color: #fff;
        margin: 10px auto;
        width: auto;
    }
    .first-things-row li {
        list-style-type: disc;
    }
    .first-things-row li a {
        color: black!important;
    }
    .header_nav {
        font-weight: 600;
    }
    .header_nav_container {
        text-align: right;
        margin-right: 50px;
    }
    .header_nav li {
        display: inline-block;
        padding: 10px 20px;
        transition: all .4s;
        font-size: .8em;
    }
    .header_nav a {
        text-decoration: none;
        color: #bb8100;
    }
    .home_page_video {
        text-align: center;
        padding-top: 20px;
        padding-bottom: 30px;
        height: 400px;
        width: 600px;
        background-color: lightgrey;
        margin: 0 auto 100px;
    }
    .eMail {
        display: inline-block;
    }
    .half-width-entries .content {
        max-width: none;
        width: 100%;
    }
    .half-width-entries .content .entry {
        min-height: 1030px;
    }
    .http-list a li {
        display: inline;
        font-size: 1.7rem;
        margin: 15px 0 0 0;
        text-decoration: none!important;
        list-style-type: disc!important;
    }
    .http-list a li p {
        display: inline;
        color: black;
        font-family: 'Alegreya Sans', sans-serif;
        font-weight: 400;
        font-size: 1.8rem;
        margin: 0 10px;
    }
    .http-list a li p:hover {
        font-weight: 900;
        text-decoration: underline;
    }
    .icon_container {
        padding: 10px 0;
    }
    .icon_container i {
        color: #fff;
        padding-top: 10px 0;
    }
    .img-icon {
        width: 62.5px;
        height: 50px;
    }
    .icon_container .fa-3x {
        font-size: 5rem;
    }
    .icon_container p {
        font-weight: bold;
        color: #fff;
    }
    iframe {
        border: none;
    }
    .link-custom {
        display: none!important;
    }
    .move {
        margin-left: 37px;
    }
    .header-hero .nav_buttons {
        display: none;
        z-index: 20;
    }
    .home .nav_buttons {
        display: block;
    }
    .nav_buttons {
        font-family: 'Roboto'!important;
        text-align: center;
        padding-top: 1%!important;
        margin-top: 1em;
    }
    .nav_buttons a {
        color: #fff;
        text-decoration: none;
    }
    .nav_buttons a {
        font-size: 1.5rem;
    }
    .nav_buttons li {
        margin: 5px;
        display: inline-block;
        width: 16rem;
        color: #bb8100;
        background-color: #bb8100;
        transition: all .3s ease-in-out;
    }
    .housingNav .button_container a p {
        transition-duration: 600ms;
    }
    z .legal.service .nav_buttons p,
    .housing .nav_buttons p,
    .homeless-services .nav_buttons p {
        width: 30rem;
        font-size: 3rem;
        padding: 50px 0;
        /* border: 10px solid rgba(0,0,0,0.2); */
    }
    .legal.service .nav_buttons p {
        width: 40rem;
    }
    .health.treatment .nav_buttons p {
        width: 36rem;
        font-size: 3rem;
        padding: 50px 160px;
        /* border: 10px solid rgba(0,0,0,0.2); */
    }
    .homeless-services .nav_buttons p {
        width: 20rem;
        font-size: 2.25rem;
    }
    .button_container p {
        color: #fff;
    }
    .legal.service .button_container,
    .health .nav_buttons li {
        flex: 1;
    }
    .link_regular,
    .link_regular:hover {
        /* color: black; */
        color: #be8100;
        text-decoration: none;
        font-size: .9em;
    }
    .nav_buttons ul,
    .header_nav ul {
        display: block;
    }
    .navLink:hover {
        transform: translateY(-3px);
        background-color: #e6b038;
        font-weight: bold;
    }
    .navLink:hover::after {
        transform: scaleX(1.4) scaleY(1.6);
        opacity: 0;
    }
    .navLink:focus {
        transform: translateY(-1px);
        background-color: #9a6c05;
        font-weight: bold;
    }
    .navLink--black {
        padding: 5px 0px;
    }
    .navlink:active,
    .navLink--black:active {
        transform: translateY(-3px);
        font-weight: bold;
    }
    .navLink--black:active,
    .navLink--black:focus {
        transform: translateY(-3px)!important;
    }
    .outside-sf h2 {
        color: #D89B00;
        font-weight: 600;
    }
    .outside_sf,
    .sign_up {
        max-width: 1212px;
        margin: 0 auto;
        padding: 0px;
        width: 80%;
        margin: 0 auto;
    }
    .add_my_program {
        margin: 2em 0;
    }
    .outside_sf--text,
    .outside_sf--link {
        flex: 1;
        padding: 0 15px;
        justify-content: center;
        display: flex;
        align-items: center;
    }
    .outside_sf--text h4,
    .outside_sf--link p {
        font-weight: 600;
        color: #bb8100;
    }
    .outside_sf--text {
        display: flex;
        align-items: center;
    }
    .outside_sf--text h2,
    .outside_sf--link p {
        color: #D89B00;
    }
    .read-more {
        margin: 0px 0 40px 0;
    }
    .search-area {
        background-color: #fff;
        width: 30%;
        margin: 0 auto;
        margin-top: 35px;
    }
    .search-area input {
        width: 80%;
        padding: 6px 0 0 6px;
        border: none;
    }
    .search-zero h3 {
        display: inline;
    }
    .search-zero {
        display: none;
        padding: 12px;
        background-color: #fff;
        border-top: 1px solid #bb8100;
    }
    .btn-search {
        border-radius: .5em;
        width: 5em;
        padding: 8px;
        display: block;
        text-align: center;
        margin: 0 auto;
        margin-top: 3em;
    }
    .btn-search:focus {
        outline: none;
    }
    .subHead li:hover {
        background-color: #9d9dcc;
    }
    p.tertiaryTagLine {
        margin: 10px;
    }
    .sign_up--text {
        text-align: center;
    }
    .sign_up--email {
        /* height: 200px; */
        background-color: #fff;
        text-align: center;
        padding-top: 20px;
    }
    .sign_up--email h2 {
        margin-top: 70px;
        font-size: 55px;
    }
    .sign_up--email p {
        margin: 20px 20px;
        text-align: left;
        font-weight: 700;
    }
    .sign_up--email p:nth-child(2) {
        font-weight: 200;
    }
    .sign_up h4 {
        color: #bb8100;
        font-weight: 600;
    }
    .site-header .wrap .title-area .search-area {
        display: inline;
        margin: auto;
    }
    /* .site-title {
    height: 1.5em;
  } */
    .sub-text {
        margin-top: 1em;
    }
    .summary1 {
        margin: 30px 0 0px 0;
        font-size: 1.8rem;
        text-align: left;
    }
    .titleHeader {
        text-align: center;
        font-family: 'Roboto'!important;
        padding-top: 50px;
        font-weight: bold;
        font-size: 3em;
    }
    .top_nav_li:hover {
        transform: translateY(-3px);
        text-decoration-line: underline;
    }
    /*----------------------------------
                Active link
  ----------------------------------*/
    .active_link {
        transform: translateY(-3px);
    }
    /*----------------------------------
  LEGAL & ADVOCACY
  ----------------------------------*/
    .legal .pagination .active a,
    .legal .pagination a:focus,
    .legal .pagination a:hover,
    .legal .pagination .active a {
        border: 1px solid #fff!important;
    }
    .legal .pagination .active {
        background-color: #D89B00;
    }
    .legal .housingNav.nav_buttons,
    .residential .housingNav.nav_buttons,
    .housing.housingNav.nav_buttons {
        display: flex;
        justify-content: space-evenly;
    }
    .housingNav.nav_buttons {
        display: flex;
        justify-content: space-evenly;
    }
    /*---------------------------------- 
  LIST PAGE 
  ----------------------------------*/
    .default_list {
        width: 75%;
        margin: 50px auto 0;
        background-color: #fff;
    }
    .default_list p {
        margin-bottom: 3px;
    }
    .default_list--name a {
        color: #333!important;
        text-decoration: none;
    }
    .default_list--name {
        padding: 10px 20px;
    }
    .default_list .default_list--name h2:hover {
        text-decoration: underline;
    }
    .default_list h4 {
        font-weight: 600;
    }
    .default_list--name a:hover {
        color: #bb8100!important;
    }
    .default_list--location,
    .default_list--details,
    .sign_up--text,
    .sign_up--email {
        flex: 1;
    }
    .sign_me_up_container {
        text-align: center;
        padding: 2em;
        background-color: #fff;
    }
    .contact-us .sign_me_up_container {
        padding: unset;
    }
    .contact-us hr.contact-horizontal-break {
        margin-top: 2em;
    }
    .toggle_form {
        background-color: #fff;
        padding-bottom: 2em;
    }
    .sign_up_second_container {
        background-color: #fff;
        padding: 1em;
    }
    .default_list p,
    .default_list h4 {
        margin: 0;
    }
    .default_list h4 {
        padding: 10px 0;
    }
    .site-inner {
        min-height: 100%;
        padding-bottom: 60px;
        /* must be the same as footer height */
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        z-index: unset;
    }
    .site-inner.single-site-inner {
        background-color: #f4f4f4!important;
        /* box-shadow: 0 25px 40px 0 rgba(0,0,0,0.05)!important; */
    }
    .list_container {
        display: flex;
        align-items: center;
    }
    .list_container h2 {
        flex: 90%;
    }
    .advocacy .pagination .active a {
        border: 1px solid #25BEA6;
        background-color: #25BEA6;
        ;
        color: #fff;
    }
    /*---------------------------------- 
  LIST PAGE Spotlight
  ----------------------------------*/
    .default_list--name>h2.spotlight_author {
        color: #fff!important;
        font-size: 3rem;
        box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2)!important;
        background-color: rgba(0, 0, 0, 0.25)!important;
        padding: 10px 25px;
    }
    .holder {
        /* display: none; */
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        transition: translateY(-100vh) 1s ease-in-out;
    }
    .backdrop {
        text-align: center;
        vertical-align: middle;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 2;
        background: rgba(0, 0, 0, 0.5)!important;
    }
    .close:hover {
        background-color: transparent;
    }
    .default_list.spotlight_listener .default_list--name h2:hover {
        text-decoration: none;
    }
    .modal {
        display: block;
        position: absolute;
        z-index: 100000;
        background-color: white;
        width: 75%;
        right: unset;
        bottom: unset;
        border: 1px solid #ccc;
        padding: 16px;
        left: 12.5%;
        top: 5%;
        box-sizing: border-box;
        transition: all 0.7s ease-in-out;
        transform: translateY(-100vh);
        opacity: 0;
        -webkit-overflow-scrolling: touch;
    }
    .modal .spotlight_listener {
        width: 50%;
    }
    .success_img_container {
        display: flex;
    }
    .spotlight_container .spotlight_img_container {
        width: 100%;
        text-align: center;
    }
    .spotlight_container .spotlight_img_container figure {
        margin: 0 auto;
    }
    .spotlight_container .spotlight_img_container figure img {
        display: inline-block;
    }
    .success_img {
        flex-direction: column;
        display: inline;
    }
    .modal .success_img {
        width: 300px;
        padding-bottom: 20px;
    }
    div.modal div.default_list.spotlight_listener {
        display: flex;
        flex-direction: column;
        width: 100%;
        margin: 0;
    }
    .shelter .default_single--title.default_list--name h2 {
        color: #fff;
    }
    span.education-contact {
        margin-left: 2em;
        display: block;
    }
    p.education-attachement {
        margin-top: 1em;
    }
    span.education-bold {
        font-weight: bold;
    }
    .no-data {
        text-align: center;
        margin-top: 1em;
    }
    .org_url {
        text-decoration: none;
    }
    div#single-page {
        margin-top: 50px;
    }
    .description {
        font-weight: 100;
    }
    .sub-heading {
        padding-top: 1em;
    }
    .contact-section {
        padding-top: 2em !important;
    }
    h5.single-section_contact-title {
        margin-top: 0px;
        margin-bottom: 6px;
    }
    .space {
        margin: 12px 0;
    }
    @media screen and (min-width: 900px) {
        div.wrap.noprint {
            max-width: 1400px;
            display: flex;
            align-items: baseline;
        }
        .header_nav_container {
            text-align: right;
            float: right;
            margin-right: 50px;
            width: 65%;
        }
    }
    /* Domestic violence */
    .domestic.violence.shelters .default_list--name h2,
    .domestic.violence.shelters .default_list--name i {
        color: #F26932;
    }
    .domestic.violence.shelters .default_single--title.default_list--name {
        background-color: #F26932;
    }
    .domestic.violence.shelters .default_single--title.default_list--name h2 {
        color: #fff;
    }
    .domestic.violence.shelters .default_list--name {
        border-bottom: 1px solid #F26932;
    }
    .domestic-violence-shelters .default_single--title.default_list--name i {
        color: var(--primary-white);
        color: #fff;
    }
    /*Family access */
    .family.access .default_list--name h2,
    .family.access .default_list--name i {
        color: #25BEA6;
    }
    .family.access .default_single--title.default_list--name {
        background-color: #25BEA6;
        ;
    }
    .family.access .default_single--title.default_list--name h2 {
        color: #fff;
    }
    .family.access .default_list--name {
        border-bottom: 1px solid #25BEA6;
    }
    .family-access-points .default_single--title.default_list--name {
        background-color: #25BEA6;
        ;
    }
    .family-access-points .default_single--title.default_list--name i {
        color: #fff;
    }
    /* Permanent Housing */
    .permanent .default_list--name {
        border-bottom: 1px solid #25BEA6;
    }
    .permanent .default_single--title.default_list--name h2,
    .permanent .default_single--title.default_list--name i {
        color: #fff;
    }
    .permanent.supportive.housing .default_list--name {
        border-bottom: 1px solid #F26932;
    }
    /* Transitional Shelter */
    .transitional .default_list--name h2,
    .transitional .default_list--name i {
        color: #D89B00;
    }
    /* .transitional .default_list--name {
    border-bottom: 1px solid var(--secondary-dark);
  } */
    .transitional .default_single--title.default_list--name {
        background-color: #1fa28e;
    }
    .transitional .default_single--title.default_list--name h2,
    .transitional .default_single--title.default_list--name i {
        color: #fff;
    }
    /* Health Care */
    .health.care .default_list--name h2,
    .health.care .default_list--name i {
        color: #F26932;
    }
    .health.care .default_list--name {
        border-bottom: 1px solid #F26932;
    }
    .health.care .default_single--title.default_list--name {
        color: #F26932;
        background-color: 1px solid #F26932;
    }
    .health.care .default_single--title.default_list--name h2,
    .health-care .default_single--title.default_list--name i {
        color: #fff;
    }
    /* Outpatient */
    .outpatient .default_list--name h2,
    .outpatient .default_list--name i {
        color: #25BEA6;
    }
    .outpatient .default_list--name {
        border-bottom: 1px solid #25BEA6;
    }
    .outpatient .default_single--title.default_list--name {
        background-color: #25BEA6;
    }
    .outpatient .default_single--title.default_list--name h2,
    .outpatient-treatment .default_single--title.default_list--name i {
        color: #fff;
    }
    /* Residential */
    .residential .default_list--name h2,
    .residential .default_list--name i {
        color: #D89B00;
    }
    .residential .default_list--name {
        border-bottom: 1px solid #D89B00;
    }
    .residential .default_single--title.default_list--name {
        background-color: #D89B00;
    }
    .residential .default_single--title.default_list--name h2,
    .residential-treatment .default_single--title.default_list--name i {
        color: #fff;
    }
    .residential-treatment .default_list--name {
        background-color: #D89B00;
    }
    /*Education */
    .educations .default_list--name h2,
    .educations .default_list--name i {
        color: #D89B00;
    }
    .educations .default_list--name {
        border-bottom: 1px solid #D89B00;
    }
    .educations .default_single--title.default_list--name h2,
    .education .entry-content.default_single .default_list--name i {
        color: #fff;
    }
    .education .entry-content.default_single .default_list--name {
        background-color: #D89B00;
    }
    /* Cis */
    .cis .default_list--name h2,
    .cis .default_list--name i {
        color: #D89B00;
    }
    .cis .default_list--name {
        border-bottom: 1px solid #D89B00;
    }
    .cis .default_single--title.default_list--name h2,
    .cis .entry-content.default_single .default_list--name i {
        color: #fff;
    }
    .cis .entry-content.default_single .default_list--name {
        background-color: #D89B00;
    }
    .cis .entry-content.default_single .default_list--name h2 {
        color: #fff;
    }
    /* Employment */
    .employments .default_list--name h2,
    .employments .default_list--name i {
        color: #D89B00;
    }
    .employments .default_list--name {
        border-bottom: 1px solid #D89B00;
    }
    .employments .default_single--title.default_list--name h2,
    .employments .entry-content.default_single .default_list--name i {
        color: #fff;
    }
    .employment .entry-content.default_single .default_list--name {
        background-color: #D89B00;
    }
    .employment .entry-content.default_single .default_list--name h2,
    .employment .entry-content.default_single .default_list--name i {
        color: #fff;
    }
    /* Faith */
    .faiths .default_list--name h2,
    .faiths .default_list--name i {
        color: #D89B00;
    }
    .faiths .default_list--name {
        border-bottom: 1px solid #D89B00;
    }
    .faiths .default_single--title.default_list--name h2,
    .faith .entry-content.default_single .default_list--name i {
        color: #fff;
    }
    .faith .entry-content.default_single .default_list--name {
        background-color: #D89B00;
    }
    /* Family and Children */
    .family-children .default_list--name h2,
    .family-children .default_list--name i {
        color: #D89B00;
    }
    .family-children .default_list--name {
        border-bottom: 1px solid #D89B00;
    }
    .family-children .default_single--title.default_list--name h2,
    .family-children .entry-content.default_single .default_list--name i {
        color: #fff;
    }
    .family-children .entry-content.default_single .default_list--name {
        background-color: #D89B00;
    }
    .family-children .entry-content.default_single .default_list--name h2 {
        color: #fff;
    }
    /* Support Service */
    .support-services .default_list--name h2,
    .support-services .default_list--name i {
        color: #D89B00;
    }
    .support-services .default_list--name {
        border-bottom: 1px solid #D89B00;
    }
    .support-services .default_single--title.default_list--name {
        background-color: #1fa28e;
    }
    .support-services .default_single--title.default_list--name h2,
    .support-services .entry-content.default_single .default_list--name i {
        color: #fff;
    }
    .support-services .default_single--title.default_list--name {
        background-color: #1fa28e;
    }
    .support-services .entry-content.default_single .default_list--name {
        background-color: #D89B00;
    }
    .support-services .entry-content.default_single .default_list--name h2 {
        color: #fff;
    }
    /* Advocacy */
    .advocacy .default_list--name h2,
    .advocacy .default_list--name i {
        color: #25BEA6;
    }
    .advocacy .default_list--name {
        border-bottom: 1px solid #25BEA6;
    }
    .advocacy .default_single--title.default_list--name {
        background-color: #25BEA6;
    }
    .advocacy .default_single--title.default_list--name h2,
    .advocacy .entry-content.default_single .default_list--name i {
        color: #fff;
    }
    .advocacy .default_single--title.default_list--name {
        background-color: #25BEA6;
    }
    .advocacy .entry-content.default_single .default_list--name {
        background-color: #25BEA6;
    }
    .advocacy .entry-content.default_single .default_list--name h2 {
        color: #fff;
    }
    /* Legal */
    .legal .default_list--name h2,
    .legal .default_list--name i {
        color: #D89B00;
    }
    .legal .default_list--name {
        border-bottom: 1px solid #D89B00;
    }
    .legal .default_single--title.default_list--name {
        background-color: #D89B00;
    }
    .legal .default_single--title.default_list--name h2,
    .legal .entry-content.default_single .default_list--name i {
        color: #fff;
    }
    .legal .default_single--title.default_list--name {
        background-color: #D89B00;
    }
    .legal .entry-content.default_single .default_list--name {
        background-color: #D89B00;
    }
    .legal .entry-content.default_single .default_list--name h2 {
        color: #fff;
    }
    .legal .button_container {
        display: flex;
        justify-content: center;
    }
    /* Remove sub categories links */
    .residential .list-wrap,
    .outpatient .list-wrap,
    .health.care .list-wrap,
    .legal .list-wrap,
    .advocacy .list-wrap,
    .domestic.violence.shelters .list-wrap,
    .permanent .list-wrap,
    .shelter .list-wrap,
    .transitional .list-wrap,
    .adult.shelter.system .list-wrap,
    .family.access.points .list-wrap,
    .adult.access.points .list-wrap {
        display: none;
    }
    .legal.service .list-wrap {
        display: block;
    }
    /* Modify the list page styling */
    .default_list {
        border-radius: 10px;
    }
    .default_list--container {
        border-radius: 0 0 10px 10px;
    }
    .default_list--name {
        border-radius: 10px 10px 0 0;
    }
    /*------------------------------------
   MOBILE NAVIGATION 
   ------------------------------------*/
    .hamburger_container {
        text-align: center;
        margin-right: 3%;
        display: none;
        padding-bottom: 25px;
    }
    .hamburger_container--icon {
        color: #bb8100;
        font-size: 3rem;
        padding-top: .5em;
    }
    .last_button_section {
        display: none;
    }
    .mobile_nav--container {
        display: none;
        width: 100%;
    }
    .mobile_nav--container p {
        color: #fff;
        margin: 0;
        padding: 5px;
    }
    .mobile_nav_li:hover {
        background-color: #bb8100;
    }
    .mobile_nav_li:hover p {
        color: #fff;
    }
    .site_title_container {
        display: flex;
    }
    .site_title_container--title p {
        margin: 0;
        flex: 1;
    }
    .site_title_container--hamburger {
        display: none;
        padding-right: 20px;
    }
    /*----------------------------------
  SEARCH PAGE STYLING    RST II
  ----------------------------------*/
    .search-li {
        width: 90%;
        margin: 10px auto;
    }
    .search-li a {
        margin-right: 20px;
        display: block;
    }
    .search .list-wrap {
        padding-top: 70px;
    }
    #show {
        display: flex;
        flex-direction: column;
    }
    /*----------------------------------
  SINGLE PAGE
  ----------------------------------*/
    .btn-back {
        margin-left: 3em;
        margin-top: 1em;
        border-radius: .5em;
    }
    .btn-back:hover {
        background-color: #333!important;
    }
    .btn-health-treatment.outpatient-treatment {
        color: #25BEA6;
    }
    .btn-health-treatment.residential-treatment {
        color: #D89B00;
    }
    .btn-health-treatment.health-care {
        color: #F26932;
    }
    .btn-housing.transitional {
        color: #1fa28e;
    }
    .btn-legal-service.advocacy {
        color: #25BEA6;
    }
    .btn-legal-service.legal {
        color: #D89B00;
    }
    .btn-homeless-service.family-access-points {
        color: #25BEA6;
    }
    .btn-homeless-service.domestic-violence-shelters {
        color: #F26932;
    }
    .btn-education {
        color: #D89B00;
    }
    .btn-employment {
        color: #D89B00;
    }
    .btn-faith {
        color: #D89B00;
    }
    .btn-family-children {
        color: #D89B00;
    }
    button.btn-back.btn-family-children.btn-back-familyChildren.noprint {
        color: #fff;
    }
    .btn-cis {
        color: #D89B00;
    }
    .btn-support-services {
        color: #D89B00;
    }
    .btn-back.btn-outpatient-treatment {
        background-color: #25BEA6;
        color: #fff;
    }
    .btn-back.btn-residential-treatment {
        background-color: #D89B00;
        color: #fff;
    }
    .btn-back.btn-health-care {
        background-color: #F26932;
        color: #fff;
    }
    .btn-back.btn-transitional {
        background-color: #1fa28e;
        color: #fff;
    }
    .btn-back.btn-advocacy {
        background-color: #25BEA6;
        color: #fff;
    }
    .btn-back.btn-legal {
        background-color: #D89B00;
        color: #fff;
    }
    .btn-back.btn-family-access-points {
        background-color: #25BEA6;
        color: #fff;
    }
    .btn-back.btn-domestic-violence {
        background-color: #1fa28e;
        color: #fff;
    }
    .btn-back.btn-education {
        background-color: #D89B00;
        color: #fff;
    }
    .btn-back.btn-faith {
        background-color: #D89B00;
        color: #fff;
    }
    .btn-back.btn-cis {
        background-color: #D89B00;
        color: #fff;
    }
    .btn-back.btn-support-services {
        background-color: #D89B00;
        color: #fff;
    }
    .default_single_title hr {
        padding-bottom: 25px;
    }
    .fa-print {
        transition: all .6s ease-in-out;
        font-size: 1.5em;
        float: right;
        -webkit-backface-visibility: hidden;
    }
    .fa-print:hover {
        cursor: pointer;
        transform: scale(1.2);
        -webkit-backface-visibility: hidden;
    }
    .content-single {
        width: 100%;
    }
    .default_single--text {
        padding: 0 40px;
        display: flex;
    }
    .default_single_title,
    .default_single_sidebar {
        flex: 1;
    }
    .default_single_title {
        padding: 25px 0px 0px;
    }
    .default_single_title hr {
        margin-top: 0;
    }
    .default_single_sidebar {
        padding: 20px;
    }
    .default_single_sidebar--container {
        border: 1px solid #ddd;
        padding: 20px;
        ;
        margin-bottom: 25px;
    }
    .default_single_sidebar--image {
        text-align: center;
        padding-bottom: 20px;
    }
    .default_single_sidebar--image img {
        width: 400px;
        height: 400px;
    }
    .default_list--name {
        text-transform: capitalize;
    }
    .default_list--name h2 {
        color: #fff;
    }
    .default_list--name h2 {
        margin: 0;
        margin-bottom: 0!important;
    }
    .default_single_sidebar p {
        margin: 0;
    }
    .default_single_title-section {
        display: flex;
        width: 100%;
    }
    .direct_service {
        font-weight: 600;
        display: inline;
    }
    .printonly {
        display: none;
    }
    .single-address {
        font-weight: bold;
        padding: 20px 0;
    }
    .single_page_header .mobile_nav_li {
        background-color: #D89B00;
    }
    .single-section {
        display: flex;
        flex: 1;
        padding: 12px 0;
    }
    .default_single_sidebar a {
        text-decoration: none;
    }
    .single_page_header .hamburger_container--icon {
        color: #D89B00;
    }
    .single-section_contact-title {
        flex: 40%;
        font-weight: 600;
    }
    .single-section_contact-text {
        flex: 60%;
        font-weight: 100;
    }
    .print_btn {
        text-align: center;
        padding: 5px 10px 0 0;
    }
    .success_content {
        padding: 20px;
    }
    .single_page_header {
        background-color: #fff;
        margin-bottom: 124px;
    }
    .single_section_1 {
        flex: 1
    }
    .single-section_contact .single-p-section {
        width: 0px;
    }
    .single-section_contact {
        display: flex;
        padding: 12px 0;
    }
    .single-icon {
        font-size: 3rem;
        flex: 10%;
    }
    .sidebar-text {
        flex: 90%;
    }
    .default_single_sidebar {
        margin-left: 40px;
    }
    .single-section_contact.single-float {
        display: block;
    }
    .outpatient-treatment .default_single--title.default_list--name {
        background-color: #25BEA6;
    }
    .residential-treatment .default_single--title.default_list--name {
        background-color: #1fa28e;
    }
    .support-service .default_single--title.default_list--name,
    .default_list--name.transitional {
        background-color: #1fa28e;
    }
    .default_list--name.transitional i {
        color: #fff;
    }
    .content.content-single .permanent h2,
    .content.content-single .permanent i {
        color: #fff;
    }
    .default_single .default_list--name.permanent h2,
    .default_single .default_list--name.permanent i {
        color: #fff;
    }
    .default_list--name.health-care {
        background-color: #F26932;
    }
    .default_list--name.health-care i,
    .default_list--name.outpatient-treatment i,
    .default_list--name.residential-treatment i {
        color: #fff;
    }
    .default_list--name.outpatient-treatment {
        background-color: #25BEA6;
    }
    .default_list--name.residential-treatment {
        background-color: #D89B00;
    }
    .is_this_for_me {
        padding-top: 35px;
    }
    /* SINGLE CUSTOM PAGE */
    .custom-content {
        background-color: transparent;
        margin: 0 auto;
        width: auto;
        padding: 40px 0 42px 55px;
    }
    .custom-content-sidebar-wrap {
        background-color: #fff;
    }
    .custom-entry-content h2 {
        padding: 17px 0 0px 0;
    }
    .custom-single-imagebox {
        height: 500px;
        background-size: cover;
        background-repeat: no-repeat;
    }
    .custom-entry-content ul li {
        list-style-type: disc;
    }
    .custom-content-ul-div {
        float: right;
        background-color: #fff;
        padding-left: 20px;
        margin-top: 20px;
    }
    .custom-content-ul-div h4 {
        background-color: #bb8100;
        color: #fff;
        padding: 10px;
        font-weight: bold;
        text-align: center;
    }
    .custom-content-ul {
        border-left: 1px solid #D89B00;
        color: #D89B00;
        padding: 20px 20px 0px 0px;
    }
    .custom-content-ul a {
        text-decoration: none;
    }
    .custom-entry-content ol {
        margin-left: 50px;
    }
    .custom-entry-content ul {
        margin-left: 40px;
        margin-bottom: 20px;
    }
    .custom-entry-content p {
        margin: 12px 50px 0px 0;
    }
    .custom-entry-content .inline_p_tag {
        margin: 2px;
    }
    .custom-entry-content .intro-p {
        margin-top: 0;
    }
    .default_single--title.default_list--name {
        display: flex;
        align-items: center;
    }
    .default_single--title.default_list--name i {
        flex: 5%;
        font-size: 4rem;
    }
    .default_single--title.default_list--name h2 {
        flex: 90%;
    }
    .filler {
        display: flex;
        flex-direction: column;
        align-content: center;
        justify-content: center;
    }
    .grey {
        color: darkgrey;
    }
    .custom-entry-content .groupto {
        margin-top: 0;
        margin-bottom: 0;
    }
    .homeless_text {
        margin-top: 35px;
    }
    .http-list a {
        text-decoration: none !important;
        display: block;
    }
    .sample,
    .sample p {
        margin-left: 20px;
        font-size: .8em;
    }
    /*----------------------------------
  Housing List-Page styling - RST II  
  ----------------------------------*/
    .housingNav {
        margin-bottom: 50px;
    }
    .housingNav.nav_buttons {
        padding-top: 0!important;
        margin-top: 53px;
    }
    .housingNav.nav_buttons a {
        font-size: 2rem;
        font-weight: bold;
    }
    /* .Permanent.active_link{
    transform: translateY(-3px);
    box-shadow: none !important;
    background-color:#e6b038!important;;
    font-weight: bold;
  }
  .Transitional.active_link{
    transform: translateY(-3px);
    box-shadow: none !important;
    background-color:#8b18b3!important;;
    font-weight: bold;
  } */
    /* ---------------------------
  Pagination
   ----------------------------- */
    .pagination {
        margin-left: 20px;
    }
    .pagination>.active>a:hover,
    .page-link:hover {
        color: #fff;
    }
    .pagination>li>a:hover {
        color: #bb8100;
        border: 1px solid #bb8100;
    }
    .pagination>li>a,
    .pagination>li>span {
        margin-left: 0;
    }
    .permanent .pagination>.active>a {
        background-color: #25BEA6;
        ;
        color: white;
    }
    .transitional .pagination>.active>a {
        background-color: #F26932;
        color: white;
    }
    /* ----------------------------------
    myPagination for Search Page RST II
   ------------------------------------ */
    .myPagination {
        font-size: 15px;
        font-weight: 300;
        color: #999999;
        margin-left: 20px;
    }
    .myPagination>.active {
        background-color: #bb8100;
        color: #fff;
    }
    .myPagination>.active:hover,
    .page-link:hover {
        color: #fff;
    }
    .myPagination>li:hover {
        color: #bb8100;
    }
    .myPagination>li,
    .myPagination>li>span {
        position: relative;
        float: left;
        padding: 8px 12px;
        line-height: 1.4;
        text-decoration: none;
        color: #008cba;
        background-color: transparent;
        border: 1px solid transparent;
        margin-left: -1px;
        margin-left: 0;
    }
    li.myPage-item {
        color: grey;
        display: inline-block;
        font-size: 1em;
        border-radius: 3px;
    }
    li.myPage-arrow {
        color: grey;
        display: inline-block;
        font-size: 1em;
        border-radius: 3px;
    }
    li.myPage-item:hover,
    li.myPage-arrow:hover {
        cursor: pointer;
        border: 1px solid #bb8100;
    }
    /* End Pagination */
    .health.treatment .navLink--black {
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        width: 27rem;
    }
    /* ----------------------------------
    list page styling 
    ---------------------------------- */
    .default_list--name {
        display: flex
    }
    .program_name {
        flex: 60%;
    }
    .program_name i {
        margin-right: 10px;
    }
    .program_address {
        flex: 40%;
        text-align: center;
    }
    .list-pages a {
        text-decoration: none;
        cursor: pointer;
    }
    .list-pages .default_list--name {
        display: flex;
        /* align-items: center; */
    }
    .program_name h2 {
        text-align: left;
    }
    .organization_name {
        text-align: center;
    }
    .default_list--location address {
        color: grey;
        text-align: right;
    }
    .default_list--location h2 {
        text-align: left;
        font-size: larger;
        color: gray;
    }
    .content-single .default_list--name.family-access-points {
        background-color: #25BEA6;
    }
    .content-single .default_list--name.transitional h2,
    .default_list--name.family-access-points i,
    .default_list--name.domestic-violence-shelters i {
        color: #fff;
    }
    .block-section {
        display: block;
    }
    .single-section_contact.hours.title {
        padding: 0;
    }
    .persons {
        padding-bottom: 0;
    }
    .content-single hr {
        border-top: 1px solid #dcdcdc;
    }
    .phone.contact-phone {
        padding-bottom: o;
    }
    .list_container i {
        flex: 5%;
        font-size: 4rem;
        margin-right: 40px;
    }
    .single-page .list_container .fa-female {
        font-size: 3em;
    }
    .single-page .list_container .img-icon {
        height: 55px;
        margin-right: 30px;
    }
    .list-pages .program_name .img-icon {
        width: 40px;
        margin-right: 30px;
    }
    .spotlight_listener {
        width: 19%;
        display: inline-block;
    }
    div.site-inner.success-stories {
        max-width: unset;
    }
    .success-list {
        text-align: center;
    }
    .success-list .titleHeader {
        padding-bottom: 50px;
    }
    .spotlight_container {
        display: flex;
        flex-direction: column;
    }
    .modal .spotlight_container {
        display: flex;
        flex-direction: column;
        padding: 0 25px 25px 25px;
    }
    .spotlight_img_container,
    .spotlight_content {
        flex: 1;
    }
    .spotlight_img_container {
        display: flex;
        justify-content: center;
        padding: 20px;
    }
    .default_list.spotlight_listener {
        margin: 20px auto;
    }
    .spotlight_content {
        text-align: left;
    }
    .default_list--name.spotlight {
        display: flex;
        justify-content: center;
        position: absolute;
        top: 6.5em;
        left: 0em;
    }
    .bio-extended {
        display: none;
    }
    .list-wrap.success-list .bio-truncate {
        display: none;
    }
    .list_container.program_name h2 {
        font-size: 24px;
    }
    .default_list--location {
        padding: 10px 20px;
    }
    .default_single_title.about {
        min-height: 550px;
        /* margin-bottom: 24px; */
    }
    .spot-light.single_page_header {
        margin-bottom: 0;
    }
    .spotlight .site-header {
        display: none;
    }
    .spotlight .single_page_header {
        padding: 20px 0;
    }
    .spotlight .hero-section {
        padding: 11% 0 0 0;
    }
    .about .hero-section,
    .contact .hero-section,
    .faq .hero-section {
        padding: 7% 0 0 0;
    }
    .spotlight.top_nav_li.active_nav_link {
        color: #fff;
    }
    /* .entry-content.default_single.casc {
    background-color: var(--primary-green);
    padding: 0 20px;
  } */
    .entry-content.default_single.casc h2 {
        color: #000;
        text-align: center;
    }
    /* CASC STYLING */
    .casc_description {
        padding: 0 40px;
    }
    .casc_title {
        padding: 20px 40px;
    }
    .casc_section_two {
        display: flex;
        padding: 20px 40px;
    }
    .casc_links,
    .casc_map {
        flex: 1;
    }
    .fa.fa-phone.single-icon.fa-3x.casc {
        padding: 20px 20px 0 0;
        font-size: 2.5rem;
    }
    .casc_phone {
        text-decoration: none;
    }
    .site-inner.single-site-inner.casc_container {
        margin-top: 49px;
    }
    .casc_links_second_container {
        margin-top: 2em;
    }
    .inline_p_tag,
    address.casc_address {
        display: inline;
    }
    .casc_a {
        margin-left: 10px;
    }
    .casc_cal {
        margin: 18px 0;
    }
    .casc_calendar,
    .casc_services {
        margin: 5px 0;
        color: #fff;
        text-decoration: none;
        background-color: #be8100;
        padding: 19px 30px 16px;
        border-width: 0;
        font-size: 1.4rem;
        letter-spacing: 2px;
        font-weight: 700;
        text-align: center;
        text-transform: uppercase;
        white-space: normal;
        width: auto;
        border-radius: .5em;
        cursor: pointer;
        display: inline-block;
    }
    .casc_links p {
        padding: 3px 0;
    }
    /* REVISONS */
    .site-inner.faq,
    .site-inner.about,
    .site-inner.contact {
        margin-top: 0;
    }
    h4.faq_h4 {
        padding-top: 4rem;
    }
    /* -------------------------
  -----  Media queries  ------
  --------------------------- */
    @media (max-width: 1825px) {
        .spotlight_listener {
            width: 34%;
        }
        .picture__painted-by {
            bottom: 6rem;
        }
    }
    @media (max-width: 1700px) {
        .spotlight_listener {
            width: 34%;
        }
        .picture__painted-by {
            bottom: 6rem;
        }
    }
    @media (max-width: 1200px) {
        article .entry-container {
            font-size: 1.6rem;
        }
        .casc-ul li {
            font-size: 1em;
        }
        .custom-content {
            padding: 20px 0 20px 0;
        }
        .custom-content-ul-div {
            margin-top: 27px;
        }
        .default_single--text {
            display: block;
        }
        .desktop_nav li {
            font-size: .8em;
        }
        h2.entry-title {
            font-size: 4rem;
        }
        .health.treatment .nav_buttons p {
            width: 6rem;
            font-size: 3rem;
            padding: 35px 135px;
        }
        .homeless-services .list-wrap {
            display: flex;
            justify-content: center;
        }
        .homeless-services .button_container p {
            width: 36rem;
        }
        .homeless-services .housingNav.nav_buttons {
            display: block;
        }
        .homeless-services .housingNav.nav_buttons li {
            width: 60rem;
        }
        #hope {
            font-size: .8em;
        }
        .http-list li {
            font-size: 1em;
            margin-left: 30px;
        }
        .icon_container .fa-3x {
            font-size: 5rem;
        }
        img#legal {
            height: 3.4em !important;
        }
        .icon_container .fa-support {
            height: 3.4em;
            ;
        }
        .intro-p {
            margin-top: 37px;
        }
        .navLink p {
            margin: 0px;
            font-size: 1.5rem;
        }
        .nav_buttons a {
            font-size: 1.5rem;
        }
        .navLink--black {
            font-size: 2rem;
        }
        .read-more {
            margin: 0px 0 60px 0;
        }
        .single_page_header .header-nav li {
            padding: 0;
        }
        .summary1 {
            font-size: 1em;
        }
        .title-area {
            width: 40%;
        }
        .casc_section_two {
            flex-direction: column;
            text-align: center;
        }
        .default_single--text.casc_title h2 {
            text-align: center;
        }
        .spotlight_listener {
            width: 34%;
        }
    }
    /* Contact page styling */
     :root {
        --trans-time: 320ms;
        --form-width: 40%;
    }
    hr.contact-horizontal-break {
        margin: 3em;
    }
    .contact-us .custom-content-sidebar-wrap {
        margin-top: 50px;
    }
    .contact_ctct_style {
        padding-right: 0px;
    }
    .ctct-form-defaults {
        padding-top: 0 !important;
    }
    .ctct-form-button {
        margin-top: 20px !important;
    }
    form h5 {
        text-align: center;
        text-transform: uppercase;
        color: #424242;
    }
    form .emoji {
        font-size: 1.2em;
    }
    .group {
        position: relative;
        margin: 45px 0;
    }
    /* INPUTs */
    textarea {
        resize: none;
    }
    textarea,
    input {
        background: none;
        color: black;
        font-size: 18px;
        padding: 10px 10px 10px 5px;
        width: var(--form-width);
        border: none;
        border-radius: 0;
        border: 1px solid #D89B00;
    }
    .sign_up {
        background-color: #fff;
    }
    .ctct-inline-form {
        text-align: center;
    }
    .ctct-form-label {
        font-size: 16px;
    }
    .ctct-form-element {
        margin: 0;
    }
    form input {
        background: none;
        color: black;
        font-size: 18px;
        padding: 10px 10px 10px 5px;
        margin: 2em 2em;
        width: var(--form-width);
        border: none;
        border-radius: 0;
        border: 1px solid #D89B00;
    }
    textarea:focus,
    input:focus {
        outline: none;
    }
    textarea:focus~label,
    input:valid~label {
        top: -29px;
        font-size: 18px;
        color: black;
    }
    textarea:focus~.bar:before,
    input:focus~.bar:before {
        width: var(--form-width);
    }
    .submit_form {
        display: block;
        margin: 2.5em;
    }
    .bar {
        position: relative;
        display: block;
        width: var(--form-width);
    }
    .bar:before {
        content: '';
        height: 2px;
        width: 0;
        bottom: 0px;
        position: absolute;
        background: #bb8100;
        transition: 320ms ease all;
        left: 0%;
    }
    /* BUTTONS */
    .btn {
        background: #D89B00;
        color: white;
        border: none;
        padding: 10px 20px;
        border-radius: 3px;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        text-decoration: none;
        outline: none;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
        transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    }
    .btn:hover {
        color: lightblue;
        box-shadow: 0 7px 14px rgba(0, 0, 0, 0.18), 0 5px 5px rgba(0, 0, 0, 0.12);
    }
    .btn .btn-submit {
        background: blue;
        color: white;
    }
    .btn .btn-submit:hover {
        background: darkblue;
        color: white;
    }
    .btn-box {
        text-align: center;
        margin: 50px 0;
    }
    /* ----------------------------- */
    @media (max-width: 1100px) {
        .single_page_header .title-area {
            margin-left: 25px;
        }
        .single_page_header .title-area .site_title_container--title,
        .single_page_header .desktop_nav .top_nav_li {
            font-size: .8em;
        }
        .desktop_nav {
            font-size: .8em;
        }
        .picture__painted-by {
            bottom: 6rem;
        }
    }
    @media (max-width: 1023px) {
        .banner-shadow {
            margin: 30px 0 30px 0;
        }
        .custom-entry-content .http-list {
            flex-wrap: unset;
            height: auto;
        }
        .default_single--text {
            padding: 0;
        }
        .default_single--text {
            flex-direction: column;
        }
        .default_list--name {
            text-align: center;
        }
        .default_list--name h2 {
            color: #fff;
        }
        .default_single_sidebar--container {
            border: none;
            margin-bottom: 47px;
        }
        .half-width-entries .content .entry {
            min-height: auto;
        }
        .health.treatment .list-wrap {
            display: flex;
            justify-content: center;
        }
        .header-hero.home {
            background-position: center!important;
        }
        .header-hero.hero.cis-trans-womenns {
            background-position: center!important;
        }
        .header_nav li {
            padding: 10px 10px;
        }
        .housingNav.nav_buttons {
            flex-direction: column;
        }
        .homeless-service .housingNav.nav_buttons {
            flex-direction: column;
        }
        .http-list br {
            display: inline;
        }
        .outside_sf--text,
        .outside_sf--link {
            display: inline-block;
        }
        .outside_sf,
        .sign_up {
            text-align: center;
            width: 100%;
        }
        div.sign_up {
            padding: 3%;
        }
        .legal.service .housingNav.nav_buttons,
        .treatment .housingNav.nav_buttons,
        .housing .housingNav.nav_buttons {
            display: block!important;
        }
        .legal.service .housingNav.nav_buttons p,
        .treatment .housingNav.nav_buttons p,
        .housing .housingNav.nav_buttons p {
            width: 60rem;
        }
        .list-wrap {
            display: flex;
            justify-content: center;
            flex-direction: column;
        }
        .navLink--black {
            width: 26rem!important;
            padding: 40px 0!important;
        }
        .legal.service .nav_buttons li,
        .housing .nav_buttons p,
        .homeless-services .nav_buttons li,
        .health.treatment .nav_buttons p {
            font-size: 2rem;
        }
        .health.treatment .navLink--black {
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .title-area {
            width: 40%;
            text-align: center;
        }
        .first-container {
            padding-bottom: 54px;
        }
        .housingNav.nav_buttons {
            padding-bottom: 0;
        }
        .default_list {
            width: 95%;
        }
        .default_single--text {
            width: 80%;
            margin: 0 auto;
        }
        .first-container {
            display: block;
        }
        .http-list a {
            display: inline;
            padding: 0 20px 0 20px;
        }
        .post .entry-container {
            height: unset;
            padding-bottom: 0;
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .read-more {
            margin-top: 50px;
            margin-bottom: 50px;
        }
        .http-list.first-things-row {
            width: 100%;
            display: flex;
            width: 100%;
            flex-direction: column;
        }
        .housingNav.nav_buttons.health.treatment .button_container {
            display: flex;
            justify-content: center;
        }
        .single_page_header .desktop_nav .top_nav_li {
            font-size: .7em;
        }
        .site-header .wrap {
            padding: 20px 0 0 0;
        }
        .site_title_container--title p,
        .hero-description {
            font-size: 15px;
        }
        .housing .button_container {
            display: flex;
            justify-content: center;
        }
        .housingNav.nav_buttons .button_container {
            display: flex;
            justify-content: center;
        }
        .default_list.spotlight_listener {
            margin: 15px auto;
            width: 74%;
        }
        .picture__painted-by {
            bottom: 6rem;
        }
    }
    /* ------------------------------- */
    @media (max-width: 980px) {
        .custom-content {
            width: 95%;
        }
        .custom-content-ul-div {
            float: none;
            padding: 0;
        }
        .custom-content-ul {
            border-left: none;
        }
        .nav_buttons ul {
            display: block;
        }
        .hero-title {
            font-size: 50px;
        }
        .homeless_banner {
            margin-top: 20px;
            box-shadow: none!important;
        }
        .intro-p {
            margin: -37px 0 0px 0;
        }
        .custom-entry-content p {
            margin: 20px 0 20px 0;
        }
        .header-hero .title-area {
            width: 37%;
            margin-left: 25px;
        }
        .single_page_header .wrap {}
        .title-area .site-title {
            font-size: 18px;
        }
        ul.http-list li.useful_link {
            margin-bottom: 2rem;
            width: 100%;
        }
    }
    /* ------------------------------- */
    @media (max-width: 868px) {
        .card-entry-title {
            width: 300px;
        }
        .custom-entry-content p {
            margin: 15px 0 15px 0;
        }
        .default_single--title .default_list--name h2 {
            font-size: 2.4rem
        }
        .default_list--name {
            display: flex;
            flex-direction: column;
        }
        h2.entry-title {
            font-size: 4rem!important;
        }
        .header_nav {
            width: 90%;
            margin: 0 auto;
        }
        .hamburger_container {
            display: block;
        }
        .hero-description {
            display: none;
        }
        .hero-section {
            padding-top: 0;
        }
        .housingNav {
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .hideNav.navLink {
            display: none;
        }
        iframe {
            width: 500px;
            height: 300px;
        }
        .imagebox {
            background-position: center;
        }
        .last_button_section {
            display: block;
        }
        .default_list--location address,
        .default_list--location h2 {
            text-align: center;
        }
        .mobile_nav_li {
            width: 100%;
            text-align: center;
            background-color: #bb8100;
            border: 1px solid #bb8100;
            margin: 3px 0;
        }
        .mobile_nav_li a {
            color: var( --primary-dark);
            color: #bb8100;
        }
        .modal {
            width: 90%;
            left: 5%;
        }
        .nav_buttons ul {
            margin: 0 auto;
            width: 55%;
        }
        .site-header .wrap .title-area .search-area {
            position: absolute;
            top: 85px;
        }
        .site-header .wrap .title-area .btn-search {
            position: absolute;
            top: 85px;
            left: 64%;
        }
        .site-header .wrap {
            padding-bottom: 0;
            margin-left: 20px;
        }
        .site-inner {
            width: 94%;
        }
        .site_title_container--hamburger {
            display: flex;
            flex-direction: row-reverse;
        }
        .site_title_container--title p {
            font-size: 15px;
        }
        .summary1 {
            margin: 0;
        }
        .top_nav--container {
            display: none;
        }
        .search-area {
            width: 50%;
        }
        .header_nav .desktop_nav {
            display: none;
        }
        .site_title_container--title p,
        .hero-description {
            font-size: 18px;
        }
        .single_page_header .site_title_container--title p {
            font-size: 16px;
        }
        .program_name h2 {
            /* text-align: center; */
        }
        .site-inner.single-site-inner.casc_container {
            margin-top: 27px;
        }
        .hero .site_title_container {
            display: none;
        }
        ul.http-list li.useful_link {
            margin-bottom: 2rem;
            width: 100%;
        }
    }
    /* Styling for the BACK BUTTON */
    .btn-back.btn-domestic-violence-shelters {
        background-color: #F26932;
        color: #fff;
    }
    /* Category homeless-service */
    .adult-shelter--container {
        display: flex;
        flex-direction: column;
        margin: 1em 3em;
    }
    h3.adult-shelter--attachment-heading,
    h4.adult-shelter--attachment-subheading {
        text-align: center;
        margin-bottom: 10px;
    }
    .change-shelter,
    .once-profile,
    .waitlist {
        margin-top: 1.5em;
    }
    ul.adult-shelter--1st-ul li {
        list-style-type: disc;
        margin-left: 2em;
    }
    ul.adult-shelter--2nd-ul li {
        list-style-type: circle;
        margin-left: 2em;
    }
    .read-more--attachment,
    .read-less--attachment {
        text-decoration: underline;
        color: #be8100;
        margin: 12px 0 24px;
        width: 100px;
        display: flex;
        justify-content: center;
        align-self: center;
    }
    .read-more--attachment:hover,
    .read-less--attachment:hover {
        color: #9d9dcc;
        cursor: pointer;
    }
    .accordion {
        display: none;
    }
    p.housing-attachment-description-2 {
        margin-top: 1em;
    }
    .adult.access.points .default_list--name h2,
    .adult.access .default_list--name i {
        color: #D89B00;
    }
    .content-single .default_list--name.adult-access-points,
    .btn-adult-access-points {
        background-color: #D89B00;
    }
    .btn-homeless-service.adult-access-points {
        color: var(--primary);
    }
    .adult.access.points .default_list--name {
        border-bottom: 1px solid #D89B00;
    }
    /* Styling Housing Categories */
    .housings .nav_buttons p {
        width: 36rem;
        font-size: 3rem;
        /* border: 10px solid rgba(0,0,0,0.2); */
        min-height: 5em !important;
    }
    nav.housingNav.nav_buttons .button_container .navLink--black {
        display: flex;
        justify-content: center;
        align-items: center;
        align-self: center;
    }
    /* Transitional Housing */
    .transitional.housing .default_list--name {
        border-bottom: 1px solid #D89B00;
    }
    .transitional.housing .default_list--name h2,
    .transitional-housing .default_list--name i {
        color: #D89B00;
    }
    .transitional.housing .pagination>.active>a {
        background-color: #D89B00;
        color: white;
    }
    .transitional.housing .pagination>li>a:hover {
        color: #D89B00;
        border: 1px solid #D89B00;
    }
    .transitional-housing .default_list--name {
        background-color: #D89B00;
        border-bottom: 1px solid #D89B00;
    }
    .transitional-housing .default_list--name h2,
    .transitional-housing .default_list--name i {
        color: white;
    }
    .transitional-housing .pagination>.active>a {
        background-color: #D89B00;
        color: white;
    }
    .transitional-housing .pagination>li>a:hover {
        color: #D89B00;
        border: 1px solid #D89B00;
    }
    i.fa.fa-print.btn-print.btn-housings.transitional-housing.noprint {
        color: #D89B00;
    }
    button.btn-back.btn-transitional-housing.noprint {
        background-color: #D89B00;
    }
    .list_container {
        color: white;
    }
    .permanent.supportive.housing .default_list--name h2,
    .permanent.supportive.housing .default_list--name i {
        color: #F26932;
    }
    .permanent.supportive.housing .pagination>.active>a {
        background-color: #F26932;
    }
    .permanent.supportive.housing .pagination>li>a:hover {
        color: #F26932;
        border: 1px solid #F26932;
    }
    i.fa.fa-print.btn-print.btn-housings.permanent-supportive-housing.noprint {
        color: #F26932;
    }
    button.btn-back.btn-permanent-supportive-housing.noprint {
        background-color: #F26932;
    }
    .permanent-supportive-housing .default_list--name {
        background-color: #F26932;
    }
    .outpatient .pagination>li>a:hover {
        border: 1px solid #25BEA6;
        color: #25BEA6;
    }
    /* Permanent Housing */
    .permanent.housing .default_list--name {
        color: #25BEA6;
    }
    .permanent.housing,
    .default_list--name.permanent-housing {
        background-color: #25BEA6;
    }
    .permanent.housing .default_list--name h2,
    .permanent.housing .default_list--name i {
        color: #25BEA6;
    }
    i.fa.fa-print.btn-print.btn-housings.permanent-housing.noprint {
        color: #25BEA6;
    }
    button.btn-back.btn-permanent-housing.noprint {
        background-color: #25BEA6;
    }
    .permanent.housing .pagination>li>a:hover {
        color: #25BEA6;
        border: 1px solid #25BEA6;
    }
    .employment button.btn-back.btn-.noprint {
        background-color: #D89B00;
    }
    /* Adult Access Points */
    .adult.access.points .pagination>li>a:hover {
        color: #D89B00;
        border: 1px solid #9a6c05;
    }
    /* Family Access Points */
    .family.access.points .pagination>li>a:hover {
        color: #25BEA6;
        border: 1px solid #25BEA6;
    }
    /* other link styling */
    ul.http-list li.useful_link {
        margin-bottom: 2rem;
    }
    /* end of charlie modification */
    /* --------------------------------- */
    @media (max-width: 760px) {
        .http-list a {
            display: block;
            /* text-align: center; */
        }
        .list-pages .default_list--name {
            /* align-items: unset; */
        }
        .picture__painted-by {
            bottom: 4rem;
        }
        ul.http-list li.useful_link {
            margin-bottom: 2rem;
            width: 100%;
        }
    }
    @media (max-width: 628px) {
        .align {
            flex-direction: column;
            align-items: center;
            margin-bottom: 55px;
        }
        div.fa-chevron-right {
            height: 4rem;
            font-size: 0;
        }
        .custom-content-ul-div {
            text-align: center;
        }
        .custom-entry-content ul li {
            list-style-type: none;
            margin-left: 0;
        }
        .custom-entry-content {
            text-align: center;
        }
        .custom-entry-content .http-list {
            height: unset;
        }
        #eMail {
            margin-bottom: 10px;
        }
        .default_single_sidebar {
            margin: unset;
        }
        .entry-container .http-list {
            text-align: center;
            height: unset;
        }
        .hero.hero.legal-service.advocacy {
            background-position: right;
        }
        .single-section_contact {
            display: block;
        }
        .default_single--text {
            text-align: center;
        }
        .single-section_contact-title,
        .single-section_contact-text {
            margin: 0;
        }
        .single-section_contact .single-p-section {
            width: 100%;
        }
        .nav_buttons ul {
            margin: 0 auto;
            width: 60%;
        }
        #hope {
            display: none;
        }
        .http-list {
            text-align: center;
        }
        .sign_up--email {
            height: unset;
        }
        .sign_up--email h2 {
            margin-top: 55px;
            font-size: 35px;
        }
        label {
            display: flex;
            color: black;
            font-size: 16px!important;
            font-weight: normal;
        }
        label.ctct-form-label {
            display: flex;
            position: none;
        }
        .ctct-form-custom {
            text-align: center;
        }
        .site-header .wrap .title-area .btn-search {
            display: none;
        }
        p.tertiaryTagLine {
            display: none;
        }
        form input {
            width: 100%;
            margin: 2em 0;
            padding: 1em;
        }
        /* ---------------------------
  Pagination
   ----------------------------- */
        .pagination {
            margin-left: -7px;
        }
        .pagination>li>a,
        .pagination>li>span {
            margin-left: 0;
        }
        .useful-links .http-list a.move {
            margin: unset;
            padding: unset;
        }
        .myPagination {
            margin-left: 0;
        }
        .picture__painted-by {
            bottom: 3rem;
        }
    }
    /* --------------------------------- */
    @media (max-width: 607px) {
        .inner-list li {
            margin: 10px auto;
        }
        .nav_buttons li {
            width: 16rem;
        }
        .nav_buttons a {
            font-size: 1.5rem;
        }
        .icon_container .fa-3x {
            font-size: 5rem;
        }
        .sign_up--email button {
            font-size: 13px;
        }
        .site-header .wrap .title-area .search-area {
            width: 20rem;
        }
        .search-area {
            width: 75%;
        }
        .fa-print {
            display: none;
        }
    }
    /* ------------------------------ */
    @media (max-width: 578px) {
        .default_single_title {
            padding: 0px;
        }
        .default_single_sidebar--image img {
            width: 300px;
            height: 300px;
        }
        .hero {
            height: auto;
        }
        iframe {
            width: 300px;
            height: 200px;
        }
        .modal {
            width: 100%;
            left: 0;
        }
        .modal .spotlight_container {
            padding: 0 0 0 0;
        }
        .nav_buttons ul {
            width: 70%;
        }
        .list_container h2 {
            font-size: 1.5em;
        }
    }
    /* ------------------------------ */
    @media (max-width: 492px) {
        .nav_buttons ul {
            margin: 0 auto;
            width: 100%;
        }
        .picture__painted-by {
            bottom: 3rem;
        }
    }
    @media (max-width: 400px) {
        .card-entry-title {
            font-size: 24px;
        }
        .sign_up--email h2 {
            font-size: 25px;
        }
        .http-list {
            width: 100%;
        }
        .site-header .wrap .title-area .search-area {
            width: 20rem;
            left: 24%;
        }
    }
    @media (max-width: 375px) {
        .site-inner.single-site-inner.casc_container {
            margin-top: 19px;
        }
    }
    /* ----------------------------------
   Print media queries to print page
   ----------------------------------*/
    @media print {
        .content {
            -webkit-print-color-adjust: exact;
            float: none !important;
            max-width: 800px;
            width: 100%;
            margin-top: 0cm;
            margin-right: 0cm;
            margin-left: 1cm;
        }
        .default_list--name {
            border: solid black .05em;
            margin-top: -3cm;
        }
        .default_single--text {
            display: flex;
            flex-direction: row;
            font-size: .8em;
            page-break-after: always;
        }
        .default_single--title {
            font-size: .8em;
            padding: 0;
        }
        .single_section_1 {
            font-size: 1em;
            text-align: left;
            margin: 0;
            padding: 0;
        }
        .default_single_sidebar--image {
            margin-top: 4cm;
            height: 30em;
            border: solid black .05em;
        }
        .default_single_sidebar {
            page-break-after: always;
            font-size: .7em;
        }
        hr {
            display: none;
        }
        h2.printonly {
            font-size: 1.2em;
            margin: 0;
            padding: 0;
        }
        h3,
        h4.direct_service {
            margin: .5cm 0 0 0cm;
            padding: 0cm;
            font-size: .7em;
            orphans: 0;
            widows: 0;
        }
        iframe {
            width: 90%;
            height: 20em;
        }
        p {
            font-size: .6em;
        }
        .noprint {
            display: none;
        }
        .printonly {
            display: block;
        }
        .single-icon.printonly,
        address.printonly,
        p.printonly {
            display: inline;
            font-size: 1em;
        }
        .default_single_title.about {
            min-height: unset;
        }
        .site-inner {
            position: unset;
            margin-top: -1cm;
            box-sizing: unset;
            margin: 0;
            padding: 0;
            height: auto !important;
            overflow: unset;
        }
        .site-inner.single-site-inner {
            box-shadow: none !important;
        }
        .default_single_sidebar--container {
            position: absolute;
            width: 80%;
            height: 20em;
            margin-left: 10%;
            bottom: -10cm;
            left: 0;
        }
    }
    .spotlight_img_container figure {
        position: relative;
        float: left;
        overflow: hidden;
        margin: 10px 1%;
        min-width: 315px;
        max-width: 480px;
        max-height: 360px;
        width: 48%;
        height: auto;
        background: #3085a3;
        text-align: center;
        cursor: pointer;
    }
    .modal .spotlight_img_container figure {
        cursor: unset;
    }
    .spotlight_img_container figure img {
        position: relative;
        display: block;
        min-height: 240px;
        max-width: 320px;
        opacity: 0.8;
    }
    .spotlight_img_container figure figcaption {
        padding: 2em;
        color: #fff;
        text-transform: uppercase;
        font-size: 1.25em;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }
    .spotlight_img_container figure figcaption::before,
    .spotlight_img_container figure figcaption::after {
        pointer-events: none;
    }
    .spotlight_img_container figure figcaption,
    .spotlight_img_container figure figcaption>a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    /* Anchor will cover the whole item by default */
    /* For some effects it will show as a button */
    .spotlight_img_container figure figcaption>a {
        z-index: 1000;
        text-indent: 200%;
        white-space: nowrap;
        font-size: 0;
        opacity: 0;
    }
    .spotlight_img_container figure h2 {
        font-weight: 300;
    }
    .spotlight_img_container figure h2 span {
        font-weight: 800;
    }
    .spotlight_img_container figure h2,
    .spotlight_img_container figure p {
        margin: 0;
    }
    .spotlight_img_container figure p {
        letter-spacing: 1px;
        font-size: 68.5%;
    }
    .spotlight_listener figure.effect-selena figcaption::before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 255, 0.5);
        content: '';
        -webkit-transition: -webkit-transform 0.6s;
        transition: transform 0.6s;
        -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
        transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
    }
    .modal .spotlight_listener figure.effect-selena figcaption::before {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 255, 0.5);
        content: '';
        transition: none;
        transform: none;
    }
    .spotlight_listener figure.effect-selena {
        background: #3498db;
    }
    .spotlight_listener figure.effect-selena img {
        opacity: 0.95;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: scale3d(1.05, 1.05, 1);
        transform: scale3d(1.05, 1.05, 1);
    }
    .modal .spotlight_listener figure.effect-selena img {
        opacity: 1;
        transition: none;
        transform: none;
    }
    .spotlight_listener figure.effect-selena:hover img {
        opacity: 0.6;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    .modal .spotlight_listener figure.effect-selena:hover img {
        cursor: unset;
        opacity: 1;
        transform: none;
    }
    .spotlight_listener figure.effect-selena:hover figcaption::before {
        -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
        transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
    }
    .modal .spotlight_listener figure.effect-selena:hover figcaption::before {
        transform: none;
    }
    .spotlight_listener figure.effect-selena h2 {
        -webkit-transition: -webkit-transform 0.35s;
        transition: transform 0.35s;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }
    .spotlight_listener figure.effect-selena p {
        opacity: 0;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
        -webkit-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
    }
    .spotlight_listener figure.effect-selena:hover h2 {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .modal .spotlight_img_container figure.effect-selena:hover img figcaption::before {
        -webkit-transform: initial!important;
        -webkit-transition: initial!important;
        transform: initial!important;
        transition: initial!important;
        opacity: initial!important;
    }
    .modal .spotlight_img_container figure.effect-selena:hover img {
        cursor: none;
        transform: initial!important;
        -webkit-transform: initial!important;
        transition: initial!important;
        opacity: initial!important;
    }
    .modal .spotlight_img_container figure.effect-selena:hover img,
    h2 {
        transform: initial!important;
        -webkit-transform: initial!important;
        transition: initial!important;
        opacity: initial!important;
    }
    /* Harry styling for IE support */
    /* IE EDUCATION LIST PAGE HEADER*/
    /* HERO */
    .hero {
        display: inherit;
    }
    .adult-shelter--container {
        text-align: center;
    }
    .adult-shelter--container p {
        text-align: left;
    }
    .read-more--attachment {
        margin: 0 auto;
        padding: 1rem 0;
    }
    /* IE LIST PAGES */
    .default_list--container.organization_name {
        text-align: left;
    }
    .default_list--location,
    .default_list--details,
    .sign_up--text,
    .sign_up--email {
        display: inline-block;
    }
    .default_list--name {
        display: inline-block;
        width: 100%;
    }
    .list_container h2 {
        display: inline-block;
    }
    .list-pages .default_list--name {
        display: inline-block;
        width: 100%;
    }
    .list_container,
    .program_name {
        display: inline-block;
        width: 100%;
    }
    #single .list_container.program_name {
        display: inline-block;
        width: 100%;
    }
    #single .list_container.program_name i {
        display: inline-block;
    }
    #single .list_container.program_name h2 {
        display: inline-block;
    }
    /* IE SINGLE PAGE */
    .list_container i {
        display: inline-block;
        /* width: 5%; */
        widows: initial;
    }
    .list_container h2 {
        display: inline-block;
        /* width: 90%; */
        widows: initial;
    }
    /* IE SUCCESS STORIES */
    .default_list--container.spotlight_container {
        display: inline-block;
    }
    .spotlight_img_container {
        display: inline-block;
    }
    .default_list--name.spotlight {
        display: inline-block;
        text-align: center;
    }
    .spotlight_img_container figure {
        float: none;
        min-width: initial!important;
        max-width: initial!important;
        min-height: initial!important;
        max-height: initial!important;
        width: initial!important;
    }
    .default_list.spotlight_listener {
        width: 40%;
    }
    #exampleModalCenter {
        height: 1100px;
        z-index: -99999;
    }
    ;
    /* Charlie - Home home styling IE support */
    .imagebox {
        height: 320px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: bottom;
    }
    .imagebox .entry-title {
        color: #fff;
        padding: 23%;
    }
    .entry-title {
        padding: 20px 20px;
        margin: 0px auto;
        font-size: 4rem;
        box-shadow: none!important;
        background-color: transparent!important;
    }
    /* other userful links */
    .custom-entry-content .http-list {
        margin: 55px 0;
        display: initial !important;
        height: 600px;
    }
    ul.http-list li.useful_link {
        margin-bottom: 2rem;
        width: 48%;
        display: inline-block;
        padding-right: 3rem;
    }
    /* vah styling */
    .legal.service .housingNav.nav_buttons,
    .treatment .housingNav.nav_buttons,
    .housing .housingNav.nav_buttons,
    .homeless-service .housingNav.nav_buttons {
        display: inline-block;
    }
    .legal .housingNav.nav_buttons,
    .residential .housingNav.nav_buttons,
    .housing.housingNav.nav_buttons {
        display: inline-block;
    }
    .legal .button_container {
        /* display: inline-block; */
        justify-content: center;
    }
    .health.treatment .navLink--black {
        display: inline-block;
        align-items: center;
        width: 27rem;
    }
    .health.treatment .list-wrap {
        display: inline-block;
        justify-content: center;
    }
    /* button_containers */
    nav.housingNav.nav_buttons .button_container .navLink--black {
        padding-top: 3rem;
    }
    .legal.service .housingNav.nav_buttons,
    .treatment .housingNav.nav_buttons,
    .housing .housingNav.nav_buttons,
    .homeless-service .housingNav.nav_buttons {
        display: inline-block;
    }
    .list-wrap .housingNav .button_container {
        display: inline-block;
        vertical-align: middle;
        max-height: 24rem;
    }
}

.bold {
	font-weight: bold !important;
}
/* iOS .hero image fix to prevent flicker */
@supports (-webkit-overflow-scrolling: touch) {
  /* CSS specific to iOS devices */ 
  .hero {
      background: url('/images/home.png');
      background-size: cover;
      -webkit-box-shadow: inset 0px 1000px 0px 0px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0px 1000px 0px 0px rgba(0, 0, 0, 0.5);
  }
  .header-hero.hero.about {
      background: url('/images/Reentry_Council_Slide copy.png');
      background-size: cover;
      -webkit-box-shadow: inset 0px 1000px 0px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0px 1000px 0px 0px rgba(0, 0, 0, 0.2);
    background-position: center;
  }
  .header-hero.hero.contact-us {
      background: url('/images/Contact_Us_Citywide_Staff.png');
      background-size: cover;
      -webkit-box-shadow: inset 0px 1000px 0px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0px 1000px 0px 0px rgba(0, 0, 0, 0.2);
    background-position: center;
  }
  .header-hero.hero.faq {
      background: url('/images/FAQ_Rudy.png');
      background-size: cover;
      -webkit-box-shadow: inset 0px 1000px 0px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0px 1000px 0px 0px rgba(0, 0, 0, 0.2);
    background-position: center;
  }
  .header-hero.hero.success-stories {
      background: url('/images/success-stories.png');
      background-size: cover;
    -webkit-box-shadow: inset 0px 1000px 0px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0px 1000px 0px 0px rgba(0, 0, 0, 0.2);
    background-position: center;
  }
}