/*Temp*/
.element-link {display: none !important;}
.brilliant-ideas .view-filters {display: none !important;}
article.person {display: none;}
article.full-page {margin-bottom: 2px !important}
/*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;
}
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;
}
footer {border-top: solid 6px #ff9933}
footer .footer-1 .grid {border-width: 0px !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 h2, .cn-body h3, .cn-body h4 {
font-family: "kepler-std-display",serif !important;
}
h1 {display: none;}
.cn-body h1 {
text-transform: uppercase !important;
font-size: 55px !important;
display: block !important;
}
.cn-body h4 {font-size: 24px !important;}
.cn-body p, .cn-body li {
font-family: "museo-sans",sans-serif !important;
font-weight: 100;
line-height: 1.4 !important;
}
.cn-body sup {
font-size: 12px !important;
}
.section-title {text-align: center;}
@media screen and (min-width: 601px) {
.cn-body p, .cn-body li {
font-size: 18px !important;
}
}
@media screen and (max-width: 768px) {
.cn-body h1 {text-align: center;}
}
@media screen and (max-width: 600px) {
.cn-body h1 {font-size: 45px !important;}
.cn-body h2 {font-size: 36px !important}
.cn-body h3 {font-size: 24px !important}
.cn-body h4 {font-size: 18px !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;
}
blockquote h2 {
text-align: center;
font-weight: normal !important;
}
blockquote h2 strong {font-weight: bold !important}
blockquote:before {
content: "";
background-image: url(/sites/default/files/default_images/cfl-brakets_top_0.svg);
background-size: 100%;
background-repeat: no-repeat;
display: block;
width: 100%;
height: 0px;
padding-bottom: 3.99265%;
margin-bottom:6px;
}
blockquote:after {
content: "";
background-image: url(/sites/default/files/default_images/cfl-brakets_bottom_0.svg);
background-size: 100%;
background-repeat: no-repeat;
display: block;
width: 100%;
height: 0px;
padding-bottom: 3.99265%;
margin-bottom:6px;
}
/*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 {
background-color: transparent !important;
width: 100%;
}
@media screen and (min-width: 1089px) {
blockquote {
max-width: 50% !important;
margin-right: 0px !important;
padding-right: 0px !important;
}
}
@media screen and (min-width: 769px) and (max-width: 1088px) {
blockquote {
margin-right: 0px !important;
padding-right: 0px !important
}
}
@media screen and (max-width: 768px) {
blockquote {
max-width: none !important;
float: none !important;
margin: 16px 0px !important;
}
blockquote.small {
max-width: 50% !important;
float: right !important;
margin: 16px !important
}
}
@media screen and (max-width: 600px) {
blockquote.small {
max-width: none !important;
float: none !important;
margin: 16px 0px !important;
}
}
/*Endnotes*/
.endnotes p, .endnotes li, .endnotes a {
word-wrap: break-word !important;
font-size: 14px !important;
}
.endnotes div {
display: block;
break-inside: avoid;
padding-bottom: 12px;
}
/*column Block*/
.flex-columns {
padding-bottom: 32px;
}
@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}
.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;}
}
/*---------------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;
}
}
/*----------------- Slider Block Styles--------------------*/
/*Header*/
/*Header*/
.header-outer {
width: 100%;
height: 80vh;
background-image: url(http://www.naco.org/sites/default/files/brilliant-ideas.jpg);
background-color:#999;
background-size: cover;
background-position: 50% 70%;
position: relative;
z-index: 60;
overflow: hidden;
-webkit-animation-name: delayedgrow; /* Safari 4.0 - 8.0 */
-webkit-animation-duration: 1.5s; /* Safari 4.0 - 8.0 */
-webkit-animation-delay: 0.5s;
-webkit-animation-fill-mode: backwards;
animation-name: delayedgrow;
animation-duration: 1.5s;
animation-fill-mode: backwards;
animation-delay: 0.5s;
}
.header-outer.delayed {
-webkit-animation-delay: 2s !important; /* Safari 4.0 - 8.0 */
animation-delay: 2s !important;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes delayedgrow {
from {opacity: 0;}
to {opacity: 1}
}
/* Standard syntax */
@keyframes delayedgrow {
from {opacity: 0;}
to {opacity: 1}
}
.brilliant-logo {
position: absolute;
bottom: -2px;
right: 32px;
margin: 0px !important;
width: calc(100% - 64px);
max-width: 640px !important;
/*mix-blend-mode: multiply;*/
}
@media screen and (max-width: 768px) {
.brilliant-logo {
width: 80% !important;
left: 10% !important;
right: 10% !important
}
}
#sharethis-wrapper {
width: 100%;
padding: 6px;
background-color: rgba(0,0,0,1);
text-align: center;
}
#sharethis-wrapper li {margin: 0px !important;}
#sharethis-wrapper li div.sharethis-wrapper {margin: auto}
#sharethis-wrapper span {
background-color: transparent !important;
}
/*Intro Box*/
.intro-block {
width: 100%;
padding: 32px;
position: relative;
}
.intro-block:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
background-color: #333;
mix-blend-mode: multiply;
}
.intro-inner {
width: 100%;
max-width: 768px;
margin: auto
}
.intro-inner p, .intro-inner h1, .intro-inner h2, .intro-inner h3 {text-align: center;}
/*Fixed Background Slide*/
.wrapper-block {
width: 100%;
padding: 64px 32px 32px 32px
}
@media screen and (min-width: 901px) {
li.sharethis.first.last {
margin-top: -44px !important;
z-index: 60;
position: relative;
padding-right: 8px !important;
padding-left: 8px !important
}
span.sharethis-buttons span {border-radius: 50%}
span.sharethis-buttons span:hover {background-color: rgba(0,153,204,0.69) !important;}
}
span.sharethis-buttons {
display: table;
width: 100%;
margin: auto !important;
-webkit-animation-name: delayedgrow; /* Safari 4.0 - 8.0 */
animation-name: delayedgrow;
}
span.sharethis-buttons span {background-color: transparent !important;}
@media screen and (max-width: 900px) {
span.sharethis-buttons i {color: #999 !important}
span.st_linkedin_custom {background-image: url(http://www.naco.org/sites/default/files/linkedin-logo_gr.png) !important;}
span.sharethis-buttons div.sharethis-wrapper {margin: auto}
li.sharethis.first.last {margin-top: 16px !important;}
}
.slide-block {
width: 100%;
min-height: 100vh;
padding: 32px;
display: flex;
justify-content: center;
align-items:center;
background-size: cover;
background-position: center;
position: relative;
}
.slide-block.shade1:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
background-color: rgba(0,0,0,0.3);
}
.slide-block.shade2:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
background-color: rgba(0,0,0,0.6);
}
.slide-block.shade3:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
background-color: rgba(0,0,0,0.9);
}
@media screen and (max-width: 768px) {.slide-block {padding: 16px !important}}
.slide-inner {
width: 100%;
max-width: 1024px;
margin: auto !important;
position: relative;
}
.slide-inner#intro-block {
max-width: 1600px !important;
position: relative;
}
@media screen and (min-width: 1001px) {
#intro-block {
padding-left: 424px;
padding-bottom: 64px;
}
.brilliant-ideas {margin-top:-100px;}
#intro-block:before {
content: "";
position: absolute;
top: 0px;
left: -32px;
width: 432px;
height: 100%;
background-image: url(http://www.naco.org/sites/default/files/NACO-LC16_dh_2330_color.png);
background-size: auto 100%;
background-position: 100% 0%;
background-repeat: no-repeat;
}
}
.slide-inner.flex {
display: flex;
align-items: flex-start;
justify-content: flex-end;
flex-wrap: wrap;
}
#brilliant-ideas-filter-title {
width: 100%;
display: block;
padding: 0px;
font-family: "AlternateGotNo2D";
text-transform: uppercase;
font-size: 48px;
line-height: .78;
color: #0099cc;
text-align: right;
opacity: 1;
transition: opacity 0.4s;
}
#brilliant-ideas-filter-title.fadeout {opacity: 0 !important}
#brilliant-ideas-filter a,
#closestates {
display: inline-block;
font-family: "museo-sans";
font-size: 12px;
font-weight: 100;
text-transform: uppercase;
line-height: 1;
break-inside: avoid;
padding: 8px 10px 6px 10px;
margin: 6px;
text-align: center;
color: #fff;
border-radius: 26px;
transition: all 0.2s;
}
#brilliant-ideas-filter a:hover,
#closestates {
background-color: rgba(0,0,0,0.45);
text-decoration: none;
cursor: pointer
}
#brilliant-ideas-filter a.active {
background-color: rgba(0,0,0,0.45);
text-decoration: none;
cursor: default;
}
@media screen and (max-width: 600px) {
#brilliant-ideas-filter {
align-items: flex-end !important;
flex-direction: column !important;
}
}
.stat-block {
display: flex;
text-align: center;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
}
.stat-item {
display: inline-block;
margin: 20px;
text-align: center;
min-width: 200px;
max-width: 250px;
}
.stat-item h1 {
font-family: "museo-sans" !important;
font-weight: 300 !important
}
/*Custom styling to report*/
@media screen and (min-width: 769px) {
.youtube-video.wide {
padding-bottom: 42% !important
}
}
/*Rollup Item Styling*/
/*General*/
.brilliant-ideas {
position: relative;
}
.brilliant-ideas #view-bottom {position: absolute;bottom: 0px;}
.brilliant-ideas article .image {
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 25%
}
.brilliant-ideas article .image a {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
/*New*/
.brilliant-ideas ul.stories-list {
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
}
.brilliant-ideas li {
width: calc(33.333% - 1.333px);
display: table;
position: relative;
margin-bottom: 2px
}
@media screen and (min-width: 769px) {
.brilliant-ideas li.views-row-last:nth-of-type(3n+2) {
margin-right: calc(33.333% + 0.25px);
}
.brilliant-ideas li.views-row-last:nth-of-type(3n+2):after {
content: "";
position: absolute;
top: 0px;
left: calc(100% + 2px);
width: 100%;
height: 100%;
background-color: #999;
}
}
.brilliant-ideas li.views-row article {
position: relative;
width: 100%;
height: 0px;
padding-bottom: 75%;
border-width: 0px !important;
margin-bottom: 0px !important;
overflow: hidden;
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
.brilliant-ideas li.views-row article {
padding-bottom: 125% !important
}
}
@media screen and (min-width: 601px) and (max-width: 768px) {
.brilliant-ideas li.views-row {
width: calc(50% - 1px) !important
}
.brilliant-ideas li.views-row article {
padding-bottom: 125% !important
}
}
@media screen and (max-width: 600px) {
.brilliant-ideas li.views-row {
width: 100% !important
}
.brilliant-ideas li.views-row article {
padding-bottom: calc(50vh - 32px) !important;
margin-bottom: 16px !important
}
}
.brilliant-ideas li.views-row .image {
position: absolute !important;
top: 0px;
left: 0px;
width: 100% !important;
height: 100% !important;
}
.brilliant-ideas li.views-row .image img {
position: absolute;
width: 100%;
height: 1005;
top: 0px;
left: 0px;
opacity: 0;
}
.brilliant-ideas .image:before {
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.33);
}
.brilliant-ideas .content {
width: 100% !important;
height: 100% !important;
background-color: transparent !important;
align-items: flex-end !important;
display: flex !important;
pointer-events: none;
}
@media screen and (max-width: 768px) {
.brilliant-ideas .content {padding: 16px !important;}
}
.media-type {
display: none;
}
/*Content*/
.brilliant-ideas .overline {font-size: 14px !important}
.brilliant-ideas .overline a {
font-family: 'MuseoSans300Cond', sans-serif !important;
font-weight: 100 !important;
padding: 8px 8px 6px 8px !important;
font-size: 14px !important;
position: relative !important;
}
.brilliant-ideas h3.title, .brilliant-ideas h3.title a {
font-family: "museo-sans" !important;
font-size: 18px !important;
font-weight: 700 !important;
}
.brilliant-ideas .article-content {
display: block !important;
font-size: 14px;
margin-top: 8px !important
}
.brilliant-ideas article .content .inner-content {
width: 80%;
}
/*Hover*/
@media screen and (min-width: 769px) {
.brilliant-ideas .image:before {
transition-duration: .2s;
-moz-transition-duration: .2s;
-webkit-transition-duration: .2s;
-o-transition-duration: .2s;
}
.brilliant-ideas .content .inner-content,
.brilliant-ideas .image,
.brilliant-ideas .image .overline {
transition-timing-function: ease-in-out;
-moz-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out;
-o-transition-timing-function: ease-in-out;
transition-duration: .2s;
-moz-transition-duration: .2s;
-webkit-transition-duration: .2s;
-o-transition-duration: .2s;
}
.brilliant-ideas article:hover .image {
top: -5%;
left: -5%;
width: 110% !important;
height: 110% !important;
}
.brilliant-ideas article:hover .image .overline {
top: -10% !important;
left: -10% !important;
}
.brilliant-ideas article:hover .image:before {
background-color: rgba(0,0,0,0.55) !important;
}
.brilliant-ideas article:hover .content .inner-content {
transform:scale(1.2,1.2);
transform-origin: bottom left;
}
}
/*Menu Toggler
#naco-menu-toggler {
width: 164px;
height: 63px;
background-image: url(/sites/default/files/default_images/naco-bars_0.svg);
background-size: contain;
background-position: top left;
position: fixed;
top: 16px;
left: 16px;
z-index: 100;
cursor: pointer;
transition: all 0.69s;
}
#naco-menu-toggler.nav-toggled {
background-image: url(/sites/default/files/default_images/naco-close_0.svg);
top: 72px;
}
#toggler-bkg {
position: fixed;
top: 0px;
left: 0px;
width: 200px;
height: 96px;
background: rgba(0,0,0,0.4);
border-radius: 0px 0px 16px 0px;
z-index: 50;
transition: all 0.69s;
}
#toggler-bkg.nav-toggled {
height: 130px !important;
width: 64px !important;
background-color: #006699 !important
}
header nav.top-fixed {
top: -90px !important;
transition: top 0.69s;
}
header nav.top-fixed.nav-toggled {top: 0px !important}*/
/*Filter Bar*/
.filter-bar {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
align-items: center;
position: relative;
padding-left: 124px;
padding-top: 8px;
margin-top: 64px;
border-top: solid 6px #000;
width: calc(50vw + 512px);
margin-left: calc(50vw - 512px);
position: relative !important;
}
.filter-bar h1 {
display: inline-block !important;
margin: 0px 16px 16px 0px;
position: absolute;
top: 8px;
left: 0px;
}
.filter-bar a.btn {
margin: 0px 8px 8px 0px;
padding: 12px 16px 14px 16px;
}
@media screen and (max-width: 1024px) {
.filter-bar {
width: 100% !important;
margin-left: 0px !important;
}
}
/*By State*/
#bystate-btn-outer {
width: 100%;
text-align: right;
position: relative;
}
#bystate-btn-outer a {font-weight: 500 !important}
#bystate {
max-height: 0px !important;
overflow: hidden;
transition: all 0.69s;
background-color: #0099cc;
padding: 0px;
max-width: 1024px;
width: 100%;
margin: 0px auto;
}
#bystate.expand {
max-height: 9100px !important;
margin: 16px auto !important;
}
#bystate thead tr {background-color: transparent !important; display:none;}
#bystate tbody tr:nth-child(odd) {background-color: rgba(0,0,0,0) !important;}
#bystate tbody tr:nth-child(even) {background-color: rgba(0,0,0,0) !important;}
#bystate caption, #bystate tr th, #bystate tr td {color: #fff !important}
#bystate caption {
padding: 24px 24px 8px 24px;
font-family: "museo-sans" !important;
font-weight: 700 !important;
font-size: 21px;
line-height: 1;
position: relative;
}
#bystate caption:after {
content: "";
width: 100%;
height: 4px;
background-color: #ffcc66;
display: block;
margin-top: 8px;
}
#bystate tbody {
display: flex;
flex-wrap: wrap;
}
#bystate tr {
display: block;
width: 33.333%;
padding: 16px 24px
}
#closestates {margin-right:24px;}
@media screen and (min-width: 401px) and (max-width: 768px) {
#bystate tr {
width: 50% !important;
padding: 8px 12px !important;
}
#bystate caption {padding: 8px 12px !important;}
#closestates {margin-right:12px !important;}
}
@media screen and (max-width: 400px) {
#bystate tr {
width: 100% !important;
padding: 8px 12px !important;
}
#bystate caption {padding: 8px 12px !important;}
#closestates {margin-right:12px !important;}
}
#bystate tr td {
display: block;
width: 100%;
padding-bottom: 0px;
font-family: "museo-sans" !important;
font-weight: 300 !important;
font-size: 14px !important;
line-height: 1.2 !important
}
#bystate tr td:nth-child(1) {
font-weight: 700 !important;
font-size: 16px !important
}
#bystate tr td:nth-child(4) {display: none;}
div#brilliant-ideas-filter {max-height: 800px; transition: all 0.25s; overflow: hidden;}
.hiddenbtn {
max-height: 0px !important;
padding: 0px !important;
opacity: 0 !important;
margin: 0px !important;
overflow: hidden;
}
.none {display: none !important;}
a.wht-link {color: #fff !important}
a.wht-link:hover {
text-decoration: underline;
color: #ffcc66 !important
}
Counties play an essential role in keeping America’s communities healthy, vibrant and safe. With public and private sector partners, we pursue innovative approaches to advance public health and well-being, protect public safety and foster economic strength and resiliency. Counties anticipate and adapt to challenges by thinking outside the box and demonstrating local leadership that makes a difference in people’s lives.
Under the leadership of NACo Immediate Past President Bryan Desloge, NACo embarked on an initiative to identify and share 100 examples of visionary county leadership that results in improving residents’ quality of life. Through this initiative, NACo worked with county leaders and partners to share best practices that bolster our nation’s ability to thrive county by county.
“These brilliant ideas can serve as examples for counties across the country. Though no two of America’s 3,069 counties are exactly alike, many face similar challenges and can learn from one another’s ideas and experiences,” said Desloge.
Click below to learn more about each of the 100 Brilliant Ideas. Click here to view photos from the the Brilliant Ideas at Work recaption at the 2017 NACo Annual Conference.
Close States List
Arizona
Adult Probation Distance Learning |
Criminal Justice and Public Safety |
Coconino County |
Ariz. |
Animal Care Center Development Program |
County Administration and Management |
Pima County |
Ariz. |
Auto Routing and Remote Inspection Project |
Planning |
Pima County |
Ariz. |
CANVAS |
Criminal Justice and Public Safety |
Maricopa County |
Ariz. |
Collective Impact Initiative |
Human Services |
Coconino County |
Ariz. |
Cradle to Crayons Clinical Services |
Children and Youth |
Maricopa County |
Ariz. |
Diversity and Inclusion Program |
Personnel Management, Employment and Training |
Coconino County |
Ariz. |
Flood Control District Structure and Storm Drains |
County Administration and Management |
Maricopa County |
Ariz. |
Head Start and Early Head Start Virtualization |
Information Technology |
Maricopa County |
Ariz. |
Joint Regional Workforce Development Planning |
Human Services |
Maricopa County |
Ariz. |
MC Swap |
County Resiliency: Infrastructure, Energy and Sustainability |
Maricopa County |
Ariz. |
Teens Giving Back |
Libraries |
Maricopa County |
Ariz. |
Up in the Air: An Air Pollution Education Program |
Civic Education and Public Information |
Maricopa County |
Ariz. |
California
A Novel Approach to Sickle Cell Disease Closes the Healthcare Gap for Adults in South Los Angeles |
Health |
Los Angeles County |
Calif. |
Breaking Cycles Graduated Sanctions Program |
Children and Youth |
San Diego County |
Calif. |
Combatting Homelessness: An Incentive Based Approach |
County Administration and Management |
Los Angeles County |
Calif. |
Connections Program |
Health |
San Bernardino County |
Calif. |
Countywide Comprehensive Parks an Recreation Needs Assessment |
Parks and Recreation |
Los Angeles County |
Calif. |
Custody to Community (CTC): Mentally Ill and Medically Fragile Offenders |
Criminal Justice and Public Safety |
San Bernardino County |
Calif. |
Ensuring Safety: IHSS Caregiver Back-up System (BUS) |
Human Services |
Riverside County |
Calif. |
Everyone SWIMS (Self Sufficient, Well-Being, In House, Mental Health, Services) Program |
Health |
San Bernardino County |
Calif. |
Group Facilitator Training |
Volunteers |
San Bernardino County |
Calif. |
Health 360 Program |
Health |
Placer County |
Calif. |
Implementing a Shared Services Strategy for Information Technology |
County Administration and Management |
Orange County |
Calif. |
Kitten and Feral Cat Program |
County Administration and Management |
Placer County |
Calif. |
LEADER Replacement System (LRS) |
Information Technology |
Los Angeles County |
Calif. |
Nature Explorer Program |
Parks and Recreation |
San Diego County |
Calif. |
Oxford Retention Basin and Pump Station Multi-Use Enhancement Project |
County Resiliency: Infrastructure, Energy and Sustainability |
Los Angeles County |
Calif. |
Pedestrian Gap Analysis |
Transportation |
San Diego County |
Calif. |
Peer-to-Peer Programs |
Health |
San Francisco City and County |
Calif. |
Rita Recommends |
Libraries |
Orange County |
Calif. |
Survivor Training and Empowerment-Utilizing your Potential (STEP-UP) |
Human Services |
Alameda County |
Calif. |
The Court Relationship Management (CRM) Project: “CheckBoard” |
Personnel Management, Employment and Training |
Los Angeles County |
Calif. |
Vacancy Adjustment Notification System (VANS) for Mental Health Services |
Information Technology |
Los Angeles County |
Calif. |
Vision Zero Collision Geodatabase |
Transportation |
Los Angeles County |
Calif. |
Vocational Rehabilitation Employment and Training Programs |
Health |
San Francisco City and County |
Calif. |
Water Well Program and Community Outreach Project |
Health |
San Luis Obispo County |
Calif. |
Youth Internship Program |
Children and Youth |
San Diego County |
Calif. |
Colorado
Jail Outreach Program |
Health |
Boulder County |
Colo. |
Recycling in a Hazardous Materials Facility |
County Resiliency: Infrastructure, Energy and Sustainability |
Boulder County |
Colo. |
The District Plan |
Planning |
Adams County |
Colo. |
Florida
"Let’s Balance" Budget Game |
Civic Education and Public Information |
Leon County |
Fla. |
Automated Virtual Assistant |
Information Techonology |
Miami-Dade County |
Fla. |
Coffee and Conversation with a Librarian |
Libraries |
Broward County |
Fla. |
Consolidation of 911 Dispatch |
Criminal Justice and Public Safety |
Leon County |
Fla. |
Degree Alternative Program |
Personnel Management, Employment and Training |
Pasco County |
Fla. |
Green Infrastructure Map Series |
County Resiliency: Infrastructure, Energy and Sustainability |
Broward County |
Fla. |
Miami-Dade County Movie & TV Map Tour |
Arts and Historic Preservation |
Miami-Dade County |
Fla. |
Responding to Sexual Assault: HIV Post-Exposure Prophylaxis |
Health |
Alachua County |
Fla. |
Self-Service Applications Improve Customer Service Interactions |
Information Technology |
Miami-Dade County |
Fla. |
St. Lucie County's Wellness Matters Program |
Health |
St. Lucie County |
Fla. |
Strategic Plan Targets & Bold Goals |
County Administration and Management |
Leon County |
Fla. |
The Kearney Center |
Human Services |
Leon County |
Fla. |
Using Real Time Data to Create an Accessible Inspections Environment |
County Administration and Management |
Collier County |
Fla. |
WASD-WAZE Partnership Helps Quality Assure WASD CIP |
Information Technology |
Miami-Dade County |
Fla. |
Georgia
Brush Truck and Tanker Retrofit Program through a Public-Public Partnership |
Risk and Emergency Management |
Camden County |
Ga. |
Rockdale Tax Office Text Message Connect |
Civic Education and Public Information |
Rockdale County |
Ga. |
Smart Justice Advisory Council |
Criminal Justice and Public Safety |
Fulton County |
Ga. |
Illinois
Invest in Cook |
Transportation |
Cook County |
Ill. |
Iowa
ISAC Voting in Iowa Video Series |
Civic Education and Public Information |
Iowa State Association of Counties |
Iowa |
Maryland
A Comprehensive Stress Management Program for Correctional Employees |
Criminal Justice and Public Safety |
Montgomery County |
Md. |
Food Agent Program |
Health |
Baltimore County |
Md. |
LitterTRAK and PGCLitterTRAK- Mobile apps for tracking progress toward cleaner and healthier waterways |
County Resiliency: Infrastructure, Energy and Sustainability |
Prince George's County |
Md. |
Maternity Partnership Oral Health Initiative |
Health |
Montgomery County |
Md. |
Montgomery County GreenFest |
County Resiliency: Infrastructure, Energy and Sustainability |
Montgomery County |
Md. |
Ride On Route 301 – Tobytown Isolated Community |
Transportation |
Montgomery County |
Md. |
Tech Connect |
Parks and Recreation |
Montgomery County |
Md. |
Transforming Neighborhoods Initiative (TNI) |
Community and Economic Development |
Prince George's County |
Md. |
Michigan
Enhanced Hepatitis C Surveillance and Prevention |
Health |
Macomb County |
Mich. |
GOVDelivery Incident Alert Service |
Transportation |
Macomb County |
Mich. |
Healthy Cooking for Life Program Max Thompson Family Resource Center - Kitchen Renovation |
Health |
Macomb County |
Mich. |
OUCARES Day Camp and Staff Training |
Parks and Recreation |
Oakland County |
Mich. |
Realtor to the Rescue |
Community and Economic Development |
Oakland County |
Mich. |
Minnesota
Assisting Children of Incarcerated Parents |
Criminal Justice and Public Safety |
Washington County |
Minn. |
Birth to Age Eight Collaborative Initiative |
Children and Youth |
Dakota County |
Minn. |
Cedar-Riverside Community Outreach Program |
Libraries |
Hennepin County |
Minn. |
Goat Browsing in County Park to Contain Invasive Species |
Parks and Recreation |
Washington County |
Minn. |
Wellness for Every Body |
Health |
Hennepin County |
Minn. |
Missouri
Family Access Center of Excellence (FACE) |
Children and Youth |
Boone County |
Mo. |
The Great Game of Government |
Civic Education and Public Information |
Greene County |
Mo. |
Montana
Secondary Trauma Group--Implementing Organizational Resiliency for Prosecutors |
Criminal Justice and Public Safety |
Missoula County |
Mont. |
North Carolina
Born to Read |
Children and Youth |
Catawba County |
N.C. |
Building with our Veterans |
Personnel Management, Employment and Training |
Mecklenburg County |
N.C. |
Development Activity Page |
Planning |
New Hanover County |
N.C. |
Developing a Financial Book Purchasing Model for Public Libraries |
Financial Management |
Wake County |
N.C. |
Improving Emergency Response Times through Geospatial Modeling and Simulation |
Risk and Emergency Management |
Catawba County |
N.C. |
Social Services Mobile Application |
Human Services |
Durham County |
N.C. |
New York
One at a time: Feeding Hungry Children and Preventing Juvenile Crime in a Small NY City |
Children and Youth |
Orange County |
N.Y. |
Ohio
Improved, Sustained Visitation Services for Children and Families |
Criminal Justice and Public Safety |
Fairfield County |
Ohio |
Trucking Partnership |
Human Services |
Hamilton County |
Ohio |
Oregon
Neighborhood Livability Project |
Criminal Justice and Public Safety |
Clackamas County |
Ore. |
Pennsylvania
Stand Together: A School-Based Anti-Stigma Peer-to-Peer Initiative |
Human Services |
Allegheny County |
Pa. |
Virginia
Children's and Teens Neighborhood Collections |
Libraries |
Henrico County |
Va. |
Community Ambassadors Program |
Volunteers |
Loudoun County |
Va. |
Home-Based Business Assistance Program |
Community and Economic Development |
York County |
Va. |
Neighborhood Concerns Zoning Code Enforcement Application |
Community and Economic Development |
Roanoke County |
Va. |
Play Smart with Toddlers |
Libraries |
Chesterfield County |
Va. |
Rideshare Rewards |
Transportation |
Loudoun County |
Va. |
Virtual Town Halls: Government at Your Fingertips |
Information Technology |
Henrico County |
Va. |
Wellness & Resiliency |
Health |
Prince William County |
Va. |
$(document).ready(function(){
$("#statebtn").click(function(){
$("#brilliant-ideas-filter").toggleClass("hiddenbtn");
$("#bystate").toggleClass("expand");
$("ul.stories-list").toggleClass("none");
$("#brilliant-ideas-filter-title").toggleClass("fadeout")
});
$("#closestates").click(function(){
$("#brilliant-ideas-filter").toggleClass("hiddenbtn");
$("#bystate").toggleClass("expand");
$("ul.stories-list").toggleClass("none");
$("#brilliant-ideas-filter-title").toggleClass("fadeout")
});
});
$(document).ready(function(){
$("#naco-menu-toggler").click(function(){
$("header nav.top-fixed").toggleClass("nav-toggled");
$("#naco-menu-toggler").toggleClass("nav-toggled");
$("#toggler-bkg").toggleClass("nav-toggled");
});
});
$(document).ready(function() {
$("#bystate").appendTo("#filterblock");
$(".brilliant-ideas li.views-row a").attr("target","_blank");
$('.image').find('img').each(function(n, image){
var image = $(image);
var thisurl = $(this).attr('src');
image.parents('.image').css('background-image', 'url(' + thisurl + ')');
});
});
$(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){}
$(document).ready(function () {
var civic = ['tid=183'];
var mfa = ['MFA', 'mfa', 'marketplace%20fairness', 'Marketplace%20fairness','sales%20tax'];
var medicaid = ['medicaid', 'Medicaid', 'ACA', 'affordable%20care%20act', 'Affordable%20Care%20Act','AHCA','american%20healthcare%20act', 'American%20Healthcare%20Act'];
for (var i = 0; i < civic.length; i++) {
if(window.location.href.indexOf(civic[i]) > -1) {
$('#all').removeClass('active');
$('#civic').addClass('active');
$('meta[name="descrition"]').attr("content", "Hello there");
}
};
for (var i = 0; i < mfa.length; i++) {
if(window.location.href.indexOf(mfa[i]) > -1) {
$('div.mfa-block').removeClass('hideblock');
$('div.main-grid').addClass('shrink')
}
}
for (var i = 0; i < medicaid.length; i++) {
if(window.location.href.indexOf(medicaid[i]) > -1) {
$('div.medicaid-block').removeClass('hideblock');
$('div.main-grid').addClass('shrink')
}
}
});
$(document).ready(function(){
$(".stories-list li.views-row").slice(6).hide();
var mincount = 6;
var maxcount = 12;
$(window).scroll(function()
{
var bottom = $('#view-bottom').offset().top;
if($(window).scrollTop() + $(window).height() >= bottom) {
$(".stories-list li.views-row").slice(mincount,maxcount).fadeIn(1200);
mincount = mincount+6;
maxcount = maxcount+6
}
});
});
$(document).ready(function () {
var arts = ['tid=470'];
var civic = ['tid=183'];
var ced = ['tid=14'];
var finance = ['tid=189'];
var health = ['tid=8'];
var hhs = ['tid=11'];
var tech = ['tid=129'];
var jps = ['tid=12'];
var mgt = ['tid=186'];
var resiliency = ['tid=71'];
var transportation = ['tid=28'];
var filterlist = ['#ideas'];
for (var i = 0; i < civic.length; i++) {
if(window.location.href.indexOf(civic[i]) > -1) {
$('#all').removeClass('active');
$('#civic').addClass('active');
}
};
for (var i = 0; i < arts.length; i++) {
if(window.location.href.indexOf(arts[i]) > -1) {
$('#all').removeClass('active');
$('#arts').addClass('active');
}
};
for (var i = 0; i < ced.length; i++) {
if(window.location.href.indexOf(ced[i]) > -1) {
$('#all').removeClass('active');
$('#ced').addClass('active');
}
};
for (var i = 0; i < finance.length; i++) {
if(window.location.href.indexOf(finance[i]) > -1) {
$('#all').removeClass('active');
$('#finance').addClass('active');
}
};
for (var i = 0; i < health.length; i++) {
if(window.location.href.indexOf(health[i]) > -1) {
$('#all').removeClass('active');
$('#health').addClass('active');
}
};
for (var i = 0; i < hhs.length; i++) {
if(window.location.href.indexOf(hhs[i]) > -1) {
$('#all').removeClass('active');
$('#hhs').addClass('active');
}
};
for (var i = 0; i < tech.length; i++) {
if(window.location.href.indexOf(tech[i]) > -1) {
$('#all').removeClass('active');
$('#tech').addClass('active');
}
};
for (var i = 0; i < jps.length; i++) {
if(window.location.href.indexOf(jps[i]) > -1) {
$('#all').removeClass('active');
$('#jps').addClass('active');
}
};
for (var i = 0; i < mgt.length; i++) {
if(window.location.href.indexOf(mgt[i]) > -1) {
$('#all').removeClass('active');
$('#mgt').addClass('active');
}
};
for (var i = 0; i < resiliency.length; i++) {
if(window.location.href.indexOf(resiliency[i]) > -1) {
$('#all').removeClass('active');
$('#resiliency').addClass('active');
}
};
for (var i = 0; i < transportation.length; i++) {
if(window.location.href.indexOf(transportation[i]) > -1) {
$('#all').removeClass('active');
$('#transportation').addClass('active');
}
};
for (var i = 0; i < filterlist.length; i++) {
if(window.location.href.indexOf(filterlist[i]) > -1) {
$('div.header-outer').addClass('delayed');
}
};
});
$(document).ready(function(){
$("div.article-content ul.links").appendTo("#social-buttons");
});
Under the leadership of NACo Immediate Past President Bryan Desloge, NACo embarked on an initiative to identify and share 100 examples of visionary county leadership that results in improving residents’ quality of life.