Conference

2018 Conference Staging Page v2

Oct. 31, 2017 , 10:15 am
  • Conference

    2018 Conference Staging Page v2

    The NACo Legislative Conference, held annually in Washington, D.C., brings together over 2,000 elected and appointed county officials to focus on federal policy issues that impact counties and our residents.
    2018 Conference Staging Page v2
    October 31, 2017
    October 31, 2017, 10:15 am
  • Event

    2018 Conference Staging Page v2

    The NACo Legislative Conference, held annually in Washington, D.C., brings together over 2,000 elected and appointed county officials to focus on federal policy issues that impact counties and our residents. The 2018 Legislative Conference is a can’t-miss opportunity to elevate the county voice at the national level. Attendees will participate in second-to-none educational sessions, interact with federal officials and descend on Capitol Hill, delivering the message that federal policies matter to counties and counties matter to America!

    #home-sidebar, #home-large { display: none; } head, body, body header, body #content, body footer { width: 100vw; overflow-x: hidden !important; } nav.block { display: none; } /*Temp*/ .element-link {display: none !important;} .more-link { display: none; } footer nav.bar.tabs { position: relative !important; width: 100% !important } div.messages { display: none; } article.person {display: none;} #content .column.main article.hero > .content h3 a:hover { text-decoration: none !important; } /*Full Width Page*/ #admin-menu-wrapper { display: none; } body.admin-menu { top: 0px !important; margin-top: 0px !important; } .column.branding, div#utility, .column.content-right {display: none;} header nav.bar { top: 0px !important; background-color: #333 !important } #content .grid .column.main { width: 100% !important; padding: 0px !important } #content .grid .column.content-right { width: 100% !important; padding: 0px !important } #content .grid .column.main .grid.intro {margin: 0px !important;} article.event { margin-bottom: 0px !important; } article.full-page {margin-bottom: 0px !important} nav.bar.tabs {z-index: 60 !important} @media screen and (min-width: 1025px) { #utility { border-width: 0px !important } #utility .stripe-inner { display: none !important; } header .grid .column.branding { display: none; } header nav.bar { position: fixed; left: 0; right: 0; width: 100%; z-index: 900 !important; margin: 0; border-top: 6px solid #f60; background-color: #333; text-align: center; } header nav.bar ul.menu li.top-nav-logo, header nav.bar ul.menu li.top-nav-search { display: list-item !important; } header ul.menu { max-width: 1600px !important; margin: 0 auto !important; text-align: center !important; } a.cic-new { padding-right: 8px !important; padding-left: 48px !important; background-color: #f93 !important; color: #fff !important; background-image: url(/sites/all/themes/custom/naco_ui/assets/img/county-data-icon.png?1436196918); background-repeat: no-repeat; background-position: 10px 7px; -moz-background-size: 49px; -o-background-size: 49px; -webkit-background-size: 49px; background-size: 49px; } } @media screen and (max-width: 1280px) and (min-width: 1025px) { a.cic-new { background-position: 10px 7px !important; -moz-background-size: 36px !important; -o-background-size: 36px !important; -webkit-background-size: 36px !important; background-size: 36px !important; padding-left: 40px !important; } } @media screen and (max-width: 1024px) { a.cic-new { padding: 11.2px 16px !important; padding-left: 58px !important; background-color: #f93 !important; color: #fff !important; background-image: url(/sites/all/themes/custom/naco_ui/assets/img/county-data-icon.png?1436196918); background-repeat: no-repeat !important; background-position: 14px 8px !important; -moz-background-size: 32px !important; -o-background-size: 32px !important; -webkit-background-size: 32px !important; background-size: 32px !important; } } a.cic-new:hover { background-image: url(/sites/all/themes/custom/naco_ui/assets/img/county-data-icon-black.png?1436196918) !important; background-color: #feca95 !important; color: #333 !important; } @media screen and (max-width: 1024px) { body.admin-menu header, body.admin-menu #content, body.admin-menu footer { top: 0px !important; } } footer .footer-1 .grid {border-width: 0px !important;} footer { border-top: solid 8px #ff9933; } /*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; } #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; } /*CN Navbar*/ div#cnnav { width: 100%; background-color: #0099cc; margin-bottom: 32px; padding: 0px 32px; } @media screen and (max-width: 768px) { div#cnnav {padding: 0px 16px !important} } #cnnav ul { display: flex; width: 100%; max-width: 1400px; margin: auto; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; position: relative; padding-left: 50px; } #cnnav ul:before { content: ""; position: absolute; top: 8px; left: 0px; width: 100%; height: calc(100% - 16px); background-image: url(/sites/default/files/default_images/CN-white.svg); background-size: contain; background-position: left center; background-repeat: no-repeat; } #cnnav ul li { font-family: "AlternateGotNo2d"; text-transform: uppercase; font-size: 24px; line-height: 1; background-image: none; list-style: none; -webkit-flex-grow: 1; flex-grow: 1; text-align: center; color: #fff; padding: 8px; position: relative; } /*Top Stories*/ .overline {display: none !important;} h1 {display: none;} .action-center-featured { width: 100%; display: table; margin-top: 64px; margin-bottom: 64px; } .action-center-featured:before { content: "Featured Sessions"; font-family: "franklin-gothic-urw",sans-serif !important; font-weight: 900 !important; font-size: 45px; padding: 0px 32px; display: block; width: 100%; max-width: 1024px; margin: 0px auto 16px auto; text-transform: uppercase; } @media screen and (min-width: 601px) and (max-width: 768px) { .action-center-featured:before { font-size: 32px !important; padding: 0px 16px !important } } @media screen and (max-width: 600px) { .action-center-featured:before { font-size: 24px !important; padding: 0px 16px !important } } .action-center-featured li.views-row { width: 100%; display: table !important; } .action-center-featured li article { border-top: 0px !important; margin-bottom: 32px !important; } .action-center-featured .media-type { display: none; } div.action-center-featured li.views-row .inner-content .overline a { color: #33ccff !important; padding-bottom: 8px; } .action-center-featured li.views-row h3.title:hover, .action-center-featured li.views-row h3.title:hover a, .action-center-featured li.views-row h3.title a:hover {text-decoration: none !important;} /*General Image*/ .action-center-featured li.views-row .image img {display: none;} .action-center-featured li.views-row .image { background-size: cover; background-position: center; background-repeat: no-repeat; overflow: hidden; } .action-center-featured .byline { color: #000 !important; margin-bottom: 8px !important; font-family: "franklin-gothic-urw",sans-serif } /*========================== Story 4+ ==========================*/ /*Container and Article*/ @media screen and (min-width: 769px) { .action-center-featured li.views-row { width: 50% !important; float: left; padding: 0px 32px 0px 16px; } .action-center-featured li.views-row-odd { padding: 0px 16px 0px 32px !important; clear: both; } .action-center-featured li.views-row-odd article { width: 100%; max-width: 496px; margin-left: auto; } .action-center-featured li.views-row-even article { width: 100%; max-width: 496px; margin-right: auto; } } @media screen and (min-width: 601px) and (max-width: 768px) { .action-center-featured li.views-row { width: 50% !important; float: left; padding: 0px 16px 0px 8px; } .action-center-featured li.views-row-odd { padding: 0px 8px 0px 16px !important; clear: both; } .action-center-featured li.views-row-odd article { width: 100%; margin-left: auto; } .action-center-featured li.views-row-even article { width: 100%; margin-right: auto; } } @media screen and (max-width: 600px) { .action-center-featured li.views-row { width: 100%; padding: 0px 16px !important; } .action-center-featured li.views-row article { max-width: none !important; width: 100%; margin: auto; display: flex !important; align-items:flex-start; justify-content:space-between; } } /*Image*/ @media screen and (min-width: 601px) { .action-center-featured li.views-row .image { width: 100%; height: 0px; padding-bottom: 48% !important; } } @media screen and (max-width: 600px) { .action-center-featured li.views-row .image { width: calc(50% - 4px) !important; height: 0px !important; padding-bottom: 22.5% !important; } } /*Copy Containter*/ .action-center-featured li.views-row .content { position: relative !important; height: auto !important; background-color: transparent !important; } @media screen and (min-width: 601px) { .action-center-featured li.views-row .content { width: 100% !important; padding: 16px 0px 0px 0px !important; } } @media screen and (max-width: 600px) { .action-center-featured li.views-row .content { width: calc(50% - 4px) !important; padding: 4px 0px 4px 8px !important; } } /*Title*/ div#content .action-center-featured li.views-row h3.title { font-family: "franklin-gothic-urw",sans-serif !important; font-weight: 700 !important; line-height: 1.125 !important; position: relative; } div#content .action-center-featured li.views-row h3.title a { width: 100%; position: relative; display: inline; font-size: inherit !important; font-family: inherit !important; line-height: 1 !important; color: #000 !important; } @media screen and (min-width: 769px) { div#content .action-center-featured li.views-row h3.title { font-size: 18px !important; margin-bottom: 6px !important } } @media screen and (min-width: 501px) and (max-width: 768px) { div#content .action-center-featured li.views-row h3.title { font-size: 16px !important; margin-bottom: 0px !important } } @media screen and (max-width: 500px) { div#content .action-center-featured li.views-row h3.title { font-size: 16px !important; margin-bottom: 0px !important } } /*Article content*/ .action-center-featured li.views-row .article-content { color: #333 !important; font-size: 16px !important; font-family: "franklin-gothic-urw",sans-serif !important; margin-top:0px !important; } /*If Even & Last*/ @media screen and (min-width: 769px) { .action-center-featured li.views-row-odd.views-row-last { width: 100% !important; max-width: 1088px !important; margin: auto !important; display: block !important; float: none !important; padding: 0px 32px !important; } .action-center-featured li.views-row-odd.views-row-last article { width: 100% !important; float: none !important; margin-left: auto !important; margin-right: auto !important; width: 100%; max-width: none !important; display: flex !important; align-items: flex-start; justify-content: flex-start; } .action-center-featured li.views-row-odd.views-row-last article .image { width: calc(50% - 16px) !important; margin-right: 16px !important; height: auto !important; padding-bottom: 0px !important } .action-center-featured li.views-row-odd.views-row-last article .image a { position: relative !important; display: block; width: 100%; height: 0px; padding-bottom: 50% !important; } .action-center-featured li.views-row-odd.views-row-last article .content { width: calc(50% - 16px) !important; } } @media screen and (min-width: 601px) and (max-width: 768px) { .action-center-featured li.views-row-odd.views-row-last { width: 100% !important; max-width: 1088px !important; margin: auto !important; display: block !important; float: none !important; padding: 0px 16px !important; } .action-center-featured li.views-row-odd.views-row-last article { width: 100% !important; float: none !important; margin-left: auto !important; margin-right: auto !important; width: 100%; max-width: none !important; display: flex !important; align-items: flex-start; justify-content: space-between; } .action-center-featured li.views-row-odd.views-row-last article .image { width: calc(50% - 8px) !important; margin-right: 16px !important; height: auto !important; padding-bottom: 0px !important } .action-center-featured li.views-row-odd.views-row-last article .image a { position: relative !important; width: 100% !important; padding-bottom: 50% !important; display: block; } .action-center-featured li.views-row-odd.views-row-last article .content { width: calc(50% - 8px) !important; padding-top: 8px !important } } /*======================= Latest Stories =======================*/ .program-resources .image { border: solid 1px #eaeaea; } /*Temp (until there are more stories) .program-news li.views-row:nth-of-type(n+2) { display: none; } */ /*Container / Article Styling */ .program-news { position: relative; z-index: 10; } .cnsection-container { position: relative; z-index: 20; } .block.program-news:before { content: "Resources & News"; font-family: "franklin-gothic-urw",sans-serif !important; font-weight: 900 !important; font-size: 45px; padding: 0px 32px; display: block; width: 100%; max-width: 1024px; margin: 0px auto 16px auto; text-transform: uppercase; } @media screen and (min-width: 601px) and (max-width: 768px) { .block.program-news:before { font-size: 32px !important; padding: 0px 16px !important } } @media screen and (max-width: 600px) { .block.program-news:before { font-size: 24px !important; padding: 0px 16px !important } } .program-news li.views-row-1 { position: relative; padding-top: 106px !important; margin-top: -106px !important; } .program-news li.views-row { width: 100%; max-width: 1088px; margin-left: auto !important; margin-right: auto !important; } @media screen and (min-width: 1025px) { .program-news li.views-row { width: 100%; padding: 0px 32px; margin-bottom: 32px !important; } } @media screen and (min-width: 769px) and (max-width: 1024px) { .program-news li.views-row { width: 100%; padding: 0px 32px 16px 32px; border-bottom: solid 1px #eaeaea; margin-bottom: 16px; } } @media screen and (max-width: 768px) { .program-news li.views-row { width: 100%; padding: 0px 16px 16px 16px; border-bottom: solid 1px #eaeaea; margin-bottom: 16px; } } .program-news li.views-row article { position: relative !important; border-width: 0px !important; margin-bottom: 0px !important; display: flex !important; align-items: flex-start; justify-content: space-between; } /*Image*/ @media screen and (min-width: 601px) { .program-news li.views-row article .image { width: calc(37.5% - 8px) !important; margin-right: 16px; height: auto !important; } .program-news li.views-row article .image img { width: 100% !important; height: auto !important; margin:0px !important; } } @media screen and (max-width: 600px) { .program-news li.views-row article .image { width: calc(25% - 8px) !important; margin-right: 16px; height: auto !important; } .program-news li.views-row article .image a { position: relative !important; width: 100%; height: 0px !important; padding-bottom: 100% !important; display: block !important; } .program-news li.views-row article .image img{ position: absolute; top: 0px; left: -50%; width: auto !important; height: 100% !important; } } /*Copy Containter*/ @media screen and (min-width: 601px) { .program-news li.views-row .content { position: relative !important; height: auto !important; background-color: transparent !important; padding: 8px 0px !important; width: calc(62.5% - 16px) !important; } } @media screen and (max-width: 600px) { .program-news li.views-row .content { position: relative !important; height: auto !important; background-color: transparent !important; padding: 4px 0px !important; width: calc(75% - 8px) !important; } } /*Title and Type*/ .program-news li.views-row .media-type { margin-bottom: 6px !important; margin-right: 6px; } .program-news li.views-row h3.title, .program-news li.views-row .media-type { font-family: "franklin-gothic-urw",sans-serif !important; line-height: 1.125 !important; position: relative; } .program-news li.views-row h3.title { font-weight: 700 !important; } .program-news li.views-row h3.title a { width: 100%; position: relative; display: inline; font-size: inherit !important; font-family: inherit !important; line-height: 1 !important; color: #000 !important; } .program-news li.views-row h3.title, .program-news li.views-row .media-type { font-weight: 700 !important; margin-bottom: 0px !important; display: inline !important; } @media screen and (min-width: 769px) { div#content .program-news li.views-row .media-type, div#content .program-news li.views-row h3.title { font-size: 18px !important; margin-bottom: 6px !important } } @media screen and (min-width: 601px) and (max-width: 768px) { div#content .program-news li.views-row .media-type, div#content .program-news li.views-row h3.title { font-size: 16px !important; margin-bottom: 0px !important } } @media screen and (max-width: 600px) { div#content .program-news li.views-row .media-type, div#content .program-news li.views-row h3.title { font-size: 14px !important; font-weight: 500 !important; margin-bottom: 0px !important } } /*Article content*/ .program-news li.views-row .article-content { color: #333 !important; font-size: 16px !important; font-family: "franklin-gothic-urw",sans-serif !important; margin-top:0px !important; } @media screen and (min-width: 601px) and (max-width: 768px) { .program-news li.views-row .article-content { font-size: 14px !important; display: block !important; } } /*Pager*/ .program-news ul.pager { padding: 0px 16px; display: flex !important; justify-content:center; align-items:center; } .program-news ul.pager li.pager-current { display: none !important; } .program-news ul.pager li { font-family: "franklin-gothic-urw",sans-serif !important; font-weight: 100 !important; text-transform: uppercase; line-height: 1 !important; padding: 0px !important; border-width: 0px !important } .program-news ul.pager li a { font-family: inherit; font-size: inherit; line-height: 1 !important; padding: 8px 10px !important; border:solid 1px #eaeaea; } /*CN Menu*/ #cn-menu { position: fixed; top: 0px; left: 0px; width: 100%; height: 90px; background-color:#fff; background-image: url(http://www.naco.org/sites/default/files/event_attachments/naco-logo.svg); background-position: 16px center; background-size: auto 48%; background-repeat: no-repeat; padding: 8px 8px 8px 118px; display: flex; justify-content: space-between; align-items: center; z-index: 500; /*box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px;*/ -webkit-box-shadow: 0px 0px 18px 2px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0px 0px 18px 2px rgba(0, 0, 0, 0.18); box-shadow: 0px 0px 18px 2px rgba(0, 0, 0, 0.18); } @media screen and (max-width: 1024px) { #cn-menu { justify-content: flex-end !important; } } #cn-menu a { color: #000 !important; font-family: "franklin-gothic-urw",sans-serif !important; line-height: 1 !important; } #cn-menu a:hover { color: #cc3300 !important; text-decoration: none !important; } #cn-menu .main-menu a { padding: 8px; font-size: 21px; font-weight: 700; } #cn-menu .naco-menu { width: auto; display: flex; } #cn-menu .naco-menu a { font-size: 16px; padding: 8px 16px; font-weight: 300; } #cn-menu .naco-menu a:last-of-type {padding-right: 24px !important} /*Cn Dropdown menu*/ #dropdown-menu { position: fixed; left: 0px; top: 0px; height: 100%; background-color: #fff; padding: 16px; overflow: scroll; padding: 122px 0px 16px 0px; background-color: #eaeaea; display: none; } header #dropdown-menu { display: block !important; } div#dropdown-menu::-webkit-scrollbar { display: none; } #dropdown-menu h3 { font-family: "franklin-gothic-urw",sans-serif !important; font-weight: 500; padding: 0px 16px 16px 16px; border-bottom: solid 1px rgba(0,0,0,0.05); margin-bottom: 16px !important; font-size: 16px !important } #dropdown-menu h3:last-of-type { border-width: 0px !important; padding-bottom: 0px !important } #dropdown-menu h4 { font-family: "franklin-gothic-urw",sans-serif !important; font-weight: 300; padding: 8px 16px; margin-bottom: 0px !important; font-size: 14px !important } #dropdown-menu h4:nth-of-type(1) { padding-top: 32px !important; border-top: solid 1px rgba(0,0,0,0.05); } #dropdown-menu a { color: #000 !important; text-decoration: none !important; } #dropdown-menu a:hover { font-weight: 700 !important; } #content, footer { transition: 0.69s; -webkit-box-shadow: 0px 0px 18px 2px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0px 0px 18px 2px rgba(0, 0, 0, 0.18); box-shadow: 0px 0px 18px 2px rgba(0, 0, 0, 0.18); } @media screen and (min-width: 438px) { #dropdown-menu { width: 350px; } .dropdown-active { transform:translateX(350px); } } @media screen and (max-width: 437px) { #dropdown-menu { width: 80vw; } .dropdown-active { transform:translateX(80vw); } } #dropdown-btn i { transition: transform 0.8s; } #dropdown-btn.rotate-arrow i { -ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */ transform: rotate(180deg); } /*===================== Font Styling=====================*/ div#content p, div#content li { font-family: "franklin-gothic-urw",sans-serif !important; font-weight: 300 !important; font-size: 16px !important; line-height: 21px !important; } div#content p strong, div#content li strong { font-weight: 900 !important } div#content h1, div#content h2 { font-family: "franklin-gothic-urw",sans-serif !important; font-weight: 900 !important; padding-top: 8px; text-transform: uppercase; } div#content h3 { font-family: "franklin-gothic-urw",sans-serif !important; font-weight: 600 !important; padding-top: 8px; } div#content h3 strong { font-family: "franklin-gothic-urw",sans-serif !important; font-weight: 800 !important; } div#content h4, div#content h5 { font-family: "franklin-gothic-urw",sans-serif !important; padding-top: 8px; font-weight: 700 !important; text-transform: uppercase !important; } div#content h4 strong, div#content h5 strong { font-family: "franklin-gothic-urw",sans-serif !important; font-weight: 900 !important; text-transform: uppercase !important; } div#content h6 { font-family: "franklin-gothic-urw",sans-serif !important; font-weight: 100; color: #333; width: 100%; display: block; margin-top: -8px; margin-bottom: 16px; font-size: 12px !important; line-height: 1.3125 !important; } div#content h6:before { content: "\f083"; font-family: "fontawesome"; display: inline; margin-right: 8px; } @media screen and (max-width: 768px) and (min-width: 601px) { div#content h1 {font-size: 36px !important;} div#content h2 {font-size: 32px !important;} div#content h3 {font-size: 28px !important;} } @media screen and (max-width: 600px) { div#content h1 {font-size: 28px !important;} div#content h2 {font-size: 24px !important;} div#content h3 {font-size: 21px !important;} div#content p, div#content li, #clc-content {font-size: 14px !important} } .cn-body table tr:nth-child(odd) { background-color: rgba(179,179,179,0.15) !important } .cn-body table caption { font-family: "franklin-gothic-urw",sans-serif !important; line-height: 1.215 !important; font-size: 18px !important; font-weight: 700; padding: 8px 0px !important; } .larger { font-size: 120% !important; line-height: 1.4 } p span.larger { font-weight: 100 !important } a.more { display: table; text-align: center; width: auto; margin: 32px auto !important; font-size: 120%; line-height: 1.2; padding: 10px; font-weight: 700; text-transform: uppercase; text-decoration: none !important; color: #fff !important; background-color: #0099cc; border-radius: 6px; position: relative; } a.more.left { margin: 16px 0px !important; } a.more:hover { background-color: #006699 !important; } .wht-text a.more { background-color: rgba(0,0,0,0.45) !important; } .wht-text a.more:hover { background-color: rgba(0,0,0,0.69) !important; } /*====================== Hero Image ======================*/ .event-hero { position: relative; width: 100%; height: 70vh; margin-top: 80px; background-image: url(http://www.naco.org/sites/default/files/leg-header_jan4.jpg); background-size: cover; background-position: 50% 10%; } .event-hero-footer { width: 100%; max-width: 1088px; margin: -90px auto 32px auto; display: flex; align-items: center; justify-content: center; padding: 0px 32px; position: relative; } @media screen and (max-width: 768px) { .event-hero-footer {padding: 0px 16px !important} } .event-hero-footer img { width: 336px; margin: 0px !important; max-width: none; padding: 0px 32px !important; position: relative; } .event-hero-footer div { width: calc(50% - 125px); padding-top: 48px; } div.countdown { display: flex; justify-content: space-between; } .event-hero-footer div.countdown .unit { text-align: center; padding: 0px !important; width: auto; } @media screen and (max-width: 800px) { .event-hero-footer { padding-lefT: 196px !important; margin-top: 0px; flex-wrap: wrap; } .event-hero-footer div { width: 100% !important; text-align: left !important; padding-top: 6px !important; } .event-hero-footer img { width: 150px; position: absolute; top: -16px; left: 16px; padding: 0px !important; } } @media screen and (min-width: 769px) { div#content .event-hero-footer h3 {font-size: 28px !important} } @media screen and (min-width: 601px) and (max-width: 768px) { div#content .event-hero-footer h3 {font-size: 24px !important; margin-bottom: 8px !important;} } @media screen and (max-width: 600px) { div#content .event-hero-footer h3 {font-size: 18px !important; margin-bottom: 6px !important;} } /*====================== Pub Content Container Sizing ======================*/ /*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} } /*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 } /*---------------------Tracks---------------------*/ .tracks-outer { display: flex; justify-content: space-between; flex-wrap: wrap; } .tracks { position: relative; text-transform: uppercase; margin-bottom: 16px; width: calc(33.333% - 12px); display: flex; align-items: center; justify-content: flex-start; font-family: "franklin-gothic-urw",sans-serif; font-weight: 300; font-size: 14px; line-height: 1.125; } .tracks span { display: flex; align-items: center; justify-content: center; font-size: 16px; border: solid 3px; border-radius: 50%; font-weight: 900 !important; margin-right: 8px; min-width: 32px; min-height: 32px; text-align: center; } @media screen and (min-width: 401px) and (max-width: 768px) { .tracks {width: calc(50% - 8px) !important} } @media screen and (max-width: 400px) { .tracks {width: 100% !important} } .block.topic-counter { display: none; } /*---------------Sponsors---------------------*/ #leg-sponsors { position: relative; display: block; -ms-transform: translateY(-100px); -webkit-transform: translateY(-100px); transform: translateY(-100px); } .sponsors-block { width: 100% !important; max-width: none !important; margin: 0px !important; padding: 0px !important; display: flex; flex-wrap: wrap; } .sponsors-block div#sponsors-title { display: block !important; } .sponsors-block:before {display: none !important;} #sponsors-title h2 { padding: 0px 8px 8px 8px; line-height: 1.125 !important; font-family: "franklin-gothic-urw",sans-serif !important; font-weight: 900 !important; font-size: 45px; margin-bottom: 0px !important } @media screen and (min-width: 601px) and (max-width: 768px) { #sponsors-title h2 { font-size: 32px !important; } } @media screen and (max-width: 600px) { #sponsors-title h2 { font-size: 24px !important; } } #sponsors-title h2 span { display: inline; color: #fff; background-color: #000; padding: 0px; line-height: 1; box-shadow: 8px 0 0 black, -8px 0 0 black; } div#sponsors-title { width: 100%; margin: 32px auto 0px auto !important; max-width: 1088px; padding: 0px 24px; position: relative; } @media screen and (max-width: 768px) { div#sponsors-title {padding: 0px 8px !important} } .sponsors-block .view { margin-top: 8px; } .sponsors-block a {pointer-events: none;} /*Menu links for sponsors*/ h3#sponsors-link {display: none;} h3#sponsors-alt-link {display: block !important;} /*Sponsors Flex Styling*/ .sponsors-block .view-content ul { width: 100%; display: flex; align-items: flex-start; justify-content: center; flex-wrap: wrap; padding: 4px; } .sponsors-block .views-row { margin: 0px 4px 8px 4px !important; width: calc(16.6667% - 8px) !important; } @media screen and (max-width: 600px) { .sponsors-block .views-row { width: calc(50% - 8px) !important; } } /*---------------------Housing Block---------------------*/ @media screen and (min-width: 769px) { .housing { width: 100%; height: auto; height: 50vh; min-height: 400px; position: relative; display: flex; align-items: flex-end; margin-bottom: 0px ; } .housing iframe.map { position: absolute; top: 0px; left: 0px; width: 50%; height: 100%; } #adams-morgan { position: absolute; top: 0px; right: 0px; width: 50%; height: 100%; background-image: url(http://www.naco.org/sites/default/files/adams-morgan.jpg); background-size: cover; background-position: center bottom; } } @media screen and (max-width: 768px) { .housing { width: 100%; height: auto; position: relative; display: block; margin-bottom: 0px; } .housing iframe.map { position: relative; width: 100%; height: 56.25vw } #adams-morgan { position: absolute; position: relative; width: 100%; height: 56.25vw; background-image: url(http://www.naco.org/sites/default/files/adams-morgan.jpg); background-size: cover; background-position: center bottom; } } .housing .map-overlay { position: absolute; bottom: 32px; width: 100%; height: calc(100% - 40vh - 32px); pointer-events:none; } .map-overlay:before { content: ""; display: block; width: 100%; height: 100%; background-color: #333; max-width: 768px; margin: auto; mix-blend-mode: multiply; border-radius: 8px; -webkit-box-shadow: 0px 0px 18px 2px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0px 0px 18px 2px rgba(0, 0, 0, 0.18); box-shadow: 0px 0px 18px 2px rgba(0, 0, 0, 0.18); } .pub-content.housing-copy { padding-top: 0px; margin-top: -32px; position: relative; } .housing-copy h2 { padding: 0px 8px 8px 8px; line-height: 1.125 !important; } .housing-copy h2 span { display: inline; color: #fff; background-color: #000; padding: 0px; line-height: 1; box-shadow: 8px 0 0 black, -8px 0 0 black; } /*---------------Registration ---------------*/ table[summary=registration] tr, table[summary=registration] th tr { background-color: transparent !important; } .standard-text table[summary=registration] thead tr, .text-content table[summary=registration] thead tr, .column.content-right .block table[summary=registration] thead tr, article.full-page.full-page table[summary=registration] thead tr, article.full-page.page table[summary=registration] thead tr, article.full-page.blog table[summary=registration] thead tr, .article-content table[summary=registration] thead tr, article.article .content table[summary=registration] thead tr { background-color: transparent !important; } table[summary=registration] tr td, table[summary=registration] tr th { border-right: solid 2px #0099cc; border-bottom: solid 2px #0099cc; text-align: center; padding: 16px 8px; } table[summary=registration] tr td { color: #fff; background-color: rgba(0,0,0,0.08); } table[summary=registration] tr th { color: #fff !important; background-color: rgba(0,0,0,0.16); font-size: 16px; line-height: 1 !important; font-family: "franklin-gothic-urw",sans-serif !important; font-weight: 700 !important; } table[summary=registration] tr td { font-size: 21px; line-height: 1; font-family: "franklin-gothic-urw",sans-serif !important; font-weight: 100; } table[summary=registration] thead tr th:nth-child(1) {opacity: 0;} table[summary=registration] tr th div { font-size: 14px !important; font-weight: 100 !important; font-style: italic; padding-top: 6px; } @media screen and (min-width: 769px) { table[summary=registration] tbody tr th { width: 400px !important } } @media screen and (max-width: 768px) { table[summary=registration] thead {display: none;} table[summary=registration] tr, table[summary=registration] tr th, table[summary=registration] tr td { display: block !important; width: 100%; text-align: left; padding: 8px !important } table[summary=registration] tr th {font-size: 16px !important} table[summary=registration] tr td {font-size: 14px !important} table[summary=registration] tr td:before {font-weight: 700 !important; opacity: 0.92} /*table[summary=registration] tr td:nth-of-type(1):before {content: "EARLY BIRD: ";}*/ table[summary=registration] tr td:nth-of-type(1):before {content: "ADVANCE: ";} table[summary=registration] tr td:nth-of-type(2):before {content: "ON-SITE: ";} table[summary=registration] tr td:only-of-type:before {content: "" !important;} } /*---------------Featured Speakers---------------*/ .featured-speakers { display: table; width: 100%; position: relative; padding: 32px; -webkit-box-shadow: 0px -3px 6px 0px rgba(50, 50, 50, 0.25); -moz-box-shadow: 0px -3px 6px 0px rgba(50, 50, 50, 0.25); box-shadow: 0px -3px 6px 0px rgba(50, 50, 50, 0.25); } .featured-speakers:before { content: "Featured Speakers"; font-family: "franklin-gothic-urw",sans-serif !important; font-weight: 900 !important; font-size: 38px; padding: 0px 32px; display: block; width: 100%; max-width: 1024px; margin: 0px auto 16px auto; text-transform: uppercase; text-align: center; } @media screen and (min-width: 601px) and (max-width: 768px) { .featured-speakers:before { font-size: 32px !important; padding: 0px 16px !important } } @media screen and (max-width: 600px) { .featured-speakers:before { font-size: 24px !important; padding: 0px 8px !important } } @media screen and (max-width: 768px) { .featured-speakers {padding: 16px 8px 16px 8px !important} } .featured-speakers .item-list ul { width: 100%; max-width: 1040px; margin: auto !important; display: flex !important; /*when three or more use this: justify-content: flex-start;*/ justify-content: center; align-items: flex-start; flex-wrap: wrap; position: relative; } .featured-speakers li.views-row { margin: 0px !important; padding: 0px 8px 16px 8px !important; } .featured-speakers li.views-row.views-row-first.views-row-last { width: 100%; max-width: 468px; float: none !important; margin-bottom: 16px; } .featured-speakers li.views-row.views-row-first.views-row-last .speaker > a { width: calc(50% + 8px) !important; display: block; float: left; padding-right: 16px; } .featured-speakers .full-name { font-family: "franklin-gothic-urw",sans-serif !important; font-size: 18px; line-height: 1; font-weight: 900; margin: 0px; padding: 16px 0px 8px 0px; color: #000; text-transform: uppercase; } .featured-speakers .title-org { font-family: "franklin-gothic-urw",sans-serif !important; font-size: 14px; line-height: 1.125; font-weight: 300; margin: 0px; padding-bottom: 8px; color: #000; } /*@media screen and (min-width: 1201px) { .featured-speakers li.views-row {width: calc(25% - 12px);} .featured-speakers li.views-row:nth-child(4n) {margin-right:0px !important;} }*/ @media screen and (min-width: 601px) { .featured-speakers li.views-row {width: calc(33.3333% - 10.6667px);} .featured-speakers li.views-row:nth-child(3n) {margin-right:0px !important;} } @media screen and (max-width: 600px) { .featured-speakers li.views-row {width: calc(50% - 8px);} .featured-speakers li.views-row:nth-child(even) {margin-right:0px !important;} } .featured-speakers img { width: 100%; height: auto; max-width: none !important; margin: 0px !important; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); transition: all 0.3s cubic-bezier(.25,.8,.25,1); } .featured-speakers img:hover { transform: translate(-2px,-2px); box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); } /*-------------------------App Box-------------------------*/ .app-box { position: relative; display: block; width: 100%; } div#phone { position: absolute; background-image: url(/sites/default/files/2018-Leg-ap_1.png); background-size: 100%; transition: height 0.33s; -webkit-animation: mymove 10s infinite; /* Safari 4.0 - 8.0 */ animation: mymove 10s infinite; } /* Safari 4.0 - 8.0 */ @-webkit-keyframes mymove { 0% {background-image: url(/sites/default/files/2018-Leg-ap_1.png)} 30% {background-image: url(/sites/default/files/2018-Leg-ap_1.png)} 33.333% {background-image: url(/sites/default/files/2018-Leg-ap_2.png)} 63.333% {background-image: url(/sites/default/files/2018-Leg-ap_2.png)} 66.666% {background-image: url(/sites/default/files/2018-Leg-ap_3.png)} 96.666% {background-image: url(/sites/default/files/2018-Leg-ap_3.png)} 100% {background-image: url(/sites/default/files/2018-Leg-ap_1.png)} } @keyframes mymove { 0% {background-image: url(/sites/default/files/2018-Leg-ap_1.png)} 30% {background-image: url(/sites/default/files/2018-Leg-ap_1.png)} 33.333% {background-image: url(/sites/default/files/2018-Leg-ap_2.png)} 63.333% {background-image: url(/sites/default/files/2018-Leg-ap_2.png)} 66.666% {background-image: url(/sites/default/files/2018-Leg-ap_3.png)} 96.666% {background-image: url(/sites/default/files/2018-Leg-ap_3.png)} 100% {background-image: url(/sites/default/files/2018-Leg-ap_1.png)} } div#phone a { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } @media screen and (min-width: 769px) { .app-box { padding: 32px 0px 32px 348px; } div#phone { left: 0px; bottom: 0px; width: 316px; height: 100%; background-position: center top; } .app-box:hover div#phone { height: calc(100% + 64px) } .app-box a.more { margin-left: 0px !important; } } @media screen and (min-width: 501px) and (max-width: 768px) { .app-box { padding: 32px 0px 32px 312px; } div#phone { left: 0px; bottom: 0px; width: 280px; height: 100%; background-position: center top; } .app-box:hover div#phone { height: calc(100% + 32px) } .app-box a.more { margin-left: 0px !important; } } @media screen and (max-width: 500px) { .app-box { padding: 0px 0px 268px 0px; } div#phone { position: absolute; left: 0px; bottom: 0px; width: 100%; height: 268px; background-image: url(/sites/default/files/2018_leg_app_splash_graphic.jpg); background-size: auto 200%; background-position: center top; background-repeat: no-repeat; } .app-box:hover div#phone { height: 284px; } } .after-app-box{ position: relative; -webkit-box-shadow: 0px -3px 6px 0px rgba(50, 50, 50, 0.25); -moz-box-shadow: 0px -3px 6px 0px rgba(50, 50, 50, 0.25); box-shadow: 0px -3px 6px 0px rgba(50, 50, 50, 0.25); }

    The NACo Legislative Conference, held annually in Washington, D.C., brings together over 2,000 elected and appointed county officials to focus on federal policy issues that impact counties and our residents. The 2018 Legislative Conference is a can’t-miss opportunity to elevate the county voice at the national level. Attendees will participate in second-to-none educational sessions, interact with federal officials and descend on Capitol Hill, delivering the message that federal policies matter to counties and counties matter to America!

    Register

    Get the Conference App

    Put the meeting in the palm of your hand and maximize your participation by downloading the NACo Mobile App. The app is a handy tool to access conference information including schedules, policy briefs, legislative presentation handouts, attendee lists and much more!

    Download now

    Over 0 sessions and counting on the issues critical to counties

    0Agriculture & Rural Affairs 0Arts & Culture 0Community & economic Development 0Civic Engagement 0Environment, Energy & Land Use 0Health 0Human Services 0Justice & Public Safety 0Management and Administration 0Resiliency 0Public Lands 0Tax & Finance 0Technology 0Transportation & Infrastructure

    Full Schedule

    Register Today

    Register online for the 2018 Legislative Conference and save $25 off the fax/mail-in prices below.

      ON-SITE
    After 2/23
    NACo BOARD OF DIRECTORS $650
    NACo COUNTY MEMBER $650
    STATE ASSOCIATION OF COUNTIES STAFF $650
    NACo CORPORATE MEMBER $650
    COUNTY NON-MEMBER $875
    CORPORATE NON-MEMBER $1,010
    GOVERNMENT
    (Federal or State employees only)
    $745
    Full-Time Student $195
    Spouse/Guest $150
    PRESS
    Editorial Staff ONLY – Press registrations must be accompanied by a letter of assignment on letterhead.
    Complimentary | Press RSVP

    Learn More & Register

    Housing & Travel

    Leg 2018 is back in the heart of DC! Nestled in between the urban Adams Morgan & Dupont Circle neighborhoods, conference headquarters will be located at the Washington Hilton. Special negotiated rates have been secured.

    Please note that the cut-off date for the NACo hotel block at the Washington Hilton, Courtyard Washington, The Churchill and the Embassy Row hotels has passed. Rooms are available at nearby Hotels. Click here to check hotels and rates near the Washington Hilton.

    If you need to make changes or cancel reservations already made, please call the hotels directly starting Thursday, February 15th.

    Learn More

    $(document).ready(function() { $(".title a").css("text-decoration", "none", "important"); $('.image').find('img').each(function(n, image){ var image = $(image); var thisurl = $(this).attr('src'); image.parents('.image').css('background-image', 'url(' + thisurl + ')'); }); $("div.action-center-featured li.views-row .overline").prependTo("div.action-center-featured li.views-row .inner-content"); $("div.action-center-featured li.views-row-4 .overline").prependTo("div.action-center-featured li.views-row-4 .inner-content"); $("nav.bar.tabs").appendTo("footer"); $(".block.action-center-featured").appendTo("#resources-block"); $("div.featured-speakers").insertAfter("#speakersblock"); $("#clc").insertBefore(".program-news li.views-row-1"); $("#sponsors-title").prependTo(".sponsors-block") }); // Set the date we're counting down to var countDownDate = new Date("March 3, 2018 08:00:00").getTime(); // Update the count down every 1 second var x = setInterval(function() { // Get todays date and time var now = new Date().getTime(); // Find the distance between now an the count down date var distance = countDownDate - now; // Time calculations for days, hours, minutes and seconds var days = Math.floor(distance / (1000 * 60 * 60 * 24)); var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); var seconds = Math.floor((distance % (1000 * 60)) / 1000); // Output the result in an element with id="demo" document.getElementById("days").innerHTML = days; document.getElementById("hours").innerHTML = hours; document.getElementById("minutes").innerHTML = minutes; document.getElementById("seconds").innerHTML = seconds; // If the count down is over, write some text if (distance < 0) { clearInterval(x); document.getElementById("days").innerHTML = "0"; document.getElementById("hours").innerHTML = "0"; document.getElementById("minutes").innerHTML = "0"; document.getElementById("seconds").innerHTML = "0"; } }, 1000); $(document).ready(function(){ var ag = $("div.topic-counter a[href$='agriculture']").length; var arts = $("div.topic-counter a[href$='arts-culture']").length; var ced = $("div.topic-counter a[href$='community-economic-development']").length; var civic = $("div.topic-counter a[href$='civic-engagement-0']").length; var env = $("div.topic-counter a[href$='environment']").length; var tax = $("div.topic-counter a[href$='tax-finance']").length; var health = $("div.topic-counter a[href$='health']").length; var hs = $("div.topic-counter a[href$='human-services']").length; var justice = $("div.topic-counter a[href$='justice']").length; var mgt = $("div.topic-counter a[href$='management-administration']").length; var publiclands = $("div.topic-counter a[href$='public-lands']").length; var transportation = $("div.topic-counter a[href$='transportation-infrastructure']").length; var resiliency = $("div.topic-counter a[href$='resiliency']").length; var tech = $("div.topic-counter a[href$='telecommunications-technology']").length; var total = $("div.topic-counter li.views-row").length; $("#ag-count").attr("data-count", ag); $("#arts-count").attr("data-count", arts); $("#ced-count").attr("data-count", ced); $("#civic-count").attr("data-count", civic); $("#eelu-count").attr("data-count", env); $("#finance-count").attr("data-count", tax); $("#health-count").attr("data-count", health); $("#hs-count").attr("data-count", hs); $("#jps-count").attr("data-count", justice); $("#mgt-count").attr("data-count", mgt); $("#publiclands-count").attr("data-count", publiclands); $("#transportation-count").attr("data-count", transportation); $("#res-count").attr("data-count", resiliency); $("#tech-count").attr("data-count", tech); $("#total-count").attr("data-count", total); $(window).scroll(function() { var scroll = $(window).scrollTop(); var fullvh = $( window ).height(); var halfvh = fullvh/2; var twothirdsvh = fullvh/3*2; var threequartersvh = fullvh/4*3 ; var object = $("#counting-container").offset().top; if(scroll > object - twothirdsvh){ $('.counter-number').each(function() { var $this = $(this), countTo = $this.attr('data-count'); $({ countNum: $this.text()}).animate({ countNum: countTo }, { duration: 2400, easing:'linear', step: function() { $this.text(Math.floor(this.countNum)); }, complete: function() { $this.text(this.countNum); //alert('finished'); } }); }); }; }); });
    The NACo Legislative Conference, held annually in Washington, D.C., brings together over 2,000 elected and appointed county officials to focus on federal policy issues that impact
    2017-10-31
    Conference
    2022-08-11

