/*----------------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;
}
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.
RESOLUTIONS & PLATFORM CHANGES
Download the Resolutions Packet for Consideration at NACo Annual Business Meeting
Download
$(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.