Conference

NACo's 82nd Annual Conference & Exposition

Jul. 21, 2017 – Jul. 24, 2017
Franklin County / Columbus, Ohio
  • Event

    NACo's 82nd Annual Conference & Exposition

    /*----------------Temporary Styling----------------*/ .sponsors-body {display: none !important;} #admin-menu-wrapper { display: none; } a.res-links {text-decoration: none !important;} a.res-links:hover {color: #33ccff !important;} body.admin-menu { top: 0px !important; margin-top: 0px !important; } header nav.bar { top: 0px !important; background-color: #333 !important } .conference-news {display: none !important} .upcoming-events {display: none !important;} /*---------------------General---------------------*/ /*Hide Blocks*/ .latest-tweet, .upcoming-events, .footer-2 { display: none; } .inset-shadow { -moz-box-shadow: inset 0 18px 18px -18px #333333, inset 0 -18px 18px -18px #333333; -webkit-box-shadow: inset 0 18px 18px -18px #333333, inset 0 -18px 18px -18px #333333; box-shadow: inset 0 18px 18px -18px #333333, inset 0 -18px 18px -18px #333333; } .inset-shadow-top { -moz-box-shadow: inset 0 18px 18px -18px #333333; -webkit-box-shadow: inset 0 18px 18px -18px #333333; box-shadow: inset 0 18px 18px -18px #333333; } .inset-shadow-bottom { -moz-box-shadow: inset 0 -18px 18px -18px #333333; -webkit-box-shadow: inset 0 -18px 18px -18px #333333; box-shadow: inset 0 -18px 18px -18px #333333; } /*---------------------Full Width Nav---------------------*/ /*One Column*/ #content .grid .column.main, #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; } @media screen and (min-width: 1025px) { #utility { border-width: 0px !important } #utility .stripe-inner { display: none !important; } header .grid .column.branding, header .grid .column.search { display: none; } header nav.bar { position: fixed; left: 0; right: 0; width: 100%; z-index: 900 !important; margin: 0; border-top: 6px solid #f60; background-color: #333; text-align: center; } header nav.bar ul.menu li.top-nav-logo, header nav.bar ul.menu li.top-nav-search { display: list-item !important; } header ul.menu { max-width: 1600px !important; margin: 0 auto !important; text-align: center !important; } a.cic-new { padding-right: 8px !important; padding-left: 48px !important; background-color: #f93 !important; color: #fff !important; background-image: url(/sites/all/themes/custom/naco_ui/assets/img/county-data-icon.png?1436196918); background-repeat: no-repeat; background-position: 10px 7px; -moz-background-size: 49px; -o-background-size: 49px; -webkit-background-size: 49px; background-size: 49px; } } @media screen and (max-width: 1280px) and (min-width: 1025px) { a.cic-new { background-position: 10px 7px !important; -moz-background-size: 36px !important; -o-background-size: 36px !important; -webkit-background-size: 36px !important; background-size: 36px !important; padding-left: 40px !important; } } @media screen and (max-width: 1024px) { a.cic-new { padding: 11.2px 16px !important; padding-left: 58px !important; background-color: #f93 !important; color: #fff !important; background-image: url(/sites/all/themes/custom/naco_ui/assets/img/county-data-icon.png?1436196918); background-repeat: no-repeat !important; background-position: 14px 8px !important; -moz-background-size: 32px !important; -o-background-size: 32px !important; -webkit-background-size: 32px !important; background-size: 32px !important; } } a.cic-new:hover { background-image: url(/sites/all/themes/custom/naco_ui/assets/img/county-data-icon-black.png?1436196918) !important; background-color: #feca95 !important; color: #333 !important; } @media screen and (max-width: 1024px) { body.admin-menu header, body.admin-menu #content, body.admin-menu footer { top: 0px !important; } } /*Full Width Blocks*/ #content, #content .stripe-inner, footer { max-width: none !important; } #content .stripe-inner { padding: 0px !important } #content.full .column.main { padding: 0px !important; transition: top 0.69s; } #content .column.main .wrapper{ display: none; } #page-title h1 { display: inline !important; font-family: "MuseoSans" !important; font-size: 15.5px !important; line-height: 15.5px !important } #content .grid .column.content-right .block:first-child { width: 100%; display: table; padding: 0px !important; margin: 0px !important; border-width: 0px !important; } /*-----------------------Mobile vs. Desktop Only-----------*/ @media screen and (min-width: 1025px) { .mobile-only { display: none; } } @media screen and (max-width: 1024px) { .desktop-only { display: none; } } /*---------------------General Fonts---------------------*/ /* h1, h2, h3 { font-family: "kepler-std-semicondensed",serif !important; } */ .baskerville { font-family: "baskerville-urw" !important; font-style: italic !important; } #content .grid .column.main article.hero > .content h3 a:hover, #content .grid .column.content-right article.hero > .content h3 a:hover { text-decoration: none !important; } /*Pub font Styles*/ /* h1, h2 { font-family: "kepler-std-semicondensed",serif !important; } */ .wht-text p, .wht-text li, .wht-text a, .wht-text h1, .wht-text h2, .wht-text h3, .wht-text h4, .wht-text h5, .wht-text h6 { color: #ffffff !important } .wht-text a { text-decoration: underline; } /*----------------------------Header Block----------------------------*/ div#content, footer { top: 0px !important; } .event-header-outer { width: 100%; display: table; position: relative; } .event-header { width: 100%; height: 100%; background-size: cover; background-position: center; position: absolute; top: 0px; left: 0px; /*z-index: -1;*/ } .cn-body .alt-image { background-size: cover; background-position: center; } .cn-body .event-header {background-image: url(/sites/default/files/franklin-county_2700_0.jpg);} .cn-body .alt-image {background-image: url(/sites/default/files/02568_hr.jpg);} /* .cn-body.two .event-header {background-image: url(/sites/default/files/04284_hr.jpg);} .cn-body.two .alt-image {background-image: url(/sites/default/files/02911_hr.jpg);} .cn-body.three .event-header {background-image: url(/sites/default/files/05959_hr.jpg);} .cn-body.three .alt-image {background-image: url(/sites/default/files/franklin-county_2700_0.jpg);} .cn-body.four .event-header {background-image: url(/sites/default/files/02911_hr.jpg);} .cn-body.four .alt-image {background-image: url(/sites/default/files/04284_hr.jpg);} .cn-body.five .event-header {background-image: url(/sites/default/files/02568_hr.jpg);} .cn-body.five .alt-image {background-image: url(/sites/default/files/franklin-county_2700_0.jpg);} */ .event-header-loader { position: relative; left: 0px; top: 0px; width: 100%; height: 100vh; background-image: url(http://www.naco.org/sites/default/files/default_images/NACo-LOGO-2017.svg); opacity: 0.89; mix-blend-mode: multiply; background-size: 768px; background-repeat: no-repeat; background-position: center; } @media screen and (max-width: 1024px) { .event-header-loader { background-size: 70vw !important; } } .event-header .header-go { position: absolute; bottom: 16px; left: calc(50% - 64px); width: 128px; height: 61px; background-image: url(/sites/default/files/default_images/down-chevron.svg); background-size: 64px; background-position: center; background-repeat: no-repeat; cursor: pointer; transition: all 0.69s; } .event-header .header-go:hover { background-size: 128px; } .event-header .header-go.hide {opacity: 0 !important} /*----------------------Event Header Menu-bar----------------------*/ header.stripe {display: none;} .event-header-nav-outer { width: 100%; position: fixed; display: table; bottom: 0px; top: 0px; z-index: 100; } .event-header-nav { width: 100%; display: block; padding: 16px; min-height: 241px; transition: min-height 0.69s; transition-delay: 0.69s; } .event-header-nav.smallheader { min-height: 0px !important; } .event-header-nav .nav-inner { display: flex; justify-content: flex-end; align-items: flex-start; } .event-header-nav:before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0,0,0,0.45); } .event-header-nav .largelogo { display: table; width: 100%; height: auto; position: absolute; bottom: 0px; left: 0px; padding-top: 24px; overflow: hidden; transition: all 0.69s; transition-delay: 0.69s; } .event-header-nav.smallheader .largelogo { height: 0px !important; padding-top: 0px !important; opacity: 0 !important; transition-delay: 0s !important; } .largelogo img { width: 100%; padding: 32px !important; max-width: 832px !important; margin: auto !important; } .event-header-nav .smalllogo { position: absolute; left: 16px; top: 16px; width: 200px; height: calc(100% - 32px); opacity: 0; background-image: url(/sites/default/files/default_images/annual-save-title_smallv2.svg); background-size: contain; background-position: center left; background-repeat: no-repeat; opacity: 0; transition: all 0.69s; transition-delay: 0s; } .event-header-nav.smallheader .smalllogo { opacity: 1 !important; transition-delay: 1.38s !important; } /*Nav Links*/ .event-header-nav .nav-links { display: table; position: relative; width: auto; max-width: calc(100% - 232px); padding: 4px 0px; text-align: right; transition: all 0.69s; } .event-header-nav .nav-links a { font-size: 14px; color: #fff !important; text-decoration: none !important; padding: 4px 12px; display: inline-block; text-align: right; position: relative; } .event-header-nav .nav-links a:hover { color: #33ccff !important } .event-header-nav .nav-links a:before { content: ""; bottom: 0px; right: 50%; width: 0px; height: 1px; background-color: #33ccff; position: absolute; transition: width 0.5s; } .event-header-nav .nav-links a:after { content: ""; bottom: 0px; left: 50%; width: 0px; height: 1px; background-color: #33ccff; position: absolute; transition: width 0.5s; } .event-header-nav .nav-links a:hover:before { width: calc(50% - 12px) !important; } .event-header-nav .nav-links a:hover:after { width: calc(50% - 12px) !important; } @media screen and (max-width: 760px) { .event-header-nav { min-height: 0px !important; cursor: pointer; } .event-header-nav .nav-links { position: relative; float: right; } .event-header-nav .largelogo { height: 0px !important; padding-top: 0px !important; opacity: 0 !important; transition-delay: 0s !important; } .event-header-nav .smalllogo { opacity: 1 !important; transition-delay: 1.38s !important; } .event-header-nav .nav-links { position: relative; float: right; } .event-header-nav .largelogo { height: 0px !important; padding-top: 0px !important; opacity: 0 !important; transition-delay: 0s !important; } .event-header-nav .smalllogo { opacity: 1 !important; transition-delay: 1.38s !important; } .event-header-nav .nav-links { opacity: 0; transition: opacity 0.5s; } .event-header-nav .nav-links a { padding: 0px !important; max-height: 0px !important; overflow: hidden; transition: all 1s; display: block; text-align: right; } .event-header-nav .nav-links a i {display: none;} .nav-inner { background-image: url(/sites/default/files/leg-menu-bars.png); background-position: calc(100% - 16px) 50%; background-size: 20px; background-repeat: no-repeat; position: relative; min-height: 31px; } .event-header-nav.toggled .nav-links {opacity: 1 !important} .event-header-nav.toggled .nav-inner { background-image: none !important; } .event-header-nav.toggled .nav-links a { max-height: 64px !important; padding: 4px 12px !important } } /*--------------------------Fade In Header--------------------------*/ .fadein { -webkit-animation: fadein 1s; /* Safari 4.0 - 8.0 */ -webkit-animation-fill-mode: both; -webkit-animation-delay: 2s; animation: fadein 1s; animation-fill-mode: both; animation-delay: 2s; } @-webkit-keyframes fadein { from {opacity: 0} to {opacity: 1} } @keyframes fadein { from {opacity: 0} to {opacity: 1} } .loader { border: 10px solid #f3f3f3; /* Light grey */ border-top: 10px solid #ff9933; /* Blue */ border-radius: 50%; width: 80px; height: 80px; position: absolute; bottom: 16px; left: calc(50% - 40px); animation: spin 2s linear; animation-iteration-count: 3; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /*----------------------Conference Info Blocks----------------------*/ /*General*/ .half-block, .quarter-block { position: relative; display: flex; align-items: center; padding: 32px; float: left; overflow: hidden; } @media screen and (min-width: 601px) { .quarter-block h1 { text-align: center; } } .block-inner { width: 100%; position: relative; } .block-inner h1 { display: block !important; width:100%; border-bottom: solid 1px rgba(153,153,153,0.35); padding-bottom: 16px; margin-bottom: 32px !important } .block-inner a.btn { width: 100%; display: block; text-align: center; } /*Row Blocks*/ .row-1 { width: 100%; } .row-1, .row-2 { background-color: #fff; } @media screen and (min-width: 1025px) { .row-1 { display: flex; align-items: stretch; } .row-2 { display: flex; align-items: stretch; width: 50%; } } @media screen and (min-width: 601px) and (max-width: 1024px) { .row-1 { display: table; } .row-2 { display: flex; align-items: stretch; width: 100%; } } @media screen and (max-width: 600px) { .row-1, .row-2 { display: table; width: 100%; } } /*Half Block*/ @media screen and (min-width: 1025px) { .half-block { min-height: 56vh; width: 50%; } } @media screen and (max-width: 1024px) { .half-block { min-height: 56vh; width: 100%; } } .half-block p { font-family: "MuseoSans300" !important; font-size: 18px !important; line-height: 1.5em !important; } /*Quarter Blocks*/ @media screen and (min-width: 1025px) { .quarter-block { min-height: 56vh; width: 50%; } } @media screen and (min-width: 700px) and (max-width: 1024px) { .quarter-block { min-height: 56vh; width: 50%; } } @media screen and (max-width: 699px) { .quarter-block { min-height: 56vh; width: 100%; } } .quarter-block p { font-family: "MuseoSans300" !important; font-size: 16px !important; line-height: 1.5em !important; } /*Block Colors*/ .color-1 { background-color: #1c3664 } .color-2 { background-color: #000 } .color-3 { background-color: #016699; } .event-header-ribbon { background-color: #f26722 } a.btn { background-color: #f26722 !important; color: #fff !important; border-color: #f26722 !important; } .wht-text a.btn { background-color: transparent !important; border-color: #fff !important; color: #fff !important; text-decoration: none !important; } a.btn:hover, .wht-text a.btn:hover { background-color: #f89838 !important; color: #fff !important; border-color: #f89838 !important; text-decoration: none !important; } /*Specia Blocks*/ .tweet-block .fa { text-align: center; display: block; width: 100%; } .wht-text.half-block .block-inner h1, .wht-text.quarter-block .block-inner h1 { border-color: rgba(255,255,255,0.92) !important; } @media screen and (min-width: 1600px) { .tweet-block .fa { font-size: 160px; transition: font-size 0.69s; } .tweet-block:hover .fa { font-size: 192px !important; transition: font-size 0.69s; } .tweet-block .fa.larger { font-size: 200px !important; } .tweet-block:hover .fa.larger { font-size: 240px !important; } } @media screen and (min-width: 1025px) and (max-width: 1599px) { .tweet-block .fa { font-size: 120px; transition: font-size 0.69s; } .tweet-block:hover .fa { font-size: 144px !important; transition: font-size 0.69s; } .tweet-block .fa.larger { font-size: 150px !important; } .tweet-block:hover .fa.larger { font-size: 180px !important; } } @media screen and (max-width: 1024px) { .tweet-block .fa { font-size: 100px; transition: font-size 0.69s; } .tweet-block:hover .fa { font-size: 120px !important; transition: font-size 0.69s; } .tweet-block .fa.larger { font-size: 125px !important; } .tweet-block:hover .fa.larger { font-size: 150px !important; } } .tweet-block a { text-decoration: none !important; color: #33ccff !important } .tweet-block h3 { font-family: "baskerville-urw" !important; } .speaker-block .speaker-filter { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(51,51,51,1); mix-blend-mode: multiply; transition: background-color: 0.69s; opacity: 0; transition: opacity 0.69s; } .speaker-block .block-inner { opacity: 0; transition: opacity 0.69s; } .speaker-block:hover .speaker-filter, .speaker-block:hover .block-inner { opacity: 1 !important; transition: opacity 0.69s; } .image-block { background-size: cover; background-position: center; background-color: #666; -webkit-filter: grayscale(100%) contrast(125%); /* Chrome, Safari, Opera */ filter: grayscale(100%) contrast(69%); transition: all 0.69s; } .image-block:hover { -webkit-filter: grayscale(0%) contrast(100%); /* Chrome, Safari, Opera */ filter: grayscale(0%) contrast(100%); transition: all 0.69s; } .map-block:hover .image-block { -webkit-filter: grayscale(0%) contrast(100%); /* Chrome, Safari, Opera */ filter: grayscale(0%) contrast(100%); transition: all 0.69s; } .map-block { border-top: solid 1px #eaeaea; } /*-----------------------Latest News-----------------------*/ .conference-news { background-color: #fff; width: 100%; display: table; max-width: 100%; } .conference-news .image .overline { display: none; } .conference-news .views-row article { border-top: 0px !important; } .conference-news .views-row { width: 100% !important; display: table !important; margin-bottom: 32px; border-bottom: solid 1px #eaeaea; } .conference-news .views-row-1 { padding-top: 32px; } .conference-news .views-row-1:before { content: "Latest Conference News"; text-transform: uppercase; font-family: "AlternateGotNo2D"; font-weight: 300; font-size: 60px; line-height: 60px; padding-bottom: 48px; display: block; width:calc(100% - 16px); max-width: 1024px; margin-left: auto; margin-right: auto; } .conference-news .views-row .image .overline { display: none; } .conference-news .views-row article { max-width: 1024px; margin-left: auto; margin-right: auto; border-top: 0px !important } .conference-news .views-row .image img { height: 100% !important; width: auto !important; max-width: none !important; } .conference-news .views-row .content { position: relative !important; background-color: transparent !important; } .conference-news .views-row .content h3 a, .conference-news .views-row .content .article-content { color: #000 !important; } #content .column.main article.hero > .content h3 a, #content .column.main article.hero > .content h3 a:hover { text-decoration: none !important; font-family: "kepler-std-semicondensed",serif !important; } .conference-news .content .inner-content .media-type { display: block !important; font-size: 14px !important; line-height: 14px !important; margin: 8px 0px !important; } @media screen and (min-width: 769px) { .conference-news .views-row article { width:calc(100% - 64px); } } @media screen and (max-width: 768px) { .conference-news .views-row article { width:calc(100% - 32px); } } @media screen and (min-width: 601px) { .conference-news .views-row .image { width: 332px !important; height: 216px; } .conference-news .views-row .content { width: calc(100% - 332px) !important; padding: 0px 0px 0px 32px !important; } } @media screen and (max-width: 600px) { .conference-news .views-row { display: block !important; } .conference-news .views-row .image { width: 100% !important; height: 0px !important; position: relative; padding-bottom: 50% !important; } .conference-news .views-row .image img { position: absolute !important; top: 0px; left: 0px; width: 100% !important; height: 100% !important; } .conference-news .views-row .content { width: 100% !important; padding: 16px 0px !important; } } .conference-news ul.pager { display: none; } .conference-news .more-link { width: 100%; max-width: 1024px; display: table; margin-bottom: 32px; margin-left: auto; margin-right: auto; } .conference-news .more-link a { display: inline-block; line-height: 1.6; font-family: 'AlternateGotNo2d', sans-serif; text-align: center; border: 2px solid #08b; color: #08b; text-transform: uppercase; padding: 9.6px 16px; padding-top: 6.4px; font-size: 25px; font-size: 2.5rem; letter-spacing: 0.5px; background-color: transparent; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .conference-news .more-link a:hover { color: #fff; background-color: #08b; outline: none; } @media screen and (min-width: 769px) and (max-width: 1088px) { .conference-news .more-link a { margin-left: 32px } } @media screen and (max-width: 768px) { .conference-news .more-link a { margin-left: 16px; } } /*-------------------------------Sponsors-------------------------------*/ footer .footer-1 .stripe-inner { max-width: none !important; width: 100% !important } .sponsors-block { display: table; width: 100% !important; background-color: #ffffff; max-width: none !important; } .sponsors-block:before { content: "Conference Sponsors"; font-family: 'AlternateGotNo2d', sans-serif; font-size: 36px; line-height: 1; text-transform: uppercase; text-align: center; color: #fff; margin-bottom: 16px; display: inline-block; width: auto; max-width: 100%; background-color: #006699; padding: 8px 12px 12px 12px; } /*Accordion*/ .menubar.accordion { position: fixed; top: 0px; left: 0px; width: 100%; z-index: 50; } .menubar.accordion .row .row-header { background-color: transparent !important; position: relative; padding-top: 96px; padding-right: 32px; width: auto; display: table; float: right; } .menubar.accordion .row .row-content { color: #fff; margin: 0px !important; width:100% !important; border-width: 0px !important; background-color:transparent !important; padding: 0px !important; height: calc(100vh - 150px); align-items: center; } .menubar.accordion .row-active { background-color: rgba(0,0,0,0.95); } .menubar.accordion .row-active .row-content { display: flex !important; } .row-content .block-inner { width: calc(100% - 64px); margin: auto; padding: 0px !important; } .bars-outer { background-color: #0099cc; border-radius: 50%; margin-bottom: 12px; display: flex; float: right; width: 64px; height: 64px; align-items: center; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); transition: all 0.4s; } .fa.accordion-button { background-color: transparent !important; font-size: 28px !important; margin: auto !important; float: none !important; } .row-active .bars-outer { background-color: transparent !important; box-shadow: 0 3px 6px rgba(0,0,0,0), 0 3px 6px rgba(0,0,0,0); transition: all 0.4s; } .bars-outer:hover, .row-active .bars-outer:hover { background-color: #ff9933 !important; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); transition: all 0.4s; } .row-active .bars-outer .fa.accordion-button:before { content: "\f00d"; color: #fff !important; } .menu-items { padding: 0px 0px 32px 0px; margin: auto; width: calc(100% - 32px); max-width: 1024px; } .menu-items a { text-decoration: none !important; } .menu-items a:hover { color: #33ccff !important } .menu-items h1 { text-align: center; font-size: 6vw !important; font-family: "kepler-std-semicondensed",serif !important; font-weight: bold !important; width: 100%; margin-bottom: 32px !important; } /*Updated Dropdown-menu*/ .menu-dropdown { width: 100%; height: 100vh; background-color: rgba(0,0,0,0.89); display: flex; align-items: center; padding: 32px; position: fixed; left: 0px; bottom: 100%; z-index: 100; transition: bottom 0.69s; } .menu-dropdown-active { bottom: 0% !important; transition: bottom 0.69s; } .dropdown-items { width: 100%; max-width: 1024px; margin: auto; } .dropdown-items a { text-decoration: none !important; } .dropdown-items a:hover { color: #33ccff !important } .dropdown-items h1 { text-align: center; font-size: 6vw !important; font-family: "kepler-std-semicondensed",serif !important; font-weight: bold !important; width: 100%; margin-bottom: 32px !important; } .menu-toggle { position: fixed; right: 32px; background-color: #F89838; border-radius: 50%; width: 64px; height: 64px; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); z-index: 150; cursor: pointer; background-image: url(/sites/default/files/leg-menu-bars.png); background-size: 32px auto; background-repeat: no-repeat; background-position: center; transition: all 0.69s; -webkit-animation-name: boom-enter; /* Chrome, Safari, Opera */ -webkit-animation-duration: 4s; /* Chrome, Safari, Opera */ -webkit-animation-delay: 1s; /* Chrome, Safari, Opera */ animation-name: boom-enter; animation-duration: 4s; animation-delay: 1s; animation-fill-mode: backwards; animation-timing-function: ease-in; } /* Chrome, Safari, Opera */ @-webkit-keyframes boom-enter { 0% { opacity: 0; -webkit-transform: scale(2, 2); -moz-transform: scale(2, 2); transform: scale(2, 2); } 16.6667% { opacity: 1; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); transform: scale(1, 1); } 33.333% { opacity: 1; -webkit-transform: scale(1.75, 1.75); -moz-transform: scale(1.75, 1.75); transform: scale(1.75, 1.75); } 50% { opacity: 1; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); transform: scale(1, 1); } 66.667% { opacity: 1; -webkit-transform: scale(1.75, 1.75); -moz-transform: scale(1.75, 1.75); transform: scale(1.75, 1.75); } 100% { opacity: 1; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); transform: scale(1, 1); } } /* Standard syntax */ @keyframes boom-enter { 0% { opacity: 0; -webkit-transform: scale(2, 2); -moz-transform: scale(2, 2); transform: scale(2, 2); } 16.6667% { opacity: 1; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); transform: scale(1, 1); } 33.333% { opacity: 1; -webkit-transform: scale(1.75, 1.75); -moz-transform: scale(1.75, 1.75); transform: scale(1.75, 1.75); } 50% { opacity: 1; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); transform: scale(1, 1); } 66.667% { opacity: 1; -webkit-transform: scale(1.75, 1.75); -moz-transform: scale(1.75, 1.75); transform: scale(1.75, 1.75); } 100% { opacity: 1; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); transform: scale(1, 1); } } @media screen and (max-width: 768px) { .menu-toggle {right: 16px !important;} } .menu-toggle.menu-toggle-active { background-image: url(/sites/default/files/leg-menu-close.png); box-shadow: 0 3px 6px rgba(0,0,0,0), 0 3px 6px rgba(0,0,0,0); background-color: transparent; transition: all 0.69s; } .menu-toggle.menu-toggle-active:hover { background-image: url(/sites/default/files/leg-menu-close_hover.png); transition: all 0.69s; } @media screen and (min-width: 1282px) { .menu-toggle {top: 91px} } @media screen and (min-width: 1025px) and (max-width: 1282px) { .menu-toggle {top: 81px} } @media screen and (min-width: 769px) and (max-width: 1024px) { .menu-toggle {top: 90px} } @media screen and (max-width: 768px) { .menu-toggle {top: 74px} } /*---------------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; } } .header-speakers { width: 100%; padding: 16px; display: table; position: relative; padding-bottom: 10vh; /* background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.5) rgba(0,0,0,0.69), ,rgba(0,0,0,0.85)); background: -o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.5), rgba(0,0,0,0.69), rgba(0,0,0,0.85)); background: -moz-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.5), rgba(0,0,0,0.69), rgba(0,0,0,0.85)); background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.5), rgba(0,0,0,0.69), rgba(0,0,0,0.85)); / */ } .header-speakers-inner { width: 100%; max-width: 1600px; margin: auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; } .header-speakers-person { display: block; width: calc(33.333% - 16px); min-height: 200px; position: relative; margin-bottom: 32px; margin-left: 8px; margin-right: 8px; } @media screen and (min-width: 769px) and (max-width: 1200px) { .header-speakers-person {width: calc(50% - 16px) !important;} } @media screen and (max-width: 768px) { .header-speakers-person { width: 100% !important; margin-bottom: 16px !important } } .header-speakers-person:before { position: absolute; left: 0px; top: 0px; width: 197.5px; height: 197.5px; border-radius: 50%; background-color: #ff6600; content: ""; } .header-speakers-person .image { width: 196px; height: 196px; border-radius: 50%; position: absolute; top: 0px; left: 4px; background-color: #ffffff; overflow: visible; } .header-speakers-person .image .person-pic { position: absolute; bottom: 0px; right: 0px; width: 100%; height: 100%; background-size: cover; background-position: center; border-radius: 50%; transition: all 0.12s; } /*Change to remove on hover stuff*/ .header-speakers-person .image .person-pic { width: 203px !important; height: 212px !important; right: -3px !important; bottom: -1px !important } .header-speakers-person .title { position: relative; padding: 12px 16px 16px 116px; width: calc(100% - 100px); display: table; margin: 8px 0px 0px 100px; background-color: #ffffff; } .header-speakers-person .title h3 { font-weight: bold; font-size: 24px !important; color: #ff6600 !important; margin-bottom: 8px !important } .header-speakers-person .title h3 span { font-size: 80%; font-family: 'MuseoSans', sans-serif; } .header-speakers-person .title p { font-family: 'MuseoSans300Cond', sans-serif !important; font-size: 14px !important; color: #ff6600 !important; } a.person-link { position: absolute !important; top: 0px !important; left: 0px !important; width: 100% !important; height: 100% !important } /*Full Width video*/ .full-video { position: relative; width: 100%; height: 0px; padding-bottom: 42% } .full-video iframe { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; }

    GENERAL SESSION SPEAKERS

    SATURDAY, JULY 22
    PIPER KERMAN

    "Orange is the New Black"

    SATURDAY, JULY 22
    THE HON. SONNY PERDUE

    U.S. Secretary of Agriculture

    MONDAY, JULY 24
    LOU DOBBS

    Business and Financial News Legend

    MONDAY, JULY 24
    ED VIESTURS

    Record-breaking mountain climber

    SATURDAY, JULY 22
    TODD MAY

    Director, NASA's Marshall Space Flight Center

    SATURDAY, JULY 22
    DR. MARLA PÉREZ-DAVIS​

    Deputy Director, NASA's John H. Glenn Research Center

    82nd ANNUAL CONFERENCE & EXPOSITION

    The NACo Annual Conference & Exposition is the only meeting that draws a cross section of elected officials and county staff from across the country. Attendees from rural and urban counties, large and small budgets and staff – all come together for four days of education, networking and sessions aimed to help improve residents’ lives and the efficiency of county government.

    SHARE YOUR EXPERIENCE

    Tweet Using #NACoAnn

    SCHEDULE

    Explore the full listing of events.

    RESOLUTIONS & PLATFORM CHANGES

    Download the Resolutions Packet for Consideration at NACo Annual Business Meeting

    Download

    Additional Resources

    Conference App "Serving the Underserved" Initiative Workshop Recordings More
    $(document).ready(function(){ var headernav = $(".event-header-nav"); var headergo = $(".header-go"); $(window).scroll(function() { var scroll = $(window).scrollTop(); if (scroll >= 200) { headernav.addClass("smallheader"); headergo.addClass("hide"); } else { headernav.removeClass("smallheader"); headergo.removeClass("hide"); } }); }); $(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-0 }, 1200, 'swing', function () { window.location.hash = target; }); }); }); $(document).ready(function(){ var classes = ["one", "two", "three", "four", "five"]; $("div.cn-body").each(function(){ $(this).addClass(classes[~~(Math.random()*classes.length)]); }); }); $(document).ready(function(){ $("div.event-header-nav").click(function(){ $("div.event-header-nav").toggleClass("toggled"); var navheight = $("div.event-header-nav").height()+16 $("table.sticky-header").toggleClass("toggled").css('top', navheight);; }); }); try{Typekit.load({ async: true });}catch(e){}
    The NACo Annual Conference & Exposition is the only meeting that draws a cross section of elected officials and county staff from across the country.
    2017-07-21
    Conference
    2017-08-02

GENERAL SESSION SPEAKERS

SATURDAY, JULY 22
PIPER KERMAN

"Orange is the New Black"

SATURDAY, JULY 22
THE HON. SONNY PERDUE

U.S. Secretary of Agriculture

MONDAY, JULY 24
LOU DOBBS

Business and Financial News Legend

MONDAY, JULY 24
ED VIESTURS

Record-breaking mountain climber

SATURDAY, JULY 22
TODD MAY

Director, NASA's Marshall Space Flight Center

SATURDAY, JULY 22
DR. MARLA PÉREZ-DAVIS​

Deputy Director, NASA's John H. Glenn Research Center

82nd ANNUAL CONFERENCE & EXPOSITION

The NACo Annual Conference & Exposition is the only meeting that draws a cross section of elected officials and county staff from across the country. Attendees from rural and urban counties, large and small budgets and staff – all come together for four days of education, networking and sessions aimed to help improve residents’ lives and the efficiency of county government.

SHARE YOUR EXPERIENCE

Tweet Using #NACoAnn

SCHEDULE

Explore the full listing of events.

RESOLUTIONS & PLATFORM CHANGES

Download the Resolutions Packet for Consideration at NACo Annual Business Meeting

Download