At NACo’s 2017 Annual Conference, the Counties Futures Lab hosted a workshop on how county leaders engage with and gain buy-in from their citizens.
/*Temp*/
.element-link {display: none !important;}
article.person {display: none;}
/*Full Width Page*/
#content {top:0px !important;}
#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;
}
#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) {
.only-mobile {display: none !important;}
.only-mobile-tablet {display: none !important;}
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
.only-mobile {display: none !important;}
.only-desktop {display: none !important;}
}
@media screen and (max-width: 768px) {
.only-desktop-tablet {display: none !important;}
.only-desktop {display: none !important;}
}
/*--------------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: "kepler-std-display",serif !important;
}
.cn-body h1, .cn-body h2 {font-weight: bold}
.pub-content h3 {padding-top: 16px;}
.cn-body h4 {font-size: 24px !important;}
.cn-body h5, .cn-body h6 {
font-family: "museo-sans",sans-serif !important;
font-weight: 100;
font-style: italic;
line-height: 1.3125 !important;
font-size: 14px !important;
margin-bottom: 16px;
}
.cn-body h6 {
text-align: right;
}
.cn-body p, .cn-body li {
font-family: "museo-sans",sans-serif !important;
font-weight: 300;
line-height: 1.3125 !important;
font-size: 16px !important
}
.inline-header {
font-weight: 900;
text-transform: uppercase;
}
.cn-body sup {
font-size: 12px !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, .accordion .row-header {font-size: 18px !important}
.cn-body p, .cn-body li {font-size: 14px !important}
}
.finding-num {
float: left;
width: auto !important;
height: 62px !important;
margin: 6px 6px 0px 0px !important;
}
blockquote h2, blockquote h3 {
text-align: center;
font-weight: normal !important;
line-height: 1.25 !important
}
blockquote h2 strong {font-weight: bold !important}
blockquote p {margin-bottom: 16px !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;
}
blockquote.no-bars:before,
blockquote.no-bars:after {display:none !important;}
/*----------Accordion---------------*/
.row-header {
font-family: "kepler-std-display",serif !important;
text-transform: none !important;
font-weight: bold;
background-color: transparent !important;
border-bottom: solid 1px #eaeaea;
font-size: 18px !important;
line-height: 1.125 !important;
margin-bottom: 0px !important;
position: relative;
padding-right: 56px !important;
color: #666 !important
}
div.row:last-child .row-header {border-bottom-width: 0px !important;}
.row-header:hover {
background-color: rgb(234,234,234) !important;
border-bottom-color: #fff !important
}
.row.row-active .row-header {background-color: rgb(234,234,234) !important}
.row.row-active .row-header:hover {
border-bottom-color: #eaeaea !important
}
.row.row-active .row-content {
border-bottom: solid 1px #eaeaea;
}
.accordion .row-content p {font-size: 14px !important}
.accordion .row .row-header i.accordion-button {background-color: #ff6600}
.row-header i {
position: absolute;
top: calc(50% - 16px);
right: 16px;
}
.wht-text .row-header {
color: #fff !important;
border-bottom: solid 1px rgba(0,0,0,0.2) !important;
}
.wht-text .row.row-active .row-header {
background-color: rgba(0,0,0,0.2) !important;
border-bottom: solid 1px rgba(0,0,0,0) !important;
}
.wht-text .row-header:hover, .wht-text .row.row-active .row-header:hover {
background-color: rgba(0,0,0,0.2) !important;
border-bottom: solid 1px rgba(0,0,0,0) !important;
}
.wht-text .row.row-active .row-content {
border-right: solid 1px rgba(0,0,0,0.2) !important;
border-left: solid 1px rgba(0,0,0,0.2) !important;
border-bottom: solid 1px rgba(0,0,0,0.2) !important;
background-color: transparent !important;
}
.wht-text .accordion .row .row-header i.accordion-button {background-color: rgba(255,255,255,0.2) !important;}
.wht-text .accordion .row.row-active .row-header i.accordion-button {
color: #fff !important;
background-color: transparent !important;
}
/*-----------------------Blocks-----------*/
/*Page Header*/
.header-outer {
width: 100%;
min-height:100vh;
position: relative;
background-size: cover;
display: flex;
flex-direction: column;
justify-content: center;
align-items: stretch;
}
.header-inner {
position: relative;
max-width: 640px;
width: calc(100% - 64px);
padding-top: 100px;
padding-bottom: 32px;
margin: auto
}
@media screen and (max-width: 768px) {
.header-inner {width: calc(100% - 32px)}
}
.header-inner img {
position: relative;
width: 100%;
margin: 0px !important;
max-width: none !important;
}
.header-outer ul.links {
position: absolute;
bottom: 16px;
left: 16px;
}
/*Content Blocks*/
/*Pub Content*/
.pub-content {
width: 100%;
max-width: 1088px;
margin: 32px auto
}
.pub-content.wide {max-width: 1400px !important}
@media screen and (min-width: 769px) {
.pub-content {padding: 32px}
.pub-content.columns {
-webkit-columns: auto 2;
-moz-columns: auto 2;
columns: auto 2;
}
}
@media screen and (max-width: 768px) {
.pub-content {padding: 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 */
}
/*Hero Callout Block*/
.hero-callout {
width: 100%;
display: table;
padding: 16px;
margin-top: 32px;
/* border: solid 2px #999; */
background-color: rgba(51,51,51,0.89);
border-radius: 8px;
}
@media screen and (min-width: 769px) {
.hero-callout {
max-width: 512px;
float: right;
}
}
.hero-callout .callout-title {
display: table;
width: auto;
margin-left: auto;
margin-right: auto;
margin-bottom: 32px;
padding: 0px 8px;
text-align: center;
}
@media screen and (max-width: 768px) {
.hero-callout {padding: 16px !important}
}
.takeaways {
width: 100%;
min-height: 108vh;
display: flex;
align-items: center;
background-size: cover;
background-position: center;
}
.takeaways .pub-content {
background-color: rgba(0,0,0,0.8);
position: relative !important;
border-radius: 8px;
}
.takeaways p {
padding-bottom: 12px !important;
border-bottom: 12px !important;
}
.takeaways h2 {text-align: center;}
.takeaways-1 {
background-color: #000;
}
.takeaways-2 {
background-image: url(http://www.naco.org/sites/default/files/take-aways-2.jpg);
}
.takeaways-3 {
background-image: url(http://www.naco.org/sites/default/files/take-aways-3.jpg);
}
/*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 a.shareline:hover {color: rgba(0,0,0,0.65) !important}
.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;
}
#sharethis-wrapper a.btn:before {
background-color: rgba(255,255,255,0.25) !important;
mix-blend-mode: lighten !important;
transition: opacity 0s !important;
}
.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;
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;
}
}
/*Table Stylings*/
tbody th {
font-family: "museo-sans" !important;
font-weight: 700 !important;
padding: 8px;
}
/*Shareline*/
h3 a.shareline,
h2 a.shareline {
position: relative;
padding-bottom: 48px;
width: 100%;
text-align: center !important;
display: block;
text-decoration: none !important;
}
h3 a.shareline:before,
h2 a.shareline:before {
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
text-align: center;
}
/*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;
}
.flex-columns {
padding-bottom: 32px;
}
.span-all {
-webkit-column-span: all; /* Chrome, Safari, Opera */
column-span: all;
}
.flex-columns div,
.flex-columns blockquote {
break-inside: avoid-column;
width: 100% !important;
max-width: none !important;
}
/*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}
.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/buy-in_cover-dark.jpg);
background-position: 50% 8%;
z-index: 65;
}
#sharethis-wrapper {
width: 100%;
padding: 6px;
background-color: rgba(0,0,0,1);
display: flex;
align-items: center;
justify-content: space-between;
}
#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;}
}
/*---------------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;
}
}
/*Misc.*/
/*Columns for Large Figures*/
.figure-columns {
width: 100%;
display: table;
}
@media screen and (min-width: 769px) {
.figure-columns .figure-title {
width: 40%;
}
.figure-columns .figure-title.left {
float: left;
padding-right: 32px;
}
.figure-columns .figure-title.right {
float: right;
padding-left: 32px;
}
.figure-columns .figure-element {
width: 60%;
float: left;
}
}
/*Map and Stats Block*/
.case-study-map {margin-bottom: 32px;}
@media screen and (min-width: 601px) {
.case-study-map {
display: flex;
justify-content: space-between;
align-items: center;
}
.case-study-map div {width: calc(50% - 16px)}
}
@media screen and (max-width: 600px) {
.case-study-map {
display: flex;
justify-content: center;
align-items: flex-start;
flex-wrap: wrap;
}
.case-study-map div {width: 100%}
}
.case-study-map img {
width: 100%;
max-width: 300px !important;
margin-left: auto !important;
margin-right: auto !important;
}
.map {
display: table;
width: 100%;
position: relative;
}
.map-link {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
padding: 16px;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: rgba(255,255,255,0.89);
opacity: 0;
transition: opacity 0.34s;
}
.map-link a.btn {
display: inline-block;
width: auto;
max-width: 100%;
text-align: center;
padding: 12px 18px 16px 18px
}
@media screen and (max-width: 600px) {.map-link {display: none;}}
.map:hover .map-link {opacity: 1 !important}
@media screen and (min-width: 1025px) {
.info-block {
width: 50%;
float: right;
margin: 0px 0px 16px 16px !important;
max-width: none !important;
}
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
.info-block {
width: 50%;
float: right;
margin: 0px 0px 16px 16px !important;
max-width: none !important;
}
.info-block.big {
width: 100% !important;
margin: 16px 0px !important;
float: none !important;
}
}
@media screen and (max-width: 768px) {
.info-block {
width: 100%;
margin: 16px 0px !important;
max-width: none !important;
}
}
/*Sidebar*/
@media screen and (min-width: 1025px) {
.with-sidebar .main-content {
width: calc(100% - 350px);
display: table;
}
.with-sidebar .main-content.right {
border-left: solid 1px #eaeaea
}
.with-sidebar .main-content.left {
border-right: solid 1px #eaeaea
}
.with-sidebar .sidebar {
width: 350px;
display: table;
}
.left {
float: left;
padding-right: 32px;
}
.right {
float: right;
padding-left: 32px;
}
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
.with-sidebar .main-content {
width: 65.82%;
display: table;
}
.with-sidebar .main-content.right {
border-left: solid 1px #eaeaea
}
.with-sidebar .main-content.left {
border-right: solid 1px #eaeaea
}
.with-sidebar .sidebar {
width: 34.18%;
display: table;
}
.left {
float: left;
padding-right: 16px;
}
.right {
float: right;
padding-left: 16px;
}
}
@media screen and (max-width: 768px) {
.with-sidebar .sidebar.box {
padding: 16px;
background-color: #eaeaea;
margin-top: 16px;
display: table;
}
}
.more-spacing li:not(:last-child) {margin-bottom: 16px}
.more-spacing.small li:not(:last-child) {margin-bottom: 8px !important}
#sharethis-wrapper .item-list {
width: auto;
}
#sharethis-wrapper .item-list ul.attachments {text-align: right}
#sharethis-wrapper .item-list ul.attachments li a {
font-size: 18px;
padding: 6px 10px 8px 10px;
margin:4px !important;
}
.sharethis-wrapper span {
margin-top: 3px !important;
margin-bottom: 3px !important;
}
/*Custom-breaker*/
.custom-breaker {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
background-color:#eaeaea;
position: relative;
margin-bottom: 0px !important
}
.custom-breaker:before {
position: absolute;
top: 0px;
left: 0px;
height: 100%;
background-color:#333;
background-position: 60% 50%;
background-size: cover;
}
@media screen and (min-width: 1185px) {
.custom-breaker:before {
content: "";
width: calc(50vw - 560px);
}
}
@media screen and (min-width: 601px) and (max-width: 1184px) {
.custom-breaker:before {
content: "";
width: calc(50vw - 32px);
}
.custom-breaker .pub-content {
padding-left: 50% !important
}
}
@media screen and (max-width: 600px) {
.custom-breaker {margin-bottom: 16px}
}
/*Random pics*/
#mississippi-block:before {
background-image: url(http://www.naco.org/sites/default/files/services-ms-photo.jpg);
}
#ohio-block:before {
background-image: url(http://www.naco.org/sites/default/files/services-oh-photo.jpg);
}
#benlic-block:before {
background-image: url(http://www.naco.org/sites/default/files/services-buff-photo.jpg);
}
#breaker1 {
min-height: 60vh !important;
display: flex;
align-items:center;
position: relative;
}
#breaker1 .inside-graphic {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-image: url(http://www.naco.org/sites/default/files/service-breaker-1.jpg);
background-size: cover;
background-position-x: 50%;
background-position-y: 80%;
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
filter: grayscale(100%);
}
#breaker1 .overlay {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: #ff6600;
mix-blend-mode: multiply;
}
#breaker1 div.pub-content {position: relative;}
#emilia, #andrew {
position: relative;
padding-left: 92px;
padding-top: 2px;
}
#emilia:before {
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 80px;
height: 80px;
background-image: url(/sites/default/files/styles/thumbnail/public/Estrate_Emilia-Cr4op.jpg?itok=MRHC27cg);
background-size: cover;
border-radius: 50%;
}
#andrew:before {
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 80px;
height: 80px;
background-image: url(/sites/default/files/styles/thumbnail/public/AHartsig_rgb.jpg?itok=cW6nzCXh);
background-size: cover;
border-radius: 50%;
}
/*Fly in*/
#map1 {transition: transform 0.75s;}
.transformed {
transform: translate(100vw);
}
- Printable PDF
- Speaker Presentations
- Jump To Section
Introduction
Effective county governance relies on citizen engagement through actions such as votes on bond proposals, input on budget proposals and participation on key advisory boards. Counties excel in harnessing the involvement of their citizenry in decision-making to work effectively as a community. Developing successful messaging, using social media and implementing other public outreach tools are a few ways in which county officials engage with their residents.
At NACo’s 2017 Annual Conference, the Counties Futures Lab hosted a workshop on how county leaders engage with and gain buy-in from their citizens. Moderator Michael Montplaisir, auditor, Cass County, N.D., and presenters Verdenia Baker, county administrator, Palm Beach County, Fla. and Karl Keith, auditor, Montgomery County, Ohio, shared their insights on successful initiatives undertaken in their counties.
Printable PDF Speaker Presentations
Key Takeaways
Transparency is key along each step of the way
Transparency is key along each step of the way. Being transparent creates trust and helps answer citizens’ questions and concerns. Having the public’s trust is necessary to establish credibility for the proposed action and get approval at the ballot.
Partner with stakeholders to reach out to the community
Partner with stakeholders to reach out to the community. Collaborating with other governments, nonprofits and business groups helps with outreach efforts. These partners expand the outreach, educate the public and respond to any false claims made by opponents.
Meet your residents where they are
Meet your residents where they are. Engage residents across your entire jurisdiction to ensure that your message reaches everyone. Hold meetings throughout the community or involve the media to help promote the action needed.
Palm Beach County, Fla.
2016 Population: 1,443,810
2015 County government employees: 6,100
Note: The number of county government employees includes both full-time and part-time employees.
Source: NACo County Explorer
Palm Beach County, Fla. is a populous and growing region with rapidly aging infrastructure. In the wake of the latest economic downturn, the implementation of the county’s improvement plan suffered as revenues decreased: Many capital improvement and repair projects went unfunded, and county-owned facilities and roadways started to show signs of significant wear.
Palm Beach County was not alone in facing these challenges. Thirty-nine municipalities within the county’s borders and the county’s school district also had crumbling infrastructure. Working together, the county reached an agreement with the cities and the school district to raise funds to improve aging locally owned infrastructure. The proposed solution was a one-cent sales tax distributed three ways: 50 percent to the school district, 30 percent to the county and 20 percent to cities (See Figure 1). The tax would sunset after 10 years and was projected to raise $2.7 billion.
“Transparency was key. We opened our books. Every time [opponents] would come up with a different issue, we would address that issue. Both major regional newspapers endorsed our sales tax because of transparency. It is key – just put it out there.”
–Verdenia Baker, County Administrator,
Palm Beach County, Fla.
To gain support for the one-cent sales tax, the county reached out to and worked with the business community, civic organizations and homeowners’ associations to educate the community on the need to address the aging infrastructure. Educational materials were created, including a website, to identify county, school and city projects in specific neighborhoods. The media was invited to accompany the mayor and staff on site visits to facilities that showed signs of distress and needed repairs.
Working with the cities and the school district, Palm Beach County constructed the language of the ballot measure based on where each entity would spend the additional revenue. By detailing how the governments would use the extra funds, residents could see how the buildings, roads and buses they use every day would be improved. As a result, residents voted to increase the one cent sales tax with over 56 percent of voters in support.
According to Ms. Baker, THE KEY WAS TRANSPARENCY, particularly with opponents of the increase. Those who opposed the tax increase were invited to examine the county’s budget to get assurance that funds were being spent properly and that bonding for projects would not be a viable, long-term solution. The county also invited independent third parties to examine its financial records and provide feedback to concerned parties and the public. Additionally, the county showed local businesses how failing infrastructure can impact their operations. For example, an aging bridge may not be able to hold the weight of a semi-truck carrying goods. Palm Beach County provided documentation to the local newspaper editorial boards that demonstrated transparency throughout the entire process. Ultimately, the local newspapers endorsed the sales tax ballot measure due to the high level of transparency.
Figure 1. Distribution of One-Cent Sales Tax
Cass County, N.D.
2016 Population: 175,249
2015 County government employees: 546
Note: The number of county government employees includes both full-time and part-time employees.
Source: NACo County Explorer
Cass County, N.D., is situated in the Red River Valley in a flat area where the thawing river in late March makes the county prone to significant flooding. The flood stage has been exceeded 49 times out of the last 110 years, including every year from 1993 through 2011. Clay and sandbag dikes are temporarily erected to prevent floods from damaging properties, but they are removed after the flood.
“We did a lot of outreach for this [ballot measure]. We had a lot of public meetings … We engaged with the Chamber of Commerce, one of our partners, to start an advertising campaign. We had a lot of ambassadors, they had a lot of contacts [and] did a lot of speaking engagements.”
—Michael Montplaisir, County Auditor,
Cass County, N.D.
In 2016, Fargo and Cass County formulated additional plans for flood protection in the area. However, given the previous increases (See Figure 2), there was hesitation to raise the sales tax levy. The solution was to ask voters to extend the current flood control sales taxes beyond their sunset dates of 2030 and 2031 to 2084. A vigorous campaign was needed to pass this measure for several reasons. For one, there had not been a major flood in several years. Additionally, there were three votes on sales taxes for this project in the past and it was a vote on something that extended decades into the future. The city and county needed a polished message to address these challenges when reaching out to voters.
Cass County did not expend funds to promote the ballot measure. Instead, “ambassadors” from several local jurisdictions and the business community reached out to voters for educational purposes through public meetings. Additionally, the Chamber, representing businesses in Fargo, Moorhead and West Fargo, served as a partner with the county and ran ads during North Dakota State University football games promoting the tax increase. The ballot measure passed in November 2016 at both the county and city level, at rates of 64 percent and 66 percent, respectively. The county credited the successful passage of this measure to their ability to demonstrate the need for action through PARTNERSHIPS WITH STAKEHOLDERS in the community.
Figure 2. Timeline of fundraising for flood protection:
2006: Protection planning began within the county in earnest when the water resource districts, city of Fargo, N.D., Cass County officials and federal agencies met to find a solution to the impacts of flooding in the area.
2009: Largest flood on record results in Fargo, N.D., holding a special election for a half-cent sales tax for flood protection. Ballot measure passed with 91 percent in support.
2010: Cass County puts a half-cent sales tax on the ballot for a flood protection plan after another major flood. Ballot measure passed with 64 percent in support.
2011: Fargo puts another half-cent sales tax on the ballot, which passed with 60 percent in support.
2016: Cass County and Fargo both extend flood control sales tax to 2084, with 64 percent and 66 percent in support, respectively.
@media screen and (min-width: 601px) {
.timeline {
width: 100%;
position: relative;
padding-top: 4px;
}
.timeline .bar {
width: 100%;
height: 1px;
background-color: #000;
position: relative;
}
.timeline .bar:before {
content: "";
position: absolute;
top: -4px;
left: 0px;
width: 1px;
height: 9px;
background-color: #000;
}
.timeline .bar:after {
content: "";
position: absolute;
top: -4px;
right: 0px;
width: 1px;
height: 9px;
background-color: #000;
}
.timeline .contents {
width: 100%;
padding: 16px;
display: flex;
flex-wrap: wrap;
justify-content:space-between;
align-items: flex-start;
}
.timeline .contents .timeline-item:before {
content: "";
position: absolute;
top: -16px;
left: 1px;
width: 1px;
height: 16px;
background-color:#000;
}
.timeline .contents .timeline-item .timeline-image {
width: 100%;
height: 0px;
padding-bottom: 66.8%;
background-position: left top;
background-size: contain;
background-repeat: no-repeat;
}
.timeline .contents .timeline-item p {
margin: 0px !important;
}
.timeline .contents .timeline-item {
width: calc(20% - 12.8px);
position: relative;
}
}
@media screen and (max-width: 600px) {
.timeline {
width: 100%;
position: relative;
padding-left: 5px;
}
.timeline .bar {
position: absolute;
top: 0px;
left: 4px;
width: 1px;
height: 100%;
background-color:#000;
}
.timeline .bar:before {
content: "";
position: absolute;
top: 0px;
left: -4px;
width: 9px;
height: 1px;
background-color: #000;
}
.timeline .bar:after {
content: "";
position: absolute;
bottom: 0px;
left: -4px;
width: 9px;
height: 1px;
background-color: #000;
}
.timeline .contents {
width: 100%;
position: relative;
padding: 16px;
}
.timeline .contents .timeline-item p:before {
content: "";
position: absolute;
top: 9px;
left: -16px;
width: 8px;
height: 1px;
background-color:#000;
margin-bottom: 0px !important;
}
.timeline .contents .timeline-item {
width: 100%;
position: relative;
margin-bottom: 16px;
}
.timeline .contents .timeline-item p {
position: relative;
width: 100%
}
.timeline .contents .timeline-item .timeline-image {
width: 100%;
height: 0px;
padding-bottom: 66.8%;
background-position: left top;
background-size: contain;
background-repeat: no-repeat;
}
}
Montgomery County, Ohio
2016 Population: 531,239
2015 County government employees: 4,508
Note: The number of county government employees includes both full-time and part-time employees.
Source: NACo County Explorer
In Ohio, county auditors wear many different hats. They serve as the county’s chief fiscal officer, as the assessor for property taxing purposes and as the sealer of weights and measures. Any commercial device used to weigh or measure products for sale, including gas pumps, must be tested by the auditor’s office.
During a routine inspection in 2013, Mr. Keith’s office found a card skimmer at a gas pump. These devices allow individuals to steal credit card information from unsuspecting consumers. In Ohio, 51 card skimmers have been found in 19 counties since 2013.
“To raise public awareness of this [card skimmer] issue, the first thing we did was host Skimmer Summits around the state at different sites to take advantage of the media market in those areas.”
–Karl Keith, County Auditor,
Montgomery County, Ohio
To raise public awareness on this issue, the state's auditor association MET RESIDENTS WHERE THEY WERE: they held skimmer summits in eight counties throughout the state to reach as many Ohio residents as possible. At these summits, education was provided for law enforcement, weights and measures officers, gas station owners and concerned residents on how to spot card skimmers. County auditors also held a skimmer sweep over Labor Day weekend where they inspected 12,000 gas pumps and found five skimmers.
The statewide sweep provided an opportunity for auditors to meet with media to discuss how Ohio residents could be affected by a skimmer crime. As a result, there were 70 news stories among 10 media markets. Social media was also used as another avenue to maintain the auditors’ engagement with citizens.
As Mr. Keith explained, the public is the best line of defense in protecting against the illegal activity of card skimmers. County auditors in Ohio engaged with their residents through the summits, sweeps and resulting media attention. The result was consumers, gas station owners and weights and measures sealers making a concerted effort in looking for card skimmers to protect against theft and fraud.
What are card skimmers?
“Electronic devices which steal credit card information from card readers on gas pumps and ATMs”
LEARN MORE
Conclusion
Gaining trust and approval from residents is critical for counties in these fiscally-lean times. This process — though necessary — can be difficult in an environment marked by eroding levels of trust in government. As Ms. Baker, Mr. Keith and Mr. Montplaisir detailed, transparency, education and engagement are all critical to build trust between citizens and their county government.
.conclusion-outer {
width:100%;
background-color: #000;
margin-top: 80px;
}
.conclusion-image {
background-image: url(http://www.naco.org/sites/default/files/buy-in_tall.jpg);
background-position: center;
background-size: cover;
}
@media screen and (min-width: 769px) {
.conclusion-outer {
position: relative;
min-height: 70vh;
display: flex;
align-items:center;
}
.conclusion-image {
position: absolute;
top: 0px;
left: 0px;
width: calc(50% - 16px);
height: 100%;
}
.conclusion-text {
position: relative;
width: 50%;
max-width: 528px;
padding-left: 16px;
padding-right: 16px;
margin-left: 50%
}
}
@media screen and (max-width: 768px) {
.conclusion-text {
width: 100%;
padding: 32px 16px;
}
.conclusion-image {
width: 100%;
height: 0px;
padding-bottom: 75%;
}
}
Acknowledgments
The author would like to thank Verdenia Baker (Palm Beach County, Fla.), Karl Keith (Montgomery County, Ohio) and Michael Montplaisir (Cass County, N.D.) for their presentations during the workshop that form the basis of this report. Within the National Association of Counties, the author would like to thank Emilia Istrate, Christina Iskandar, Jonathan Harris, David Jackson and Kelsey Wilson for their helpful comments and contributions. The author also expresses his appreciation to his Public Affairs colleagues for the graphic design and the website of the report.
For more information:
www.NACo.org/Lab
Dr. Emilia Istrate
Managing Director, Counties Futures La
research@naco.org
Andrew Hartsig
Research Manager
research@naco.org
About the Counties Futures Lab
The NACo Counties Futures Lab brings together leading national experts to examine and forecast the trends, innovations and promises of county government with an eye toward positioning America’s county leaders for success. Focusing primarily on pressing county governance and management issues — and grounded in analytics, data and knowledge sharing — the Lab delivers research studies, reports and other actionable intelligence to a variety of venues in collaboration with corporate, academic and philanthropic thought leaders to promote the county government of the future.
Do you have a county innovation for operations and management you'd like to share with us? Contact us at research@naco.org!
Jump to Section
Introduction
Key Takeaways
Palm Beach County, Fla.
Cass County, N.D.
Montgomery County, Ohio
Conclusion
Acknowledgments
Printable PDF -- Speaker Presentations
$(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").prependTo("#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-50
}, 1200, 'swing', function () {
window.location.hash = target;
});
});
});
try{Typekit.load({ async: true });}catch(e){}
$(document).ready(function(){
var section1 = $("#section1").offset().top;
$(window).scroll(function() {
if ($(window).scrollTop() >= section1) {
$('#map1').removeClass("transformed");
} else {
$('#map1').addClass("transformed");
}
});
The NACo Counties Futures Lab examines how counties can better engage their citizens on bond proposals, budgets and other key initiatives through messaging, social media and other outreach strategies.
2017-09-11
Reports & Toolkits
2023-06-14
