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 {
font-family: "museo-sans",sans-serif !important;
font-weight: 700;
line-height: 1.3125 !important;
font-size: 16px !important;
margin-bottom: 16px;
text-transform: uppercase;
}
.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, .accordion .row-header {font-size: 24px !important}
.cn-body h4 {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 {
background-color: #fff !important;
font-size: 25px !important;
margin-bottom: 0px !important;
position: relative;
text-align: center;
color: #ff6600 !important;
border: solid 2px #ff6600 !important;
display: inline-block !important;
width: auto !important;
padding-right: 48px !important;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
transition: all 0.3s;
}
.row-header:hover {
background-color: #ff6600 !important;
color: #fff !important
}
.row.row-active .row-header {
background-color: #ff6600 !important;
color: #fff !important;
width: 100% !important;
padding-right: 16px !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;
}
.row.row-active .row-header i {color: #fff !important}
.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: 24px !important;
}
.takeaways h2 {text-align: center;}
.takeaways-1 {
background-color: #ff6600;
}
.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;
}
.manual-columns {
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-wrap: wrap;
width: 100%;
}
@media screen and (min-width: 1001px) {
.column-twothirds {width: calc(66.667% - 16px)}
.column-onethird {width: calc(33.333% - 16px)}
.column-60 {width: calc(60% - 16px)}
.column-40 {width: calc(40% - 16px)}
.column-50 {width: calc(50% - 16px)}
}
@media screen and (max-width: 1000px) {
.column-twothirds, .column-onethird, .column-40, .column-60 {width: 100%}
.manual-columns .first {margin-bottom: 16px}
}
/*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(http://www.naco.org/sites/default/files/employee-engagement_header_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*/
.person {
position: relative;
min-height: 160px;
margin-bottom: 16px;
width: 100%;
display: flex;
align-items: center;
justify-content:flex-start;
}
.person .image {
width: 160px;
height: 160px;
border: solid 2px #fff;
border-radius: 50%;
position: absolute;
top: 0px;
left: 0px;
background-size: cover;
background-position: center;
}
.person .name {
position: relative;
width: 100%;
padding-left: 176px;
}
#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 Presentation
- Jump To Section
Introduction
Counties continually must find more efficient ways to deliver essential services, under the pressure of rising federal and state mandates and increasingly stringent caps on their ability to raise revenue. One solution can be found in each and every county — county employees. Counties that make employee engagement a priority save time and money and get better overall organizational performance and service delivery.
At NACo’s 2017 Annual Conference, the Counties Futures Lab hosted a workshop on how county officials can harness the engagement of their employees. Bob Lavigna, the Director of the CPS HR Consulting Institute for Public Sector Employee Engagement, shared his insights on employee engagement, why it matters and how counties can create a culture of engagement within their workforce.
Robert Lavigna
Director, Institute for Public Sector Employee Engagement
Printable PDF Speaker Presentation Contact Speaker
Share Your County's Innovation
Do you have a county innovation for operations and management you'd like to share with us? Contact us at research@naco.org.
An engaged employee:
- Has pride in their work
- Has a heightened connection with their employer
- Shows personal interest in the organization’s visions and goals
- Goes the extra mile for customers and stays on board, even for less money
- Volunteers ideas
- Shows up and gets things done
- Delivers “discretionary effort,” or a willingness to do whatever needs to be done for the organization to succeed
Why Does Employee Engagement Matter?
Across employment sectors, a majority of employees state that they feel fully or somewhat engaged with their employer. According to a 2017 CPS HR Institute for Public Sector Employee Engagement national poll, 44 percent of local government employees feel that they are fully engaged, while 37 percent feel somewhat engaged (See Figure 1).1 This is a higher percentage than for federal or state government and comparable only to the private sector. Engaged employees have a more positive view of their organization than disengaged employees. When asked, 76 percent of engaged local government employees agree that their organization is successful at accomplishing its mission, more than the 64 percent of state and federal government employees and comparable to the private sector.2 The local government employees who stay involved with their organization also believe that they can positively affect quality, cost and customer service through their work.
“Employee engagement is about performance. It is not another HR thing… It is about improving the level of commitment that our employees have to their organization so that we can deliver better, high quality performance and services to the citizens we serve.”
– Bob Lavigna, Director,
CPS HR Consulting Institute
The engagement value chain is a virtuous cycle, according to Bob Lavigna. As the level of engagement increases, performance also increases. Highly engaged workers are more productive and often are more proactive in servicing customers than disengaged workers.3 Customers and residents that interact with front-line county employees in turn have more trust in their government. Improved citizens’ attitudes towards government contribute to a confirmation of a job well done and a higher level of pride for local government employees who get further engaged. Employee engagement translates into dollars, as higher productivity, lower turnover and absentee rates have a positive budgetary impact. For example, high turnover rates amongst millennials alone cost employers $30.5 billion a year.4
Figure 1. Level of Engagement Across Employment Sectors, 2016
!function(e,t,s,i){var n="InfogramEmbeds",o=e.getElementsByTagName("script"),d=o[0],r=/^http:/.test(e.location)?"http:":"https:";if(/^\/{2}/.test(i)&&(i=r+i),window[n]&&window[n].initialized)window[n].process&&window[n].process();else if(!e.getElementById(s)){var a=e.createElement("script");a.async=1,a.id=s,a.src=i,d.parentNode.insertBefore(a,d)}}(document,0,"infogram-async","https://e.infogram.com/js/dist/embed-loader-min.js");
Best Practices in Employee Engagement
Engagement Starts with Leadership
To increase engagement, Mr. Lavigna stated that counties should focus on several areas: leadership, strategy, hiring and onboarding.
With close to 90,000 local governments throughout the United States, there is no “one-size-fits-all” solution for improving employee engagement.5 All efforts start with the leadership of the organization. The CPS HR Institute for Public Sector Employee Engagement found that the top engagement driver for government is organizational leadership and its ability to manage change well. Yet, only 53 percent of local government employees agree that change in their organization is managed well, still higher than for federal or state government employees (See Figure 2).6 Further, according to Gallup, 51 percent of disengaged employees would fire their boss if given the chance, compared to just 6 percent for engaged employees.7
“The level of engagement often comes down to the quality of the relationship between an individual supervisor or manager and the front-line employee. When that is a good relationship, that creates the condition for high engagement.”
– Bob Lavigna, Director,
CPS HR Consulting Institute
Engagement Must Be an Integral Part of a County’s Strategy
Counties must make employee engagement an integral part of a county’s strategy and values and look beyond its aspect of human resources management. Leadership must commit to this goal by requiring managers to meet regularly with employees and to provide opportunities for growth and development, which are additional drivers that keep employees invested in their work. Managers should also build a culture of engagement and be held accountable for the results (See "Learn More: Creating a Culture of Engagement").
Figure 2. Managing Change Leadership across Employment Sectors
Percentage agreement - "I feel that change is managed well in my organization"
!function(e,t,s,i){var n="InfogramEmbeds",o=e.getElementsByTagName("script"),d=o[0],r=/^http:/.test(e.location)?"http:":"https:";if(/^\/{2}/.test(i)&&(i=r+i),window[n]&&window[n].initialized)window[n].process&&window[n].process();else if(!e.getElementById(s)){var a=e.createElement("script");a.async=1,a.id=s,a.src=i,d.parentNode.insertBefore(a,d)}}(document,0,"infogram-async","https://e.infogram.com/js/dist/embed-loader-min.js");
How to Create a Culture of Engagement
The hiring process is an important component for increasing engagement. During the candidate assessment and interview process, managers should seek out candidates that show interest to be highly involved in their workplace. Assessment approaches can be used during the interview process to enable hiring managers to identify candidates that can maintain a high level of engagement. Even a quick survey of what candidates value in their work and office environment not only determines if a candidate would be a good fit, but whether their engagement will be meaningful and sustainable over time.
Another important tool is the onboarding process, which is an important driver of employee retention, engagement and success. Onboarding should begin when the new hire accepts the job offer through at least their first 12 months on the job. During this time, new employees should become well versed in the organization’s mission and values, be assigned meaningful work, receive feedback and have frequent interaction not only with their supervisors, but with other senior staff members. Counties should review their process and create a checklist of specific activities for each new employee, such as meeting with heads of departments and learning about specific projects. Also, creating a library of resources that include mission statements, organization charts and biographies of fellow employees, will help the new employee get familiar with workplace culture faster.
Building engagement is linked to a manager’s direct involvement with their employees. Managers must foster recognition, innovation and inclusion among their employees. They should also connect an employee’s work to the county’s mission and demonstrate to their employees that their work is not only valuable, but vital to the county’s success. Managers should listen to employees’ concerns and be prepared and willing to make changes within the organization. Leadership must be willing to make this a priority amongst other county goals for a culture of engagement to work.
And finally, never underestimate the power of a “thank you.” Employees and their efforts should be appreciated and recognized, and recognition can be acknowledged beyond monetary benefits. Examples include:
- Acknowledging employee achievements at staff meetings
- Complimenting employees within earshot of others
- Mailing a handwritten note to employees’ homes
- Pulling employees aside and asking for their opinion
“A culture of engagement is a set of accepted organizational values, behaviors and practices that promotes increasing levels of engagement as a cultural norm within an organization”. Key characteristics of organizations that have achieved a culture of engagement include:
- The business case for strong engagement is broadly understood within the organization
- Leaders/managers work together to drive engagement
- Engagement is linked to the mission and critical business outcomes of the organization
- Engagement is visible across organization
- Engagement is regularly measured/analyzed with action taken as a result
- Human resources components are linked to engagement
- Robust communication strategy focusing on engagement
Source: Rebecca Ray and others, “DNA of Engagement” (New York, NY: The Engagement Institute, 2014, p. 6).
Key Takeaways
An engaged workforce matters.
Such a workforce leads to less turnover, higher performance rates and happier customers because employees are proud of their work and want their organization to succeed.
Engagement of employees starts at the top.
Leaders set the tone for engagement through their ability to manage change well and strategies put in place to engage all employees.
Engagement needs to be an integral part of a county’s strategy – not just an HR initiative.
Employees at all levels — from senior management to front-line workers — need to be part of the effort to create a culture of engagement that becomes the norm for all departments.
Creating a culture of engagement starts with the hiring of an employee, and continues through the employee’s tenure.
Hire employees that are invested in the county’s success, and listen to their concerns during the onboarding process and beyond.
Never underestimate the power of a “thank you.”
Recognition of efforts and achievements can be accomplished in effective non-monetary ways.
Endnotes
[1] Bob Lavigna, “Driving Employee Engagement: Results from a National Survey,” CPS HR Consulting, September 2017
[2] Ibid.
[3] Susan Sorenson, “How Employee Engagement Drives Growth,” Gallup, June 20, 2013, available at http://www.gallup.com/businessjournal/163130/employee-engagement-drives-growth.aspx.
[4] Andrew Hartsig, “Managing County Workers: Recruitment, Retention and Retirement,” National Association of Counties, July 2017, available at http://www.naco.org/resources/managing-county-workers-recruitment-retention-and-retirement.
[5] “Census Bureau Reports There Are 89,004 Local Governments in the United States,” U.S. Census Bureau, August 30, 2012, available at https://www.census.gov/newsroom/releases/archives/governments/cb12-161.html.
[6] Bob Lavigna, “Driving Employee Engagement: Results from a National Survey,” CPS HR Consulting, September 2017.
[7] Bryant Ott and Emily Killham, “Would You Fire Your Boss?” Gallup, September 13, 2017, available at http://www.gallup.com/businessjournal/28597/would-fire-your-boss.aspx.
.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 Bob Lavigna for his presentation during the workshop that forms the basis of this report. Within the National Association of Counties, the author would like to thank Emilia Istrate, Christina Iskandar, Jonathan Harris 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 versions of the report.
For more information:
www.NACo.org/Lab
Dr. Emilia Istrate
Managing Director, Counties Futures Lab
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.
Jump to Section
Introduction
Why Does Employee Engagement Matter?
Best Practices in Employee Engagement
Key Takeaways
Acknowledgments
Speaker Presentation
Printable PDF
$(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 that make employee engagement a priority can save time and money and get better overall organizational performance and service delivery.
2017-09-22
Reports & Toolkits
2017-11-08
