/*Temp*/
.element-link {display: none !important;}
article.person {display: none;}
/*Full Width Page*/
#admin-menu-wrapper {
display: none;
}
body.admin-menu {
top: 0px !important;
margin-top: 0px !important;
}
.column.branding, div#utility, .column.content-right {display: none;}
header nav.bar {
top: 0px !important;
background-color: #333 !important
}
#content .grid .column.main {
width: 100% !important;
padding: 0px !important
}
#content .grid .column.content-right {
width: 100% !important;
padding: 0px !important
}
#content .grid .column.main .grid.intro {margin: 0px !important;}
article.event {
margin-bottom: 0px !important;
}
article.full-page {margin-bottom: 0px !important}
nav.bar.tabs {z-index: 60 !important}
@media screen and (min-width: 1025px) {
#utility {
border-width: 0px !important
}
#utility .stripe-inner {
display: none !important;
}
header .grid .column.branding {
display: none;
}
header nav.bar {
position: fixed;
left: 0;
right: 0;
width: 100%;
z-index: 900 !important;
margin: 0;
border-top: 6px solid #f60;
background-color: #333;
text-align: center;
}
header nav.bar ul.menu li.top-nav-logo, header nav.bar ul.menu li.top-nav-search {
display: list-item !important;
}
header ul.menu {
max-width: 1600px !important;
margin: 0 auto !important;
text-align: center !important;
}
a.cic-new {
padding-right: 8px !important;
padding-left: 48px !important;
background-color: #f93 !important;
color: #fff !important;
background-image: url(/sites/all/themes/custom/naco_ui/assets/img/county-data-icon.png?1436196918);
background-repeat: no-repeat;
background-position: 10px 7px;
-moz-background-size: 49px;
-o-background-size: 49px;
-webkit-background-size: 49px;
background-size: 49px;
}
}
@media screen and (max-width: 1280px) and (min-width: 1025px) {
a.cic-new {
background-position: 10px 7px !important;
-moz-background-size: 36px !important;
-o-background-size: 36px !important;
-webkit-background-size: 36px !important;
background-size: 36px !important;
padding-left: 40px !important;
}
}
@media screen and (max-width: 1024px) {
a.cic-new {
padding: 11.2px 16px !important;
padding-left: 58px !important;
background-color: #f93 !important;
color: #fff !important;
background-image: url(/sites/all/themes/custom/naco_ui/assets/img/county-data-icon.png?1436196918);
background-repeat: no-repeat !important;
background-position: 14px 8px !important;
-moz-background-size: 32px !important;
-o-background-size: 32px !important;
-webkit-background-size: 32px !important;
background-size: 32px !important;
}
}
a.cic-new:hover {
background-image: url(/sites/all/themes/custom/naco_ui/assets/img/county-data-icon-black.png?1436196918) !important;
background-color: #feca95 !important;
color: #333 !important;
}
@media screen and (max-width: 1024px) {
body.admin-menu header, body.admin-menu #content, body.admin-menu footer {
top: 0px !important;
}
}
/*Full Width Blocks*/
#content, #content .stripe-inner, footer {
max-width: none !important;
}
#content .stripe-inner {
padding: 0px !important
}
#content.full .column.main {
padding: 0px !important;
transition: top 0.69s;
}
#content .column.main .wrapper{
display: none;
}
#page-title h1 {
display: inline !important;
font-family: "MuseoSans" !important;
font-size: 15.5px !important;
line-height: 15.5px !important
}
#content .grid .column.content-right .block:first-child {
width: 100%;
display: table;
padding: 0px !important;
margin: 0px !important;
border-width: 0px !important;
}
/*-----------------------Mobile vs. Desktop Only-----------*/
@media screen and (min-width: 1025px) {
.mobile-only {
display: none;
}
}
@media screen and (max-width: 1024px) {
.desktop-only {
display: none;
}
}
/*--------------Image Styling--------------*/
img.img-full {
width: 100%;
max-width: none !important;
margin: 16px 0px !important;
}
.img-caption img {
width: 100%;
height: auto;
margin: 0px 0px 12px 0px !important;
max-width: none !important;
}
.img-caption {
width: 100%;
margin: 16px 0px;
font-family: "MuseoSans300";
font-size: 12px;
}
/*-------------------Fonts-------------------*/
.cn-body h1, .cn-body h2, .cn-body h3, .cn-body h4 {
font-family: "museo-sans",serif !important;
text-transform: uppercase !important;
}
.cn-body h2 {
font-weight: 900 !important;
font-size: 48px !important;
column-span: all;
}
.cn-body h3 {
font-weight: 300;
color: #33ccff !important;
padding-top: 24px;
}
.cn-body h4 {
font-size: 18px !important;
font-weight: bold;
padding-top: 16px;
}
.cn-body p, .cn-body li {
font-family: "museo-sans",sans-serif !important;
font-weight: 300;
line-height: 1.3125 !important;
}
.cn-body sup {
font-size: 12px !important;
}
@media screen and (min-width: 601px) {
.cn-body p, .cn-body li {
font-size: 16px !important;
}
}
@media screen and (max-width: 768px) {
.cn-body h1 {text-align: center;}
}
@media screen and (max-width: 600px) {
.cn-body h1 {font-size: 40px !important;}
.cn-body h2 {font-size: 36px !important}
.cn-body h3 {font-size: 24px !important}
.cn-body h4 {font-size: 16px !important}
.cn-body p, .cn-body li {font-size: 16px !important}
}
.finding-num {
float: left;
width: auto !important;
height: 62px !important;
margin: 6px 6px 0px 0px !important;
}
/*-----------------------Blocks-----------*/
/*Page Header*/
.header-outer {
width: 100%;
min-height:100vh;
position: relative;
background-size: cover;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-end !important;
}
img.header-inner {
position: relative;
width: 100%;
margin: 0px auto !important;
max-width: 640px !important;
}
.header-outer ul.links {
position: absolute;
bottom: 16px;
left: 16px;
}
/*Content Blocks*/
@media screen and (min-width: 769px) {
.page-padding {padding: 0px 32px}
}
@media screen and (max-width: 768px) {
.page-padding {padding: 0px 16px}
}
/*Pub Content*/
.pub-content {
width: 100%;
max-width: 1088px;
margin: 32px auto
}
@media screen and (min-width: 769px) {
.pub-content {
-webkit-columns: auto 2;
-moz-columns: auto 2;
columns: auto 2;
}
}
/*Header Images*/
@media screen and (min-width: 768px) {
.pub-content {
position: relative;
padding-left: 266px;
}
.pub-content .section-header {
position: absolute;
top: 0px;
left: 0px;
width: 250px;
margin: 0px !important;
}
}
@media screen and (min-width: 601px) and (max-width: 768px) {
.pub-content {
position: relative;
padding-left: 196px;
}
.pub-content .section-header {
position: absolute;
top: 0px;
left: 0px;
width: 180px;
margin: 0px !important;
}
}
@media screen and (max-width: 600px) {
.pub-content .section-header {
width: 100%;
padding: 0px !important;
margin: 0px 0px 16px 0px !important
}
}
.pub-content .section-header {
font-family: "MuseoSans300Cond";
font-weight: 300;
font-size: 12px;
color: #999;
line-height: 1.2125;
}
.pub-content.topic-header {
display: block;
margin-bottom: 16px;
width: 100%;
padding: 48px 0px 0px 0px !important;
}
.topic-header h2 {
display: table;
padding-bottom: 8px;
border-bottom: solid 2px #cc3300;
margin-bottom: 0px !important
}
.pub-content .section-header img {
width: 100%;
max-width: none !important;
margin: 0px 0px 8px 0px !important
}
/*Bleed blocks*/
.bleed-left {
width: 100%;
max-width: calc(544px + 50vw);
}
.bleed-right {
width: 100%;
}
@media screen and (min-width: 1089px) {
.bleed-left {
padding-top: 32px;
padding-bottom: 32px;
padding-left: calc(50vw - 544px);
max-width: calc(544px + 50vw);
}
.bleed-right {
padding-top: 32px;
padding-bottom: 32px;
padding-right: calc(50vw - 544px);
margin-left: calc(50vw - 544px);
max-width: calc(544px + 50vw);
}
}
@media screen and (min-width: 769px) and (max-width: 1088px) {
.bleed-left, .bleed-right {
padding: 32px;
margin-left: 32px;
max-width: calc(100% - 32px)
}
}
@media screen and (max-width: 768px) {
.bleed-left, .bleed-right {
padding: 16px;
margin-left: 16px;
max-width: calc(100% - 16px)
}
}
/*Section Breakers*/
.section-breaker {
width: 100%;
height: 40vh;
background-size: cover;
background-position: center;
}
/*Big Breaker*/
.big-breaker {
width: 100%;
min-height: 100vh;
background-size: cover;
background-position: center;
position: relative;
display: flex;
padding: 64px 32px;
}
.big-breaker blockquote {
width: 100% !important;
max-width: 720px !important;
margin: 0px auto !important;
}
.big-breaker blockquote:before {
background-image: url(/sites/default/files/default_images/cfl-brakets_top_blk.svg) !important;
padding-bottom: 7.70564438% !important;
}
.big-breaker blockquote:after {
background-image: url(/sites/default/files/default_images/cfl-brakets_bottom_blk.svg) !important;
padding-bottom: 7.70564438% !important;
}
.fade-wht:before {
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background: transparent; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(rgba(255,255,255,1), rgba(255,255,255,0.7), rgba(255,255,255,0)); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(rgba(255,255,255,1), rgba(255,255,255,0.7), rgba(255,255,255,0)); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(rgba(255,255,255,1), rgba(255,255,255,0.7), rgba(255,255,255,0)); /* For Firefox 3.6 to 15 */
background: linear-gradient(rgba(255,255,255,1), rgba(255,255,255,0.7), rgba(255,255,255,0)); /* Standard syntax */
}
/*Figures Block*/
.graphic {
width: 100%;
margin: 32px 0px 48px 0px;
display: block;
}
.graphic p {
font-size: 12px !important;
margin-bottom: 8px !important;
line-height: 1.2 !important
}
.graphic h3 {margin-bottom: 12px !important;}
.graphic-inner {
display: flex;
justify-content: center;
align-items: flex-end;
flex-wrap: wrap;
margin: 16px 0px 0px;
position: relative;
}
div.element img {
margin: 0px !important;
width: 100% !important;
max-width: none !important;
}
div.element div.element-link {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: rgba(255,255,255,0.92);
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
transition: opacity 0.69s;
}
div.element div.element-link a.btn {
padding: 12px 16px 16px !important
}
div.element:hover div.element-link {
opacity: 1 !important
}
@media screen and (min-width: 769px) {
div.element {width: 100%;}
.graphic-inner .element {
width: 75%;
padding-right: 16px !important;
display: inline-block;
margin: 0px !important;
max-width: none !important;
}
.graphic-inner .notes {
width: 25%;
display: inline-block;
padding-left: 16px !important;
padding-bottom: 8px !important;
}
.graphic p {
text-align: right;
}
.element-full .element, .element-full .notes {width: 100% !important}
}
@media screen and (max-width: 768px) {
.graphic {margin-bottom: 16px !important}
.graphic-inner .element, .graphic-inner .notes {
width: 100%;
padding-bottom: 16px !important;
margin: 0px !important;
max-width: none !important;
}
}
@media screen and (max-width: 600px) {
.graphic-inner div.element div.element-link {
display: none !important;
}
}
/*Chart Legend*/
.legend {
width: 80%;
display: flex;
justify-content: center;
flex-wrap: wrap;
margin: 16px auto;
}
.legend div {
border-top: solid 12px;
padding: 4px;
margin-right: 4px;
min-width: 64px;
font-family: "museo-sans";
font-size: 16px;
font-weight: 100;
text-align: center;
display: inline-block;
}
.legend-stretch {
width: 80%;
display: flex;
justify-content: center;
margin: 16px auto;
}
.legend-stretch div {
border-top: solid 12px;
padding: 4px;
margin-right: 4px;
width: 100%;
font-family: "museo-sans";
font-size: 16px;
font-weight: 100;
text-align: center;
display: inline-block;
}
/*Color Backgrounds*/
.color {
width: 100%;
display: table;
margin: 0px;
}
.wht-text p, .wht-text li, .wht-text h1, .wht-text h2, .wht-text h3, .wht-text h4, .wht-text h5, .wht-text h6 {color: #fff !important}
.wht-text blockquote p, .wht-text blockquote li, .wht-text blockquote h1, .wht-text blockquote h2, .wht-text blockquote h3, .wht-text blockquote h4, .wht-text blockquote h5, .wht-text blockquote h6 {color: #fff !important}
.wht-text a {color: #fff !important; text-decoration: underline;}
.wht-text blockquote:before {
background-image: url(/sites/default/files/default_images/cfl-brakets_top_wht.svg) !important;
padding-bottom: 7.70564438% !important;
}
.wht-text blockquote:after {
background-image: url(/sites/default/files/default_images/cfl-brakets_bottom_wht.svg) !important;
padding-bottom: 7.70564438% !important;
}
.wht-text a.btn {
border: 2px solid #fff !important;
text-decoration: none !important;
position: relative;
}
.wht-text a.btn span {position: relative;}
.wht-text a.btn:before {
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: #999;
mix-blend-mode: multiply;
opacity: 0;
transition: opacity 0.69s;
}
.wht-text a.btn:hover {
background-color: transparent; !important;
border: 2px solid rgba(255,255,255,0) !important;
}
.wht-text a.btn:hover:before {
opacity: 1 !important
}
/*Blockquotes*/
blockquote {
max-width: 100% !important;
background-color: transparent !important;
padding: 16px !important;
margin: 0px 0px 16px 0px !important;
border-width: 2px 0px;
border-top: solid 2px #cc3300;
border-bottom: solid 2px #cc3300;
}
.cn-body blockquote h3 {
color: #999 !important;
font-weight: 100;
padding: 0px !important;
margin: 0px !important;
font-family: "MuseoSans300Cond" !important;
font-weight: 100 !important;
line-height: 1.3125 !important;
font-size: 24px !important;
}
.cn-body blockquote p, .cn-body blockquote li, .cn-body blockquote a {
font-size: 14px !important;
color: #33ccff !important;
font-style: italic;
background-position: left 7px !important
}
.cn-body blockquote ul {padding-left: 8px !important}
/*Call Out Boxes wide*/
.call-out-wide {
width: 100%;
padding: 16px;
background-color: rgba(51,204,255,0.1);
display: flex;
justify-content: space-around;
align-items: flex-start;
flex-wrap: wrap;
margin-bottom: 16px;
}
.call-out-wide div {
width: calc(50% - 32px);
}
@media screen and (max-width: 768px) {
.call-out-wide div {width: 100% !important; margin-bottom: 16px;}
}
.call-out-wide h3 {
color: #333 !important;
font-size: 18px !important;
font-weight: bold
}
.call-out-wide p, .call-out-wide li, .call-out-wide a {
font-size: 16px !important;
color: #333 !important
}
/*Endnotes*/
.endnotes p, .endnotes li, .endnotes a {
word-wrap: break-word !important;
font-size: 14px !important;
}
.endnotes div {
display: block;
break-inside: avoid !important;
padding-bottom: 12px;
}
.flex-columns {
padding-bottom: 32px;
}
/*column Block*/
@media screen and (min-width: 769px) {
.flex-columns {
padding-bottom: 16px;
-webkit-columns: auto 2; /* Chrome, Safari, Opera */
-moz-columns: auto 2; /* Firefox */
columns: auto 2;
-webkit-column-gap: 32px; /* Chrome, Safari, Opera */
-moz-column-gap: 32px; /* Firefox */
column-gap: 32px;
}
}
/*Toggle Up*/
a.toggle-up {
position: fixed;
bottom: 0px;
left: 16px;
color: #fff !important;
background-color: rgba(0,153,204,0.71);
padding: 4px 16px 18px 16px;
font-size: 32px;
border-radius: 8px 8px 0px 0px;
-webkit-box-shadow: 3px -3px 8px 0px rgba(51, 51, 51, 0);
-moz-box-shadow: 3px -3px 8px 0px rgba(51, 51, 51, 0);
box-shadow: 3px -3px 8px 0px rgba(51, 51, 51, 0);
transition: all 0.5s;
cursor: pointer;
}
a.toggle-up:hover {
padding-bottom: 24px !important;
background-color: rgba(0,153,204,1) !important;
-webkit-box-shadow: 3px -3px 8px 0px rgba(51, 51, 51, 0.2) !important;
-moz-box-shadow: 3px -3px 8px 0px rgba(51, 51, 51, 0.2) !important;
box-shadow: 3px -3px 8px 0px rgba(51, 51, 51, 0.2) !important;
transition: all 0.5s;
}
a.toggle-up.show-desc:before {
content: "";
position: absolute;
bottom: calc(100% + 6px);
left: 0px;
width: 166px;
height: 60px;
background-image: url(/sites/default/files/default_images/jump-desc.svg);
background-size: calc(100% - 16px);
background-repeat: no-repeat;
background-position: 4px calc(100% - 4px);
background-color: rgba(255,255,255,0.5);
border-radius: 12px;
-webkit-animation-name: descfade;
-webkit-animation-duration: 12s;
-webkit-animation-delay: 1.75s;
-webkit-animation-fill-mode: both; /* Safari 4.0 - 8.0 */
animation-name: descfade;
animation-duration: 12s;
animation-delay: 1.75s;
animation-fill-mode: both;
}
a.toggle-up.show-desc.remove-desc:before {
display: none !important;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes descfade {
0% {opacity: 0}
10% {opacity: 1}
90% {opacity: 1}
100% {opacity: 0}
}
/* Standard syntax */
@keyframes descfade {
0% {opacity: 0}
10% {opacity: 1}
90% {opacity: 1}
100% {opacity: 0}
}
/*Mega Menu*/
.mega-menu {
position: fixed;
top: 100%;
left: 0px;
width: 100%;
display: flex;
flex-wrap: wrap;
padding: 64px 0px 16px 0px;
max-height: calc(100vh - 59px);
overflow-y: scroll;
background-color: #0099cc;
-webkit-box-shadow: 3px -3px 8px 0px rgba(51, 51, 51, 0);
-moz-box-shadow: 3px -3px 8px 0px rgba(51, 51, 51, 0);
box-shadow: 3px -3px 8px 0px rgba(51, 51, 51, 0);
transition: all 1s;
z-index: 70;
}
@media screen and (max-width: 1280px) {
.mega-menu {max-height: calc(100vh - 48px) !important}
}
.mega-menu a, .mega-menu h3, .mega-menu p {
color: #fff !important;
text-decoration: none !important;
}
.mega-menu p {
font-size: 14px !important;
margin-bottom: 8px !important;
}
.mega-menu h3 {font-size: 24px !important}
.mega-menu a:hover {
color: #ffcc66 !important;
text-decoration: none !important;
}
.mega-menu a#close-mega-menu {
position: absolute;
top: 8px;
right: 8px;
cursor: pointer;
font-size: 32px;
}
.mega-menu.toggled {
-ms-transform: translate(0%,-100%); /* IE 9 */
-webkit-transform: translate(0%,-100%); /* Safari */
transform: translate(0%,-100%); /* Standard syntax */;
-webkit-box-shadow: 3px -3px 8px 0px rgba(51, 51, 51, 0.2) !important;
-moz-box-shadow: 3px -3px 8px 0px rgba(51, 51, 51, 0.2) !important;
box-shadow: 3px -3px 8px 0px rgba(51, 51, 51, 0.2) !important;
transition: all 1s;
}
/*Interior Mega-menu*/
.mega-menu .mega-menu-inner {
padding: 0px 32px;
margin-bottom: 32px;
display: inline-block;
}
div.mega-menu-inner:last-of-type {border-width: 0px !important}
@media screen and (min-width: 1025px) {
.mega-menu.three-columns .mega-menu-inner {
width: 33.333%;
border-right: solid 2px #fff;
}
.mega-menu.three-columns div.mega-menu-inner:nth-of-type(3n+3) {
border-width: 0px !important
}
.mega-menu.four-columns .mega-menu-inner {
width: 25%;
border-right: solid 2px #fff;
}
.mega-menu.four-columns div.mega-menu-inner:nth-of-type(4n+4) {
border-width: 0px !important
}
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
.mega-menu-inner {
width: 50%;
border-right: solid 2px #fff;
}
div.mega-menu-inner:nth-of-type(even) {
border-width: 0px !important
}
}
@media screen and (max-width: 768px) {
.mega-menu-inner {width: 100%}
}
@media screen and (max-width: 600px) {
.mega-menu-inner p {display: none;}
.mega-menu-inner {margin-bottom: 0px !important;}
.mega-menu-inner.quick-links p {display: block !important;}
}
/*PAge Header*/
.header-outer {
background-image: url(/sites/default/files/CSBG_hero.jpg);
background-position: 75% 0%;
z-index: 60;
}
#header-title {
position: absolute;
left: 32px;
top: 82px;
width: 50%;
height: auto;
max-width: 500px;
z-index: 70;
margin:0px !important;
}
@media screen and (max-width: 768px) {
#header-title {
width: 65% !important;
max-width: none !important;
left: 16px !important
}
}
.sharethis-wrapper {margin: auto !important}
#sharethis-wrapper {
width: 100%;
padding: 6px;
background-color: rgba(0,0,0,1);
text-align: center;
}
#sharethis-wrapper li {margin: 0px !important;}
#print-page span {background-color: #333 !important;}
.st_tumblr_custom {display: none !important;}
.header-byline {
display: table;
width: 100%;
padding: 16px 16px 32px 16px;
position: relative;
}
/*
.header-byline:before {
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color:rgb(179,179,179);
mix-blend-mode: multiply;
}
*/
.header-byline a.go {
position: absolute;
bottom: 16px;
left: calc(50% - 40px);
background-image: url(/sites/default/files/default_images/down-arrow.svg);
width: 96px;
height: 96px;
background-size: 64px 64px;
background-position: center bottom;
background-repeat: no-repeat;
opacity: 0;
transition: opacity 0.69s;
transition-delay: 1.5s;
-webkit-animation-name: pulse; /* Safari 4.0 - 8.0 */
-webkit-animation-duration: 0.89s; /* Safari 4.0 - 8.0 */
-webkit-animation-fill-mode: both; /* Safari 4.0 - 8.0 */
-webkit-animation-delay: 0.89s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
-webkit-animation-timing-function: linear;
-webkit-animation-play-state: paused; /* Chrome, Safari, Opera */
animation-name: pulse;
animation-duration: 0.89s;
animation-fill-mode: both;
animation-delay: 0.89s;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-timing-function: linear;
animation-play-state: paused;
}
.header-byline a.go.pulse {
-webkit-animation-play-state: running !important; /* Chrome, Safari, Opera */
animation-play-state: running !important;
opacity: 1 !important;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes pulse {
from {background-size: 64px 64px;}
to {background-size: 96px 96px}
}
/* Standard syntax */
@keyframes pulse {
from {background-size: 64px 64px;}
to {background-size: 96px 96px}
}
.header-byline p {position: relative;}
@media screen and (min-width: 801px) {
.header-byline {
display: flex !important;
align-items: center;
justify-content: space-between;
}
.header-byline img {
position: relative;
width: 200px !important;
height: auto;
margin: 0px !important;
}
.header-byline .byline-content {
width: 100%;
max-width: 1024px;
padding-right: 16px;
}
.header-byline p:nth-last-of-type(1) {margin-bottom: 0px !important;}
}
@media screen and (max-width: 800px) {
.header-byline img {
position: relative;
width: 100%;
max-width: 200px !important;
margin: 16px auto !important;
}
.header-byline {padding-bottom: 96px;}
}
@media screen and (min-width: 601px) and (max-width: 800px) {
.byline-content {
display: flex;
justify-content: space-around;
align-items: flex-start;
}
.byline-content p {padding-right: 24px}
.byline-content p:nth-last-child(1) {padding-right: 0px !important}
}
@media screen and (max-width: 600px) {
.header-byline p {text-align: center;}
}
/*Footer*/
.footer-outer {
background-image: url(/sites/default/files/CSBG_hero.jpg);
background-position: 0%;
background-size: cover;
position: relative;
width: 100%;
min-height: 85vh;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
padding: 56px 32px
}
.footer-outer:before {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
content: "";
background-color: #0099cc;
mix-blend-mode: multiply;
}
.footer-outer .contacts-list {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
position: relative;
padding: 0px !important
}
.footer-outer img {position: relative;}
@media screen and (min-width: 769px) {
.contacts-list .person {
width: calc(25% - 8px);
}
}
@media screen and (min-width: 601px) and (max-width: 768px) {
.contacts-list .person {
width: calc(50% - 8px);
margin-bottom: 16px;
}
}
@media screen and (max-width: 600px) {
.contacts-list .person {
width: 100%;
margin-bottom: 16px;
}
}
.footer-1.stripe {
border-top: solid 6px #ff9933;
}
footer .footer-1 .grid {border-top: 0px !important}
/*---------------Fixed Background---------------*/
.fixed-bkg {
background-attachment: fixed;
}
/* ----------- iPhone 4 and 4S ----------- */
/* Portrait and Landscape */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2) {
.fixed-bkg {
background-attachment: local !important;
}
}
/* Portrait */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {
.fixed-bkg {
background-attachment: local !important;
}
}
/* Landscape */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {
.fixed-bkg {
background-attachment: local !important;
}
}
/* ----------- iPhone 5 and 5S ----------- */
/* Portrait and Landscape */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2) {
.fixed-bkg {
background-attachment: local !important;
}
}
/* Portrait */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {
.fixed-bkg {
background-attachment: local !important;
}
}
/* Landscape */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {
.fixed-bkg {
background-attachment: local !important;
}
}
/* ----------- iPhone 6 ----------- */
/* Portrait and Landscape */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (-webkit-min-device-pixel-ratio: 2) {
.fixed-bkg {
background-attachment: local !important;
}
}
/* Portrait */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {
.fixed-bkg {
background-attachment: local !important;
}
}
/* Landscape */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {
.fixed-bkg {
background-attachment: local !important;
}
}
/* ----------- iPhone 6+ ----------- */
/* Portrait and Landscape */
@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (-webkit-min-device-pixel-ratio: 3) {
.fixed-bkg {
background-attachment: local !important;
}
}
/* Portrait */
@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: portrait) {
.fixed-bkg {
background-attachment: local !important;
}
}
/* Landscape */
@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: landscape) {
.fixed-bkg {
background-attachment: local !important;
}
}
/* ----------- iPad mini ----------- */
/* Portrait and Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 1) {
.fixed-bkg {
background-attachment: local !important;
}
}
/* Portrait */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 1) {
.fixed-bkg {
background-attachment: local !important;
}
}
/* Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 1) {
.fixed-bkg {
background-attachment: local !important;
}
}
/* ----------- iPad 1 and 2 ----------- */
/* Portrait and Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 1) {
.fixed-bkg {
background-attachment: local !important;
}
}
/* Portrait */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 1) {
.fixed-bkg {
background-attachment: local !important;
}
}
/* Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 1) {
.fixed-bkg {
background-attachment: local !important;
}
}
/* ----------- iPad 3 and 4 ----------- */
/* Portrait and Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 2) {
.fixed-bkg {
background-attachment: local !important;
}
}
/* Portrait */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 2) {
.fixed-bkg {
background-attachment: local !important;
}
}
/* Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 2) {
.fixed-bkg {
background-attachment: local !important;
}
}
/*States List*/
/*column Block*/
.states-list-outer {
width: 100%;
display: table;
background-image: url(http://www.naco.org/sites/default/files/disaster-map_bkg.jpg);
background-size: cover;
background-position: center;
position: relative;
}
.states-list-outer:before {
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: rgba(255,255,255,0.4);
-webkit-box-shadow: inset 0px 0px 16px 0px rgba(50, 50, 50, 0.3);
-moz-box-shadow: inset 0px 0px 16px 0px rgba(50, 50, 50, 0.3);
box-shadow: inset 0px 0px 16px 0px rgba(50, 50, 50, 0.3);
}
.states-list-outer img {
width: 100%;
margin: 0px !important;
max-width: none !important;
position: relative;
}
.states-list {
position: relative;
background-color: rgba(255,255,255,0.8)
}
@media screen and (min-width: 1025px) {
.states-list {
width: 100%;
margin: 0px;
max-width: 1600px;
padding: 32px;
-webkit-columns: auto 4; /* Chrome, Safari, Opera */
-moz-columns: auto 4; /* Firefox */
columns: auto 4;
-webkit-column-gap: 32px; /* Chrome, Safari, Opera */
-moz-column-gap: 32px; /* Firefox */
column-gap: 32px;
}
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
.states-list {
width: 100%;
margin: 0px;
padding: 32px;
-webkit-columns: auto 2; /* Chrome, Safari, Opera */
-moz-columns: auto 2; /* Firefox */
columns: auto 2;
-webkit-column-gap: 16px; /* Chrome, Safari, Opera */
-moz-column-gap: 16px; /* Firefox */
column-gap: 16px;
}
}
@media screen and (min-width: 501px) and (max-width: 768px) {
.states-list {
width: 100%;
margin: 0px;
padding: 16px;
-webkit-columns: auto 2; /* Chrome, Safari, Opera */
-moz-columns: auto 2; /* Firefox */
columns: auto 2;
-webkit-column-gap: 16px; /* Chrome, Safari, Opera */
-moz-column-gap: 16px; /* Firefox */
column-gap: 16px;
}
}
@media screen and (max-width: 500px) {
.states-list {
width: 100%;
margin: 0px;
padding: 16px;
}
}
.cn-body .states-list p {font-size: 16px !important}
.cn-body .states-list p strong {text-transform: uppercase;}
The Social Services Block Grant (SSBG) was signed into law by President Ronald Reagan in 1981 (P.L. 97-35) and is administered by the U.S. Department of Health and Human Services’ Administration for Children and Families. The program is an entitlement to states and falls into the category of “non-defense mandatory spending.” SSBG, a flexible funding source that can used for nearly 30 different types of services, allows states and local jurisdictions to tailor social service programming to their population’s needs. The flexibility of SSBG is crucial to its recipients as it helps fill the gaps in and between other human services programs receiving insufficient federal funding.
Each year, the federal government allocates funds to states to support social services for vulnerable children, adults and families through SSBG. Because of SSBG, states and local jurisdictions are able to provide essential services that help achieve a number of goals to reduce dependency and promote self-sufficiency; protect children and adults from neglect, abuse and exploitation; and help individuals who are unable to take care of themselves.
Ten states pass SSBG funds directly to counties: Colorado, Minnesota, New Jersey, New York, North Carolina, North Dakota, Ohio, Pennsylvania, Virginia and Wisconsin, though counties access SSBG funds in other states as well. In 2012, NACo conducted a survey that revealed counties most commonly use SSBG for adult protective services, which benefit elderly and disabled adults, and child protective services. In another NACo analysis of Federal Audit Clearinghouse data, counties used over $763 million in SSBG funds in FY 2015.
Although the focus on Capitol Hill is the total dollar amount of SSBG, it is important to acknowledge the impact SSBG has on individuals across the country. This report brings a new perspective to SSBG as we look into the unique experiences of individuals and the vital role the block grant played in helping them overcome obstacles in their lives.
Counties most commonly use SSBG for adult protective services, which benefit elderly and disabled adults, and child protective services
As we enter into the 115th Congress, SSBG’s future remains uncertain, as the program continues to be targeted for further cuts. Although SSBG has champions on both sides of the aisle, the current unpredictability around the federal budget and efforts to reduce spending threatens the future of the block grant. In fact, in 2016, the House Ways and Means Committee approved legislation that would completely eliminate the block grant. Entering into the new year, we will continue to advocate for the protection of SSBG and against further cuts to the block grant.
- Report PDF
- Jump To Section
Adult Protective Services (APS) is a program provided by state and local governments nationwide serving seniors and adults with disabilities who face abuse, neglect, and exploitation. APS is crucial in keeping vulnerable adults at home in the community. The Social Services Block Grant (SSBG) is the only designated federal funding source to states for APS in addition to supplementing funding for other services supporting APS. In FY2014, 37 states used SSBG for APS serving at least 578,000 adults. A National Adult Protective Services Association survey of APS directors found that it would be devastating to programs if there were cuts to or elimination of these funds.
In FY2014, 37 states used SSBG for APS serving at least 578,000 adults.
In Texas, APS became involved with Gladys after she began exhibiting self-neglect, a common APS case. Gladys became increasingly withdrawn after the death of her husband. It was soon apparent that Gladys needed care and was stealing from the local grocery store and her neighbors. Gladys repeatedly refused to accept help from APS. Eventually Gladys’ utilities were cut off and she was involuntarily hospitalized several times.
APS obtained a court order to enter her home when it was reported that Gladys had booby trapped her yard. When APS entered, it was as dangerous and deplorable as feared including a makeshift stove of a hubcap over burning wood and rain water for drinking. APS was granted an emergency order for protective services and although Gladys was resistant she calmed down when in the ambulance. Gladys was placed in a nursing home. Though the APS team feared she would deteriorate further, when the supervisor visited she had adjusted well and was playing the piano. Gladys was grateful for her new friends at the facility and took pleasure in gathering in a prayer and praise circle nearby.
Across the country, millions of children receive child welfare services each year, improving their health and well-being. SSBG funding provides critical front-end child welfare services that other funding streams cannot. In FY 2014, 49 states reported using $47 million in SSBG expenditures for child welfare services. The absence of SSBG funding to identify risks, provide immediate support and refer children and their families to services can put children at risk of out-of-home placement or delay reunification.
In California, child welfare services played a critical role in helping Patricia reunite with her children. Due to struggles with substance abuse, Patricia gave up her first seven children to adoption. She was sober for her next two children, but her third child tested positive for drug exposure. As a result, all three children were taken into custody and placed into foster homes.
With nowhere to turn, Patricia visited Los Angeles County’s Department of Children and Families Services (DCFS). DCFS referred her to a large non-profit organization that connected her with the substance abuse treatment and other family-focused services that Patricia needed.
Both Patricia and her husband started going to therapy and attending parenting courses. They learned about child development, anger management and relapse prevention. Additionally, a community advocate went with Patricia to court appointments, helping her understand the ins and outs of dependency court and what it would take to get her children back. After three years, and the help of child welfare services, Patricia’s children could return home.
After three years, and the help of child welfare services, Patricia’s children could return home.
With the help of SSBG funding, Los Angeles County’s DCFS and the non-profit organization were able to provide services to Patricia that allowed her overcome her substance abuse and be reunited with her children. In Los Angeles County, SSBG funding has made it possible for vulnerable families, like Patricia’s to receive these services to start a new future.
Child protective services (CPS) are services and activities intended to protect and safeguard children who face abuse, neglect and exploitation. SSBG is a critical federal funding source for vulnerable children who are unable to protect their own interests. In 2014, 39 states reported spending $329 million of SSBG funds for CPS.
In Alabama, CPS became involved with four-year-old Chelsea after her neighbors placed a neglect report about an unsupervised child in the street. When local authorities returned Chelsea to her home, the officer noticed the deplorable living conditions. Upon CPS’ initial visit and assessment, they learned that the three children living in the home did not meet their proper developmental milestones—they were not toilet trained and were non-verbal. Due to severe neglect, the children were removed from their home and connected to a mental health agency for psychological diagnosis and evaluations.
Each child’s separate needs were addressed: one sibling was referred to the local Head Start, the second sibling received residential care and the last sibling received inpatient treatment. Within a year’s time, each child thrived in their respective treatments and could return home.
In addition to these health services, CPS also made sure the family received outpatient services from the community mental health agency. The agency taught the parents about each child’s diagnosis and how to reinforce skills the children were taught in their treatment. SSBG funding can be used for a variety of critical services, including those Chelsea’s family used.
The agency taught the parents about each child’s diagnosis and how to reinforce skills the children were taught in their treatment.
In Alabama, CPS is one of the main uses of SSBG funding. In 2014, Alabama used $9 million, or about 40 percent, of its SSBG funds towards CPS. Although there are other national funding sources for CPS, including the Child Abuse Prevention and Treatment Act (CAPTA), SSBG funding for CPS far outpaces CAPTA funding. In fact, in 2014, Alabama used $18 million of SSBG funds, while receiving only $389,796 from CAPTA.
State and local governments may use SSBG funds to support of a variety of services for older adults, which includes individuals 60 years of age and older. These services help older adults remain in their homes and communities, live independently and improve their quality of life. Services may also be provided to prevent or remedy abuse, neglect or exploitation of older adults. In 2014, 41 states reported spending $284 million for services for older adults.
In Ohio, over $9 million of annual SSBG expenditures go towards services for older adults. In Coshocton County, SSBG-supported services allowed Rachel and Phyllis’ to maintain their independence at an old age. The two women were both 100 years old and living at home. Although they were limited in their ability to care for themselves, high costs prohibited them from moving into a nursing facility. With no other options, they were connected with Coshocton County’s Job and Family Services agency and the Coshocton City Health Department. The City Health staff and the Job and Family Services agency provided Rachel and Phyllis with home-based services and home-delivered meals. Specifically, the women received housekeeping services, weekly visits from health professionals and Meals on Wheels food delivery.
In 2014, 41 states reported spending $284 million for services for older adults
With the help of SSBG funding, Coshocton County’s Job and Family Services agency and the Coshocton City Health Department were able to provide services to Rachel and Phyllis that allowed these women to stay in their homes. In Coshocton County, SSBG funding has made it possible for older residents, just like Rachel and Phyllis, to receive these services and live the end of their lives, where they are most comfortable.
State and local governments may use SSBG funds to support a variety of services to persons with disabilities or those in danger of abuse, neglect or exploitation. These services include investigation, emergency medical services, emergency shelter and counseling. In FY 2014, 21 states spent $277 million on special services for persons with disabilities.
In California, Christy was raising three children by herself. One of her children, Nate, was born with a disabling lung condition that required regular medical intervention. Christy and Nate received disability services after Christy was laid off from her job and lost health coverage for both herself and her son. With no health insurance, Christy missed one of Nate’s weekly checkups. Knowing that ongoing medical treatment was critical for her son, the family doctor called child protective services.
Rather than losing custody of her children, Alameda County’s Department of Children and Families Services (DCFS) referred Christy and her children to a community-based program that supports families who receive support through the Temporary Assistance for Needy Families program (TANF). Thanks to this program, Christy’s son was now eligible for health insurance to support his special needs.
In addition to receiving special services for Nate, over the course of six months a family advocate visited the home weekly and referred Christy to parenting and therapy classes as well as therapy classes for her children. Additionally, the advocate helped Christy develop a resume and look for jobs.
In FY 2014, 21 states spent $27 million on special services for persons with disabilities.
With the help of SSBG funding, Alameda County’s DCHS was able to provide Nate with the vital medical services he needed to survive. The additional services provided by DCHS, also supported by SSBG, were critical for Christy’s and her children’s future success.
$(document).ready(function(){
$("#toggle-up").click(function(){
$("#megamenu").toggleClass("toggled");
$("#toggle-up").addClass("remove-desc")
});
$("#toggle-up-btn").click(function(){
$("#megamenu").toggleClass("toggled");
$("#toggle-up").addClass("remove-desc")
});
$("#megamenu a").click(function(){
$("#megamenu").toggleClass("toggled");
});
});
$(document).ready(function(){
$("li.sharethis.first.last").appendTo("#sharethis-wrapper").wrap("
");
$('article.person').addClass('pub-content');
$("#print-page").appendTo("div.sharethis-wrapper");
$("div.wht-text a.btn").wrapInner("
");
$(window).scroll(function(){
$('#toggle-up').addClass('show-desc');
$("a.go").removeClass('pulse');
});
$("a.go").click(function(){
$("a.go").removeClass('pulse');
});
});
$(document).ready(function(){
$('a[href^="#"]').on('click',function (e) {
e.preventDefault();
var target = this.hash;
var $target = $(target);
$('html, body').stop().animate({
'scrollTop': $target.offset().top-150
}, 1200, 'swing', function () {
window.location.hash = target;
});
});
});
try{Typekit.load({ async: true });}catch(e){}
“Faces of the Social Services Block Grant” helps counties advocate for the Social Services Block Grant (SSBG) with members of Congress.
In Texas, with the help of SSBG funds, APS was able to provide Gladys with a new home.
In Los Angeles County, child welfare services funded by SSBG played a critical role in helping Patricia reunite with her children.
In Alabama, Chelsea received CPS support thanks to SSBG funds.
In Coshocton County, SSBG-supported services allowed Rachel and Phyllis to maintain their independence at an old age.
With the help of SSBG funding, Alameda County’s DCFS was able to provide Nate with the vital medical services he needed to survive.
