Learn about innovative ways to work with a limited budget.
/*Temp*/
.element-link {display: none !important;}
body header nav.bar {
display: none;
}
article.person {display: none;}
/*Full Width Page*/
#content {top:0px !important;}
#admin-menu-wrapper {
display: none;
}
body.admin-menu {
top: 0px !important;
margin-top: 0px !important;
}
.column.branding, div#utility, .column.content-right {display: none;}
header nav.bar {
top: 0px !important;
background-color: #333 !important
}
#content .grid .column.main {
width: 100% !important;
padding: 0px !important
}
#content .grid .column.content-right {
width: 100% !important;
padding: 0px !important
}
#content .grid .column.main .grid.intro {margin: 0px !important;}
article.event {
margin-bottom: 0px !important;
}
nav.bar.tabs {z-index: 60 !important}
@media screen and (min-width: 1025px) {
#utility {
border-width: 0px !important
}
#utility .stripe-inner {
display: none !important;
}
header .grid .column.branding {
display: none;
}
header nav.bar {
position: fixed;
left: 0;
right: 0;
width: 100%;
z-index: 900 !important;
margin: 0;
border-top: 6px solid #f60;
background-color: #333;
text-align: center;
}
header nav.bar ul.menu li.top-nav-logo, header nav.bar ul.menu li.top-nav-search {
display: list-item !important;
}
header ul.menu {
max-width: 1600px !important;
margin: 0 auto !important;
text-align: center !important;
}
a.cic-new {
padding-right: 8px !important;
padding-left: 48px !important;
background-color: #f93 !important;
color: #fff !important;
background-image: url(/sites/all/themes/custom/naco_ui/assets/img/county-data-icon.png?1436196918);
background-repeat: no-repeat;
background-position: 10px 7px;
-moz-background-size: 49px;
-o-background-size: 49px;
-webkit-background-size: 49px;
background-size: 49px;
}
}
@media screen and (max-width: 1280px) and (min-width: 1025px) {
a.cic-new {
background-position: 10px 7px !important;
-moz-background-size: 36px !important;
-o-background-size: 36px !important;
-webkit-background-size: 36px !important;
background-size: 36px !important;
padding-left: 40px !important;
}
}
@media screen and (max-width: 1024px) {
a.cic-new {
padding: 11.2px 16px !important;
padding-left: 58px !important;
background-color: #f93 !important;
color: #fff !important;
background-image: url(/sites/all/themes/custom/naco_ui/assets/img/county-data-icon.png?1436196918);
background-repeat: no-repeat !important;
background-position: 14px 8px !important;
-moz-background-size: 32px !important;
-o-background-size: 32px !important;
-webkit-background-size: 32px !important;
background-size: 32px !important;
}
}
a.cic-new:hover {
background-image: url(/sites/all/themes/custom/naco_ui/assets/img/county-data-icon-black.png?1436196918) !important;
background-color: #feca95 !important;
color: #333 !important;
}
@media screen and (max-width: 1024px) {
body.admin-menu header, body.admin-menu #content, body.admin-menu footer {
top: 0px !important;
}
}
/*Full Width Blocks*/
#content, #content .stripe-inner, footer {
max-width: none !important;
}
footer {
border-top: solid 8px #ff9933;
}
footer .footer-1 .grid {border-width:0px !important;}
#content .stripe-inner {
padding: 0px !important
}
#content.full .column.main {
padding: 0px !important;
transition: top 0.69s;
}
#content .column.main .wrapper{
display: none;
}
#page-title h1 {
display: inline !important;
font-family: "MuseoSans" !important;
font-size: 15.5px !important;
line-height: 15.5px !important
}
#content .grid .column.content-right .block:first-child {
width: 100%;
display: table;
padding: 0px !important;
margin: 0px !important;
border-width: 0px !important;
}
/*-----------------------Mobile vs. Desktop Only-----------*/
@media screen and (min-width: 1025px) {
.only-mobile {display: none !important;}
.only-mobile-tablet {display: none !important;}
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
.only-mobile {display: none !important;}
.only-desktop {display: none !important;}
}
@media screen and (max-width: 768px) {
.only-desktop-tablet {display: none !important;}
.only-desktop {display: none !important;}
}
/*--------------Image Styling--------------*/
img.img-full {
width: 100%;
max-width: none !important;
margin: 16px 0px !important;
}
.img-caption img {
width: 100%;
height: auto;
margin: 0px 0px 12px 0px !important;
max-width: none !important;
}
.img-caption {
width: 100%;
margin: 16px 0px;
font-family: "MuseoSans300";
font-size: 12px;
}
/*-------------------Fonts-------------------*/
.cn-body h1, .cn-body h2.kepler {
font-family: "kepler-std-display",serif !important;
font-weight: bold;
text-align: center;
}
.cn-body h2, .cn-body h3, .cn-body h4, .cn-body h5, .cn-body h6 {
font-family: "museo-sans",sans-serif !important;
}
.cn-body h2, .cn-body h3 {font-weight: 900}
.cn-body h4, .cn-body h5 {font-weight: 700}
.cn-body h6 {
font-weight: 100;
font-style: italic;
line-height: 1.3125 !important;
font-size: 14px !important;
}
.cn-body p, .cn-body li {
font-family: "museo-sans",sans-serif !important;
font-weight: 300;
line-height: 1.3125 !important;
font-size: 16px !important
}
.cn-body sup {
font-size: 12px !important;
}
@media screen and (max-width: 768px) {
.cn-body h1, .cn-body h2 {text-align: center;}
}
@media screen and (max-width: 600px) {
.cn-body h1 {font-size: 45px !important;}
.cn-body h2 {font-size: 36px !important}
.cn-body h3 {font-size: 24px !important}
.cn-body h4, .accordion .row-header {font-size: 18px !important}
.cn-body p, .cn-body li {font-size: 14px !important}
}
/*-----------------------Blocks-----------*/
/*Page Header*/
.header-outer {
width: 100%;
height:100vh;
padding: 0px;
position: relative;
background-size: cover;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
background-image: url(http://www.naco.org/sites/default/files/nashville-bkg_0.jpg);
z-index: 100;
}
.header-outer .logo {
width: 100%;
max-width: 600px;
padding: 32px
}
@media screen and (max-width: 768px) {
.header-outer .logo {padding: 16px !important}
}
.header-outer .footer-bar {
width: 100%;
display: flex;
justify-content: flex-end;
align-items: center;
padding: 16px;
min-height: 32px;
background-color: #ff9933;
}
.header-outer .footer-bar h3 {
font-weight: 900 !important;
text-align: right;
text-transform: uppercase !important;
margin-bottom: 0px !important
}
.header-outer .footer-bar h3 span {font-weight: 100 !important; font-size: 80% !important}
.header-outer .footer-bar .clock {
text-align: center !important;
font-family: "museo-sans";
color: #fff;
font-size: 36px;
line-height: 1;
font-weight: 900;
margin: 0px 8px;
min-width: 68px
}
.header-outer .footer-bar .clock:after {
display: block;
font-size: 18px;
padding-top: 6px;
font-weight: 300;
text-align: center;
}
div#days:after {
content: "DAYS";
}
div#hours:after {
content: "HOURS";
}
div#minutes:after {
content: "MIN.";
}
div#seconds:after {
content: "SEC.";
}
@media screen and (min-width: 769px) {
.header-outer .footer-bar h3 {margin-right: 32px};
}
/*xxx*/
/*Content Blocks*/
/*Pub Content*/
.pub-content {
width: 100%;
max-width: 1088px;
margin: 32px auto
}
.pub-content.wide {max-width: 1400px !important}
@media screen and (min-width: 769px) {
.pub-content {padding: 32px}
.pub-content.columns {
-webkit-columns: auto 2;
-moz-columns: auto 2;
columns: auto 2;
}
}
@media screen and (max-width: 768px) {
.pub-content {padding: 16px}
}
/*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
}
/*column Block*/
@media screen and (min-width: 769px) {
.flex-columns {
padding-bottom: 16px;
-webkit-columns: auto 2; /* Chrome, Safari, Opera */
-moz-columns: auto 2; /* Firefox */
columns: auto 2;
-webkit-column-gap: 32px; /* Chrome, Safari, Opera */
-moz-column-gap: 32px; /* Firefox */
column-gap: 32px;
}
.flex-columns.three {
-webkit-columns: auto 3; /* Chrome, Safari, Opera */
-moz-columns: auto 3; /* Firefox */
columns: auto 3;
}
}
/*---------------------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: "museo-sans";
font-weight: 300;
font-size: 14px;
line-height: 1.125;
}
.tracks span {
display: block;
font-size: 16px;
padding: 4px;
border: solid 3px;
border-radius: 50%;
font-weight: 900 !important;
margin-right:8px
;
}
@media screen and (min-width: 601px) and (max-width: 768px) {
.tracks {width: calc(50% - 8px) !important}
}
@media screen and (max-width: 600px) {
.tracks {width: 100% !important}
}
/*---------------Sponsors---------------------*/
.sponsors-block {
width: 100% !important;
max-width: none !important;
margin: 0px !important;
padding: 8px !important;
display: flex;
flex-wrap: wrap;
}
.sponsors-block:before {display: none !important;}
/*---------------Featured Speakers---------------*/
.featured-speakers {
display: table;
width: 100%;
position: relative;
padding: 56px 32px 32px 32px;
background-image: url(http://www.naco.org/sites/default/files/GettyImages-544816614.jpg);
background-size: cover;
}
@media screen and (max-width: 768px) {
.featured-speakers {padding: 56px 16px 32px 16px !important}
}
.featured-speakers:before {
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: rgba(51,51,51,0.7);
mix-blend-mode: multiply;
/*opacity: 0.333;*/
}
.featured-speakers .item-list ul {
width: 100%;
max-width: 1024px;
margin: auto !important;
display: flex !important;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
position: relative;
}
.featured-speakers li.views-row {
margin-bottom: 16px;
margin-right: 16px;
}
.featured-speakers .full-name {
font-family: "museo-sans";
font-size: 18px;
line-height: 1;
font-weight: 900;
margin: 0px;
padding: 16px 0px 8px 0px;
color: #fff;
text-transform: uppercase;
}
.featured-speakers .title-org {
font-family: "museo-sans";
font-size: 14px;
line-height: 1.125;
font-weight: 300;
margin: 0px;
padding-bottom: 8px;
color: #fff;
}
@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) and (max-width: 1200px) {
.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;
}
/*---------------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: "museo-sans" !important;
font-weight: 700 !important;
}
table[summary=registration] tr td {
font-size: 21px;
line-height: 1;
font-family: "museo-sans" !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(2):before {content: "ADVANCE: ";}
table[summary=registration] tr td:nth-of-type(3):before {content: "ON-SITE: ";}
}
/*Hide Past Dates*/
/*
table[summary=registration] tr td:nth-child(2), table[summary=registration] tr th:nth-child(2) {opacity: 0.28}
*/
/*
table[summary=registration] tr td:nth-child(3), table[summary=registration] tr th:nth-child(3) {opacity: 0.28}
*/
/*---------------Housing Block---------------*/
.housing {
width: 100%;
background-color: #999;
position: relative;
}
@media screen and (min-width: 1201px) {
.housing {
display: flex;
align-items: center;
justify-content: flex-end;
min-height: 500px;
}
.housing .map {
position: absolute;
top: 0px;
left: 0px;
width: calc(100% - 600px);
height: 100%
}
.housing .housing-content {
width: 600px;
padding: 32px;
}
}
@media screen and (min-width: 801px) and (max-width: 1200px) {
.housing {
display: flex;
align-items: center;
justify-content: flex-end;
min-height: 500px;
}
.housing .map {
position: absolute;
top: 0px;
left: 0px;
width: 50%;
height: 100%
}
.housing .housing-content {
width: 50%;
padding: 32px;
}
}
@media screen and (max-width: 800px) {
.housing .map {
width: 100%;
height:320px;
}
.housing .housing-content {
width: 100%;
padding: 16px;
}
}
/*------------------Resources and Latest Sizing------------------*/
@media screen and (min-width: 1201px) {
div#resources-block {
display: flex;
}
div#resources-block:before {
content: "";
position: absolute;
top: 0px;
right: 0px;
width: 600px;
height: 100%;
background-color: #666;
}
.block.action-center-featured {
width: calc(100% - 600px);
padding: 16px;
position: relative;
}
.action-center-featured article {
height: 400px;
}
.latest-resources {
width: 600px;
padding: 32px;
position: relative;
}
}
@media screen and (min-width: 1001px) and (max-width: 1200px) {
div#resources-block {
display: flex;
}
div#resources-block:before {
content: "";
position: absolute;
top: 0px;
right: 0px;
width: 50%;
height: 100%;
background-color: #666;
}
.block.action-center-featured {
width: 50%;
padding: 16px;
position: relative;
}
.action-center-featured article {
height: 400px;
}
.latest-resources {
width: 50%;
padding: 32px;
position: relative;
}
}
@media screen and (max-width: 1000px) {
div#resources-block {
display: block;
}
.block.action-center-featured {
width: c100%;
padding: 16px;
}
.action-center-featured article {
height: 250px;
}
.latest-resources {
width: 100%;
padding: 16px;
}
}
/*---------------Featured Events---------------*/
div#resources-block {
width: 100%;
position: relative;
}
.action-center-featured .view-content:before {
content: "Featured Sessions";
display: block;
font-family: "museo-sans";
font-weight: 900;
text-transform: uppercase;
font-size: 30px;
color: #666;
margin-bottom: 12px;
}
@media screen and (max-width: 600px) {
.action-center-featured .view-content:before {font-size: 24px !important;}
}
.action-center-featured ul {
display: flex;
width: 100%;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
}
.action-center-featured li.views-row {
display: block;
width: calc(50% - 8px);
margin-bottom: 16px
}
.action-center-featured li.views-row.views-row-odd {
margin-right: 16px;
}
.action-center-featured article {
position: relative;
width: 100%;
overflow: hidden;
border-width: 0px !important;
margin: 0px !important;
}
.action-center-featured .image {
position: absolute !important;
top: 0px;
left: 0px;
width: 100% !important;
height: 100% !important;
}
.action-center-featured .image:after {
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 100% !important;
height: 100% !important;
background-color:rgba(51,51,51,0.4);
mix-blend-mode:multiply;
pointer-events: none;
}
.action-center-featured .image img {
margin: 0px !important;
height: 100% !important;
width: auto !important;
max-width: none !important;
}
.action-center-featured .overline, .action-center-featured .media-type {
display: none;
}
.action-center-featured .content {
width: 90% !important;
height: auto !important;
top: auto !important;
left: 0px !important;
right: auto !important;
bottom: 0px !important;
padding: 8px !important;
background-color: transparent !important;
pointer-events: none;
}
.action-center-featured h3.title, .action-center-featured h3.title a {
color: #fff !important;
text-decoration: none !important;
font-family: "museo-sans" !important;
font-weight: 900 !important;
font-size: 16px !important;
line-height: 1.125 !important;
display: inline;
}
.action-center-featured .byline {
font-family: "museo-sans" !important;
font-weight: 300 !important;
font-size: 14px !important;
line-height: 1.2125 !important;
margin: 0px !important;
padding: 0px;
display: block !important;
}
.action-center-featured .article-content {
display: none;
}
/*---------------Latest News---------------*/
.latest-resources {
background-color: #666;
}
.latest-resources .view-content:before {
content: "Latest Conference News & Resources";
display: block;
font-family: "museo-sans";
font-weight: 900;
text-transform: uppercase;
font-size: 30px;
color: #fff;
margin-bottom: 12px;
}
@media screen and (max-width: 600px) {
.latest-resources .view-content:before {font-size: 24px !important;}
}
.latest-resources ul.stories-list {
display: block !important;
width: 100% !important;
padding: 0px !important;
margin: 0px !important;
}
.latest-resources ul.stories-list li.views-row {
background-image:none !important;
padding: 0px !important
}
.latest-resources article {
border-width: 0px !important;
margin-bottom: 16px !important;
}
.latest-resources .image {
display: none;
}
.latest-resources .content {
position: relative !important;
width: 100% !important;
height: auto !important;
padding: 0px !important;
background-color: transparent !important;
}
.latest-resources .media-type {
color: rgba(255,255,255,0.55) !important;
text-decoration: none !important;
font-family: "museo-sans" !important;
font-weight: 100 !important;
font-size: 16px !important;
line-height: 1.125 !important;
display: inline;
}
.latest-resources .media-type:after {content: " | "}
.latest-resources h3.title, .latest-resources h3.title a {
color: #fff !important;
text-decoration: none !important;
font-family: "museo-sans" !important;
font-weight: 900 !important;
font-size: 16px !important;
line-height: 1.125 !important;
display: inline;
}
.latest-resources .article-content {
font-family: "museo-sans" !important;
font-weight: 300 !important;
font-size: 14px !important;
line-height: 1.2125 !important;
margin: 0px !important;
padding: 6px 0px 16px 0px;
display: block !important;
}
.latest-resources .article-content p {
font-family: "museo-sans" !important;
font-weight: 300 !important;
font-size: 14px !important;
line-height: 1.2125 !important;
color: #fff !important
}
/*---------------"More" Links---------------*/
a.more {
font-size: 18px;
font-family: "museo-sans",sans-serif !important;
font-weight: 900;
display: block;
width: 100%;
text-align: center;
text-transform: uppercase;
}
.wht-text a.more {color: #fff; text-decoration: none !important;}
.wht-text a.more:hover {color: rgba(255,255,255,0.8) !important;}
/*--------------------Sharebox--------------------*/
div.sharebox {
width: 100%;
display: flex;
justify-content: center;
padding-bottom: 16px;
}
div.sharebox a {
margin:8px;
font-size: 21px !important;
width: 21px;
max-width: 33.333%;
line-height: 1 !important;
color: #999 !important;
text-align: center;
}
div.sharebox a:hover {color: #ff6600 !important}
/*------------------Event Header Nav-------------------------*/
.event-nav {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
display: block;
z-index: 1000;
background-color: rgba(0,0,0,0.85);
}
.event-nav .row-content {
margin: 0px !important;
width: 100% !important;
border-width: 0px !important;
background-color: transparent !important;
}
.event-nav li {
font-family: "museo-sans" !important;
font-weight: 700;
text-transform: uppercase;
background-image: none !important;
}
.event-nav li a {
color: #fff !important;
cursor: pointer;
text-decoration: none !important;
position: relative;
}
.event-nav li a:after {
content: "";
position: absolute;
left: 0px;
bottom: -2px;
width: 100%;
height: 2px;
background-color: transparent;
transition: background-color 0.25s;
cursor: pointer;
}
.event-nav li a:hover:after {
background-color: #0099cc;
}
.event-nav .row {text-align: right;}
.event-nav .row .row-header {
background-color: transparent !important;
background-image: url(/sites/default/files/leg-menu-bars.png);
background-size: contain;
background-position: right center;
display: inline-block;
background-repeat: no-repeat;
width: 32px !important;
height: 32px !important;
padding: 0px !important;
margin: 8px !important;
}
.event-nav .row.row-active .row-header {background-image: url(/sites/default/files/leg-menu-close_hover.png) !important;}
@media screen and (min-width: 769px) {
.event-nav .row-header {display: none !important;}
.event-nav .row-content {
display: block !important;
}
.event-nav ul {
display: flex;
justify-content: flex-end;
padding: 0px !important;
margin: 0px !important;
}
.event-nav li {
padding: 8px 0px 8px 16px !important;
}
}
@media screen and (max-width: 768px) {
.event-nav ul {
display: block;
width: 100%;
}
.event-nav ul li {
display: block;
width: 100%;
margin: 0px;
padding: 0px 0px 12px 0px !important;
text-align: center;
}
}
/*---------------Fixed Background---------------*/
.fixed-bkg {
background-attachment: fixed;
}
/* ----------- iPhone 4 and 4S ----------- */
/* Portrait and Landscape */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2) {
.fixed-bkg {
background-attachment: local !important;
}
}
/* Portrait */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {
.fixed-bkg {
background-attachment: local !important;
}
}
/* Landscape */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {
.fixed-bkg {
background-attachment: local !important;
}
}
/* ----------- iPhone 5 and 5S ----------- */
/* Portrait and Landscape */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2) {
.fixed-bkg {
background-attachment: local !important;
}
}
/* Portrait */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {
.fixed-bkg {
background-attachment: local !important;
}
}
/* Landscape */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {
.fixed-bkg {
background-attachment: local !important;
}
}
/* ----------- iPhone 6 ----------- */
/* Portrait and Landscape */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (-webkit-min-device-pixel-ratio: 2) {
.fixed-bkg {
background-attachment: local !important;
}
}
/* Portrait */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {
.fixed-bkg {
background-attachment: local !important;
}
}
/* Landscape */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {
.fixed-bkg {
background-attachment: local !important;
}
}
/* ----------- iPhone 6+ ----------- */
/* Portrait and Landscape */
@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (-webkit-min-device-pixel-ratio: 3) {
.fixed-bkg {
background-attachment: local !important;
}
}
/* Portrait */
@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: portrait) {
.fixed-bkg {
background-attachment: local !important;
}
}
/* Landscape */
@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: landscape) {
.fixed-bkg {
background-attachment: local !important;
}
}
/* ----------- iPad mini ----------- */
/* Portrait and Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 1) {
.fixed-bkg {
background-attachment: local !important;
}
}
/* Portrait */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 1) {
.fixed-bkg {
background-attachment: local !important;
}
}
/* Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 1) {
.fixed-bkg {
background-attachment: local !important;
}
}
/* ----------- iPad 1 and 2 ----------- */
/* Portrait and Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 1) {
.fixed-bkg {
background-attachment: local !important;
}
}
/* Portrait */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 1) {
.fixed-bkg {
background-attachment: local !important;
}
}
/* Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 1) {
.fixed-bkg {
background-attachment: local !important;
}
}
/* ----------- iPad 3 and 4 ----------- */
/* Portrait and Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 2) {
.fixed-bkg {
background-attachment: local !important;
}
}
/* Portrait */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 2) {
.fixed-bkg {
background-attachment: local !important;
}
}
/* Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 2) {
.fixed-bkg {
background-attachment: local !important;
}
}
/*Misc.*/
- Nav Bar Item 1
- Nav Bar Item 2
- Nav Bar Item 3
- Nav Bar Item 4
- Nav Bar Item 5
NACo's 83rd Annual Conference & Exposition
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque dui orci, suscipit nec dolor ac, porttitor auctor turpis. Nullam euismod auctor neque, vitae elementum nisl maximus dignissim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec vel gravida ligula. Nam feugiat semper leo, a auctor purus egestas ac. Proin facilisis odio sapien, id tincidunt ipsum suscipit quis. Sed convallis libero id porta pharetra. Vivamus diam tortor, lobortis sed tellus ac, ultricies rutrum mi. Quisque ut neque fringilla, eleifend metus at, suscipit purus. Etiam vehicula vulputate iaculis. Etiam fermentum quis magna vitae mollis. Mauris pretium nec orci et viverra. Pellentesque sit amet consectetur odio. Nullam malesuada urna id vulputate faucibus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque dui orci, suscipit nec dolor ac, porttitor auctor turpis. Nullam euismod auctor neque, vitae elementum nisl maximus dignissim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec vel gravida ligula. Nam feugiat semper leo, a auctor purus egestas ac. Proin facilisis odio sapien, id tincidunt ipsum suscipit quis. Sed convallis libero id porta pharetra. Vivamus diam tortor, lobortis sed tellus ac, ultricies rutrum mi. Quisque ut neque fringilla, eleifend metus at, suscipit purus. Etiam vehicula vulputate iaculis. Etiam fermentum quis magna vitae mollis. Mauris pretium nec orci et viverra. Pellentesque sit amet consectetur odio. Nullam malesuada urna id vulputate faucibus.
FIND SESSIONS ON THE ISSUES CRITICAL TO YOUR COUNTY
23Community & Economic Development
23Justice & Public Safety
23Transportation & Infrastructure
23Technology
23Community & Economic Development
23Justice & Public Safety
23Transportation & Infrastructure
23Technology
23Justice & Public Safety
+ Full Schedule
REGISTER TODAY
| |
EARLY BIRD Postmarked by 6/8 |
ADVANCE 6/9-7/13 |
ON-SITE |
| NACo BOARD OF DIRECTORS |
$515 |
$515 |
$515 |
| NACo COUNTY MEMBER |
$515 |
$515 |
$515 |
| STATE ASSOCIATION OF COUNTIES STAFF |
$515 |
$515 |
$515 |
| NACo CORPORATE MEMEBER |
$515 |
$515 |
$515 |
| COUNTY NON-MEMBER |
$515 |
$515 |
$515 |
| CORPORATE NON-MEMEBER |
$515 |
$515 |
$515 |
| GOVERNMENT (Federal or State employees only) |
$515 |
$515 |
$515 |
| TWO DAY |
$515 |
$515 |
$515 |
| PRESS Editorial Staff ONLY – Press registrations must be accompanied by a letter of assignment on letterhead. |
Complimenetary |
+ Learn More & Register
HOUSING & TRANSPORTATION
From the North on I-65: Take I-65 South toward Nashville. Keep left to continue on I-24 East. Follow signs for I-24/I-40 E/Chattanooga/Knoxville. Take exit 49 for Shelby Avenue. Turn left onto Shelby Avenue. Continue onto Korean Veterans Boulevard. Located on right at 600 Korean Veterans Boulevard. Turn right on 6th Avenue for entrances to the garage.
$(document).ready(function(){
$("li.sharethis.first.last").prependTo("#sharethis-wrapper").wrap("
");
$("div.latest-resources").prependTo("#resources-block");
$("div.action-center-featured").prependTo("#resources-block");
$("+ Full Schedule").insertAfter("div.action-center-featured div.view-content");
$("+ More").insertAfter("div.latest-resources div.view-content");
$("div.featured-speakers").insertAfter("#speakersblock");
$("div.wht-text a.btn").wrapInner("
");
$(window).scroll(function(){
$('#toggle-up').addClass('show-desc');
$("a.go").removeClass('pulse');
});
$("a.go").click(function(){
$("a.go").removeClass('pulse');
});
});
$(document).ready(function(){
$('a[href^="#"]').on('click',function (e) {
e.preventDefault();
var target = this.hash;
var $target = $(target);
$('html, body').stop().animate({
'scrollTop': $target.offset().top-50
}, 1200, 'swing', function () {
window.location.hash = target;
});
});
});
// Set the date we're counting down to
var countDownDate = new Date("July 13, 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);
try{Typekit.load({ async: true });}catch(e){}
Director of Government Affairs & Federal Fellowship InitiativeEryn serves as the Director for NACo’s Government Affairs Department.
Senior Graphic DesignerAs a graphic designer, Katy designs and implements graphic design solutions for printing and publication as well as lending support to the di
