/*----------------Temporary Styling----------------*/
#admin-menu-wrapper {
display: none;
}
body.admin-menu {
top: 0px !important;
margin-top: 0px !important;
}
header nav.bar {
top: 0px !important;
background-color: #333 !important
}
/*---------------------General---------------------*/
/*Hide Blocks*/
.latest-tweet,
.upcoming-events,
.footer-2,
.item-list ul.attachments {
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----------------------------*/
/*#content {
background-color: transparent !important;
}*/
.event-header {
width: 100%;
height: 100vh;
background-image: url(/sites/default/files/leg-background-1.jpg);
background-size: cover;
background-position: center;
position: relative;
background-attachment: fixed;
top: 0px !important;
left: 0px;
/*z-index: -1;*/
}
.event-header-filter {
background-color: rgba(51,51,51,0.45);
mix-blend-mode: multiply;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.event-header-inner {
width: 80%;
height: 80%;
position: absolute;
top: 10%;
left: 10%;
display: flex;
align-items: center;
}
.event-header-ribbon {
width: 100%;
padding: 8px 16px 16px 16px;
position: absolute;
bottom: 0px;
left: 0px;
-webkit-box-shadow: 0px -2px 24px 0px rgba(50, 50, 50, 0.32);
-moz-box-shadow: 0px -2px 24px 0px rgba(50, 50, 50, 0.32);
box-shadow: 0px -2px 24px 0px rgba(50, 50, 50, 0.32);
}
.event-header-ribbon h2 {
text-align: center;
max-width: 1024px;
margin: 0px auto !important;
color: #fff !important;
}
.event-header-inner h1 {
display: block !important;
width: calc(100% - 64px);
max-width: 1600px;
margin-left: auto;
margin-right: auto;
text-align: center;
font-family: "kepler-std-semicondensed",serif !important;
font-weight: bold !important;
color: #fff !important;
}
.event-header-inner h3, .event-header-inner h2 {
color: #fff !important;
width: calc(100% - 64px);
margin: auto;
margin-bottom: 0px !important;
max-width: 1600px;
text-align: center;
}
@media screen and (min-width: 1024px) {
.event-header-inner h1 {
font-size: 120px !important
}
.event-header-ribbon h3 {
font-size: 40px !important
}
}
@media screen and (min-width: 400px) and (max-width: 768px) {
.event-header-inner h2 {
font-size: 32px !important
}
.event-header-ribbon h3 {
font-size: 28px !important
}
}
@media screen and (max-width: 399px) {
.event-header-inner h1 {
font-size: 28px !important
}
.event-header-inner h2 {
font-size: 24px !important
}
.event-header-ribbon h3 {
font-size: 18px !important
}
}
/*----------------------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: block;
}
.row-2 {
display: flex;
align-items: stretch;
width: 100%;
}
}
@media screen and (max-width: 600px) {
.row-1, .row-2 {
display: block;
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: #006699
}
.color-2 {
background-color: #000
}
.color-3 {
background-color: #999;
}
.event-header-ribbon {
background-color: #cc3300
}
a.btn {
background-color: #0099cc !important;
color: #fff !important;
border-color: #006699 !important;
}
.wht-text a.btn, .quarter-block form .webform-submit {
background-color: transparent !important;
border-color: #fff !important;
color: #fff !important;
text-decoration: none !important;
}
a.btn:hover, .wht-text a.btn:hover, .quarter-block form .webform-submit:hover {
background-color: #0099cc !important;
cursor: pointer;
color: #fff !important;
border-color: #0099cc !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-------------------------------*/
.sponsors-block {
width: 100%;
margin: auto;
padding: 0px 0px 8px 0px;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.sponsor-outer {
height: 0px;
border: solid 1px #eaeaea;
position: relative;
margin: 8px 4px 0px 4px;
}
@media screen and (min-width: 1025px) {
.sponsor-outer {
width: calc(20% - 9.6px);
padding-bottom: 11.25%;
}
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
.sponsor-outer {
width: calc(33.3333% - 10.6667px);
padding-bottom: 18.75%;
}
}
@media screen and (min-width: 501px) and (max-width: 768px) {
.sponsor-outer {
width: calc(50% - 12px);
padding-bottom: 28.125%;
}
}
@media screen and (max-width: 500px) {
.sponsor-outer {
width: calc(100% - 16px);
padding-bottom: 56.25%;
}
}
.sponsor-inner {
position: absolute;
top: 10%;
left: 10%;
width: 80%;
height: 80%;
background-color: #fff;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.block.parent-event.contextual-links-region {display: none;}
.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: #cc3300;
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}
}
/*Skeleton Agenda*/
.skeleton-agenda {
max-width: 1024px;
margin: 0px auto;
}
@media screen and (min-width: 769px) {
.skeleton-agenda {
width: calc(100% - 64px);
}
}
@media screen and (max-width: 768px) {
.skeleton-agenda {
width: calc(100% - 32px);
}
}
.agenda-row {
display: table;
width: 100%;
position: relative;
}
.time-outer {
height: 100%;
position: absolute;
top: 0px;
left: 0px;
display: flex;
align-items: center;
border-right: solid 4px #999
}
@media screen and (min-width: 601px) {
.time-outer {width: 200px;}
}
@media screen and (max-width: 600px) {
.time-outer {width: 124px;}
}
.time-inner {
width: 100%;
text-align: right;
padding-right: 24px;
}
.time-outer:after {
content: "";
width: 16px;
height: 16px;
background-color: #0099cc;
border-radius: 50%;
position: absolute;
right: -10px;
top: calc(50% - 8px)
}
.agenda-row.day .time-outer:after {
opacity: 0;
}
.title-outer {
width: 100%;
min-height: 53px;
padding: 16px 0px 16px 224px;
position: relative;
}
@media screen and (max-width: 600px) {
.title-outer {padding-left: 148px !important}
}
.agenda-row.day .title-outer {
padding-top: 32px !important
}
.time-inner {
font-family: "kepler-std-semicondensed",serif !important;
font-size: 18px;
line-height: 1;
font-weight: bold;
color:#666;
}
.title-inner {
font-family: "MuseoSans300";
font-size: 18px;
line-height: 1.4;
}
.agenda-row.day .title-inner {
font-family: 'AlternateGotNo2d', sans-serif !important;
font-weight: normal !important;
font-size: 36px;
line-height: 1 !important;
text-transform: uppercase;
color:#0099cc;
}
/*Email Form*/
.quarter-block form {
position: relative;
display: block;
width: 100%;
margin: auto;
padding: 16px 0px;
}
.quarter-block .email-class input {
width: calc(100% - 102px) !important;
float: left;
height: 48px;
border: 0px;
margin: 1px 0px;
}
.quarter-block form .webform-submit {
float: right;
}
.webform-confirmation h3 {
font-style: italic;
text-align: center;
width: 100%
}
.email-form .links a {display: none;}
/*iOS Media Queries*/
@media only screen and (min-width : 768px) and (max-device-width : 1024px) {
.fixed-bkg {background-attachment: local !important;}
}
@media only screen and (min-width : 768px) and (max-device-width : 1024px) {
.fixed-bkg {background-attachment: local !important;}
}
@media only screen and (min-width : 768px) and (max-device-width : 1024px) {
.fixed-bkg {background-attachment: local !important;}
}
@media only screen and (min-width : 768px) and (max-device-width : 1024px) {
.fixed-bkg {background-attachment: local !important;}
}
@media only screen and (min-width : 768px) and (max-device-width : 1024px) {
.fixed-bkg {background-attachment: local !important;}
}
@media only screen and (min-width : 768px) and (max-device-width : 1024px) {
.fixed-bkg {background-attachment: local !important;}
}
@media only screen and (min-width : 768px) and (max-device-width : 1024px) {
.fixed-bkg {background-attachment: local !important;}
}
@media only screen and (min-width : 768px) and (max-device-width : 1024px) {
.fixed-bkg {background-attachment: local !important;}
}
@media only screen and (min-width : 768px) and (max-device-width : 1024px) {
.fixed-bkg {background-attachment: local !important;}
}
@media only screen and (min-width : 375px) and (max-device-width : 667px) {
.fixed-bkg {background-attachment: local !important;}
}
@media only screen and (min-width : 375px) and (max-device-width : 667px) {
.fixed-bkg {background-attachment: local !important;}
}
@media only screen and (min-width : 375px) and (max-device-width : 667px) {
.fixed-bkg {background-attachment: local !important;}
}
@media only screen and (min-width : 414px) and (max-device-width : 736px) {
.fixed-bkg {background-attachment: local !important;}
}
@media only screen and (min-width : 414px) and (max-device-width : 736px) {
.fixed-bkg {background-attachment: local !important;}
}
@media only screen and (min-width : 414px) and (max-device-width : 736px) {
.fixed-bkg {background-attachment: local !important;}
}
@media only screen and (min-width : 320px) and (max-device-width : 568px) {
.fixed-bkg {background-attachment: local !important;}
}
@media only screen and (min-width : 320px) and (max-device-width : 568px) {
.fixed-bkg {background-attachment: local !important;}
}
@media only screen and (min-width : 320px) and (max-device-width : 568px) {
.fixed-bkg {background-attachment: local !important;}
}
@media only screen and (min-width : 320px) and (max-device-width : 480px) {
.fixed-bkg {background-attachment: local !important;}
}
@media only screen and (min-width : 320px) and (max-device-width : 480px) {
.fixed-bkg {background-attachment: local !important;}
}
@media only screen and (min-width : 320px) and (max-device-width : 480px) {
.fixed-bkg {background-attachment: local !important;}
}
a.banner-reg {color: #fff !important}
a.banner-reg:hover {color: #33ccff !important}
New Administration + New Congress = New Opportunities
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. With a new administration, and newly elected members of Congress, the 2017 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 also descend on Capitol Hill, delivering the message that federal policies matter to counties and counties matter to America!
Conference App
$(document).ready(function(){
$("#menu-toggle").click(function(){
$("#conference-menu").toggleClass("menu-dropdown-active");
$("#menu-toggle").toggleClass("menu-toggle-active");
});
});
$(document).ready(function(){
$("a.cic").text("Explorer");
$("a.cic").addClass("cic-new");
$("a.cic").removeClass("cic");
$("#content.full .column.main h1").appendTo("#page-title");
$("div.email-form form").appendTo("#email-form-block");
$("div.webform-confirmation").appendTo("#email-form-block");
});
$(document).ready(function(){
$("#morenaco-btn").click(function(){
$("nav.bar").toggleClass("show-naco");
$("div.cn-menu-bar").toggleClass("cn-show-naco");
});
});
$(document).ready(function(){
$("li.pager-previous").load(function(){
alert("Image loaded.");
});
});
try{Typekit.load({ async: true });}catch(e){}
try{Typekit.load({ async: true });}catch(e){}
$(document).ready(function(){
$('#nav').localScroll(800);
//.parallax(xPosition, speedFactor, outerHeight) options:
//xPosition - Horizontal position of the element
//inertia - speed to move relative to vertical scroll. Example: 0.1 is one tenth the speed of scrolling, 2 is twice the speed of scrolling
//outerHeight (true/false) - Whether or not jQuery should use it's outerHeight option to determine when a section is in the viewport
$('#intro').parallax("50%", 0.1);
$('#second').parallax("50%", 0.1);
$('.bg').parallax("50%", 1.5);
$('#third').parallax("50%", 0.3);
})
New Administration + New Congress = New Opportunities. Participate in second-to-none educational sessions, interact with federal officials and deliver the message that federal policies matter to counties and counties matter to America!