The NACo Legislative Conference, held annually in Washington, D.C., brings together over 2,000 elected and appointed county officials to focus on federal policy issues that impact counties and our residents. The 2018 Legislative Conference is a can’t-miss opportunity to elevate the county voice at the national level. Attendees will participate in second-to-none educational sessions, interact with federal officials and descend on Capitol Hill, delivering the message that federal policies matter to counties and counties matter to America!

The NACo Legislative Conference, held annually in Washington, D.C., brings together over 2,000 elected and appointed county officials to focus on federal policy issues that impact counties and our residents. The 2018 Legislative Conference is a can’t-miss opportunity to elevate the county voice at the national level. Attendees will participate in second-to-none educational sessions, interact with federal officials and descend on Capitol Hill, delivering the message that federal policies matter to counties and counties matter to America!

Register

Get the Conference App

Put the meeting in the palm of your hand and maximize your participation by downloading the NACo Mobile App. The app is a handy tool to access conference information including schedules, policy briefs, legislative presentation handouts, attendee lists and much more!

Download now

Register Today

Register online for the 2018 Legislative Conference and save $25 off the fax/mail-in prices below.

  ON-SITE
After 2/23
NACo BOARD OF DIRECTORS $650
NACo COUNTY MEMBER $650
STATE ASSOCIATION OF COUNTIES STAFF $650
NACo CORPORATE MEMBER $650
COUNTY NON-MEMBER $875
CORPORATE NON-MEMBER $1,010
GOVERNMENT
(Federal or State employees only)
$745
Full-Time Student $195
Spouse/Guest $150
PRESS
Editorial Staff ONLY – Press registrations must be accompanied by a letter of assignment on letterhead.
Complimentary | Press RSVP

Learn More & Register

Housing & Travel

Leg 2018 is back in the heart of DC! Nestled in between the urban Adams Morgan & Dupont Circle neighborhoods, conference headquarters will be located at the Washington Hilton. Special negotiated rates have been secured.

Please note that the cut-off date for the NACo hotel block at the Washington Hilton, Courtyard Washington, The Churchill and the Embassy Row hotels has passed. Rooms are available at nearby Hotels. Click here to check hotels and rates near the Washington Hilton.

If you need to make changes or cancel reservations already made, please call the hotels directly starting Thursday, February 15th.

Learn More