/*----------------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; } $(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){}

*/

2016-10-17

Conference

2022-08-11