/* COLORS */
/* #FF432D */
/* Load fonts */
@font-face {
font-family: 'GT America Regular';
src: url('/fonts/GT-America-Standard-Regular.eot');
src: url('/fonts/GT-America-Standard-Regular.eot?#iefix') format('embedded-opentype'),
url('/fonts/GT-America-Standard-Regular.woff') format('woff'),
url('/fonts/GT-America-Standard-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
font-feature-settings: "ss03";
}
@font-face {
font-family: 'GT America';
src: url('/fonts/GT-America-Standard-Regular.eot');
src: url('/fonts/GT-America-Standard-Regular.eot?#iefix') format('embedded-opentype'),
url('/fonts/GT-America-Standard-Regular.woff') format('woff'),
url('/fonts/GT-America-Standard-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-feature-settings: "ss03";
}
@font-face {
font-family: 'GT America';
src: url('/fonts/GT-America-Standard-Bold.eot');
src: url('/fonts/GT-America-Standard-Bold.eot?#iefix') format('embedded-opentype'),
url('/fonts/GT-America-Standard-Bold.woff') format('woff'),
url('/fonts/GT-America-Standard-Bold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
font-feature-settings: "ss03";
}
@font-face {
font-family: 'GT America';
src: url('/fonts/GT-America-Standard-Black.eot');
src: url('/fonts/GT-America-Standard-Black.eot?#iefix') format('embedded-opentype'),
url('/fonts/GT-America-Standard-Black.woff') format('woff'),
url('/fonts/GT-America-Standard-Black.ttf') format('truetype');
font-weight: 800;
font-style: normal;
font-feature-settings: "ss03";
}
@font-face {
font-family: 'GT America Regular Italic';
src: url('/fonts/GT-America-Standard-Regular-Italic.eot');
src: url('/fonts/GT-America-Standard-Regular-Italic.eot?#iefix') format('embedded-opentype'),
url('/fonts/GT-America-Standard-Regular-Italic.woff') format('woff'),
url('/fonts/GT-America-Standard-Regular-Italic.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'GT America Medium';
src: url('/fonts/GT-America-Standard-Medium.eot');
src: url('/fonts/GT-America-Standard-Medium.eot?#iefix') format('embedded-opentype'),
url('/fonts/GT-America-Standard-Medium.woff') format('woff'),
url('/fonts/GT-America-Standard-Medium.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'GT America Medium Italic';
src: url('/fonts/GT-America-Standard-Medium-Italic.eot');
src: url('/fonts/GT-America-Standard-Medium-Italic.eot?#iefix') format('embedded-opentype'),
url('/fonts/GT-America-Standard-Medium-Italic.woff') format('woff'),
url('/fonts/GT-America-Standard-Medium-Italic.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'GT America Bold';
src: url('/fonts/GT-America-Standard-Bold.eot');
src: url('/fonts/GT-America-Standard-Bold.eot?#iefix') format('embedded-opentype'),
url('/fonts/GT-America-Standard-Bold.woff') format('woff'),
url('/fonts/GT-America-Standard-Bold.ttf') format('truetype');
font-weight: normal;
font-style: normal;
font-feature-settings: "ss03";
}
@font-face {
font-family: 'GT America Bold Italic';
src: url('/web/fonts/GT-America-Standard-Bold-Italic.eot');
src: url('/web/fonts/GT-America-Standard-Bold-Italic.eot?#iefix') format('embedded-opentype'),
url('/web/fonts/GT-America-Standard-Bold-Italic.woff') format('woff'),
url('/web/fonts/GT-America-Standard-Bold-Italic.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'GT America Black';
src: url('/fonts/GT-America-Standard-Black.woff');
src: url('/fonts/GT-America-Standard-Black.woff2') format('woff2'),
url('/fonts/GT-America-Standard-Black.ttf') format('truetype');
font-weight: normal;
font-style: normal;
/* font-feature-settings: "ss03"; */
}
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS and IE text size adjust after device orientation change,
* without disabling user zoom.
*/
html {
font-family: sans-serif; /* 1 */
-ms-text-size-adjust: 100%; /* 2 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/**
* Remove default margin.
*/
body {
margin: 0;
line-height: normal;
}
/* HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined for any HTML5 element in IE 8/9.
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox.
* Correct `block` display not defined for `main` in IE 11.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
/**
* 1. Correct `inline-block` display not defined in IE 8/9.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/
audio,
canvas,
progress,
video {
display: inline-block; /* 1 */
vertical-align: baseline; /* 2 */
}
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Address `[hidden]` styling not present in IE 8/9/10.
* Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
*/
[hidden],
template {
display: none;
}
/* Links
========================================================================== */
/**
* Remove the gray background color from active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* Improve readability of focused elements when they are also in an
* active/hover state.
*/
a:active,
a:hover {
outline: 0;
}
/* Text-level semantics
========================================================================== */
/**
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted;
}
/**
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
*/
b,
strong {
font-family: 'GT America Bold', "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
}
/**
* Address styling not present in Safari and Chrome.
*/
dfn {
font-style: italic;
}
/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari, and Chrome.
*/
h1 {
font-size: 2em;
margin: .67em 0;
}
/**
* Address styling not present in IE 8/9.
*/
mark {
background: #ff0;
color: #000;
}
/**
* Address inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
/* Embedded content
========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9/10.
*/
img {
border: 0;
}
/**
* Correct overflow not hidden in IE 9/10/11.
*/
svg:not(:root) {
overflow: hidden;
}
/* Grouping content
========================================================================== */
/**
* Address margin not present in IE 8/9 and Safari.
*/
figure {
margin: 0;
}
/**
* Address differences between Firefox and other browsers.
*/
hr {
border: 0;
box-sizing: content-box;
height: 0;
border-bottom: 1px solid #AFB7A9;
width: 100%;
}
/**
* Contain overflow in all browsers.
*/
pre {
overflow: auto;
}
/**
* Address odd `em`-unit font size rendering in all browsers.
*/
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
/* Forms
========================================================================== */
/**
* Known limitation: by default, Chrome and Safari on OS X allow very limited
* styling of `select`, unless a `border` property is set.
*/
/**
* 1. Correct color not being inherited.
* Known issue: affects color of disabled elements.
* 2. Correct font properties not being inherited.
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
*/
button,
input,
optgroup,
select,
textarea {
color: inherit; /* 1 */
font: inherit; /* 2 */
margin: 0; /* 3 */
}
/**
* Address `overflow` set to `hidden` in IE 8/9/10/11.
*/
button {
overflow: visible;
}
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/
button,
select {
text-transform: none;
}
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
*/
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; /* 2 */
cursor: pointer; /* 3 */
}
/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
cursor: default;
}
/**
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
input {
line-height: normal;
}
/**
* It's recommended that you don't attempt to style these elements.
* Firefox's implementation doesn't respect box-sizing, padding, or width.
*
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
* `font-size` values of the `input`, it causes the cursor style of the
* decrement button to change from `default` to `text`.
*/
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
*/
input[type="search"] {
-webkit-appearance: textfield; /* 1 */
box-sizing: content-box; /* 2 */
}
/**
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: .35em .625em .75em;
}
/**
* 1. Correct `color` not being inherited in IE 8/9/10/11.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
border: 0; /* 1 */
padding: 0; /* 2 */
}
/**
* Remove default vertical scrollbar in IE 8/9/10/11.
*/
textarea {
overflow: auto;
}
/**
* Don't inherit the `font-weight` (applied by a rule above).
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
*/
optgroup {
font-weight: bold;
}
/* Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
.navbar,
.nav-drop ul,
.text-slider ul,
.vertical-list ul,
.summary,
.parties,
.mobile ul,
.sponsor-gallery .scroll-bar-wrap,
.block ul,
.footer-nav ul,
.social-networks {
margin: 0;
padding: 0;
list-style: none;
}
.clearfix:after,
#header:after,
.info-biz .row:after,
.heading:after,
.infoblock:after,
.events .event:after,
.event-heading:after,
.columns:after,
.testimonials:after,
.sponsor-gallery .mask:after,
.sponsor-gallery .scroll-bar-wrap:after,
.container:after {
content: "";
display: block;
clear: both;
}
.social-networks > * {
display: inline-block;
vertical-align: top;
text-align: left;
}
.social-networks.sticky > li {
display: block;
position: relative;
margin-bottom: 10px;
}
.social-networks:after {
content: "";
width: 100%;
display: inline-block;
vertical-align: top;
}
.ellipsis {
white-space: nowrap; /* 1 */
text-overflow: ellipsis; /* 2 */
overflow: hidden;
}
html {
box-sizing: border-box;
}
*,
*:before,
*:after {
box-sizing: inherit;
}
/*
* {
max-height: 1000000px;
}
*/
body {
color: black;
background: #fff;
font-family: "GT America Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
min-width: 320px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
}
html, body {
/* overflow-x: hidden; */
}
img {
border-style: none;
vertical-align: top;
}
.gm-style img {
max-width: none;
}
h1,
.h1,
.h {
font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
font-weight: 400;
margin: 0 0 .5em;
color: inherit;
}
h2,
.h2,
h3,
.h3,
h5,
.h5,
h6,
.h6
{
font-family: 'GT America Bold', "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
margin: 0 0 .5em;
color: inherit;
}
em {
font-family: 'GT America Regular Italic', "Helvetica Neue", Helvetica, Arial, sans-serif;
font-style: normal;
}
h1,
.h1 {
font-size: 40px;
}
h2,
.h2 {
font-size: 27px;
line-height: 1;
}
h3,
.h3 {
font-family: 'GT America Regular', "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 27px;
color: black;
}
h4,
.h4 {
font-size: 21px;
margin: 0;
padding: 0;
font-weight: normal;
/* font-family: 'GT America Bold', "Helvetica Neue", Helvetica, Arial, sans-serif; */
margin: 0 0 .5em 0;
color: #FF432D;
}
h5,
.h5 {
font-size: 16px;
font-family: 'GT America Bold', "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
color: #FF432D;
}
h6,
.h6 {
font-size: 16px;
font-family: 'GT America Bold', "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
color: #000;
margin: 1em 0;
}
p {
margin: 0 0 1em;
}
a {
color: #000;
color: #585858;
}
.black a.button {
text-decoration: none !important;
font-weight: normal;
}
p a {
font-family: 'GT America Bold', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
p strong a, strong a {
text-decoration: none !important;
}
p strong a:after, b a:after, ul strong a:after, ul b a:after, ol strong a:after, ol b a:after, h3 strong a:after {
text-decoration: none;
content: ' \2192';
}
h3 strong a {
text-decoration: none;
color: #FF432D;
}
.register p strong a:after, .register b a:after {
content: '';
}
p a:hover {
text-decoration: none;
color: #777;
}
a:hover {
color: #777;
}
a:hover,
a:focus {
text-decoration: none;
}
br.mobileOnly {
display: none;
}
form,
fieldset {
margin: 0;
padding: 0;
border-style: none;
}
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="search"],
input[type="password"],
textarea {
-webkit-appearance: none;
-webkit-border-radius: 0;
border: 1px solid #999;
padding: .4em .7em;
}
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
textarea:focus {
border-color: #FF432D;
}
input[type="text"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #757575;
}
input[type="text"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
textarea::-moz-placeholder {
opacity: 1;
color: #FF5650;
}
input[type="text"]:-moz-placeholder,
input[type="tel"]:-moz-placeholder,
input[type="email"]:-moz-placeholder,
input[type="search"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
textarea:-moz-placeholder {
color: #FF5650;
}
input[type="text"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #FF5650;
}
input[type="text"].placeholder,
input[type="tel"].placeholder,
input[type="email"].placeholder,
input[type="search"].placeholder,
input[type="password"].placeholder,
textarea.placeholder {
color: #FF5650;
}
select {
-webkit-border-radius: 0;
}
textarea {
resize: vertical;
vertical-align: top;
}
button,
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="submit"] {
-webkit-appearance: none;
-webkit-border-radius: 0;
cursor: pointer;
}
body {
}
#wrapper {
overflow: hidden;
}
#header {
background: white;
/* position: fixed; */
top: 0;
z-index: 9999;
width: 100%;
background: white;
margin-bottom: -1px;
min-height: 72px;
/* display: flex; */
padding: 20px !important;
transition: padding ease-in-out 500ms, background ease-in-out 500ms, transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
}
h1.logo a {
/* text-indent: -999px; */
}
.logo svg {
width: 127px;
height: 37px;
}
/* Black on hover */
@media (min-width: 768px) {
}
/* .headroom {
will-change: transform;
transition: transform 200ms linear;
} */
.headroom--pinned, headroom--top {
transform: translateY(0%);
}
.headroom--unpinned {
transform: translateY(-100%);
}
/*
#header.headroom--pinned {
background: black;
}
#header.headroom--pinned .logo {
filter: invert(100%);
-webkit-filter: invert(100%);
} */
#header.headroom--pinned .navbar > li > a, #header.headroom--pinned .navbar > li::after, #header.headroom--pinned .nav-drop a {
color: white;
}
#header.headroom--top {
background: white;
}
#header.headroom--top .logo {
filter: none;
-webkit-filter: none;
}
#header.headroom--top .navbar > li > a, #header.headroom--top .navbar > li::after, #header.headroom--top .nav-drop a {
color: black;
}
#header.active {
background: black;
padding-bottom: 270px !important;
transition: padding ease-in-out 500ms, background ease-in-out 500ms, transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
}
#header.active .logo {
filter: invert(100%);
-webkit-filter: invert(100%);
}
#header.active .navbar > li > a, #header.active .navbar > li::after, #header.active .nav-drop a {
color: white;
}
#header.active .nav-drop a.active,
#header.active .navbar > li > a.active,
#header.active .exhibit .navbar > li > a.active {
color: #FF432D;
}
}
@media (max-width: 768px) {
/* #header {
position: absolute;
}
*/
body {
float: none;
}
#content > .text {
color: black;
margin: 24px 0 42px 0 !important;
}
body.nav-active #header .logo {
filter: invert(100%);
-webkit-filter: invert(100%);
}
/*
#header .logo {
float: left;
}
*/
#header .dates {
display: block;
}
.nav-drop a {
color: white !important;
}
h3, .h3, form[name="semlist"] .event input.btn {
font-size: 23px !important;
}
} /* end max width 768 */
.exhibit #header {
background: rgba(24, 53, 71,1);
}
.logo {
color: #183547;
letter-spacing: 1px;
font: 600 11px/15px "Whitney A", "Whitney B", Arial, "Helvetica Neue", Helvetica, sans-serif;
margin-left: -4px;
}
.exhibit .logo{
color: #FFF;
}
.logo a {
display: inline-block;
vertical-align: middle;
}
.logo img {
max-width: 100%;
height: auto;
}
.logo .slogan {
display: block;
font-style: normal;
letter-spacing:0.2px;
}
.nav-active {
overflow: hidden;
}
.nav-active .nav-opener:before,
.nav-active .nav-opener:after,
.nav-active .nav-opener span {
background: white;
}
.nav-active .nav-opener:hover:before,
.nav-active .nav-opener:hover:after,
.nav-active .nav-opener:hover span {
background: #757575;
}
.nav-active .nav-block {
max-height: 90vh;
overflow-y: auto;
max-height: 100vh;
}
.resize-active .nav-block {
-webkit-transition: none;
transition: none;
}
@media (max-width: 768px) {
.nav-block {
max-height: 0;
overflow: hidden;
-webkit-transition: max-height .3s linear;
transition: max-height .3s linear;
position: fixed;
top: 73px;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
z-index: -1;
padding-top: 10vh;
}
}
body.nav-active .nav-block {
background: black;
}
.nav-block .social-networks {
margin: 17px 16px 0 18px;
}
.nav-block .social-networks li {
margin: 0 4px 4px 0;
width: 18px;
height: 18px;
position: relative;
}
.nav-block .social-networks a {
color: #6493B2;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.navbar > li {
position: relative;
/* border-top: 1px solid #6493B2; */
}
.navbar > li:first-child {
border-top: none;
}
.navbar > li > a {
color: #fff;
display: block;
padding: 13px 40px 13px 15px;
text-decoration: none;
-webkit-transition: opacity .3s linear;
transition: opacity .3s linear;
}
#header.headroom--pinned .navbar > li > a:hover,
#header.headroom--top .navbar > li > a:hover,
.navbar > li > a:hover,
.exhibit .navbar > li > a:hover {
color: #FF5650;
}
/*
.navbar > li > a:after {
content: "\e902";
color: #FF5650;
font: 13px/1 icomoon;
position: absolute;
top: 18px;
right: 15px;
-webkit-transition: background .3s linear;
transition: background .3s linear;
}
*/
.navbar .hover.has-drop-down a:after {
background-position: -18px 0;
}
.navbar .hover .nav-drop {
max-height: 600px;
}
.navbar .hover .register {
color: #fff;
}
/*
.navbar .has-drop-down a:after {
background: url("../images/general/sprite.png") no-repeat 0 0;
content: "";
width: 13px;
height: 13px;
top: 17px;
right: 18px;
}
*/
.nav-drop {
max-height: 0;
font-size: 16px;
line-height: 17px;
overflow: hidden;
-webkit-transition: max-height .3s linear;
transition: max-height .3s linear;
}
.nav-drop ul {
padding: 7px 15px 16px;
}
.nav-drop li {
padding-top: 9px;
}
.nav-drop li:first-child {
padding-top: 0;
}
.nav-drop a {
color: black;
text-decoration: none;
-webkit-transition: opacity .3s linear;
transition: opacity .3s linear;
}
.nav-drop a:hover, #header.active .nav-drop a:hover {
color: #FF5650;
}
.nav-opener {
width: 28px;
height: 20px;
position: absolute;
top: 26px;
right: 20px;
}
.nav-opener:hover:before,
.nav-opener:hover:after,
.nav-opener:hover span {
background: #757575;
}
.nav-opener:before,
.nav-opener:after,
.nav-opener span {
background: black;
content: "";
width: 28px;
height: 4px;
-webkit-transition: background .3s linear;
transition: background .3s linear;
position: absolute;
top: 0;
left: 0;
}
.nav-opener:after {
top: 16px;
}
.nav-opener span {
top: 8px;
}
.text-slider {
background: #54585A;
padding: 60px 0 0;
overflow: hidden;
}
.text-slider ul {
color: #76797A;
text-transform: uppercase;
font-weight: 600;
font-size: 56px;
line-height: 56px;
margin-top: -6px;
white-space: nowrap;
clear: both;
text-align: center;
position: relative;
}
.text-slider ul.left-anim {
float: right;
margin-right: -500px;
-webkit-transform: translateX(50%);
-ms-transform: translateX(50%);
transform: translateX(50%);
}
.text-slider ul.right-anim {
float: left;
margin-left: -500px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.text-slider.animated ul.left-anim.line1 {
-webkit-animation: to-left 6s 0s ease;
animation: to-left 9s 0s ease;
}
.text-slider.animated ul.right-anim.line2 {
-webkit-animation: to-right 8s 0s ease;
animation: to-right 9s 0s ease;
}
.text-slider.animated ul.left-anim.line3 {
-webkit-animation: to-left 7s 0s ease;
animation: to-left 8s 0s ease;
}
.text-slider.animated ul.right-anim.line4 {
-webkit-animation: to-right 6s 0s ease;
animation: to-right 7s 0s ease;
}
.text-slider.animated ul.right-anim.line5 {
-webkit-animation: to-right 5s 0s ease;
animation: to-right 6s 0s ease;
}
.text-slider.animated ul.left-anim.line6 {
-webkit-animation: to-left 4s 0s ease;
animation: to-left 5s 0s ease;
}
.text-slider.animated ul.right-anim.line7 {
-webkit-animation: to-right 7s 0s ease;
animation: to-right 9s 0s ease;
}
.text-slider li {
display: inline;
position: relative;
padding-right: 10px;
}
.text-slider li:last-child:after {
display: none;
}
.text-slider li:after {
content: "";
background: #76797A;
width: 6px;
height: 8px;
position: absolute;
right: 0;
bottom: 14px;
}
.text-slider h1 {
color: #FF5650;
letter-spacing: 1px;
font-weight: 600;
font-size: 57px;
line-height: 61px;
margin-bottom: 0;
}
.text-slider .holder {
margin-left: -149px;
}
.text-slider .mark {
color: #FF5650;
}
.text-slider .mark:after {
background: #FF5650;
}
#main {
background: #fde9ea;
background: white;`
}
#main h1 {
font: 400 32px/36px "Chronicle Display A", "Chronicle Display B", Georgia, serif;
font: 400 32px/36px "GT America Medium", sans-serif;
margin-bottom: 15px;
}
#main h2 {
margin-bottom: 1px;
}
#main h3 {
margin-bottom: 0;
}
#main h4 {
}
#main .h1 {
color: #fff;
font-weight: 300;
font-size: 40px;
line-height: 44px;
display: block;
margin-bottom: 10px;
}
#main .h1 strong {
font-weight: 600;
}
#main .h3 {
font-weight: 400;
font-size: 20px;
line-height: 24px;
display: block;
margin-bottom: 4px;
}
#main .name {
font: 22px/26px "Chronicle Text G1 A", "Chronicle Text G1 B", Georgia, serif;
margin-bottom: 14px;
}
#main .social h1 {
line-height: 21px;
margin-bottom: 25px;
}
#main .column h2 {
}
#main .block h3 {
font-size: 22px;
line-height: 26px;
}
#content {
font-weight: 300;
padding: 0px 20px 25px;
}
#content .text {
letter-spacing: 0;
}
#content .text img {
width: 100%;
height: auto;
margin: 16px 0;
}
#content h1 {
font-size: 42px;
line-height: 42px;
margin-bottom: 20px;
letter-spacing: 0;
border-top: 2px solid #FF432D;
border-bottom: 2px solid #FF432D;
padding-bottom: 35px;
color: #FF432D;
}
#content h2,
.exhibit h2 {
color: #FF432D;
border-top: 2px solid #FF432D;
border-bottom: 2px solid #FF432D;
margin: 80px 0 0 0;
padding: 6px 0 24px 0;
}
.section.sponsor h2{
padding-top: 50px;
}
#content > .text {
color: black;
}
#content > .text u {
color: #FF432D;
}
#content .text * a, #content p a, #content .list a, #content .events a {
text-decoration: underline;
text-decoration-color: #585858;
}
#content .text * a:hover, #content p a:hover, #content list a:hover {
text-decoration: none;
}
#content > .text p {
margin-bottom: 0;
}
#content .text .event p a{
color: #FF432D;
text-decoration: none;
}
#content > .text p a, h3 a {
color: black;
text-decoration: underline;
font-family: "GT America Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#content > .text p a strong {
text-decoration: none;
color: #FF432D;
}
#content > .text p strong a:after {
content: ' \2192';
}
#content > .text p a:hover{
color: #FF432D;
}
table.people-list {letter-spacing:0; width: 100%;border-bottom: 1px solid #ccc; margin-bottom: 42px; }
table.people-list tr{ margin-top: 5px; padding: 7px 0; display:block; border-top: 1px solid #ccc;}
table.people-list td{ padding: 0; display:inline-block; vertical-align: top;}
.three-column td {width: 100%; }
.four-column td {width: 100%; }
table.people-list {
color: #757575;
}
table.people-list td:first-child {
color: #000;
}
@-moz-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-moz-transform: translateY(0);
transform: translateY(0);
}
40% {
-moz-transform: translateY(-15px);
transform: translateY(-15px);
}
60% {
-moz-transform: translateY(-8px);
transform: translateY(-8px);
}
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
60% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-moz-transform: translateY(-5px);
-ms-transform: translateY(-5px);
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
60% {
-moz-transform: translateY(-5px);
-ms-transform: translateY(-5px);
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
}
.arrow {
position: absolute;
bottom: 5px;
left: 50%;
margin-left: -15px;
width: 20px;
z-index:500;
text-decoration: none;
}
.arrow:before{
content: "\e906";
color: #FFF;
font: 20px/1 icomoon;
}
.arrow.white:before{
color: #FDE9EA;
}
.bounce {
-moz-animation: bounce 3s infinite;
-webkit-animation: bounce 3s infinite;
animation: bounce 3s infinite;
}
.section {
padding: 30px 0;
overflow: hidden;
position: relative;
z-index: 1;
}
.section.animation{
padding-bottom: 0;
}
.section.animation img{
width: auto;
height: auto;
max-height: 450px;
display: block;
margin: 0 auto;
}
.section.intro{
background: #FFF;
}
.section.intro .holder{
padding: 0;
}
.home #main .section.intro h2,
.home #main .section.exhibitor h2{
color: #FF5650;
}
.section.intro p,
.section.exhibitor p{
color: #FFF;
}
.exhibit .section.intro p{
color: #183547;
font-size: 16px;
line-height: 24px;
}
.section.intro .btn,
.section.exhibitor .btn{
width: 100%;
max-width: none;
}
.section.planner{
background: #FDE9EA;
}
.section.login{
background: none;
padding: 50px 0 0 0;
}
.section.login .columns{
margin: 0;
padding: 0;
}
.section.login .columns .col{
width: 50%;
margin-right: 4%;
}
.section.login .columns .col + .col{
padding-top: 0;
width: 35%;
}
.section.login .columns::after {
display:none;
}
#main .section.planner h2{
font-size: 36px;
line-height: 50px;
margin-top: 10px;
font-family: "Chronicle Text G1 A", "Chronicle Text G1 B", Georgia, serif;
font-weight: 400;
letter-spacing: 2px;
text-transform: uppercase;
color: #1D48EF;
}
#main .section.planner ul{ margin: 0 0 15px; border-bottom: 1px solid #FFF;}
#main .section.login ul{ margin: 0 0 15px -20px; }
#main .section.planner li{
list-style: none;
color: #000;
}
#main .section.login li{
list-style: disc;
padding: 10px 0;
color: #000;
}
.button {
background: #FF432D;
text-decoration: none;
width: 100%;
margin: 16px 0;
padding: 48px;
display: block;
text-align: center;
color: white;
font-family: 'GT America', "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 700;
font-size: 19px;
}
.button:hover {
background: #757575;
text-decoration: none;
color: white;
}
.button:after {
content: ' \2192';
}
#main .section.planner a:hover{background: #54585A;}
.section.light-gray {
color: #A6BBC8;
font-weight: 300;
}
.section.speaker {
background: #FFF;
}
.section.feature {
background: #FDE9EA;
color: #183547;
font-weight: 300;
letter-spacing: 0;
line-height: 36px;
}
.section.exhibitor h1 {
color: #A6BBC8;
}
.section.seminar p{
font-size: 24px;
line-height: 30px;
margin-bottom: 31px;
color: #1D48EF;
}
.section.exhibitor .btn{
width: 100%;
}
.section.sponsor {
background: #fff;
letter-spacing: 0;
}
.section.sponsor p {
margin-bottom: 43px;
color: #183547;
}
.section.booth {
background: #183547;
letter-spacing: 0;
}
.section.seminar {
padding: 0;
}
.section.social {
color: #1D48EF;
font-family: "Whitney A", "Whitney B", Arial, "Helvetica Neue", Helvetica, sans-serif;
font-weight: 600;
background: #FFF;
}
.section.social h1 {
color: #FF5650;
font-weight: 400;
}
.section.social .social-networks {
font-size: 33px;
}
.section.social .social-networks a {
position: relative;
z-index: 1;
}
.section.social .social-networks a:after {
content: "";
width: 30px;
height: 32px;
border-radius: 8px;
position: absolute;
top: 1px;
left: 1px;
z-index: -1;
}
.section.date {
background: #FFF;
min-height: none;
padding: 50px 0;
}
.section.date h2 {
color: #1D48EF;
}
.section.date h3 {
color: #FF5650;
}
.section .container {
height: 100%;
white-space: nowrap;
}
.section .container:after {
content: "";
width: 1px;
min-height: 100%;
display: inline-block;
vertical-align: middle;
margin-right: -1px;
}
.section .container-holder {
width: 100%;
display: inline-block;
vertical-align: middle;
white-space: normal;
}
.section.intro .container-holder,
.section.exhibitor .container-holder {
width: 48%;
padding: 2%;
margin: 30px 0 0 0;
display: inline-block;
vertical-align: top;
white-space: normal;
float: right;
background: #183547;
}
.exhibit .section.intro .container-holder{
background: #FFF;
margin-top: 60px;
}
.section.seminar .container-holder{
width: 33%;
}
#main .section.seminar h3{
font-size: 32px;
line-height: 45px;
color: #FFF;
margin-bottom: 30px;
}
.section.exhibitor .container-holder {
float: left;
}
.section .container-holder .column .image-holder img{
max-height: 210px;
}
.section h1 {
color: #1D48EF;
}
.section.advisory h1 {
color: #FF5650;
}
.section .hashtag {
font: 600 72px/76px "Chronicle Text G1 A", "Chronicle Text G1 B", Georgia, serif;
font-family:
display: block;
margin-bottom: 28px;
opacity: .67;
}
.info-biz {
font-size: 20px;
line-height: 24px;
letter-spacing: 0;
margin-top: -10px;
word-spacing: 0;
}
.info-biz .text {
color: #fff;
max-height: 0;
font: 13px/20px "Whitney A", "Whitney B", Arial, "Helvetica Neue", Helvetica, sans-serif;
overflow: hidden;
-webkit-transition: all .3s linear;
transition: all .3s linear;
}
.info-biz .item {
background: #183547;
color: #FF5650;
padding: 9px 11px 11px;
margin-bottom: 4px;
position: relative;
}
.info-biz .item:hover .text {
max-height: 700px;
}
.info-biz .title {
font-weight: 400;
font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
}
.info-biz .slogan {
font-style: normal;
font-weight: 400;
font-family: "Chronicle Text G1 A", "Chronicle Text G1 B", Georgia, serif;
}
.info-biz .more {
right: 14px;
}
.advisory {
padding: 25px 0 36px;
}
.advisory h2 {
color: #FF5650;
font-size: 27px;
}
.advisory table {
width: 100%;
text-align: left;
margin: -8px 0 28px;
border-bottom: 1px solid #ccc;
}
.advisory table tr {
border-top: 1px solid #ccc;
padding: 7px 0;
display: block;
}
.advisory table td {
padding: 0;
}
.advisory table td:last-child {
color: #757575;
font-weight: 400;
}
.advisory table th {
font-weight: normal;
}
.advisory table th,
.advisory table td{
width: 100%;
display: inline-block;
}
.advisory table strong {
font-weight: 600;
}
.advisory .container {
white-space: normal;
}
.vertical-list {
background: #183547;
height: 100%;
padding: 9px 11px 11px;
margin-bottom: 5px;
}
.vertical-list ul {
border-top: 1px solid #1D48EF;
}
.vertical-list li {
padding: 4px 0;
border-bottom: 1px solid #1D48EF;
text-decoration: none;
color: #fff;
-webkit-transition: color .3s ease-in;
transition: color .3s ease-in;
font-family: "Chronicle Text G1 A", "Chronicle Text G1 B", Georgia, serif;
}
.vertical-list .h3 {
color: #FF5650;
}
.heading {
}
.events {
margin-bottom: 120px;
}
.events-no-heading {
width: 100%;
border-top: 2px solid #FF432D;
}
.image-holder {
height: 100%;
text-align: left;
display: block;
float: left;
margin: 0 0 64px 0;
}
/*
.events {
font: 13px/17px "Whitney A", "Whitney B", Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.events > p {
font: 18px/24px "Whitney A", "Whitney B", Arial, "Helvetica Neue", Helvetica, sans-serif;
color: #183547;
letter-spacing: 0;
}
*/
.events > p a{ color: #000; text-decoration:underline; text-decoration-thickness: 2px;}
.events > p a:hover{ color: #757575; text-decoration:none; }
.events > p a:after {
content: ' \2192';
}
.events .event.accordion {
background: #fff;
border-bottom: 2px solid #FF432D;
}
/*
.events.sponsors .event {
border-bottom: none;
}
*/
.events .heading {
/* padding: 6px 0 24px 0; */
position: relative;
}
.heading.keynote{
float: left;
margin: 17px 17px 17px 230px;
}
.events .description {
color: black;
/* display: none; */
margin-bottom: 0px;
}
.events .description a {
}
.events .description a:hover {
}
.events .description a:hover {
}
.events .description .holder {
/* overflow: hidden; */
padding-right: 0;
}
.event .text{
padding: 0;
}
.events .summary{
}
.event .text ul{
list-style: disc;
margin-left: 0;
/* padding-left: 0; */
margin-top: 24px;
}
.event .text li{
display: list-item;
padding: 5px 0;
margin-left: 20px;
}
ul.image-downloads {
list-style: none;
margin: 0;
padding: 0;
margin-top: 24px;
text-indent: 0;
}
.event .text .image-downloads li{
display: table-block;
float: left;
border: none;
margin: 0;
padding: 0;
list-style: none;
}
.event .text .image-downloads li a{
display: block;
background: #EEE;
margin-right: 24px;
margin-bottom: 24px;
height: 297.33px;
width: 297.33px;
padding: 10px;
text-align: center;
}
.event .text .image-downloads li:nth-child(3n+3) a {
margin-right: 0;
}
.event .text .image-downloads li a:hover{
background-color: #CCC;
}
.event .text .image-downloads li img{
max-height: 250px;
max-width: 250px;
vertical-align: middle;
text-align: center;
margin: 0 auto;
display: inline-block;
}
.helper {
display: inline-block;
height: 100%;
vertical-align: middle;
}
.events .columns {
padding-bottom: 10px;
margin-bottom: 17px;
}
.event-heading {
position: relative;
padding: 0;
}
.event-heading.keynote{
height: auto;
min-height: 260px;
}
.event-heading .details-btn {
color: #FF5650;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 1px;
font-weight: 600;
font-size: 8px;
line-height: 1;
-webkit-transition: all .3s linear;
transition: all .3s linear;
position: absolute;
right: 10px;
bottom: 14px;
}
.event-heading .details-btn span {
display: none;
}
.event {
position: relative;
}
.event p {
margin-bottom: 10px;
letter-spacing: normal;
font-size: 16px;
}
.event .heading.keynote p{
font-size: 16px;
line-height: 20px;
}
.event a.details-btn:hover{
color: #FFF;
background-color: #1D48EF;
}
.event .btn {
margin-bottom: 5px;
color: #FFF;
text-decoration: none;
}
.event .btn:hover {
color: #FFF;
text-decoration: none;
}
.register-container{width: 215px; height: 60px; position: relative; top: 0; left: 17px;}
.event .register.btn {
margin: 0;
position: relative;
top: 0;
left: 0;
width: 204px;
height: 45px;
}
.event .register-container span.right-edge{
transform: skewY(30deg);
background: #fde9ea;
width: 15px;
height: 51px;
display: block;
position: absolute;
right: 0;
top: 4px;
}
.event .register-container span.bottom-edge{
transform: skewX(30deg);
background: #fde9ea;
width: 211px;
height: 15px;
display: block;
bottom: 0;
left: 4px;
}
.event input.btn{
margin: 0 20px 0 0;
width: 200px;
}
.event input.btn:hover {
color: #FFF;
}
.event.open img {
margin: 21px 0;
}
.event.open li img {
float: none;
margin: 10px 30px 10px 0;
width: 150px;
height: auto;
vertical-align: middle;
}
.event .title,
.event .dates {
display: block;
text-transform: capitalize;
}
.event .title{color: #FF5650;}
.event .dates{color: #1D48EF;}
.event .holder {
padding-right: 22px;
}
.event .image-holder {
}
.event .image-holder.speaker {
width: 250px;
}
.event .image-holder.speaker img{
width: 250px;
}
.event .heading {
}
.summary li {
}
.summary time,
.summary address,
.summary .price {
}
.summary .title {
color: #FF432D;
}
.summary .price {
margin-bottom: 15px;
}
.parties {
color: #54585A;
padding: 0 10px;
}
.parties li {
background: #AFB7A9;
padding: 9px 12px 11px;
margin-bottom: 3px;
position: relative;
}
.parties h4 {
color: #FF5650;
}
.parties address {
font-style: normal;
font-weight: 600;
}
.parties p {
margin-bottom: 0;
}
.parties .title {
color: #FF5650;
font: 18px/20px "Chronicle Text G1 A", "Chronicle Text G1 B", Georgia, serif;
display: none;
}
.parties .detail {
max-height: 0;
overflow: hidden;
letter-spacing: 0;
word-spacing: 3px;
line-height: 20px;
-webkit-transition: max-height .3s linear;
transition: max-height .3s linear;
}
.parties .active .detail {
max-height: 500px;
padding: 9px 2px 12px;
}
.parties .active .more:after {
content: "\e908";
}
.info {
color: rgba(30, 35, 34, .71);
font: 16px/24px "Whitney A", "Whitney B", Arial, "Helvetica Neue", Helvetica, sans-serif;
letter-spacing: 0;
word-spacing: 2px;
}
.info h2 {
color: #1D48EF;
font-weight: 400;
}
.info p {
margin-bottom: 0;
color: #183547;
}
.info .btn {
max-width: 172px;
}
.col {
margin-bottom: 20px;
}
.col p {
margin-bottom: 22px;
}
.column {
background: none;
width: 50%;
min-height: 102px;
overflow: hidden;
letter-spacing: 0;
word-spacing: 1px;
float: left;
}
.column .description{
width: 210px;
}
.column.coral .description a {
background: #FF5650;
}
.column.midnightBlue .description a {
background: #183547;
}
.column.dustyBlue .description a {
background: #6493B2;
}
.column.bronze .description a {
background: #63594D;
}
.column.coolGray .description a {
background: #AFB7A9;
}
.column.blush .description a {
background: #fde9ea;
}
.column .description a:hover {
background: #1D48EF;
}
.column .description a:after {
content: "\e902";
color: rgba(255, 255, 255, 1);
font: 12px/1 icomoon;
display: block;
margin: 8px 0 0 2px;
position: absolute;
bottom: 15px;
}
.column .description a {
color: #fff;
font: 28px/33px "Chronicle Text G1 A", "Chronicle Text G1 B", Georgia, serif;
text-decoration: none;
font-weight: 500;
font-size: 23px;
line-height: 27px;
padding: 11px 55px 11px 15px;
height: 210px;
width: 210px;
display: block;
position: relative;
}
.column .image-holder {
display: none;
}
.column .description {
overflow: hidden;
}
.screenshots {
color: #fff;
max-width: 338px;
font: 13px/20px "Whitney A", "Whitney B", Arial, "Helvetica Neue", Helvetica, sans-serif;
padding: 0;
margin: 0;
}
.screenshots img {
width: 100%;
margin: 0;
float: right;
position: relative;
}
.screenshots img+img {
margin: -20px 0 0 20px;
z-index: 10;
}
.search-form {
position: relative;
margin-bottom: 62px;
}
.search-form input[type="search"],
.search-form input[type="text"] {
width: 100%;
color: #FF5650;
font-size: 18px;
line-height: 20px;
display: block;
padding: 16px 45px 14px 18px;
box-sizing: border-box;
}
.search-form input[type="search"]:focus,
.search-form input[type="text"]:focus {
outline: none;
}
.search-form button[type="submit"] {
background: none;
height: 60px;
width: 60px;
color: #76797A;
font-size: 22px;
padding: 0;
border: none;
position: absolute;
top: 0;
right: 20px;
}
.search-form button[type="submit"]:focus {
outline: none;
}
.search-form button[type="submit"]:hover {
color: #FF5650;
}
.testimonials {
margin-bottom: 2px;
}
.testimonials blockquote {
font: 14px/20px "Whitney A", "Whitney B", Arial, "Helvetica Neue", Helvetica, sans-serif;
padding-bottom: 38px;
margin: 0;
position: relative;
overflow: hidden;
}
.testimonials blockquote:last-child {
margin-bottom: 0;
}
.testimonials cite {
color: #FF5650;
font: 23px/27px "Chronicle Text G1 A", "Chronicle Text G1 B", Georgia, serif;
display: block;
padding-right: 20px;
margin-bottom: 4px;
position: relative;
}
.testimonials q {
display: block;
margin-bottom: 15px;
}
.testimonials q:before,
.testimonials q:after {
display: none;
}
.testimonials .holder {
background: #fde9ea;
color: #183547;
word-spacing: 2px;
letter-spacing: 0;
padding: 10px 15px 16px;
position: relative;
}
.testimonials h5{
font-family: "Whitney A", "Whitney B", Arial, "Helvetica Neue", Helvetica, sans-serif;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
color: #FF5650;
}
.testimonials p{
font-weight: 800;
margin-bottom: 50px;
}
.testimonials .btn {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
}
.testimonials .btn:after {
font-size: 9px;
top: 18px;
right: 13px;
}
.testimonials blockquote .image-holder{
background-color: #fde9ea;
}
.testimonials .image-holder img {
width: 100%;
max-width: 440px;
background: #FF5650;
}
.proverb {
color: #fff;
text-align: center;
white-space: nowrap;
}
.proverb:after {
content: "";
width: 1px;
height: 100%;
display: inline-block;
vertical-align: middle;
}
.caption {
color: #fff;
width: 100%;
height: 100%;
font-size: 40px;
line-height: 50px;
font-weight: 300;
white-space: nowrap;
}
.caption:after {
content: "";
height: 100%;
width: 1px;
display: inline-block;
vertical-align: middle;
margin-right: -1px;
}
.caption blockquote {
width: 80%;
text-align: center;
font-size: 24px;
line-height: 32px;
white-space: normal;
display: inline-block;
vertical-align: middle;
margin: 0;
font-family: "Chronicle Text G1 A", "Chronicle Text G1 B", Georgia, serif;
}
.caption q {
display: block;
margin-bottom: 20px;
}
.caption cite {
text-transform: uppercase;
font-style: normal;
font: 600 11px/15px "Whitney A", "Whitney B", Arial, "Helvetica Neue", Helvetica, sans-serif;
display: block;
letter-spacing: 1px;
}
.caption .holder {
white-space: normal;
display: inline-block;
vertical-align: middle;
padding: 0 20px;
}
.caption .text {
display: block;
padding: 14px 20px 26px;
border: 1px solid #A6BBC8;
}
.caption .btn {
width: 100%;
}
.banner img {
max-width: 100%;
height: auto;
width: 100%;
}
.sponsor-gallery {
position: relative;
}
.sponsor-gallery .mask {
position: relative;
margin: 0 -20px 0;
}
.sponsor-gallery .slideset {
width: 200px;
margin: 0 auto;
white-space: nowrap;
letter-spacing: -3px;
}
.sponsor-gallery .slideset .slick-list {
overflow: visible;
}
.sponsor-gallery .slideset .slick-track {
width: auto !important;
float: left;
}
.sponsor-gallery .slideset .slide {
text-align: center;
padding: 0;
position: relative;
display: inline-block;
vertical-align: middle;
float: none;
letter-spacing: 0;
-webkit-transition: -webkit-transform .5s ease;
transition: transform .5s ease;
}
.sponsor-gallery .slideset .slide a {
outline: none;
display: block;
opacity: .5;
-webkit-transition: opacity .3s linear;
transition: opacity .3s linear;
}
.sponsor-gallery .slideset .slide a:hover {
opacity: 1;
}
.sponsor-gallery .slideset .slide img {
max-width: none;
max-height: 170px;
display: inline-block;
vertical-align: top;
-webkit-transform: scale(.46);
-ms-transform: scale(.46);
transform: scale(.46);
-webkit-transition: -webkit-transform .5s ease;
transition: transform .5s ease;
}
.sponsor-gallery .slideset .slide.prev-slide {
-webkit-transform: translateX(-50px);
-ms-transform: translateX(-50px);
transform: translateX(-50px);
}
.sponsor-gallery .slideset .slide.next-slide {
-webkit-transform: translateX(50px);
-ms-transform: translateX(50px);
transform: translateX(50px);
}
.sponsor-gallery .slideset .slide.slick-center a {
opacity: 1;
}
.sponsor-gallery .slideset .slide.slick-center img {
-webkit-transform: scale(.7);
-ms-transform: scale(.7);
transform: scale(.7);
}
.sponsor-gallery .scroll-bar-wrap {
background: none;
width: 100%;
height: 10px;
overflow: hidden;
}
.sponsor-gallery .scroll-bar::after {
content: '';
height: 1px;
background: #757575;
display: block;
width: 100%;
position: absolute;
top: 8px;
}
.sponsor-gallery .scroll-bar-wrap .scroll-bar {
position: relative;
height: 100%;
}
.sponsor-gallery .scroll-bar-wrap .ui-slider-handle {
background: #757575;
position: absolute;
top: 0;
height: 100%;
width: 30px;
-ms-touch-action: none;
touch-action: none;
cursor: pointer;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
border-radius: 8px;
}
.block {
font: 13px/17px "Whitney A", "Whitney B", Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.block ul {
letter-spacing: 0;
margin: 9px 0 24px;
}
.block li {
margin-bottom: 6px;
}
.block time {
display: block;
overflow: hidden;
}
.block strong {
width: 145px;
font-weight: 600;
float: left;
color: #183547;
}
.block span {
float: left;
color: #6493B2;
}
#footer {
padding: 28px 0;
}
#footer address {
font-style: normal;
}
#footer address .title {
display: block;
}
#footer .footer-nav a {
color: #a29a88;
display: inline-block;
vertical-align: top;
width: 100%;
padding: 10px 0;
text-decoration: none;
color: #FF5650;
}
#footer .holder a{
color: #a29a88;
}
#footer .holder a:hover{
color: #25282A;
text-decoration: underline;
}
#footer .footer-nav a:hover {
color: #1D48EF;
opacity: 1;
}
#footer a:hover span:before{
color: #1D48EF;
opacity: 1;
}
#footer p {
}
#footer .column {
background: transparent;
width: 100%;
min-height: 0;
float: none;
padding: 0;
border-top: 1px solid #a29a88;
margin: 0;
}
#footer .social-networks {
margin-bottom: -4px;
}
#footer .social-networks a {
color: #FF5650;
opacity: 1;
}
#footer .logo {
margin: 0 0 26px;
padding: 0;
}
#footer-logo p {
color: #757575;
padding-top: 2em;
}
#footer .holder {
padding: 32px 0 8px;
}
#footer .copyright a {
color: #25282A;
text-decoration: none;
}
.footer-nav {
text-transform: uppercase;
font-weight: 600;
letter-spacing: 1px;
}
.footer-nav li {
border-bottom: 1px solid #a29a88;
position: relative;
}
.footer-nav a:hover {
}
.footer-nav a:after {
content: "\e902";
color: #FF5650;
font: 13px/1 icomoon;
position: absolute;
top: 9px;
right: 0;
}
.footer-nav a:hover:after{
color: #1D48EF;
}
.copyright {
color: #25282A;
display: block;
padding-right: 5px;
margin-bottom: 20px;
}
.container {
padding: 0 20px;
}
.image-holder img {
width: auto;
height: auto;
}
.image-holder img.small-event-img{
max-height: 110px;
max-width: 80%;
}
.parallax-holder {
position: relative;
z-index: 1;
}
.bg-stretch {
display: none !important;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
}
.bg-stretch img {
width: 100%;
height: auto;
}
.social-networks {
font-size: 30px;
line-height: 1;
}
.social-networks a {
line-height: 1;
color: #FFF;
text-decoration: none;
display: inline-block;
vertical-align: top;
-webkit-transition: opacity .3s linear;
transition: opacity .3s linear;
}
.social-networks a:hover {
opacity: .5;
}
.social-networks.sticky{
position: fixed;
bottom: 20px;
right: 20px;
font-size: 18px;
z-index: 8888;
}
.social-networks.sticky a{
}
.social-networks.sticky li:hover{
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
filter: grayscale(100%);
}
.more {
text-decoration: none;
font: 13px/1 icomoon;
position: absolute;
top: 17px;
right: 8px;
}
.more:hover {
opacity: .7;
}
.more:after {
content: "\e907";
display: table-cell;
vertical-align:middle;
}
.bg-frame {
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
@font-face {
font-family: 'icomoon';
src: url('../web/fonts/icomoon.eot?5ktmye');
src: url('../web/fonts/icomoon.eot?5ktmye#iefix') format('embedded-opentype'),
url('../web/fonts/icomoon.ttf?5ktmye') format('truetype'),
url('../web/fonts/icomoon.woff?5ktmye') format('woff'),
url('../web/fonts/icomoon.svg?5ktmye#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-vine:before {
content: "\e900";
}
.icon-pinterest:before {
content: "\e901";
}
.icon-arrow:before {
content: "\e902";
}
.icon-linkedin:before {
content: "\e903";
}
.icon-instagram {
background: url(../images/2018/instagram.svg) no-repeat top left;
background-size: 100% 100%;
height: 18px;
width: 18px;
position: absolute;
top: 0;
right: 0;
}
.icon-facebook {
background: url(../images/2018/facebook.svg) no-repeat top left;
background-size: 100% 100%;
height: 18px;
width: 18px;
position: absolute;
top: 0;
right: 0;
}
.icon-arrow-bottom:before {
content: "\e906";
}
.icon-plus:before {
content: "\e907";
}
.icon-minus:before {
content: "\e908";
}
.icon-cross:before {
content: "\e909";
}
.icon-search:before {
content: "\e90f";
}
.icon-twitter {
background: url(../images/2018/twitter.svg) no-repeat top left;
background-size: 100% 100%;
height: 18px;
width: 18px;
position: absolute;
top: 0;
right: 0;
}
/*
@media (max-width: 768px) {
1
.icon-facebook, .icon-twitter, .icon-instagram {
position: relative;
}
}
*/
.icon-snapchat:before {
content: "\e911";
}
/* Slider */
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
}
.slick-track:before,
.slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
[dir="rtl"] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.overlay {
background:transparent;
position:relative;
width:100%;
height:400px; /* your iframe height */
top:400px; /* your iframe height */
margin-top:-400px; /* your iframe height */
}
.hotels-iframe{
height: 860px;
}
#divTopLeft{
background: none;
padding: 10px;
width: 140px !important;
}
.home #ads{background: #FFF;}
#ads{display: none; padding: 1px 0 42px 0;}
#ads-mobile{display: block; width: 320px; margin: 10px auto;}
#main .section.social h3{
font-size: 18px;
line-height: 24px;
font-weight: 400;
font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
letter-spacing: 0;
color: #FFF;
}
.section .hashtag {
font-size: 32px;
line-height: 41px;
margin: 10px 0 15px;
color: #FFF;
font-weight: 400;
font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
opacity: 1;
letter-spacing: 0;
display: block;
}
.column .image-holder {
width: 210px;
height: 210px;
display: block;
float: left;
overflow: hidden;
}
.column .image-holder.right {
float: right;
margin-left: 20px;
}
.column .image-holder.left{
float: left;
margin-right: 20px;
}
.animation-wrapper{position: relative; width: auto; max-width: 1000px; height: 100vh; display: table; overflow: visible; margin: 0 auto; }
.animation-container{position: absolute; top: 50%; transform: translateX(-50%) translateY(-70%); width: 1000px; height: 450px; display: block;}
.letter {display: inline-block; position: absolute;}
/* The animation code */
@keyframes neocon-n1 {
from {top: 600px; left: -1000px;}
to {top: 0; left: 0;}
}
@keyframes neocon-e {
from {top: 1500px; left: 3000px;}
to {top: 183px; left: 110px;}
}
@keyframes neocon-o1 {
from {top: -1000px; left: 2000px;}
to {top: 66px; left: 244px;}
}
@keyframes neocon-c {
from {top: 1000px; left: -1000px;}
to {top: 23px; left: 428px;}
}
@keyframes neocon-o2 {
from {top: 1000px; left: 3000px;}
to {top: 266px; left: 581px;}
}
@keyframes neocon-n2 {
from {top: -1000px; left: 3000px;}
to {top: 43px; left: 786px;}
}
@keyframes headline {
from {opacity: 0; bottom: -50px;}
to {opacity:1; bottom: 50px;}
}
.n-1{
z-index: 0;
left: 0;
top: 0;
animation-name: neocon-n1;
animation-duration: 5s;
}
.e{
z-index: 7;
left: 110px;
top: 183px;
animation-name: neocon-e;
animation-duration: 6s;
}
.o-1{
z-index: 1;
left: 244px;
top: 66px;
animation-name: neocon-o1;
animation-duration: 5s;
}
.c{
z-index: 3;
left: 428px;
top: 23px;
animation-name: neocon-c;
animation-duration: 4s;
}
.o-2{
z-index: 5;
left: 581px;
top: 266px;
animation-name: neocon-o2;
animation-duration: 5s;
}
.n-2{
z-index: 4;
left: 786px;
top: 43px;
animation-name: neocon-n2;
animation-duration: 5s;
}
.headline {
opacity: 1;
display: block;
padding: 20px;
}
.headline br{
display: block;
}
.headlineFade{
opacity: 1;
animation-name: headline;
}
.headline span{
padding-right: 10px;
margin-right: 10px;
border-right: 1px solid #FF5650;
}
.headline h1:first-child,
.headline h1:last-child,
.headline span:last-child{
padding: 0;
margin: 0;
border: none;
}
#main .headline h1{
font: 400 22px/26px "Chronicle Text A", "Chronicle Text B", Georgia, serif;
color: #FF5650;
text-align: center;
}
#main .headline h1 span{
text-transform: uppercase;
color: #1D48EF;
letter-spacing: 3px;
}
.register #main h3{
width: 75%;
}
.register .dark-gray span::before{
display: inline-block;
content: '•';
padding-right: 5px;
}
.hidden-anchor{
display:block;
padding-top:300px;
margin-top:-300px;
}
.col-container-2{
width: 100%;
padding: 20px;
background: #FFF;
}
.exhibit-col1,
.exhibit-col2{
width: 48%;
display: inline-block;
vertical-align: top;
margin: 0;
}
.exhibit p.intro{
color: #183547;
font-size: 27px;
line-height: 36px;
white-space: normal;
text-align: left;
}
.exhibit-col1 p,
.exhibit-col2 p{
font-size: 20px;
line-height: 28px;
margin-bottom: 15px !important;
color: #183547;
}
.exhibit .proverb h2{
color: #FFF;
}
.exhibit .proverb .caption blockquote {
font-size: 24px;
line-height: 30px;
}
.exhibit-col1{
margin-right: 3%;
}
.booth a{
color: #A6BBC8;
}
.booth a:hover{
color: #1D48EF;
text-decoration: underline;
}
.booth .info-biz .row{
margin: 0;
}
.booth .exhibit-col1{
/* overflow: hidden; */
width: 50%;
margin: 0;
float: left;
}
.booth .exhibit-col2{
background: #FFF;
padding: 20px;
width: 50%;
float: left;
}
#main .booth .exhibit-col2 h4{
color: #1D48EF;
margin-top: 0;
}
.booth .exhibit-col2 ul{
margin: 0 0 20px 0;
padding: 0;
}
.booth .exhibit-col2 li:first-child{
border-top: 1px solid #6493B2;
}
.booth .exhibit-col2 li{
list-style: none;
font-size: 16px;
line-height: 24px;
color: #183547;
padding: 7px 0;
border-bottom: 1px solid #6493B2;
}
.img-full-width{
width: 100%;
height: auto;
}
.exhibit #main h1{
color: #ff5650;
}
.exhibit #main h4{
font-size: 13px;
line-height: 24px;
text-transform: uppercase;
color: #FF5650;
letter-spacing: 1px;
}
a.neo,
a.neo-nce{
width: 100%;
padding: 30px;
display: block;
background: #FF5650;
margin: 10px 0;
color: #FFF;
font-size: 30px;
font-weight: bold;
text-decoration: none;
text-align: center;
}
a.neo-nce{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff5650+0,183547+100 */
background: #ff5650; /* Old browsers */
background: -moz-linear-gradient(left, #ff5650 0%, #183547 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #ff5650 0%,#183547 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #ff5650 0%,#183547 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5650', endColorstr='#183547',GradientType=1 ); /* IE6-9 */}
a.neo img,
a.neo-nce img{
display: inline-block;
margin: 0 auto;
vertical-align: middle;
}
img.neocon-logo{height: 40px; width: auto;}
img.neocon-east-logo{height: 60px; width: auto;}
a.neo:hover,
a.neo-nce:hover{
width: 100%;
padding: 30px;
display: block;
background: #1D48EF;
}
.section p.underline{
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #6493B2;
}
.exhibit .info-biz .item {
padding: 5px 20px;
}
.exhibit .info-biz .item.white{
padding: 15px 20px;
}
.exhibit #main .info-biz .item h4{
color: #FFF;
white-space: normal;
text-align: left;
border-bottom: 1px solid #6493B2;
margin-bottom: 0;
padding-bottom: 10px;
line-height: 18px;
}
.exhibit #main .info-biz .item.dusty h4{
border-bottom: 1px solid #183547;
}
.exhibit .info-biz .item ul{
margin: 0;
padding: 0;
}
.exhibit .info-biz .item ul li{
list-style: none;
margin: 0;
color: #FFF;
font-size: 16px;
line-height: 24px;
border-bottom: 1px solid #6493B2;
padding: 5px 0;
text-align: left;
}
.exhibit .info-biz .item a{
display: block;
width: 100%;
padding: 10px;
background: #ff5650;
font-size: 13px;
line-height: 18px;
font-weight: 700;
text-transform: uppercase;
color: #FFF;
letter-spacing: 0.5px;
text-align: center;
white-space: normal;
text-decoration: none;
margin-top: 20px;
}
.exhibit .info-biz .item a:hover{
background: #1D48EF;
}
.item.white{
background-color: #FFF;
}
.item.dusty{
background-color: #6493B2;
}
.exhibit .info-biz .item.dusty ul li{
border-bottom: 1px solid #183547;
}
.exhibit .info-biz .image-holder{
overflow: hidden;
}
.block-1,
.block-2,
.block-3,
.block-4,
.block-5,
.block-6,
.block-7,
.block-8{
display: inline-block;
clear: both;
width: 100%;
margin-top: 0;
padding-top: 20px;
}
.midnight p,
.dusty p,
.bronze p,
.coral p,
.reflex p{
margin-bottom: 5px !important;
}
.block-1 .block-item{
width: 100%;
}
.block-2 .block-item{
width: 50%;
}
.block-3 .block-item{
width: 33.33%;
}
.block-4 .block-item,
.block-7 .block-item,
.block-8 .block-item{
width: 25%;
}
.block-5 .block-item{
width: 20%;
}
.block-6 .block-item{
width: 16.6%;
}
.block-item{
display: inline-block;
float: left;
padding: 0;
vertical-align: top;
margin-bottom: 55px;
}
.block-item ul{
margin: 0;
padding: 0;
position: relative;
}
.block-item li{
margin: 0;
padding: 7px 20px 7px 0;
list-style: none;
font-size: 16px;
line-height: 24px;
position: relative;
}
.block-item li:after,
.block-item li:first-child::before{
content:'';
display: block;
width: 30px;
height: 1px;
background-color: #000;
position: absolute;
bottom: 0;
left:0;
}
.block-item li:first-child::before{
bottom: auto;
top: 0;
}
.block-item span{
font-size: 55px;
font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
margin-bottom: 20px;
display: block;
}
.block-item quote{
font-size: 24px;
line-height: 32px;
}
.midnight,
#main .midnight h2 { color: #183547; margin-bottom: 15px;}
.exhibit .midnight > div {border-top: 1px solid #183547;}
.midnight .block-item li:after,
.midnight .block-item li:first-child::before {background: #183547;}
.dusty,
#main .dusty h2 { color: #6493B2; margin-bottom: 15px;}
.exhibit .dusty > div {border-top: 1px solid #6493B2;}
.dusty .block-item li:after,
.dusty .block-item li:first-child::before {background: #6493B2;}
.dusty p{color: #6493B2!important;}
.coral,
#main .coral h2 { color: #FF5650; margin-bottom: 15px;}
.exhibit .coral > div {border-top: 1px solid #FF5650;}
.coral .block-item li:after,
.coral .block-item li:first-child::before {background: #FF5650;}
.bronze,
#main .bronze h2 { color: #63594D; margin-bottom: 15px;}
.exhibit .bronze > div {border-top: 1px solid #63594D;}
.bronze .block-item li:after,
.bronze .block-item li:first-child::before {background: #63594D;}
.reflex,
#main .reflex h2 { color: #1D48EF; margin-bottom: 15px;}
.exhibit .reflex > div {border-top: 1px solid #1D48EF;}
.reflex .block-item li:after,
.reflex .block-item li:first-child::before {background: #1D48EF;}
#main .event .text h3{
}
#main .event.open .text h3{
}
#main h3.logo-subhead{
margin: 30px 0 10px 0;
}
@media (min-width: 480px) {
.mobile {
margin: 0 auto;
}
}
@media (min-width: 768px) {
body {
}
#ads{display: block;}
#ads-mobile{display: none;}
#header {
padding: 0;
}
.event .register.btn {
position: relative;
bottom: 0;
left: -4px;
}
.register-container{width: 215px; height: 60px; position: absolute; top: 155px; left: 228px;}
.logo {
width: 118px;
letter-spacing: 0;
word-spacing: 2px;
font-size: 8px;
line-height: 10px;
float: left;
margin-left: 0;
padding: 8px 10px;
}
.nav-active {
overflow: auto;
}
.nav-active .nav-block {
max-height: none;
}
.nav-block {
background: none;
max-height: none;
font-size: 15px;
line-height: 19px;
position: static;
overflow: visible;
font-size: 14px;
line-height: 14px;
position: absolute;
bottom: 0;
right: 0;
}
.nav-block .social-networks {
display: none;
}
#nav {
max-width: 75%;
height: 25px;
width: 75%;
position: relative;
right: 0;
float: right;
/* align-self: flex-end; */
}
#nav.splash{
}
#nav.splash a{
font: 400 20px/26px "Whitney A", "Whitney B", Arial, "Helvetica Neue", Helvetica, sans-serif;
margin: 18px 30px 19px 10px;
}
#nav.splash .navbar > li {margin: 0;}
.navbar {
/* margin: 0 -10px 0 0; */
margin: 0;
border: none;
}
.navbar > li {
float: left;
margin: 16px 16px 0 0;
border-top: none;
}
/* .navbar > li:last-child {
margin: 0;
}*/
.navbar > li > a {
color: black;
padding: 0;
}
.exhibit .navbar > li > a {
color: #FFF;
padding: 0;
}
.navbar > li > a:after {
display: none;
}
.navbar > li > a.active, #header.headroom--top .navbar > li > a.active, #header.headroom--pinned .navbar > li > a.active {
color: #757575;
}
.navbar > .hover > a {
color: #1D48EF;
}
.navbar > .hover .nav-drop {
display: block;
}
.navbar .register,
.navbar .register,
.exhibit .navbar .register {
color: #FF432D;
font-family: 'GT America Bold';
margin-top: 0;
}
#header.headroom--top .navbar .register, #header.headroom--pinned .navbar .register {
color: #FF432D;
}
.navbar-expand-lg .navbar-nav .register a.nav-link:hover {
color: #757575 !important;
}
#header.active .navbar .register { color: #FF432D; }
#header.active .navbar .register:hover { color: white; }
.nav-drop {
/* background: rgba(255,0,0,.5); */
width: 184px;
max-height: none;
text-align: center;
font-size: 10px;
line-height: 14px;
display: none;
padding: 5px;
/*
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
*/
overflow: visible;
position: absolute;
top: 37px;
left: -10px;
/* left: 50%; */
z-index: 2;
}
.nav-drop:before {
background: url(../images/general/bg.png);
height: 0;
content: "";
position: absolute;
top: -22px;
right: 0;
left: 0;
}
.nav-drop ul {
padding: 0;
}
/*
.nav-drop ul:before {
content: "";
width: 0;
height: 0;
border-style: solid;
border-color: transparent transparent #183547;
border-width: 0 8px 9px 9px;
margin-left: -10px;
position: absolute;
top: -9px;
left: 50%;
}
*/
.nav-drop li {
padding: 0 0 0 10px;
text-align: left;
}
.nav-drop li:first-child {
border-top: none;
}
.nav-drop li:last-child a {
padding-bottom: 15px;
}
.nav-drop a {
display: block;
padding: 12px 5px 10px;
}
.nav-drop .hover a {
opacity: 1;
color: #FF432D;
}
.nav-opener {
display: none;
}
.text-slider {
padding-top: 150px;
}
.text-slider ul,
.text-slider h1 {
font-size: 80px;
line-height: 80px;
}
.text-slider li:after {
bottom: 19px;
}
.text-slider h1 {
margin-bottom: 4px;
}
.text-slider .holder {
margin-left: -210px;
}
#main h2 {
margin-bottom: 0;
}
#main h3 {
}
#main h4 {
}
#main .h1 {
font-size: 80px;
line-height: 84px;
margin-bottom: 0;
}
#main .h3 {
font-weight: 400;
font-size: 14px;
line-height: 18px;
margin-bottom: 6px;
}
#main .name {
font-size: 18px;
line-height: 20px;
margin-bottom: 0;
}
#main .column h2 {
}
#main .block h3 {
font-size: 18px;
line-height: 20px;
}
#main .section.seminar h3{
font-size: 47px;
line-height: 58px;
}
#content {
max-width: 960px;
padding: 100px 23px 55px;
margin: 0 auto;
}
#content h2 {
margin-bottom: 8px;
}
#content > .text {
margin-bottom: 37px;
}
#content .event .text {
margin-bottom: 0;
}
.section {
/* min-height: 450px; */
}
.section.exhibitor p {
margin-bottom: 19px;
}
.section.social .social-networks {
font-size: 42px;
margin-right: -9px;
}
.section.social .social-networks li {
margin-right: 9px;
}
.section.social .social-networks a:after {
width: 40px;
height: 40px;
}
.section.date .columns {
margin: 20px -8px;
}
.info-biz {
margin-top: 40px;
}
.info-biz [class^="col-"] {
float: left;
padding: 0 7px;
margin-bottom: 15px;
}
.info-biz .col-1 {
width: 25%;
}
.info-biz .col-2 {
width: 33.33%;
}
.info-biz .col-3 {
width: 41.67%;
}
.info-biz .col-4 {
width: 50%;
}
.info-biz .col-5 {
width: 75%;
}
.info-biz .col-6 {
width: 66.67%;
}
.info-biz .row {
margin: 0 -7px;
}
.exhibit .info-biz .col-1,
.exhibit .info-biz .col-2,
.exhibit .info-biz .col-3 {
width: 33.33%;
}
.info-biz .row .row:last-child [class^="col-"] {
margin-bottom: 0;
}
.info-biz .item {
height: 100%;
text-align: center;
white-space: nowrap;
padding: 0;
margin-bottom: 0;
}
.info-biz .item:after {
content: "";
width: 1px;
height: 100%;
display: inline-block;
vertical-align: middle;
margin-right: -1px;
}
.info-biz .item:hover .text {
opacity: 1;
cursor:pointer;
}
.info-biz .text {
background: #1D48EF;
color: #FFF;
max-height: none;
opacity: 0;
text-align: left;
text-transform: none;
letter-spacing: 0;
font-size: 12px;
line-height: 17px;
padding: 14px 16px;
margin: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.info-biz .holder {
display: inline-block;
vertical-align: middle;
white-space: normal;
}
.info-biz .title {
color: #FF5650;
font-size: 80px;
line-height: 1;
font-weight: 400;
display: block;
}
.info-biz .slogan {
color: #FFF;
font-size: 25px;
line-height: 27px;
font-weight: 400;
}
.info-biz .more {
top: auto;
bottom: 0;
right: 0;
width: 40px;
height: 40px;
}
.advisory h1 {
font-size: 60px;
line-height: 65px;
}
.advisory table {
margin: 0 0 44px;
}
.advisory table tr {
padding: 0;
}
.advisory table td {
padding: 3px 0 2px;
}
.advisory table td:last-child {
width: 40.7%;
}
.advisory table td:nth-child(2) {
width: 30.7%;
}
.advisory table th {
width: 26.5%;
padding: 3px 0 2px 0;
}
.advisory .btn.dark-gray {
font-size: 32px;
line-height: 36px;
padding: 14px 10px 14px 20px;
}
.vertical-list {
margin-bottom: 0;
font-weight: 400;
font-size: 25px;
line-height: 28px;
padding: 16px 16px 5px;
}
.vertical-list li {
padding: 5px 0;
border-bottom-width: 1px;
color: #FFF;
}
.heading .name {
overflow: hidden;
padding: 8px 2px 10px 17px;
border-right: 1px solid #b6c3c4;
}
.infoblock {
}
.three-column td {width: 32%; }
.four-column td {width: 24%; }
table.people-list tr{
padding: 0;
}
table.people-list td{
padding: 7px 7px 7px 0;
}
.events .heading {
max-width: none;
padding: 0;
margin-bottom: 9px;
border: none;
overflow: hidden;
}
form[name="semlist"] .heading{
padding: 0;
}
form[name="semlist"] header{position: relative;}
form[name="semlist"] h3{float:left;}
/* form[name="semlist"] input.btn, .register input.btn{position: absolute; } */
form[name="CFForm_1"] input.btn,
form[name="pressreg"] input.btn,
form[name="regStep2"] input.btn,
form[name="mLsignup"] input.btn,
.register input.btn[value="Complete Registration"],
.register input.btn[value="Add More Sessions"],
.register input.btn[value="Submit Payment"],
.register input.btn[value="Processing"]
{position: relative; margin-bottom: 50px;}
form[name="travel"] input.btn {position: relative; margin-left: 20px; margin-bottom: 50px;}
.events .heading.keynote {
max-width: 34%;
}
.events .heading br {
display: none;
}
.events .event {
width: 100%;
float: none;
margin-bottom: 5px;
}
.events .description .holder {
border: none;
padding: 0;
border-left: 2px solid #FF432D;
width: 800px;
float: right;
}
.events .columns {
padding: 0 9px 16px;
margin: -14px 0 33px;
}
.events .active .details-btn,
.events .opener .active .details-btn,
.events .opener:hover .details-btn {
display: none;
}
.event-heading.opener:hover .details-btn:after{color: #FFF;}
/* .events .opener:hover{cursor: pointer;} */
.events .active .details-btn:after {
content: "\e909";
color: #fff;
}
.event-heading .details-btn {
display: none;
}
.event-heading .details-btn:after {
font-size: 10px;
position: absolute;
bottom: 8px;
right: 4px;
color: #FFF;
display: none;
}
.event-heading .details-btn span {
display: block;
-webkit-transform: rotate(90deg) translateX(3px) translateY(-11px);
-ms-transform: rotate(90deg) translateX(3px) translateY(-11px);
transform: rotate(90deg) translateX(3px) translateY(-11px);
-webkit-transform-origin: 0;
-ms-transform-origin: 0;
transform-origin: 0;
}
.event {
width: auto; /* was 74.6% */
float: left;
}
.event .holder {
padding: 0 20px 0 0;
}
.event .image-holder {
height: 100%;
text-align: left;
display: block;
margin: 0 0 24px 0;
}
.heading.keynote{
margin: 17px 17px 17px 250px;
}
.event .image-holder.speaker{
width: 250px;
float: left;
margin: 0;
position: absolute;
}
.event .image-holder.speaker img{
position: absolute;
bottom: 0;
left: 0;
width: 250px;
height: auto;
}
.event .image-holder.sponsor{
width: 180px;
margin: 17px 34px 17px 17px;
float: right;
}
.event .image-holder.sponsor span{
padding: 5px;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 1px;
color: #a29a88;
border: 1px solid #a29a88;
text-align: left;
width: 100%;
display: block;
}
.event .image-holder.sponsor ul{
margin: 0;
padding: 0;
width: 100%;
min-height: 150px;
border: 1px solid #a29a88;
margin-top: -1px;
}
.event .image-holder.sponsor li{
padding: 20px;
border-top: 1px solid #a29a88;
display: block;
width: 100%;
}
.event .image-holder.sponsor li:last-child{
padding: 15px 50px;
}
.event .image-holder.sponsor li:first-child{
border-top: 0;
padding: 20px;
}
.event .description {
padding: 0;
}
.event .text {
overflow: hidden;
position: relative;
}
.event .btn {
max-width: 185px;
margin-bottom: 5px;
}
.events .summary {
list-style: none;
width: 100%;
margin-bottom: 0;
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
}
.summary li {
padding: 14px 17px 10px;
break-inside: avoid-column;
}
.summary li:nth-child(odd) {
}
.summary li:last-child {
border-bottom: none;
}
.summary time,
.summary address,
.summary .price {
}
.summary .title {
font-size: 10px;
}
.parties {
color: #fff;
width: 50%;
float: left;
padding: 0 8px;
}
.parties li {
padding: 10px 28px 9px 13px;
margin-bottom: 2px;
}
.parties address {
color: #A6BBC8;
display: block;
padding-bottom: 7px;
margin-bottom: 6px;
border-bottom: 1px solid #A6BBC8;
}
.parties .detail {
background: #25282A;
width: 221px;
max-height: none;
overflow: visible;
font-weight: 400;
font-size: 10px;
line-height: 16px;
word-spacing: 1px;
padding: 10px 16px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: opacity .3s linear;
transition: opacity .3s linear;
opacity: 0;
position: absolute;
top: 50% !important;
left: auto !important;
right: 41px;
z-index: 1;
}
.parties .detail:after {
content: "";
width: 0;
height: 0;
margin-top: -9px;
border-style: solid;
border-width: 9px 0 9px 9px;
border-color: transparent transparent transparent #25282A;
position: absolute;
top: 50%;
right: -9px;
}
.parties .title {
display: block;
}
.parties .more:hover {
color: #25282A;
opacity: 1;
}
.parties .more:hover + .detail {
top: 50% !important;
left: auto !important;
opacity: 1;
}
.parties .active .detail {
padding: 10px 16px;
opacity: 1;
}
.parties .active .more {
color: #25282A;
}
.parties .active .more:hover {
color: #FF5650;
opacity: 1;
}
.parties .active .more:after {
content: "\e907";
}
.info {
width: 33.33%; /* was 25.4% */
font-size: 14px;
line-height: 20px;
float: left;
}
.info .holder {
padding: 13px 20px 6px 14px;
border-left: 1px solid #FF5650;
}
.info .btn {
width: 270px;
max-width: 270px;
margin: 20px 0 20px 0;
}
.columns {
/* margin-top: -4px; */
}
.col {
width: 60%;
float: left;
padding: 0;
}
.col + .col {
width: 38%;
padding-top: 28px;
margin-left: 2%;
}
.column {
width: 440px;
min-height: 0;
margin: 0 20px 20px 0;
}
.column h2:after {
font-size: 8px;
}
.mobile {
background-size: 185px;
max-width: 185px;
font-size: 10px;
line-height: 16px;
padding: 46px 20px 58px;
}
.mobile p {
margin-bottom: 2px;
}
.mobile ul {
margin-bottom: 5px;
}
.mobile li {
padding: 0 10px 4px;
}
.mobile li:nth-child(odd) {
border-top-width: 2px;
}
.mobile .heading {
margin-bottom: 11px;
border: none;
}
.mobile .image-holder {
width: 42px;
margin-right: 12px;
}
.mobile .title {
font-size: 18px;
line-height: 20px;
}
.mobile .btn {
padding: 10px 13px;
}
.search-form input[type="search"],
.search-form input[type="text"] {
font-size: 32px;
line-height: 37px;
padding: 18px 63px 18px 22px;
}
.search-form button[type="submit"] {
font-size: 44px;
top: 14px;
right: 17px;
}
.testimonials {
margin: 22px -7px 0 -8px;
}
.testimonials blockquote {
width: 33.33%;
max-width: none;
font-size: 14px;
line-height: 20px;
float: left;
margin: 0;
padding: 0 7px 31px 8px;
}
.testimonials cite {
font-size: 18px;
line-height: 20px;
}
.caption {
max-width: 960px;
font-size: 58px;
line-height: 1;
margin: 0 auto;
}
.caption blockquote {
width: auto;
max-width: 600px;
font-weight: 400;
font-size: 32px;
line-height: 35px;
}
.caption q {
margin-bottom: 32px;
}
.caption q br {
display: none;
}
.caption .holder {
max-width: 462px;
padding: 0 23px;
}
.caption .text {
padding: 16px 25px 24px;
}
.caption .btn {
max-width: 226px;
}
.banner {
max-width: 728px;
display: block;
margin: 8px auto;
}
.banner.interior{
/* margin-top: 20px; */
}
.sponsor-gallery .mask {
margin: 0 -23px 4px;
}
.sponsor-gallery .scroll-bar-wrap {
height: 8px;
}
.sponsor-gallery {
padding-top: 11px;
}
.block {
width: 25%;
float: left;
padding: 0 8px;
}
.block ul {
margin-top: 6px;
}
.block strong {
float: none;
display: block;
}
.block span {
float: none;
}
#footer {
padding: 39px 0;
}
#footer address {
line-height: 15px;
margin-bottom: 17px;
}
#footer .columns {
border: none;
margin-top: 0;
}
#footer .column {
width: 48%;
float: left;
border-bottom: 1px solid #a29a88;
}
#footer .column + .column {
margin-left: 4%;
}
#footer .column:first-child {
border-bottom: none;
border-left: none;
}
#footer .social-networks {
text-align: left;
font-size: 24px;
padding: 8px 0 20px;
}
#footer .social-networks li {
margin-right: 4px;
}
#footer .logo {
width: 81px;
float: none;
margin-bottom: 18px;
}
#footer .holder {
padding: 16px 0 8px;
}
.footer-nav a {
padding: 13px 0 14px 0;
}
.footer-nav a:after {
font-size: 10px;
top: 13px;
right: 0;
}
.copyright {
line-height: 15px;
padding-right: 10px;
margin-bottom: 16px;
}
.container {
max-width: 960px;
margin: 0 auto;
padding: 0 23px;
}
.social-networks:after {
display: none;
}
.more {
top: 13px;
right: 12px;
}
.hotels-iframe{
height: 700px;
}
.event-heading.keynote {
padding: 0;
position: relative;
height: auto;
}
.section.seminar p{
font-size: 32px;
line-height: 45px;
}
#main .section.social h3{
font-size: 32px;
line-height: 41px;
}
.section .hashtag {
font-size: 32px;
line-height: 41px;
margin: 30px 0 15px;
letter-spacing: -4px;
}
}
@media (min-width: 768px) {
body {
}
body #content > .text {
font-size: 27px;
line-height: 1.3;
margin-bottom: 84px;
}
#header {
padding: 0;
}
.headline {
position: absolute;
bottom: 50px;
left: 0;
right: 0;
opacity: 0;
z-index: 600;
animation-duration: 2s;
text-align: center;
padding: 0;
}
.headlineFade{
opacity: 1;
animation-name: headline;
}
.headline h1{ display: inline-block; }
.headline h1:first-child{
padding-right: 10px;
margin-right: 10px;
border-right: 1px solid #FF5650;
}
.headline h1:last-child{
padding-left: 10px;
margin-left: 10px;
border-left: 1px solid #FF5650;
}
.animation-mobile{display: none;}
.logo {
width: auto;
font-size: 11px;
line-height: 23px;
padding: 0;
}
.dates {
float: left;
margin: 0 0 0 20px;
height: 25px;
position: relative;
min-width: 120px;
}
.dates p {
font-size: 16px;
line-height: 16px;
margin: 0;
padding: 0;
color: #757575;
position: absolute;
bottom: 0;
}
.nav-block {
font-size: 16px;
line-height: 16px;
position: absolute;
bottom: 0;
right: 0;
}
.navbar > li {
margin: 0 9px;
}
.navbar > li:last-child {
margin-right: 0px;
}
.navbar > li::after {
content: '/';
display: block;
position: absolute;
top: 0;
right: -13px;
color: black;
}
.navbar > li:last-child:after {
content: '';
}
.navbar .register,
.exhibit .navbar .register {
margin: 0;
padding: 0;
}
.nav-drop {
width: 238px;
font-size: 16px;
line-height: 20px;
padding: 0;
top: 25px; /*20px line height + 5px*/
top: 15px;
padding-top: 10px;
}
/*
.nav-drop:before {
background: rgba(0,255,0,.5);
height: 28px;
top: 0px;
}
.nav-drop ul:before {
margin-left: -15px;
border-width: 0 11px 11px 12px;
top: -11px;
}
*/
.nav-drop a {
padding: 0;
}
.text-slider {
padding-top: 150px;
}
#page-nav {
position: sticky;
top: 0;
margin-left: 980px;
}
#content #page-nav h2 {
border: none;
color: black;
font-size: 16px;
padding: 0;
margin: 0;
font-family: 'GT America Regular', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#page-nav ul {
margin: 0;
padding: 0;
}
#page-nav ul li {
padding: 0;
margin: 0;
list-style: none;
font-size: 16px;
line-height: 1.2;
color: black;
}
#page-nav ul li a {
color: #585858;
font-family: 'GT America Bold', "Helvetica Neue", Helvetica, Arial, sans-serif;
/*
text-decoration: underline;
text-decoration-thickness: 2px;
*/
}
#page-nav ul li a:hover {
/* color: #757575; */
color: black;
text-decoration: underline;
}
.text-slider ul,
.text-slider h1 {
font-size: 85px;
line-height: 95px;
}
.text-slider li:after {
bottom: 25px;
}
.text-slider .holder {
margin-left: -267px;
}
#main h1 {
font-size: 60px;
line-height: 65px;
color: #FF432D;
}
.exhibit #main .section.intro h1{
float: left;
color: #FF5650;
white-space: normal;
width: 48%;
margin-top: 60px;
}
.exhibit #main .section.intro h2{
font-size: 27px;
line-height: 36px;
font-family: "Whitney A", "Whitney B", Arial, "Helvetica Neue", Helvetica, sans-serif;
font-weight: 300;
margin-top: 0;
padding-top: 0;
text-transform: inherit;
letter-spacing: 0;
color: #183547;
}
.home #main h2{
}
#main h3 {
margin: 27px 0;
}
#main .event h3 {
}
#main .event .keynote h3{
margin-bottom: 0;
}
#main .event .keynote h4{
margin-bottom: 10px;
color: #6493B2;
}
.events .heading.keynote {
max-width: 42%;
min-height: 260px;
}
.event .register.btn{
height: 45px;
}
.register-container{width: 215px; height: 60px; position: absolute; top: 155px; left: 228px;}
#main h4 {
}
#main .name {
font-size: 23px;
line-height: 27px;
}
#main .h1 {
font-size: 85px;
line-height: 111px;
margin-bottom: -3px;
}
#main .h3 {
font-size: 18px;
line-height: 20px;
margin-bottom: 9px;
}
#main .column h2 {
}
#main .block h3 {
font-size: 22px;
line-height: 26px;
}
#content {
padding: 134px 10px 50px;
}
#content h1 {
font-size: 60px;
line-height: 65px;
margin-bottom: 20px;
letter-spacing: 0;
border-top: 2px solid #FF432D;
border-bottom: 2px solid #FF432D;
padding-bottom: 40px;
}
#content h2 {
margin: 80px 0 0 0;
padding: 6px 0 32px 0;
}
.register #content table h2{
padding: 0;
}
#content > .text {
margin-bottom: 0;
}
.section {
/* min-height: 600px; */
padding: /* 75px */ 0 0 100px 0;
}
.section.exhibitor p {
margin-bottom: 25px;
}
.section.social .social-networks {
font-size: 45px;
margin-right: -15px;
margin-top: 10px;
}
.section.social .social-networks li {
margin-right: 15px;
}
#main .section.social h3{
font-size: 27px;
line-height: 36px;
letter-spacing: 0;
color: #FFF;
}
.section.social .social-networks a:after {
width: 51px;
height: 51px;
}
.section.date .columns {
margin: 28px -8px;
}
.section .hashtag {
font-size: 150px;
line-height: 150px;
}
.info-biz {
margin-top: 58px;
}
.exhibit .info-biz {
margin-top: 10px;
}
.info-biz [class^="col-"] {
padding: 0 10px;
margin-bottom: 21px;
}
.info-biz .row {
margin: 0 -10px;
}
.info-biz .text {
font-size: 16px;
line-height: 22px;
padding: 18px 21px;
}
.info-biz .title {
font-size: 88px;
line-height: 1;
letter-spacing: -2px;
font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
}
.advisory {
}
.advisory p {
margin-bottom: 43px;
}
.exhibit .advisory p{
font-size: 24px;
line-height: 30px;
margin: 40px 0;
}
.exhibit .advisory p strong{
color: #6493B2;
}
.exhibit .advisory a{
color: #FFF;
}
.exhibit .advisory a:hover{
color: #FF5650;
text-decoration: underline;
}
.advisory table {
}
.advisory table td {
padding: 6px 0 3px;
}
.advisory .btn.dark-gray {
font-size: 42px;
line-height: 46px;
padding: 17px 10px 17px 20px;
}
.vertical-list {
font-size: 24px;
line-height: 28px;
padding: 23px 20px 5px;
}
.vertical-list li {
padding: 8px 0;
}
.heading .name {
padding: 11px 23px;
}
.infoblock {
border-width: 1px;
}
.events .event.accordion {
padding-bottom: 18px; /*20px - 2px border*/
border-bottom: 2px solid #FF432D;
}
.events .event.open {
padding-bottom: 0;
border-bottom: none;
}
.events.sponsors .event {
}
.events .heading {
padding-top: 7px;
margin: 0;
padding: 20px 0;
}
#main .events .heading h3 {
margin: 0;
}
.events .columns {
padding: 0 10px 16px;
margin: -15px 0 45px;
}
.event-heading {
padding: 0px;
}
.event-heading .details-btn {
width: 25px;
font-size: 10px;
right: -25px;
}
.event-heading .details-btn:after {
font-size: 11px;
right: 6px;
}
.event-heading .details-btn span {
-webkit-transform: rotate(90deg) translateX(2px) translateY(-14px);
-ms-transform: rotate(90deg) translateX(2px) translateY(-14px);
transform: rotate(90deg) translateX(2px) translateY(-14px);
}
.event .holder {
padding: 0 23px 0 0;
}
.event .image-holder {
width: 140px;
}
.event .image-holder.sponsor{
width: 180px;
margin: 17px;
}
.event.accordion .text {
font-size: 16px;
line-height: 20px;
padding: 0 0 24px 24px;
position: relative;
}
.events .event.open .text {
padding: 21px 0 21px 0;
}
.events .event.faq .text {
padding: 0 0 21px 0;
}
.events .event.faq {
margin: 0;
padding: 0;
border: none;
}
.events .event.faq h4 {
margin-top: 21px;
}
.events h4 {
font-family: 'GT America';
font-weight: 700;
}
.event strong.subhead {
font-family: 'GT America';
font-weight: 700;
color: #FF432D;
font-size: 19px;
display: block;
padding: 0 0 16px 24px;
}
.event .description .text{
}
.event .image-holder.speaker{
width: 300px;
}
.event .image-holder.speaker img{
width: 300px;
}
.event .text p {
margin-bottom: 25px;
}
.event .text p:last-child{
margin-bottom: 0;
}
.event .btn {
max-width: 240px;
}
.summary li {
padding: 0 2% 16px 24px;
display: block;
}
.summary li span, .summary li strong {
color: #FF432D;
}
.summary li strong {
display: block;
}
.parties {
padding: 0 10px;
}
.parties li {
padding: 12px 38px 12px 19px;
margin-bottom: 3px;
}
.parties address {
padding-bottom: 8px;
margin-bottom: 11px;
}
.parties .detail {
width: 285px;
font-size: 13px;
line-height: 20px;
padding: 14px 18px 16px;
right: 54px;
}
.parties .detail:after {
border-width: 11px 0 11px 11px;
right: -11px;
}
.parties .title {
font-size: 23px;
line-height: 27px;
}
.parties .active .detail {
padding: 14px 18px 16px;
}
.parties .active .more {
color: #25282A;
}
.parties .active .more:hover {
color: #FF5650;
opacity: 1;
}
.parties .active .more:after {
content: "\e907";
}
.info {
font-size: 16px;
line-height: 25px;
}
.info .holder {
padding: 0 0 6px 40px;
margin-left: -1px;
border-width: 1px;
}
.column h2:after {
font-size: 11px;
}
.column .description {
}
.mobile {
background-size: 240px;
max-width: 240px;
font-size: 13px;
line-height: 20px;
padding: 59px 28px 75px;
margin: 7px 0 0;
height: 435px;
}
.mobile p {
margin-bottom: 4px;
}
.mobile li {
padding: 3px 10px 4px;
}
.mobile li:nth-child(odd) {
border-top-width: 1px;
}
.mobile .heading {
margin-bottom: 15px;
}
.mobile .image-holder {
width: 55px;
margin-right: 14px;
}
.mobile .title {
font-size: 23px;
line-height: 27px;
font-weight: 700;
}
.mobile .btn {
padding: 15px 16px 13px;
}
.search-form input[type="search"],
.search-form input[type="text"] {
font-size: 42px;
line-height: 46px;
padding: 25px 85px 23px 29px;
}
.search-form button[type="submit"] {
font-size: 58px;
top: 24px;
right: 21px;
overflow: visible;
}
.testimonials {
margin: 22px -10px 0;
}
.testimonials blockquote {
font-size: 16px;
line-height: 21px;
padding: 0 10px 40px;
}
.testimonials cite {
font-size: 23px;
line-height: 27px;
}
.testimonials q {
margin-bottom: 17px;
}
.testimonials .btn {
}
.caption {
font-size: 75px;
line-height: 75px;
padding: 0 10px;
}
.caption blockquote {
max-width: 750px;
font-size: 38px;
line-height: 48px;
}
.caption q {
margin-bottom: 20px;
}
.caption cite {
font-size: 13px;
line-height: 17px;
}
.caption .holder {
max-width: 541px;
padding: 0;
}
.caption .text {
padding: 23px 33px 31px;
}
.caption .btn {
max-width: 293px;
}
.banner {
margin: 10px auto;
}
.banner.interior{
margin-top: 30px;
}
.home .banner.interior{
border: 1px solid #666;
}
.sponsor-gallery .mask {
margin: 0 -20px 50px;
}
.event .sponsor-gallery .mask {
margin: 0 -20px 10px;
}
.sponsor-gallery .scroll-bar-wrap {
height: 15px;
}
.sponsor-gallery {
padding-top: 0;
}
.event .sponsor-gallery{
padding: 0;
}
.block {
font-size: 16px;
line-height: 22px;
}
.block ul {
margin-top: 9px;
}
.block li {
margin-bottom: 8px;
}
#footer {
padding: 52px 0;
}
#footer address {
line-height: 20px;
margin-bottom: 15px;
}
#footer .holder {
padding: 21px 0 8px;
}
#footer .social-networks {
height: 55px;
font-size: 25px;
padding: 11px 0;
margin-right: -8px;
}
#footer .social-networks li {
margin-right: 2px;
}
#footer .logo {
width: 106px;
margin-bottom: 20px;
}
#footer .footer-nav a {
padding: 12px 0;
}
.footer-nav a:after {
font-size: 13px;
top: 12px;
right: 0;
}
.copyright {
line-height: 20px;
padding-right: 20px;
margin-bottom: 15px;
}
.container {
padding: 0 10px;
}
.more {
font-size: 16px;
top: 0;
right: 0;
display:table;
height: 50px;
width:50px;
text-align:center;
}
}
@media only screen and (min-width: 1025px) {
a[href^=tel],
a[href^=skype],
a[href^=sms] {
cursor: default;
pointer-events: none;
}
}
@media (max-width: 950px) {
.info .btn {
width: auto;
max-width: none;
}
.column {
width: 23%;
margin-right: 2%;
height: auto;
display: inline-block;
float: left;
overflow: hidden;
}
.column:last-child {
margin-right: 0;
}
.column .image-holder.right,
.column .image-holder.left {
display: none;
}
.section.animation img{
width: 100%;
margin: 75px 0 30px;
}
.exhibit .advisory p{
font-size: 18px;
line-height: 24px;
margin: 20px 0;
}
}
@media (max-width: 1023px) {
.text-slider .js-anim-text {
width: 700px;
}
.animation-wrapper{display: none;}
.animation-mobile{display: block;}
}
@media (max-width: 767px) {
.text-slider .js-anim-text {
width: 300px;
}
.section.win-height:not(.full-height) {
height: auto !important;
}
.info-biz .same-height {
height: auto !important;
}
.info-biz .hidden {
display: none;
}
.infoblock .holder {
height: auto !important;
}
#footer .column:first-child {
height: auto !important;
}
#footer .column:last-child{
border-top: none;
}
.same-height {
min-height: 0 !important;
}
.social-networks.sticky{
display: none;
}
.text-slider{padding-top: 150px;}
.arrow{display:none;}
.info .btn{
width: 240px;
margin-bottom: 20px;
}
.heading.keynote{
margin: 17px;
}
.sponsor-gallery .slideset .slide img {
-webkit-transform: scale(.2);
-ms-transform: scale(.2);
transform: scale(.2);
}
.sponsor-gallery .slideset .slide.slick-center img {
-webkit-transform: scale(.4);
-ms-transform: scale(.4);
transform: scale(.4);
}
.screenshots img + img{
margin: 20px 0 0;
}
.section.login .columns .col,
.section.login .columns .col + .col{
width: 100%;
margin-right: 0;
margin-bottom: 20px;
}
.section.exhibitor .container-holder,
.section.intro .container-holder,
.section.seminar .container-holder{
display: block;
width: 100%;
padding: 6%;
}
.column {
width: 100%;
margin-right: 0;
height: auto;
display: block;
float: left;
overflow: hidden;
min-height: 0;
}
.column .description{
width: 100%;
margin-bottom: 10px;
}
.column .description a{
width: auto;
height: auto;
}
.column .description a::after {
display: inline-block;
margin-left: 15px;
margin-top: 4px;
}
.event.open img{
margin: 0;
width: 35%;
height: auto;
}
.event .text{ padding: 0px; }
#content .event.keynote .text {
margin-left: 0 !important;
}
.exhibit #main h1{
margin-top: 100px;
white-space: normal;
}
.exhibit .section.intro .container-holder{
margin-top: 20px;
}
.exhibit #main .section.intro h2{
font-size: 27px;
line-height: 36px;
font-family: "Whitney A", "Whitney B", Arial, "Helvetica Neue", Helvetica, sans-serif;
font-weight: 300;
margin-top: 0;
padding-top: 0;
text-transform: inherit;
letter-spacing: 0;
color: #183547;
}
.exhibit-col1,
.exhibit-col2,
.booth .exhibit-col1,
.booth .exhibit-col2{
width: 100%;
}
.booth .exhibit-col1{
display: none;
}
.block-1 .block-item,
.block-2 .block-item,
.block-3 .block-item,
.block-4 .block-item,
.block-5 .block-item,
.block-6 .block-item,
.block-7 .block-item,
.block-8 .block-item{ width: 100%;}
.block-1,
.block-2,
.block-3,
.block-4,
.block-5,
.block-6,
.block-7,
.block-8 .block-item{ padding-top: 0;}
.block-item{border-bottom: 1px solid #DDD; margin: 10px 0 0 0; padding: 10px 0;}
.block-item span{font-size: 50px; width: 30%; padding-top: 7px; display: inline-block; vertical-align: top;}
.block-item ul{width: 65%; display: inline-block; vertical-align: top; list-style-type: disc;}
.block-item li:first-child{padding-top: 0;}
.block-item li::after, .block-item li:first-child::before{
display: none;
}
}
@media print {
* {
background: none !important;
color: #000 !important;
height: auto !important;
}
.btn,
#nav,
.more,
.banner,
.sponsor,
.social,
.mobile,
.bg-stretch,
.footer-nav,
.text-slider,
.search-form,
.seminar,
.column h2:after,
.text-slider,
.social-networks {
display: none;
}
.win-height,
.same-height {
height: auto !important;
}
.section {
padding: 0 !important;
border-bottom: 1px solid #333;
margin-bottom: 20px;
min-height: 0;
}
.heading,
.infoblock,
.info .holder,
.heading .name,
.event .holder,
#footer .column {
border: none;
}
#wrapper {
max-width: 940px;
margin: 0 auto;
}
.logo {
margin: 0;
}
#header {
padding: 10px 0 0;
margin-bottom: 10px;
}
.container {
padding: 0;
}
#main .name,
.heading time,
.event .holder,
.info .holder {
padding: 0;
}
body {
font-size: 24px;
line-height: 28px;
}
.col,
#footer .column {
width: 100%;
float: none;
padding: 0;
}
.feature {
margin-bottom: 0;
}
.feature .columns {
margin-bottom: 15px;
}
.testimonials {
padding-bottom: 20px;
}
.testimonials blockquote {
max-width: none;
width: 100%;
float: none;
padding: 0;
margin-bottom: 10px;
}
.testimonials blockquote:hover .holder {
margin: 0;
padding: 0 10px;
}
.testimonials blockquote q {
margin-bottom: 0;
}
.testimonials cite:after {
display: none;
}
.testimonials .image-holder {
max-width: 150px;
float: left;
}
.testimonials .image-holder img {
max-width: 100%;
width: auto;
}
.testimonials .holder {
overflow: hidden;
position: static;
margin: 0;
padding: 0 10px;
}
.vertical-list {
padding: 0;
}
.vertical-list li:last-child {
border-bottom: none;
}
.contain-holder {
display: block;
}
.caption {
padding: 0;
}
.caption:after {
display: none;
}
.caption blockquote {
width: auto;
max-width: none;
text-align: left;
padding: 0 20px;
}
.caption blockquote q {
margin-bottom: 20px;
}
.caption .holder {
max-width: none;
}
.caption .text {
border: none;
}
#main h1 {
margin-bottom: 7px;
}
#main h4 {
font-size: 26px;
line-height: 30px;
margin-bottom: 5px;
}
#main .h1 {
font-size: 28px;
line-height: 30px;
margin-bottom: 10px;
}
#main .name {
font-size: 16px;
line-height: 20px;
margin-bottom: 10px;
}
#main .date h2,
#main .advisory h2 {
font-size: 52px;
line-height: 56px;
}
#content {
padding: 0 10px;
}
#content h2 {
font-size: 32px;
line-height: 36px;
}
#content > .text {
margin-bottom: 20px;
}
.column {
width: 100%;
min-height: 0;
float: none;
margin-bottom: 5px;
}
.column br {
display: none;
}
.column .image-holder {
display: none;
}
.column .description {
padding: 0;
}
.events .event {
margin-bottom: 20px;
border-bottom: 1px solid #000;
}
.events .columns {
padding: 0;
}
.event .image-holder {
max-width: 150px;
width: auto;
text-align: left;
margin-right: 10px;
}
.event .description {
max-height: none;
padding: 0;
position: static !important;
}
.event .heading {
padding: 0;
}
.event-heading {
padding: 0;
margin-bottom: 0;
}
.event-heading .details-btn {
display: none;
}
.summary {
max-width: 25%;
float: left;
border: none;
margin-right: 15px;
}
.summary li {
padding: 5px 0;
border-bottom: 1px solid #333;
}
.summary li:nth-child(odd) {
border-width: 1px;
}
.summary li:last-child {
border: none;
}
.parties {
width: 100%;
float: none;
padding: 0;
margin: 0;
}
.parties li {
padding: 0;
margin-bottom: 10px;
}
.parties .detail {
width: 100%;
max-height: none;
color: #333;
padding: 0;
opacity: 1;
position: static !important;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.parties .detail:after {
display: none;
}
.info-biz {
margin: 0;
}
.info-biz [class^="col-"] {
width: 100%;
float: none;
}
.info-biz .item {
text-align: left;
padding: 0;
}
.info-biz .image-holder {
display: none;
}
.info-biz .text {
max-height: none;
padding: 0;
position: static;
opacity: 1;
}
.info-biz .title,
.info-biz .slogan {
text-transform: none;
font-size: 22px;
line-height: 26px;
display: inline-block;
vertical-align: top;
}
#footer {
padding: 10px 0 0;
}
#footer .columns {
border: none;
}
#footer .holder {
padding: 0;
}
#footer address,
#footer .copyright,
#footer .logo {
margin-bottom: 15px;
}
.section p,
.section.exhibitor p,
.col p {
margin-bottom: 10px;
}
}
@-webkit-keyframes to-left {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
100% {
-webkit-transform: translateX(50%);
transform: translateX(50%);
}
}
@keyframes to-left {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
100% {
-webkit-transform: translateX(50%);
transform: translateX(50%);
}
}
@-webkit-keyframes to-right {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
100% {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
@keyframes to-right {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
100% {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
/* line 3, clingify.scss */
.js-clingify-ztransform, .js-clingify-wrapper {
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}
/* Baseline selectors */
/* line 10, clingify.scss */
.js-clingify-wrapper {
width: 100%;
}
/* line 14, clingify.scss */
.js-clingify-locked {
left: 0;
position: fixed;
top: 0;
z-index: 99999;
}
.dates {
float: left;
margin: 0 0 0 20px;
height: 25px;
position: relative;
min-width: 120px;
}
.dates p {
line-height: 1;
margin: 0;
padding: 0;
color: #757575;
position: absolute;
bottom: 0;
}
/* Advanced selectors */
/********************************************************************************** Video */
.video-container {
width: 100%;
padding-top: 56.25%; /* aspect ratio of video */
position: relative;
margin-bottom: .75vw;
}
.grid-item.video video {
z-index: 1;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
margin-bottom: 1em;
}
.grid-item.video video.video-preview {
z-index: 2;
}
.playing {
opacity: 0;
transition: opacity linear 500ms, visibility linear 0ms;
visibility: hidden;
transition-delay: 0, 500ms;
}
.paused {
opacity: 1;
transition: opacity linear 500ms;
visibility: visible;
transition-delay: 0, 0;
}
#play {
z-index: 3;
width: 0;
height: 0;
border-style: solid;
border-width: 50px 0 50px 86.6px;
border-color: transparent transparent transparent rgba(255,255,255,.8);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
#play, .grid-item.video video {
cursor: pointer;
}
.grid-item.video p {
margin: 0;
}
/********************************************************************************** Slideshow */
.grid-slideshow-sizer {
display: block;
position: relative;
background: lightpink;
width: 38.9166875vw;
padding-top: 56.25%;
}
.slide {
width: 100%;
/* position: static !important; */
}
.slide-img {
}
.slide-img img {
width: 100%;
height: auto;
}
.slide-caption {
}
.cycle-pager strong a {
color: white;
font-size: 32px;
}
.slick-arrow {
display: block;
position: absolute;
top: 45%;
z-index: 9999;
background: none;
border: none;
color: white;
opacity: 0;
padding: 12px;
font-size: 28px;
transition: opacity 200ms ease-in-out;
}
@media (max-width: 1440px) {
.slick-arrow { font-size: 20px;}
}
.slick-arrow:focus {
opacity: 1;
}
.slick-arrow:focus {
background: #000;
border-radius: 12px;
margin: 0 12px 0 12px;
}
.grid-slideshow:hover .slick-arrow {
opacity: 1;
transition: opacity 200ms ease-in-out;
}
.slick-next.slick-arrow {
right: 32.3333125vw;
}
.carousel-home {
position: relative;
}
/********************************************************************************** Blog */
.grid-item.blog p {
margin: 0;
}
.grid-item.blog p a {
display: inline-block;
margin-bottom: 1em;
}
.btn.blog {
width: 48%;
float: left;
}
.btn.blog.prev {
margin-right: 2%;
}
.btn.blog.next {
float: right;
}
.btn.blog.next:after {
content: '';
display: block;
clear: both;
}
.prev-next-blog {
display: block;
clear: both;
margin: 64px 0;
}
/********************************************************************************** About NeoCon */
.aboutNeoCon .grid-item-inner {
padding-bottom: 200px;
}
.aboutNeoCon h2 {
max-width: 90%;
}
/********************************************************************************** Sponsors */
#content.home {
padding-top: 42px;
}
.home .sponsor-gallery {
margin-top: 42px;
}
@media (min-width: 1024px) {
nav li {display: inline-block}
.navbar-expand-lg {
margin-right: 20px;
/* padding: 1rem 1.25rem; */
}
.navbar-expand-lg .navbar-nav {
justify-content: flex-end;
width: 100%;
}
.navbar-expand-lg .navbar-nav a.nav-link {
font-weight: 400;
text-align: left;
display: inline-block;
color: black;
text-decoration: none;
width: auto;
margin: 0 0 2px 0;
background-color: transparent;
border: 1px solid transparent;
padding: 0.375rem 0.25rem;
font-size: 1rem;
line-height: 1.5;
border-radius: 0.25rem;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
body#access .navbar-expand-lg .navbar-nav a.nav-link,
body#access .navbar-expand-lg .navbar-nav a.nav-link:hover {
color: white;
}
a.nav-link.focus, a.nav-link:focus {
outline: 0;
box-shadow: 0 0 0 0.2rem #dc3545;
}
.dropdown-menu {
background: rgba(0,0,0,1);
/* background: linear-gradient(180deg, rgba(233,236,239,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,.2) 100%); */
box-shadow: 0 0 0 1pt rgba(255,255,255,.5);
border-radius: 8px;
top: 30px;
width: auto;
margin: 0 2rem 0 0;
min-width: 100%;
}
div.dropdown-menu.show {
min-width: 100% !important;
}
.dropdown-toggle:focus-within .dropdown-menu,
.dropdown-toggle:focus .dropdown-menu,
.dropdown-toggle:hover + .dropdown-menu, .dropdown-menu:hover {
display: block;
}
a.dropdown-toggle::after {
content: '';
border: none;
margin: 0;
padding: 0;
vertical-align: 0;
/* border-top: 0.3em solid;
border-right: 0.3em solid transparent;
border-bottom: 0;
border-left: 0.3em solid transparent; */
}
.nav-item.register a.nav-link {
color: #000;
}
.navbar-expand-lg .navbar-nav a.nav-link:hover {
color: black !important;
}
body#access .navbar-expand-lg .navbar-nav a.nav-link:hover {
color: white !important;
}
.dropdown > a.dropdown-toggle:after {
content: ' /';
margin-left: .255em;
}
.dropdown > a.dropdown-toggle:focus:after,
.dropdown > a.dropdown-toggle:hover:after {
color: black !important;
}
body#access .dropdown > a.dropdown-toggle:focus:after,
body#access .dropdown > a.dropdown-toggle:hover:after {
color: white !important;
}
.dropdown-item {
background-color: transparent;
padding: 0.25rem 1.5rem 0.25rem 0.55rem;
}
.dropdown-item:hover {
background-color: transparent;
}
.dropdown-item a {
color: white;
text-decoration: none;
}
.dropdown-item a:focus,
.dropdown-item a:hover {
color: #888;
text-decoration: none;
background-color: transparent;
}
#content.home {
padding-right: 0;
padding-left: 0;
}
}
.carousel.logos {
width: 100%;
margin-top: 64px;
}
.carousel.logos .carousel-controls {
border-top: 1px solid #cccccc;
}
.carousel.logos .carousel-controls.controls-three {
border-top: none;
position: absolute;
top: 1px;
left: 79px;
}
.carousel.logos .carousel-controls button {
background: none;
border: none;
padding: 0;
color: #666;
cursor: pointer !important;
font-size: 16px;
}
.carousel.logos .carousel-controls button:hover {
color: #000 !important;
}
.carousel.logos .carousel-controls .play {
display: none;
}
.carousel.logos .carousel-controls span {
color: #666;
padding: 0 2px 0 0;
}
.carousel.logos .carousel-controls span:after {
content: ' /';
}
.carousel.logos .carousel-controls span:last-child:after {
content: '';
}
.carousel.logos .carousel-controls button.prev:first-child::after {
content: ' /';
}
.carousel.logos .carousel-item {
text-align: center;
height: 250px;
}
.carousel.logos .carousel-item a {
display: block;
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 24px 0;
}
.carousel.logos .carousel-item img {
max-width: 250px;
max-height: 250px;
}
.carousel-inner {
width: 100%;
}
/********************************************************************************** Footer */
#footer-logo {
padding-bottom: 24px;
border-bottom: 1px solid #ccc;
margin-bottom: 24px;
}
#footer-logo img {
}
#footer .logo {
opacity: .5;
}
#footer div.footer-col {
margin: 0;
padding: 0;
width: 50%;
float: left;
}
#footer ul {
list-style: none;
margin: 0;
padding: 0;
}
#footer div.footer-col li {
display: block;
}
#footer ul li a, div.footer-col a {
color: #757575;
text-decoration: none;
}
#footer ul li a:hover, div.footer-col a:hover {
color: black;
}
#footer ul li a.orange, div.footer-col a.orange, #footer div.footer-col.external ul li a {
color: #FF432D;
font-family: 'GT America', "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 800;
font-size: 19px;
display: block;
}
#footer ul li a.orange:hover, div.footer-col a.orange:hover, #footer div.footer-col.external ul li a:hover {
color: #757575;
}
#footer ul li a.orange:after, div.footer-col a.orange:hover, #footer div.footer-col.external ul li a:after {
content: ' \2192';
}
.social {
margin-top: 1em;
}
.the-mart {
float: left;
width: 100%;
margin-top: 96px;
color: #ccc;
}
.the-mart p, .the-mart address, .the-mart a {
color: #757575;
}
.the-mart p {
margin-bottom: 1em;
}
.the-mart p a {
color: #000;
text-decoration: underline;
text-decoration-thickness: 2px;
font-weight: normal;
font-family: 'GT America Regular', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.the-mart p a:hover {
text-decoration: none;
color: #777;
}
#content > .text p strong a {
color: #FF432D;
text-decoration: none;
}
#content > .text p strong a:hover {
color: #757575;
}
/********************************************************************************** Show Info */
#content { }
.show-info {
}
.show-info .column {
width: 297.3333333333px;
margin: 0 24px 0 0;
position: relative;
overflow: visible;
}
.show-info .column:after {
content: '';
position: absolute;
display: block;
height: 100%;
width: 2px;
background: #FF432D;
top: 0;
right: -13px;
}
.show-info .column:last-child {
margin-right: 0px;
border: none;
}
.show-info .column:last-child:after {
width: 0;
background: none;
}
#content .column h2, #content .column h3 {
color: #FF432D;
font-family: 'GT America Bold', "Helvetica Neue", Helvetica, Arial, sans-serif;
border: none;
margin: 0;
padding: 0;
margin-bottom: 2em;
width: 70%;
}
#content .column p {
width: 80%;
}
#show-hero {
width: 100%;
position: relative;
padding-top: 67.70833333%;
}
#content #show-hero h2 {
font-family: "GT America Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 126px;
margin: 0;
padding: 0;
border: none;
position: absolute;
top: 00%;
width: 80%;
line-height: 1;
z-index: 2;
}
#show-hero img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 618px;
}
#show-hero {
margin-top: 80px;
}
/********************************************************************************** Dates */
#content section.date h2 {
margin-bottom: 42px;
}
section.date div {
float: left;
width: 50%;
margin: 0 0 21px 0;
padding: 0;
list-style: none;
}
section.date div strong {
color: #000;
}
section.date div ul {
list-style: none;
margin: 0;
padding: 0;
}
section.date ul span.day, section.date ul span.time {
display: inline-block;
}
section.date ul li {
display: block;
line-height: 1.3;
}
section.date ul li time {
display: block;
width: 100%;
position: relative;
}
section.date ul span.time {
position: absolute;
left: 50%;
}
div.future-dates p {
margin: 0;
}
/********************************************************************************** The Team */
#content.team .events {
margin-top: 42px;
}
#content.team .events .event {
padding: 0;
border: none;
}
#content.team .events .event .text {
padding: 0;
border: none;
}
#content.team h3 {
color: #FF432D;
}
/********************************************************************************** Hotel & Travel */
iframe#googlemap {
width: 100%;
height: 500px;
border: none;
margin: 42px 0 21px 0;
}
/********************************************************************************** CEU */
div.advisory-committee {
margin-top: 42px;
}
.advisory-committee .event {
float: none;
}
.advisory-committee table.people-list td {
padding-bottom: 1em;
}
/* keynotes */
.event.keynote h2 {
line-height: 1.3;
}
.event.keynote h2 span {
font-family: 'GT America Regular', "Helvetica Neue", Helvetica, Arial, sans-serif;
max-width: 100%;
display: inline-block;
}
.event.keynote h2 span.presentationType {
font-size: 16px;
}
.event.keynote h2 span.presentationTitle {
font-family: 'GT America Bold', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.event.keynote .image-holder {
width: 100%;
}
.event.keynote .image-holder img {
width: 100%;
height: auto;
}
.events .event.keynote .description {
margin-top: 24px;
}
.event.keynote .sponsors img {
max-width: 120px;
max-height: 120px;
height: auto !important;
width: auto !important;
display: inline-block;
}
.event.keynote .sponsors ul {
margin: 0 !important;
padding: 0 !important;
list-style: none;
}
.event.keynote .sponsors ul li {
display: inline-block;
margin: 0 42px 0 0;
border: none;
padding: 0;
}
.event.keynote .sponsors span {
display: inline-block;
margin-bottom: 0;
color: #757575;
}
/*
.keynote-description {
max-height: 153px;
position: relative;
}
*/
.read-more {
font-family: 'GT America Bold', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.read-more:after {
content: ' ↓';
}
.read-more.close {
font-size: inherit !important;
text-shadow: none;
}
.read-more.close:after {
content: ' ↑';
}
/********************************************************************************** Press */
.press.events .event {
padding-bottom: 0;
border: none;
}
.event.press {
margin-top: 24px;
}
.event.press h3 {
max-width: 80%;
}
.event.press h3 a {
text-decoration: none;
}
.event.press h3 a:after {
content: ' \2192';
}
.event.press h3 a:hover {
color: #757575;
}
.event .text li {
/* list-style: none; */
margin-left: 0;
padding: 0;
}
a.orange {
color: #FF432D;
}
.event.press h3 a.orange:hover {
color: #757575;
}
.press .text a {
color: black;
display: block;
margin-bottom: 1.5em;
-webkit-column-break-inside: avoid;
}
.press .text a:hover {
color: #757575;
}
.press .text a:after {
content: ' \2192';
}
#main .press h3 {
margin-bottom: 7px;
}
a.press-clip:hover h3 {
color: #757575;
}
a.press-clip p {
font-family: 'GT America Bold', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
a.press-clip p:after {
content: ' \2192';
}
.pagination-container {
margin-top: 32px;
}
.pagination {
display: block;
border-top: 1px solid #cccccc;
margin: 0;
padding: 8px 0 0 0;
list-style: none;
}
.pagination li {
display: inline-block;
padding: 0 3px 0 5px;
}
.pagination li:after {
content: ' /';
color: #808080;
}
.pagination li:last-child:after {
content: '';
}
.pagination li a, .pagination li.disabled a {
color: #757575;
text-decoration: none !important;
}
.pagination li a:hover {
color: #000;
}
.pagination li.disabled a:hover {
color: #808080;
}
.pagination li.active a {
color: black;
}
/********************************************************************************** Access */
/*
#content.access .event.open img {
max-width: 100px;
max-height: 100px;
margin: 0 12px 24px 0;
}
*/
#content .col-50 {
width: 50%;
float: left;
}
#content .col-50 p, #content .col-50 h3, #content .col-50 h4, #content .col-50 h5 {
width: 90%;
}
/********************************************************************************** Contact Form */
#contactForm label {
display: block;
padding-bottom: 12px;
}
#contactForm .colLeft {
width: 30%;
float: left;
box-sizing: border-box;
padding-right: 24px;
}
#contactForm .colRight {
width: 70%;
box-sizing: border-box;
float: right;
}
#contactForm input, #contactForm textarea, #contactForm select {
background: #eee;
border: none;
width: 100%;
margin-bottom: 12px;
}
#contactForm textarea {
min-height: 300px;
}
#contactForm input[type="submit"] {
background: none;
width: auto;
padding: 0;
float: right;
color: #FF432D;
}
#contactForm input[type="submit"]:hover {
color: #757575;
}
#response {
display: none;
}
/********************************************************************************** Contact Form v2 */
.contact-form label {
display: block;
padding-bottom: 8px;
}
#fields-fullName-field, #fields-email-field, #fields-subject-field, #fields-emailDropdown1-field {
width: 50%;
float: left;
box-sizing: border-box;
padding-right: 5%;
margin-bottom: 18px;
}
#fields-email-field, #fields-emailDropdown1-field {
padding-right: 0;
}
@media (max-width: 768px) {
#fields-fullName-field, #fields-email-field, #fields-subject-field, #fields-emailDropdown1-field {
width: 100%;
}
}
#fields-messageText-field {
width: 100%;
box-sizing: border-box;
float: right;
}
.contact-form input, .contact-form textarea, .contact-form select {
background: #eee;
border: none;
width: 100%;
margin-bottom: 12px;
}
.contact-form textarea {
min-height: 300px;
}
.contact-form .fields:after {
content: '';
height: 2px;
width: 100%;
display: block;
clear: both;
}
.contact-form .submit button {
background: none;
width: auto;
padding: 0;
float: right;
color: #FF432D;
border: 1px solid white;
}
.contact-form .submit button:hover {
color: #757575;
}
/********************************************************************************** Exhibitor Portal */
.exhibitor-portal .portal-accordion .heading h3 {
color: #757575;
float: left;
}
.accordion-status {
float: right;
width: 18px;
height: 18px;
position: relative;
top: 2px;
transition: transform ease-in-out 200ms;
}
.accordion-status:before,
.accordion-status:after {
position: absolute;
left: 9px;
content: ' ';
height: 18px;
width: 2px;
background-color: #757575;
}
.accordion-status:before {
transform: rotate(90deg);
}
.accordion-status:after {
transform: rotate(180deg);
}
.portal-accordion h3 {
cursor: pointer;
}
.exhibitor-portal .portal-accordion:hover h3 {
color: #FF432D;
}
.exhibitor-portal .portal-accordion .ui-accordion-header-active h3 {
color: #FF432D;
}
.ui-accordion-header-active .accordion-status {
transform: rotate(45deg);
}
.events.exhibitor-portal > .portal-accordion {
padding-bottom: 0px;
/* border-top: 1px solid #ccc; */
border-bottom: 1px solid #ccc;
margin: 0;
}
/*
.events.exhibitor-portal > .portal-accordion ~ .portal-accordion {
border-top: none;
}
.events.sponsors > .portal-accordion {
border-top: 2px solid #FF432D;
}
.events.sponsors > .portal-accordion ~ .portal-accordion {
border-top: none;
}
*/
.events.exhibitor-portal .event.portal-accordion .text {
padding: 0 0 64px 0;
}
.exhibitor-portal div.text ul{
width: 100%;
display: inline-block;
vertical-align: top;
list-style-type: disc;
}
.exhibitor-portal div.text li {
display: inline-block;
padding: 0 3px 0 5px;
}
/*
*/
.exhibitor-portal div.event:first-child {
/* border-top: 1px solid #ccc; */
}
.exhibitor-portal .intro p {
margin-top: 48px;
font-family: 'GT America Regular', "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 27px;
}
.exhibitor-portal .intro p a:after {
content: ' \2192';
}
#main .exhibitor-portal > h3 {
color: #FF432D;
cursor: default !important;
}
.intro {
/* padding-bottom: 42px; */
}
#content.exhibitor-portal-container > .text p {
margin-bottom: 1em;
}
/*
#content.exhibitor-portal-container h2 {
border: none;
background: #FF432D;
color: white;
margin: 0 0 1px 0;
padding: 24px;
cursor: pointer;
}
*/
#content.exhibitor-portal-container .events .heading {
padding-right: 24px;
}
/*
#content.exhibitor-portal-container h2:hover {
background: #757575;
}
*/
#content.exhibitor-portal-container .events {
padding-bottom: 64px;
margin-bottom: 0;
}
#content.exhibitor-portal-container .intro {
padding-bottom: 0px;
}
#content.exhibitor-portal-container h2 .accordion-status:before,
#content.exhibitor-portal-container h2 .accordion-status:after {
background-color: white;
}
.ui-state-focus { outline: none; }
.exhibitor-portal-container .event .text ul {
margin-top: 0;
}
.exhibitor-portal-container .event .text li {
list-style: disc;
display: list-item;
padding: 5px 0;
margin-left: 20px;
}
/********************************************************************************** MailChimp */
#mc_embed_signup {
padding: 0;
}
#mc_embed_signup input {
}
#mc_embed_signup label.hideLabel {
display: none;
}
#mc_embed_signup input[type="text"],
#mc_embed_signup input[type="email"] {
padding: 1em;
display: block;
width: 100%;
margin-bottom: 1em;
border: 1px solid #ccc;
}
.indicates-required {
padding: 1em 0;
color: #757575;
}
.mc_profession, .mc_industry {
display: block;
width: 100%;
border-radius: 6px;
background: #f2f2f2;
padding: 1em;
margin-bottom: 1em;
}
#mce-MMERGE15, #mce-MMERGE24 {
width: 50%;
}
.mc_industry ul {
margin: 0;
padding: 0;
width: 50%;
float: right;
}
.mc_industry > span {
float: left;
}
.mc_industry li {
list-style: none;
margin: 0;
padding: 0;
}
#mc_embed_signup input#mc-embedded-subscribe.button {
border: none;
}
#mc_embed_signup div.mce_inline_error {
font-weight: normal !important;
background-color: #FFB8B0 !important;
color: black !important;
border-radius: 6px !important;
padding: 1em !important;
}
@media (max-width: 768px) {
#mce-MMERGE15, #mce-MMERGE24 {
width: 100%;
}
.mc_industry ul {
width: 100%;
float: none;
margin-top: 1em;
}
.mc_industry > span {
float: none;
}
}
/********************************************************************************** Seminar Placeholder */
#content.seminar img {
width: 100%;
height: auto;
}
/********************************************************************************** Register */
#content.register h4 {
padding-top: 1em;
}
/********************************************************************************** Blog */
#content.blog header h1 {
margin-bottom: 96px;
}
#main .blog h4 {
font-size: 60px;
margin-bottom: 14px;
}
#main .blog h4 a {
color: #FF422D;
}
#main .blog h4 a:hover {
color: #757575;
}
.featured-image img {
width: 100%;
}
.meta {
color: #000;
}
.meta, .featured-image, .articleBody {
margin-bottom: 1em;
}
a.more-blog {
text-decoration: underline;
}
a.more-blog:hover {
text-decoration: none;
}
a.more-blog:after {
content: ' \2192';
}
.articleBody h4 {
border: none;
}
#main .blog article {
margin-bottom: 96px;
}
.blog footer {
border-top: 1px solid #ccc;
padding-top: 10px;
margin-top: 2em;
}
.blog footer span, .blog footer span a {
color: #757575;
}
.blog footer span a:hover {
color: black;
}
header strong.categories {
display: block;
border-bottom: 1px solid #ccc;
padding-bottom: 1em;
}
header .categories a {
}
.blog nav {
font-size: 27px;
text-align: right;
}
.blog nav a {
color: #757575;
}
.blog nav a:hover {
color: black;
}
.blog nav span.current {
color: black;
}
.blog aside {
border-top: 2px solid #FF432D;
margin-top: 42px;
padding-top: 12px;
}
.blog aside:after {
content: '';
display: block;
clear: both;
}
.blog aside ul {
float: left;
width: 33.33%;
margin: 0;
padding: 0;
list-style: none;
}
.blog aside ul li {
font-size: 27px;
margin: 0;
padding: 0;
display: block;
}
#content.blog a:hover h1 {
color: #757575;
}
#content.blog h1 span {
font-family: 'GT America Regular', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.archive ul {
list-style: none;
margin: 0;
padding: 0;
}
.archive article ul li a:after {
content: ' \2192';
}
.articleBody img {
width: 100%;
height: auto;
}
.articleBody img.center {
display: block;
width: 70%;
height: auto;
margin: 0 auto;
}
.articleBody h6 {
font-weight: normal;
text-align: center;
font-family: 'GT America Regular', "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #757575;
}
.blog-caption {
position: relative;
top: 0;
}
.articleBody { display: table; }
.blog-caption { display: table-header-group; padding-bottom: 1em; }
/********************************************************************************** Apply to Exhibit */
#main #content.apply-to-exhibit .open .text p {
/* font-size: 27px; */
}
a.register-button {
display: block;
width: 100%;
padding: 32px 0;
background: #FF432D;
text-align: center;
color: #fff;
}
a:hover.register-button {
text-decoration: none;
background: black;
color: white;
}
a.register-button:after {
content: ' \2192';
}
#main #content.apply-to-exhibit .open .open-col {
width: 47.5%;
float: left;
}
#main .apply-to-exhibit .text h3 {
margin: 0;
}
#main #content.apply-to-exhibit .open .open-col:nth-of-type(2) {
margin-left: 5%;
}
@media (max-width: 768px) {
#main #content.apply-to-exhibit .open .open-col {
width: 100%;
float: left;
}
#main #content.apply-to-exhibit .open .open-col:nth-of-type(2) {
margin-left: 0%;
}
.open-col h6 {
margin: 1em 0;
}
}
#main #content.apply-to-exhibit .open .open-col ul {
margin: 0;
}
.apply-to-exhibit .event.open img {
margin: 0 0 0 0;
width: 100%;
height: auto;
}
.apply-to-exhibit h3 a {
color: #FF432D;
text-decoration: none;
}
.apply-to-exhibit h3 a:hover {
color: #757575;
}
.apply-to-exhibit h3 a:after {
content: ' \2192';
}
#main #content.apply-to-exhibit .open ul h3 {
margin-top: 0;
}
#main #content.apply-to-exhibit .open ul h3, #main #content.apply-to-exhibit .open ul li, #main #content.apply-to-exhibit .open ul p {
max-width: 90%;
}
ul > strong {
display: block;
color: #FF432D;
padding-bottom: 12px;
}
body #content > .text {
font-size: 27px;
line-height: 1.3;
}
#content .event.keynote .text {
margin-left: 24px;
}
.keynote-description {
/* margin-left: 24px; */
}
a.anchor {
display: block;
position: relative;
top: -100px;
}
#content.register .text {
margin-top: 32px;
}
#content.register .events {
margin-bottom: 0;
}
.btn, input.btn {
background: #FF432D;
display: block !important;;
margin: 0 0 16px 0 !important;;
color: #fff;
font-size: 27px !important;;
text-align: center;
padding: 32px 0 !important;
width: 100%;
font-family: 'GT America Regular', "Helvetica Neue", Helvetica, Arial, sans-serif;
border-radius: 0 !important;
}
.btn span {
font-family: 'GT America Regular', "Helvetica Neue", Helvetica, Arial, sans-serif;
display: block;
font-size: 16px;
}
.btn:hover {
background: #757575;
color: white;
}
/********************************************************************************** Registration page */
#content.register table.people-list tr {
border-top: none;
}
#content.register .form-control {
font-size: 16px;
}
#content.register p {
font-size: 16px;
}
#content.register p a {
color: #FF432D;
font-family: 'GT America Bold', "Helvetica Neue", Helvetica, Arial, sans-serif;
text-decoration: none;
}
body #content.register > .text {
margin-bottom:32px;
}
#content.register label {
font-weight: normal;
}
#content.register .form-control {
box-shadow: none;
}
#content.register input[type="submit"].btn {
width: 100% !important;
max-width: 100% !important;
}
#content.register #regStep2 label {
font-weight: normal;
/* border-top: 1px solid #ccc; */
/* width: 100%; */
padding: 8px 0;
}
#content.register #regStep2 .form-group {
margin-bottom: 28px;
}
#content.register #regStep2 .controls {
color: #757575;
line-height: 1.5;
}
form[name="semlist"] .heading time {
display: none !important;
}
form[name="semlist"] h3 {
margin-top: 32px !important;
}
form[name="semlist"] .event input.btn {
width: auto !important;
margin: 0 !important;
max-width: 100% !important;
background: white;
color: #FF432D;
padding: 0 !important;
top: 22px !important;
right: 0 !important;
border-radius: 0 !important;
}
form[name="semlist"] .event input.btn:after {
content: ' \2192';
}
form[name="semlist"] .description {
padding-bottom: 0;
}
#content.register .events .description .holder {
width: 100%;
border-left: 0;
}
#content.register .event .text li {
margin: 0 0 16px 0;
border-top: 1px solid #ccc;
color: #FF432D;
list-style: none;
}
#content.register .events .summary {
columns: 1;
}
#content.register .events .summary strong {
color: #000;
font-family: 'GT America Bold', "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 16px;
letter-spacing: 0;
text-transform: lowercase;
}
#content.register .events .summary strong:first-letter {
text-transform: uppercase;
}
#content.register strong {
font-family: 'GT America Regular', "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
}
#content.register table {
width: 100% !important;
border: none !important;
}
#content.register table tr {
border-bottom: 1px solid #ccc;
}
#content.register table tr:first-of-type {
border-top: 1px solid #ccc;
}
#content.register table td {
background: white !important;
padding: 16px 0;
color: #757575;
}
#content.register table strong {
color: #000;
}
#content.register .btn {
max-width: 100%;
width: 100%;
}
#content table h2 {
margin: 0 0 32px 0;
border-top: none;
border-bottom: 0;
padding: 0;
}
a#onpeak_button, #oasis_button{
background: #FF432D !important;
font-weight: normal !important;
letter-spacing: 0px !important;
}
a#onpeak_button:hover, #oasis_button:hover {
background: #757575 !important;
}
.onpeakButtonContainer a {
text-decoration: none !important;
}
.onpeakContainerbuttons a {
background: #FF432D;
text-decoration: none !important;
padding: 20px;
margin: 0 20px 0 0;
color: white;
font-size: 16px !important;
}
.onpeakContainerbuttons a:hover {
background: #757575!important;
}
.onpeakMagnetFooter {
padding: 0px !important;
}
.onpeak_ajaxHotelRow {
font-family: 'GT America Regular'!important;
}
.onpeak_ajaxHotelPrice {
font-family: 'GT America Bold'!important;
font-weight: normal !important;
}
.onpeakHelpUl li {
padding: 0 20px 0 0 !important;
margin: 0 !important;
}
/********************************************************************************** Registration page fixes 2019 */
#content.register .events .heading {
float: left;
}
#content.register .accordion-status {
top: 42px;
}
form[name="semlist"] .event input.btn {
top: 28px !important;
right: 60px;
}
/********************************************************************************** Ads */
#ad-container {
width: 100%;
text-align: center;
margin: 24px 0 48px;
}
#ad-container img {
text-align: center;
margin: 0 auto;
object-fit: contain;
max-width: 60vw;
height: auto;
}
.mobileOnly {
display:none;
}
/*********************************************************************************************************************************************** Update navigation */
@media (min-width: 768px) {
#mobile-open {
display: none;
}
#dates-wrap {
display: flex;
height: 25px;
position: relative;
margin: 0 0 0 20px;
}
#dates-wrap p {
margin: 0;
padding: 0;
align-self: flex-end;
color: #757575;
}
/* hover state */
#primary-nav-wrap a:focus {
color: #dc3545;
}
#primary-nav-wrap li:hover > a, #header.active #primary-nav-wrap ul a:hover, #header.active #primary-nav-wrap ul a:hover, #header.active.headroom--pinned.headroom--top #primary-nav-wrap ul li a:hover {
color: #FF432D;
}
/* opened menu */
#primary-nav-wrap ul a.open-menu[aria-expanded=true] ~ ul {
display: block;
}
/* wrap */
#primary-nav-wrap {
float: right;
height: 25px;
display: flex;
position: relative;
bottom: -2px;
}
#primary-nav-wrap ul {
align-self: flex-end;
padding: 0px;
margin: 0;
list-style: none;
position: relative;
float: left;
}
#primary-nav-wrap ul li {
color: black;
display: inline-block;
margin: 0;
padding: 0;
position: relative;
float: left;
}
#header.headroom--pinned.headroom--top #primary-nav-wrap ul li, #header.headroom--pinned.headroom--top #primary-nav-wrap ul li a {
color: black;
}
#primary-nav-wrap ul a {
text-align: left;
display: inline-block;
color: black;
text-decoration: none;
/*
font-size: 16px;
line-height: 16px;
*/
width: auto;
padding: 0 2px 0 4px;
}
#header.active #primary-nav-wrap ul a,
#header.active #primary-nav-wrap ul li,
#header.headroom--pinned #primary-nav-wrap ul li,
#header.headroom--pinned #primary-nav-wrap ul li a,
#header.active.headroom--pinned.headroom--top #primary-nav-wrap ul li a,
#header.active.headroom--pinned.headroom--top #primary-nav-wrap ul li,
#header.active #primary-nav-wrap li.register a:before {
color: white;
}
#header.active li.main-nav-level > a:hover {
color: #757575 !important;
cursor: default;
}
#header ul li a.active, #header.active ul li a.active {
color: #757575 !important;
}
#primary-nav-wrap li.register a, #header.active #primary-nav-wrap li.register a, #header.headroom--pinned #primary-nav-wrap li.register a, #header.headroom--pinned.headroom--top #primary-nav-wrap ul li.register a {
font-family: "GT America Black", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #FF432D;
}
#primary-nav-wrap li.register a:hover, #header.active #primary-nav-wrap li.register a:hover, #header.headroom--pinned #primary-nav-wrap li.register a:hover, #header.headroom--pinned.headroom--top #primary-nav-wrap ul li li.register a:hover {
color: #757575;
}
#primary-nav-wrap li.register a:before {
content: '/ ';
font-family: "GT America Regular", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
color: black;
}
/* submenu */
#primary-nav-wrap ul ul {
text-align: left;
padding: 0px;
display: none;
position: absolute;
padding: 0;
}
#primary-nav-wrap ul li ul li {
padding-top: 2px;
width: 250px;
}
#primary-nav-wrap ul li ul li a {
padding: 2px 2px 2px 4px;
}
li.main-nav-level > a:after {
content: ' /';
}
li.main-nav-level:last-child ul {
margin-left: -3.5em !important;
}
/*
li:last-child.main-nav-level > a:after {
content: '';
}
*/
li.main-nav-level:last-child > a:after {
content: '';
}
#header.active li.main-nav-level > a:hover:after {
color: white;
}
/* transition */
#primary-nav-wrap ul ul {
display: block;
visibility: hidden;
}
#primary-nav-wrap ul a.open-menu[aria-expanded=true] ~ ul {
display: block;
visibility: visible;
}
#primary-nav-wrap ul ul li {
opacity: 0;
transition: opacity 500ms linear;
/* transition-delay: 100ms; */
}
#primary-nav-wrap ul a.open-menu[aria-expanded=true] ~ ul li {
opacity: 1;
transition: opacity 500ms linear;
/* transition-delay: 100ms; */
}
/* focus */
#primary-nav-wrap a:focus {
color: #dc3545 !important;
}
}
@media (max-width: 768px) {
/* mobile menu opener */
#mobile-open {
position: relative;
display: inline-block;
width: 30px;
height: 24px;
position: absolute;
top: 25px;
right: 20px;
}
#mobile-open span {
margin: 0 auto;
position: relative;
top: 12px;
}
#mobile-open span:before, #mobile-open span:after {
position: absolute;
content: '';
}
#mobile-open span, #mobile-open span:before, #mobile-open span:after {
width: 30px;
height: 3px;
background-color: #000;
display: block;
}
#mobile-open span:before {
margin-top: -9px;
}
#mobile-open span:after {
margin-top: 9px;
}
#mobile-open.opened span, #mobile-open.opened span:before, #mobile-open.opened span:after {
background: white;
}
#mobile-open span {
-webkit-transition-duration: 0s; transition-duration: 0s;
-webkit-transition-delay: 0.2s; transition-delay: 0.2s;
}
#mobile-open.opened span {
background-color: rgba(0,0,0,0.0);
-webkit-transition-delay: 0.2s; transition-delay: 0.2s;
}
#mobile-open span:before {
-webkit-transition-property: margin, -webkit-transform; transition-property: margin, transform;
-webkit-transition-duration: 0.2s; transition-duration: 0.2s;
-webkit-transition-delay: 0.2s, 0s; transition-delay: 0.2s, 0s;
}
#mobile-open.opened span:before {
margin-top: 0;
-webkit-transform: rotate(45deg); transform: rotate(45deg);
-webkit-transition-delay: 0s, 0.2s; transition-delay: 0s, 0.2s;
}
#mobile-open span:after {
-webkit-transition-property: margin, -webkit-transform; transition-property: margin, transform;
-webkit-transition-duration: 0.2s; transition-duration: 0.2s;
-webkit-transition-delay: 0.2s, 0s; transition-delay: 0.2s, 0s;
}
#mobile-open.opened span:after {
margin-top: 0;
-webkit-transform: rotate(-45deg); transform: rotate(-45deg);
-webkit-transition-delay: 0s, 0.2s; transition-delay: 0s, 0.2s;
}
/* dates */
#dates-wrap {
margin: 0 0 0 -30px;
}
#dates-wrap p {
margin: 0;
margin-bottom: -0.5em;
padding: 0;
align-self: flex-end;
color: #757575;
}
/* reveal menu */
#header {
height: auto;
overflow: hidden;
transition: height ease 500ms, background-color linear 500ms;
}
#header.mobile-opened {
background: black !important;
height: 100%;
transition: height ease 500ms, background-color linear 500ms;
}
#header.mobile-opened .logo {
filter: invert(100%);
-webkit-filter: invert(100%);
}
/* menu */
#primary-nav-wrap {
float: left;
clear: both;
height: auto;
display: block;
position: static;
width: 100%;
}
#primary-nav-wrap ul.nav-items {
width: 100%;
margin-top: 5vh;
}
#primary-nav-wrap ul {
margin: 0;
padding: 0;
display: block;
list-style: none;
}
#primary-nav-wrap li {
width: 100%;
display: block;
margin: 0;
padding: 0;
list-style: none;
}
#primary-nav-wrap li a {
color: white;
padding: 16px 0;
border-bottom: 1px solid #444;
display: block;
}
#primary-nav-wrap li a:hover {
color: #FF432D;
}
#primary-nav-wrap li:first-of-type > a {
border-top: 1px solid #444;
}
#primary-nav-wrap ul li ul li:first-of-type a {
border-top: none;
}
#primary-nav-wrap ul li ul li a {
padding-left: 18px;
}
#primary-nav-wrap ul li ul li a:before {
content: '› ';
}
#primary-nav-wrap ul a.open-menu[aria-expanded=true] ~ ul {
display: block;
}
#primary-nav-wrap ul ul {
display: none;
}
#primary-nav-wrap a.register {
margin-top: 18px;
background: #FF432D;
border: none;
text-align: center;
font-family: "GT America Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#primary-nav-wrap a.register::after {
content: ' \2192';
}
#primary-nav-wrap a.register:hover {
color: white;
}
}
/*********************************************************************************************************************************************** Show hide social media */
body.home .social-networks {
visibility: hidden;
opacity: 0;
transition: visibility 0s linear, opacity 200ms linear;
transition-delay: 200ms, 0;
}
body.home .social-show {
visibility: visible;
opacity: 1;
transition: visibility 0s linear, opacity 200ms linear;
transition-delay: 0, 0;
}
/********************************************************************************** Show content only for screenreaders */
.screenreader {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important
}
/*********************************************************************************************************************************************** Pause countdown */
#countdownPause, #countdownPlay {
padding: 0;
border: 0;
margin: 0;
text-indent: -99999px;
background: none;
display: inline-block;
float: left;
}
/*
#countdownPlay {
width: 0;
height: 0;
border-top: 8px solid transparent;
border-left: 12px solid #ffffff;
border-bottom: 8px solid transparent;
}
#countdownPause {
width: 12px;
height: 16px;
border-right: 4px solid #ffffff;
border-left: 4px solid #ffffff;
}
*/
#countdownPause {
background: white;
}
#countdownPause, #countdownPlay {
height: 16px;
width: 16px;
border-radius: 8px;
border: 2px solid white;
}
#countdownControls {
border-top: 2px solid white;
padding-top: 16px;
margin-bottom: 20px;
float: left;
width: 100%;
}
#countdownControls::after {
content: '';
display: block;
clear: both;
}
@media (max-width: 1440px) {
#countdownPause, #countdownPlay {
height: 10px;
width: 10px;
border-radius: 5px;
}
#countdownControls {
padding-top: 8px;
}
}
@media (max-width: 768px) {
#countdownControls {
border-top: 0;
float: left;
}
#countdownControls::before {
content: '';
display: block;
clear: both;
}
}
/*********************************************************************************************************************************************** Social media footer */
div.social a {
display: inline-block;
margin: 0 8px 8px 0;
}
div.social a:hover img {
opacity: .5;
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
filter: grayscale(100%);
}
.footer-col a.orange::after {
content: ' \2192';
}
/*********************************************************************************************************************************************** Skip to main content link */
a.skip-main {
left:-999px;
position:absolute;
top:auto;
width:1px;
height:1px;
overflow:hidden;
z-index:-999;
}
a.skip-main:focus, a.skip-main:active {
color: #fff;
background-color:#000;
left: auto;
top:60px;
width: auto;
height: auto;
overflow:auto;
margin: 0 auto;
padding:5px 18px;
border-radius: 15px;
text-align:center;
font-size: 16px;
font-family: 'GT America Regular';
z-index:99999;
left: 50%;
transform: translateX(-50%);
}
/*********************************************************************************************************************************************** Generic slideshows */
.carousel-generic {
margin-top: 42px;
position: relative;
}
.carousel-generic img {
width: 100%;
height: auto;
}
.carousel-generic .carousel-controls {
width: 100%;
background: lightyellow;
position: absolute;
z-index: 9999;
top: 50%;
transform: translateY(-50%);
left: 0;
}
@media (max-width: 768px) {
.carousel-generic .carousel-controls {
width: 100%;
}
}
.carousel-generic .carousel-controls .prev {
position: absolute;
left: 1vw;
}
.carousel-generic .carousel-controls .next {
position: absolute;
right: 1vw;
}
.carousel-generic .carousel-controls .pause {
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.carousel-generic .carousel-controls button {
opacity: 0;
border: none;
background: black;
border-radius: 6px;
padding: 4px 8px;
font-size: 28px;
color: white;
margin: 0;
transition: opacity 200ms linear;
}
@media (max-width: 1440px) {
.carousel-generic .carousel-controls button {
font-size: 20px;
}
}
.carousel-generic .carousel-controls button:focus {
opacity: 1;
}
/*********************************************************************************************************************************************** Sponsor logo grid */
.logo-container {
margin-top: 26px;
float: left;
position: relative;
margin: 0;
padding: 0;
width: 100%;
}
.logo-container li {
list-style: none;
padding: 0;
margin: 0;
}
.logo-container:after {
content: '';
display: block;
clear: both;
}
/* hide bottom row bottom border */
.logo-container:after {
content: '';
display: block;
height: 1px;
background: white;
width: 100%;
position: absolute;
bottom: 0;
}
.logo-item img {
max-height: 135px;
max-width: 135px;
height: auto;
width: auto;
cursor: pointer;
}
.logo-item img.square {
max-height: 90px;
max-width: 90px;
}
.logo-item:hover img {
opacity: .5;
}
.logo-item {
float: left;
display: table-cell;
vertical-align: middle;
text-align: center;
height: 150px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 10px;
}
.logo-item * {
vertical-align: middle;
}
.logo-item span {
display: inline-block;
height: 100%;
width: 1px;
}
@media (min-width: 1025px) {
.logo-item {
width: 25%;
}
.logo-item:nth-child(4n) {
border-right: none;
}
}
@media (min-width: 769px) and (max-width: 1024px) {
.logo-item {
width: 33%;
}
.logo-item:nth-child(3n) {
border-right: none;
}
}
@media (max-width: 768px) {
.logo-item {
width: 50%;
}
.logo-item:nth-child(2n) {
border-right: none;
}
}
/* coronavirus alert */
.grid-row.message {
padding: 5px 20px 20px 20px;
background: white;
}
section.grid.grid-2019 .grid-row.message .grid-item {
padding-top: 20px;
width: 100%;
border-top: 1px solid red;
}
section.grid .grid-row.message p,
section.grid .grid-row.message p a {
margin: 0;
padding: 0;
color: black;
}
section.grid .grid-row.message p a {
font-family: 'GT America Regular', "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
}
body.home-interim #main {
background: #FF432D;
}
body.home-interim #main #content {
padding-top: 45px;
padding-bottom: 45px;
}
body.home-interim #main #content h1,
body.home-interim .container-holder h2 {
color: white;
font-family: 'GT America Regular', "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
font-size: 45px;
line-height: 1.2;
border: 0;
margin: 0;
padding: 0;
}
body.home-interim .container-holder h2 {
color: #FF432D;
margin-top: 45px;
}
body.home-interim #main #content h1 a {
color: white;
font-family: 'GT America Bold', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
body.home-interim #main {
padding-top: 0;
}
body.home-interim #main #content a:hover {
opacity: .5;
}
body.home-interim #main #content p,
body.home-interim #main #content a,
body.home-interim #main #content p a,
body.home-interim #main #content h1,
body.home-interim #main #content h2,
body.home-interim #main #content h3,
body.home-interim #main #content h4,
body.home-interim #main #content h5,
body.home-interim #main #content h6 {
color: white;
margin: 0;
padding: 0;
}
body.home-interim #main #content a:after,
body.home-interim #main #content p a:after {
content: ' \2192';
color: white;
}
body.home-interim #main #content hr {
height: 0px;
background: none;
border: none;
margin: 8px 0;
border-top: 1px solid #ffffff;
}
@media (max-width: 768px) {
body.home-interim #main #content h1 {
font-size: 28px;
}
body.home-interim .container-holder h2 {
color: #FF432D;
font-size: 28px;
margin-top: 28px;
}
}
/* slideshow 1 */
section.grid.grid-2019 .grid-50 .slide-img {
width: 50vw;
margin: 0;
}
section.grid.grid-2019 .grid-50 .carousel-item.active {
float: left;
}
section.grid.grid-2019 .grid-50 .slide-caption {
float: none;
width: auto;
background: black;
color: white;
position: absolute;
width: 100%;
bottom: 0;
padding: 1.5vw;
height: 100px;
transform: translateY(100%);
transition: 200ms ease-in-out transform;
}
section.grid.grid-2019 .grid-50 .carousel-inner:hover .slide-caption {
transform: translateY(0%);
transition: 200ms ease-in-out transform;
}
section.grid.grid-2019 .grid-50 .slide-caption p, section.grid.grid-2019 .grid-50 .slide-caption a {
font-size: inherit;
color: white;
}
/* slideshow 1 fade */
.carousel-fade .carousel-item {
opacity: 0;
transition-duration: .6s;
transition-property: opacity;
}
.carousel-fade .carousel-inner {
background: white;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
opacity: 1;
}
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
opacity: 0;
}
.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
transform: translateX(0);
transform: translate3d(0, 0, 0);
}
/* slideshow 2 */
section.grid.grid-2019 .grid-33 .slide-img {
width: 33.33vw;
margin: 0;
}
section.grid.grid-2019 .grid-33 .slide-caption {
padding: 1.5vw;
}
.grid-item.events-slideshow {
background: black;
}
.grid-item.events-slideshow .slide-caption p.caption-link {
margin-bottom: 0;
}
a.caption-link {
color: white;
font-family: 'GT America Bold', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
a.caption-link:after {
color: white;
content: ' \2192';
}
a.caption-link:hover {
color: #757575;
}
a.caption-link:hover:after {
color: #757575;
}
/* slideshow control */
.carousel-home .carousel-controls {
width: 100%;
background: none;
position: absolute;
z-index: 2;
top: 0;
transform: 0;
left: 0;
}
.carousel-home .carousel-controls .prev,
.carousel-home .carousel-controls .pause,
.carousel-home .carousel-controls .play,
.carousel-home .carousel-controls .next {
position: absolute;
border: none;
padding: 0!important;
/*border is optional*/
cursor: pointer;
height: 50px;
width: 50px;
}
.carousel-home .carousel-controls .prev:hover,
.carousel-home .carousel-controls .next:hover,
.carousel-home .carousel-controls .pause-img:hover,
.carousel-home .carousel-controls .play:hover {
height: 43px;
width: 43px;
}
.carousel-home .carousel-controls .prev {
background: url('/images/SlideshowArrowLeft.svg') no-repeat 0 0;
top: 14vw;
left: 10px;
}
.carousel-home .carousel-controls .prev:hover {
background: url('/images/SlideshowArrowLeftDk.svg') no-repeat 0 0;
top: 14vw;
left: 10px;
}
.carousel-home .carousel-controls .next {
background: url('/images/SlideshowArrowRight.svg') no-repeat 0 0;
top: 14vw;
right: 10px;
}
.carousel-home .carousel-controls .next:hover {
background: url('/images/SlideshowArrowRightDk.svg') no-repeat 0 0;
top: 14vw;
right: 17px;
}
.carousel-home .carousel-controls .pause-img {
background: url('/images/SlideshowPause.svg') no-repeat 0 0;
top: 27.5vw;
left: 10px;
}
.carousel-home .carousel-controls .pause-img:hover {
background: url('/images/SlideshowPauseDk.svg') no-repeat 0 0;
top: 27.5vw;
left: 10px;
}
.carousel-home .carousel-controls .play {
background: url('/images/SlideshowPlay.svg') no-repeat 0 0;
top: 27.5vw;
left: 10px;
}
.carousel-home .carousel-controls .play:hover {
background: url('/images/SlideshowPlayDk.svg') no-repeat 0 0;
top: 27.5vw;
left: 10px;
}
/*
.carousel-home .carousel-controls .prev:hover:after,
.carousel-home .carousel-controls .pause:hover:after {
content: ' /';
color: #757575;
} */
.carousel-home .carousel-controls .prev:focus,
.carousel-home .carousel-controls .pause:focus,
.carousel-home .carousel-controls .next:focus {
border: dotted 1px black;
border-radius: 2px;
}
.events-slideshow .carousel-home .carousel-controls .prev:hover,
.events-slideshow .carousel-home .carousel-controls .pause:hover,
.events-slideshow .carousel-home .carousel-controls .next:hover {
color: white;
}
.events-slideshow .carousel-home .carousel-controls .prev:focus,
.events-slideshow .carousel-home .carousel-controls .pause:focus,
.events-slideshow .carousel-home .carousel-controls .next:focus {
color: white;
}
.carousel-home .carousel-controls button {
opacity: 1;
}
#content #page-nav h2 {
border: none;
color: #585858;
font-size: 16px;
padding: 0;
margin: 0;
font-family: 'GT America Regular', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/*********************************************************************************************************************************************** Homepage 2020 NeoConnect */
/****************************************** header changes */
.neoconnect #header {
position: static;
overflow-x: hidden;
}
/****************************************** grid item */
section.grid.grid-2020 {
width: 100%;
/* background: #FF432D; */
}
section.grid.grid-2020 .grid-row {
overflow: hidden;
width: 100vw;
position: relative;
}
section.grid.grid-2020 .grid-item {
float: left;
box-sizing: border-box;
padding-top: 1.5vw;
margin-top: 0;
/*
padding-bottom: 500em;
margin-bottom: -500em;
*/
position: relative;
z-index: 1;
}
section.grid.grid-2020.interim .grid-item {
padding-bottom: 500em;
margin-bottom: -500em;
}
section.grid.grid-2020 .grid-item-inner {
padding: 0 1.5vw 1.5vw 1.5vw;
/* ie test */
}
section.grid.grid-2020 .grid-row.extra-padding .grid-item-inner {
padding-bottom: 6vw;
}
section.grid.grid-2020 .grid-item.no-margin {
padding-top: 0;
margin-top: 0;
}
section.grid.grid-2019 .grid-item.no-margin .grid-item-inner {
padding: 0;
}
/* grid item sizes */
section.grid.grid-2020 .grid-item.grid-75 {
width: 75vw;
}
section.grid.grid-2020 .grid-item.grid-50 {
width: 50vw;
}
.grid-interim .grid-item.grid-25 {
width: 25vw;
}
section.grid.grid-2019 .grid-item.grid-33 {
width: 33.33vw;
}
/* grid item colors */
.grid-item.black {
background: #000000;
color: #FF432D;
}
.grid-item.light-grey {
background: #f2f2f2;
color: #000000;
}
.grid-item.dark-grey {
background: #e0e0e0;
color: #000000;
}
/****************************************** individual modules */
.hero-logo {
width: 50vw;
height: 25vw;
background: #FF432D;
float: left;
position: relative;
}
.hero-logo .mobile-only {
display:none;
}
.hero-text {
width: 50vw;
height: 25vw;
float: left;
padding: 1.5vw;
background: black;
color: #FF432D;
}
@media (max-width: 768px) {
.mobile-off {
display:none;
}
.hero-logo video {
display: none;
}
.hero-logo .mobile-only {
display:block;
}
section.grid {
padding-top: 0 !important;
}
.hero-logo, .hero-text {
width: 100vw;
height: 50vw;
}
.hero-text {
padding: 6vw;
}
}
/****************************************** modules mobile */
@media (max-width: 768px) {
section.grid.grid-2020 .grid-item {
padding-top: 6vw;
}
section.grid.grid-2020 .grid-item-inner {
padding: 0 6vw 6vw 6vw;
}
section.grid {
padding-top: 0 !important;
}
section.grid.grid-2020 .grid-item.mobile-100 {
width: 100vw;
padding-top: 0;
}
section.grid.grid-2020 .grid-item.mobile-100 .grid-item-inner {
border-top: .3vw solid #FF432D;
padding: 5vw 0 0 0;
margin: 0 6vw 6vw 6vw;
}
section.grid.grid-2020 .grid-item.mobile-100:first-of-type .grid-item-inner {
border-top: none;
}
section.grid.grid-2020 .grid-item.mobile-50 {
width: 50vw;
}
}
/****************************************** rules */
.rules {
float: left;
position: relative;
/* margin-bottom: 1.5vw; */
overflow: hidden;
}
.rules::after {
content: '';
position: absolute;
display: block;
top: 1.5vw;
bottom: 1.5vw;
left: 25vw;
width: 25vw;
right: 0;
border-left: 0.1vw solid #ccc;
border-right: 0.1vw solid #ccc;
z-index: 1;
pointer-events: none;
}
/* rules sizes */
.rules.rules-25::after {
left: 25vw;
width: 25vw;
}
.rules.rules-75::after {
left: 75vw;
width: 0;
border-right: none;
}
/* rules colors */
.rules.orange::after {
border-left-color: #FF432D;
border-right-color: #FF432D;
}
@media (max-width: 768px) {
.rules::after {
left: 0;
width: 50vw;
top: 6vw;
bottom: 6vw;
border-left-width: 0;
border-right-width: .3vw;
}
}
/****************************************** typography */
/* reset */
section.grid .grid-item p,
.hero-text h2,
#main .grid-item h2,
#main .grid-item h3,
#main .grid-item h4,
#main .grid-item h5,
#main .grid-item h6,
.container-holder h2,
#main section.grid h2,
#main section.grid h1 {
margin: 0;
padding: 0;
line-height: normal;
font-family: "GT America Regular";
line-height: normal;
}
.grid-item h3, .grid-item h4, .grid-item a, body .grid-item button, .grid-item {
font-size: 24px;
}
.section-header h2 {
font-size: 4.25vw;
}
@media (max-width: 1280px) {
.grid-item h3, .grid-item h4, .grid-item a, body .grid-item button, .grid-item {
font-size: 18px !important;
}
}
@media (max-width: 768px) {
.grid-item h3, .grid-item h4, .grid-item a, body .grid-item button, .grid-item {
font-size: 18px !important;
}
.section-header h2 {
font-size: 18px !important;
}
}
section.grid.grid-2020.interim .grid-item, section.grid.grid-2020.interim .grid-item a {
font-size: 16px;
}
#main section.grid.grid-2020.interim h3 {
font-size: 2.5vw;
margin-bottom: 1.5vw;
}
#main section.grid.grid-2020.interim .grid-item h3 strong {
font-weight: normal;
font-family: "GT America Regular";
color: #FF432D;
}
.grid-item p {
margin: 0;
}
.grid-item h3, .grid-item h4, .grid-item p {
max-width: 100%;
}
/* homepage 2021 */
.hero-21 .grid-100 {
width: 100%;
}
.hero-21 .grid-100.campaign-video {
padding: 0;
}
.hero-2021-outer {
background: white;
width: 100%;
height: 0;
overflow: hidden;
padding-top: 33%;
position: relative;
margin-top: 0;
}
.hero-2021-outer video,
.hero-2021-outer figure.campaign-2022-video {
display: block;
width: 100%;
height: auto;
position: absolute;
top: 0;
left: 0;
padding: 0 1.5vw;
}
.hero-2021-outer figure.campaign-2022-video {
position: absolute;
height: 0;
width: 100%;
overflow: hidden;
padding-top: 44.93055556%;
}
.hero-2021-outer figure.campaign-2022-video.mobile {
padding-top: 41.4856341976%;
}
.hero-2021-outer figure.campaign-2022-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 1;
}
.hero-2024-outer video.desktop,
figure.campaign-2022-video.desktop {
display: block;
}
.hero-2024-outer video.mobile,
figure.campaign-2022-video.mobile {
display: none;
}
.hero-2024-outer #pause-button,
.hero-2024-outer #pause-button2,
.nc21-video #pause-button3 {
height: 30px;
width: 30px;
background: url('/images/Button_Pause.svg') no-repeat 0 0;
background-size: contain;
position: absolute;
border: none;
z-index: 3;
visibility: visible;
bottom: 1.5vw;
opacity: 58%;
transition: opacity 200ms ease;
cursor: pointer;
}
.hero-2024-outer #pause-button {
right: 1.5vw;
}
.hero-2024-outer #pause-button2 {
right: 2px;
bottom: 2px;
}
.nc21-video #pause-button3 {
left: 1.5vw;
filter: invert(1);
}
#pause-button:hover, #pause-button2:hover, #pause-button3:hover {
opacity: 90%;
}
.hero-2024-outer #play-button,
.hero-2024-outer #play-button2,
.nc21-video #play-button3 {
height: 30px;
width: 30px;
background: url('/images/Button_Play.svg') no-repeat 0 0;
background-size: contain;
position: absolute;
border: none;
visibility: hidden;
z-index: 3;
bottom: 1.5vw;
opacity: 58%;
transition: opacity 200ms ease;
cursor: pointer;
}
.hero-2024-outer #play-button {
right: 1.5vw;
}
.hero-2024-outer #play-button2 {
bottom: 2px;
right: 2px;
}
.nc21-video #pause-button3 {
left: 6px;
bottom: 6px;
}
.nc21-video #play-button3 {
left: 6px;
bottom: 6px;
filter: invert(1);
}
#play-button:hover, #play-button2:hover, #play-button3:hover {
opacity: 90%;
}
.home #dates-wrap {
display: none;
}
section.grid.grid-2020.hero-21 .grid-item.grid-50 {
padding-top: 0;
}
.interim-header .grid-item h3 {
font-size: 9vw !important;
letter-spacing: -0.15vw !important;
line-height: 1 !important;
color: black;
max-width: 80%;
}
.interim-header .grid-100 .grid-item-inner {
}
.interim-header p a {
font-family: "GT America Regular";
text-decoration: none;
}
.interim-header .grid-item.black {
color: white;
}
.interim-header .grid-item.light-grey a {
color: #FF432D;
}
.interim-header .grid-item.light-grey a:hover {
color: #666666;
}
.grid-interim .slide-caption {
width: 23vw;
margin-left: 23vw;
}
.grid-interim .carousel-home .carousel-controls {
position: absolute !important;
}
.slide-caption {
padding-top: 16px;
}
section.grid.grid-2020 .grid-row, .rules {
overflow: auto;
}
#wrapper {
overflow: visible !important;
}
.grid-interim .grid-row {
width: 100vw;
display: flex;
flex-direction: row;
background: white;
position: relative;
overflow: visible;
}
.grid-interim .grid-item {
width: 50vw;
padding: 1.5vw;
}
.sticky-header {
-webkit-position: sticky;
position: sticky;
top: 1.5vw;
}
.grid-interim .grid-50:nth-child(2):after,
.grid-interim .grid-25:after {
content: '';
display: block;
width: 2px;
background: red;
position: absolute;
top: 1.5vw;
bottom: 1.5vw;
left: 50vw;
}
.grid-interim .grid-25:nth-child(2):after {
left: 75vw;
}
.grid-interim .grid-50:nth-child(2) p,
.interim-header .grid-item p {
max-width: 75%;
}
.grid-interim .carousel-fade .carousel-inner {
background: none;
}
.grid-interim .slide-caption a {
color: black;
}
.grid-interim .slide-caption a:hover {
color: #666;
}
#main .grid-interim .grid-item .slide-caption h4,
.grid-interim .slide-caption a {
font-family: "GT America";
font-weight: 800;
}
#main .grid-interim .grid-item .slide-caption h4 {
color: #FF422D;
font-size: 19px !important;
}
/* module colors */
.grid-interim .grid-row:nth-child(1),
.grid-interim .grid-row:nth-child(4) {
/* background: #f2f2f2; */
background: black;
color: white;
}
.grid-interim .grid-row:nth-child(1) {
flex-direction: row-reverse;
}
.grid-interim .grid-row:nth-child(1) .slide-caption a,
.grid-interim .grid-row:nth-child(4) .slide-caption a {
color: white;
}
.grid-interim .grid-row:nth-child(1) .slide-caption a:hover,
.grid-interim .grid-row:nth-child(4) .slide-caption a:hover {
color: white;
}
.grid-interim .grid-row:nth-child(1) a,
.grid-interim .grid-row:nth-child(4) a {
color: white;
}
.grid-interim .grid-row:nth-child(3),
.grid-interim .grid-row:nth-child(2) {
color: #666;
}
.grid-interim .grid-row:nth-child(1) h2,
.grid-interim .grid-row:nth-child(2) h2,
.grid-interim .grid-row:nth-child(3) h2,
.grid-interim .grid-row:nth-child(4) h2 {
color: #FF432D;
}
.grid-interim .grid-row:nth-child(2) {
background: #ffffff;
}
.grid-interim.grid-body .grid-row:nth-child(3) {
flex-direction: row-reverse;
}
.grid-interim .grid-row:nth-child(3) {
background: #f2f2f2;
}
/* grid blocks */
.grid-blocks {
display: flex;
flex-direction: row;
background: #f2f2f2;
}
.grid-blocks .grid-item {
width: 100%;
padding: 1.5vw;
position: relative;
}
.grid-blocks .grid-item h3 {
color: #FF432D;
}
.grid-blocks .grid-item p,
.grid-blocks .grid-item p a {
font-size: 16px;
}
.grid-blocks .grid-item p a {
color: black;
}
.grid-blocks .grid-item p a:hover {
color: #808080;
text-decoration: none;
}
.grid-blocks .grid-item p {
margin: 1em 0;
}
.grid-blocks .grid-item:after {
content: '';
display: block;
width: 2px;
background: #FF432D;
top: 1.5vw;
bottom: 1.5vw;
left: 0;
position: absolute;
}
@media (max-width: 768px) {
.grid-blocks .grid-item:after {
display:none;
}
}
.grid-blocks .grid-item:nth-child(1):after {
display: none;
}
.home .container.sponsor-gallery {
background: #fff;
width: 100%;
max-width: 100%;
margin: 0;
}
.home .container.sponsor-gallery .container-holder {
max-width: 960px;
margin: 0 auto;
padding: 10px;
}
.home .container.sponsor-gallery .carousel.logos {
margin: 48px 0;
}
.home .container.sponsor-gallery h2 {
color: #666;
font-size: 24px;
margin-top: 1em;
}
.hero-23-text .grid-50 p {
max-width: 90%;
}
/* text sizes */
#main .grid-interim .grid-item h2 {
font-size: 3.5vw;
line-height: 1;
margin-bottom: 1.5vw;
letter-spacing: -0.05vw;
}
.interim-header p,
.interim-header p a,
.interim-header a,
.grid-interim p,
.grid-interim p a,
.grid-blocks p,
.grid-blocks .grid-item h3,
.home .container.sponsor-gallery h2 {
font-size: 32px;
}
.grid-interim .grid-item-inner p a {
font-family: "GT America";
font-weight: 700;
text-decoration: none;
color: #FF432D;
font-size: 24px;
}
.grid-interim p a:hover {
color: #757575;
}
.grid-interim .slide-caption p,
.carousel-home,
.carousel-home a,
.grid-blocks .grid-item p,
.grid-blocks .grid-item a {
font-size: 18px !important;
}
@media (max-width: 1800px) {
#main .grid-interim .grid-item h2 {
font-size: 3vw;
margin-bottom: 1.5vw;
letter-spacing: -0.05vw;
}
.interim-header p,
.interim-header p a,
.interim-header a,
.grid-interim p,
.grid-interim p a,
.grid-blocks p,
.grid-blocks .grid-item h3,
.home .container.sponsor-gallery h2 {
font-size: 24px !important;
}
.grid-interim .slide-caption p,
.carousel-home,
.carousel-home a,
.grid-blocks .grid-item p,
.grid-blocks .grid-item a {
font-size: 16px !important;
}
.carousel-home h4 {
font-size: 19px !important;
}
}
@media (max-width: 1280px) {
#main .grid-interim .grid-item h2 {
font-size: 3vw;
margin-bottom: 1.5vw;
letter-spacing: -0.05vw;
}
.interim-header a, .grid-interim p a {
font-family: 'GT America';
font-weight: 700;
}
.interim-header p,
.interim-header p a,
.interim-header a,
.grid-interim p,
.grid-interim p a,
.grid-blocks p,
.grid-blocks .grid-item h3,
.home .container.sponsor-gallery h2 {
font-size: 20px !important;
}
.grid-interim .slide-caption p,
.carousel-home, .carousel-home a,
.grid-blocks .grid-item p,
.grid-blocks .grid-item a {
font-size: 14px !important;
}
}
@media (max-width: 768px) {
.grid-interim .grid-item.grid-25 {
width: 100%;
}
.grid-interim.hero-23-text .grid-item {
margin-bottom: 1rem;
}
.interim-header .grid-item h3 {
font-size: 64px !important;
letter-spacing: -0.25px !important;
}
.sticky-header {
position: static !important;
}
#main .grid-interim .grid-item h2 {
font-size: 32px;
margin-bottom: 0.5em;
letter-spacing: -0.01vw;
}
#main .grid-interim .grid-item .sticky-header p,
#main .grid-interim .grid-item .sticky-header a {
font-size: 21px !important;
line-height: 1.2;
}
.interim-header p,
.interim-header p a,
.interim-header a,
.grid-interim p,
.grid-interim p a,
.grid-blocks p,
.grid-item a,
.grid-blocks .grid-item h3,
.home .container.sponsor-gallery h2 {
font-size: 16px !important;
}
.grid-interim .grid-item-inner p a {
font-size: 19px !important;
}
.grid-interim .slide-caption p,
.carousel-home, .carousel-home a,
.grid-blocks .grid-item p,
.grid-blocks .grid-item a {
font-size: 16px !important;
}
section.grid.grid-2020.interim-header .grid-item.grid-50 {
width: 100%;
}
.grid-blocks,
.grid-interim .grid-row {
display: flex;
flex-direction: column;
}
.grid-interim .grid-row {
/* flex-direction: column-reverse !important; */
}
.grid-interim.grid-body .grid-row:nth-child(1),
.grid-interim.grid-body .grid-row:nth-child(2),
.grid-interim.grid-body .grid-row:nth-child(3) {
flex-direction: column;
}
.grid-interim.hero-23-text .grid-row {
flex-direction: column !important;
}
.grid-interim .grid-item,
.grid-interim .slide-caption {
width: 100%;
margin: 0;
}
.grid-interim .grid-50:nth-child(2) p, .interim-header .grid-item p, .slide-caption p {
max-width: 95%;
}
.grid-interim .carousel-home {
margin: 3vw 0 0 0;
}
.carousel-home .carousel-controls .play, .carousel-home .carousel-controls .pause-img {
top: 45.5vw;
}
.carousel-home .carousel-controls .prev, .carousel-home .carousel-controls .next {
top: 2vw;
}
.carousel-home .carousel-controls, .slide-caption {
padding-top: 0;
}
/*.carousel-home .carousel-controls {
position: static !important;
} */
.grid-interim .grid-item {
padding: 0 6vw;
}
.grid-item.grid-50:last-child {
margin-bottom: 42px;
}
.grid-blocks .grid-item {
padding: 6vw;
}
.grid-interim .grid-row {
padding: 6vw 0;
}
.grid-interim .grid-item:after {
display: none !important;
}
}
/* program library */
.virtualEventType {
display: inline-block;
background: #f2f2f2;
font-size: 75%;
padding: 0.5em 1em;
border-radius:50vh;
text-transform: uppercase;
letter-spacing: 0.05em;
color: #444;
margin-left: 1em;
}
#program-library-event-list .grid-item-event-button {
border-radius: 50vh;
padding: 0.5em 1em;
}
#program-library-event-list ul,
#program-library-event-list li,
.virtual-programs ul,
.virtual-programs li {
margin: 0;
padding: 0;
list-style: none;
}
#program-library-event-list input,
#program-library-event-list button {
border: 0;
outline: none;
background: none;
box-shadow: none;
border-radius: 0px;
display: inline-block;
}
#program-library-event-list input {
border: 1px solid #cccccc;
padding: 0.5em 1em;
border-radius: 1.5em;
width: 50%;
}
#program-library-event-list button,
.virtual-programs buttton {
background: black;
padding: 0.5em 1em;
border-radius: 1.5em;
color: white;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
transition: background 200ms ease;
}
#program-library-event-list button:hover,
.virtual-programs button:hover {
background: #777;
transition: background 200ms ease;
}
#program-library-event-list .grid-item-event,
.virtual-programs .grid-item-event {
margin: 32px 0 16px 0;
border-top: 2px solid #FF432D;
}
.virtual-programs .grid-item-event {
border: none;
}
#program-library-event-list h4,
.virtual-programs h4 {
max-width: 80%;
}
.virtual-programs .speaker-names {
display: block;
color: #808080;
padding: 1em 0 0 0;
}
.virtual-programs h4,
.virtual-programs .timestamp,
.virtual-programs .timezones {
font-size: 21px;
margin: 0;
max-width: 80%;
}
.virtual-programs .timezones.chooser {
font-size: inherit;
position: relative;
top: 0;
right: 0;
background: black;
padding: 0.5em 1em;
border-radius: 1.5em;
color: white;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
transition: background 200ms ease;
}
.virtual-programs .timezones.chooser:before {
display: none;
}
#content .virtual-programs h2:first-of-type {
margin-top: 24px;
}
.grid-item-event-button {
background: #000 !important;
transition: background 200ms linear;
color: #fff !important;
text-decoration: none !important;
}
.grid-item-event-button:hover {
background: #777 !important;
}
.grid-item-event-button:after {
content: '\00a0\2192';
}
/* sizes */
.hero-text h2 {
font-size: 4.25vw;
max-width: 90%;
line-height: 1.1 !important;
}
/* links */
@media (max-width: 768px) {
.img-link {
position: relative;
display: block;
}
}
.grid-item a.img-link:after {
content: '';
display: none;
}
.grid-item a.img-link img {
transition: opacity 200ms ease;
}
.grid-item a[href]:hover.img-link img {
opacity: .75;
transition: opacity 200ms ease;
}
.grid-item a:after {
content: '\00a0\2192';
font-feature-settings: "ss03";
}
.grid-row a, .grid-blocks a {
transition: color 200ms ease, opacity 200ms ease;
}
.grid-row a:hover, .grid-blocks a:hover {
transition: color 200ms ease, opacity 200ms ease;
}
.grid-row a:after, .grid-blocks a:after {
transition: padding-left 200ms ease;
}
.grid-row a:hover:after, .grid-blocks a:hover:after {
padding-left: 5px;
transition: padding-left 200ms ease;
}
/* colors */
#main .grid-item h3 span {
color: #FF432D;
}
/****************************************** module color white */
.grid-row.white {
background: #ffffff;
color: #000000;
}
/****************************************** module color gray */
.grid-row.gray {
background: #f2f2f2;
color: #000000;
}
.grid-row.gray h3,
.grid-row.gray h4 {
color: #FF432D;
}
.grid-row.gray h4 a {
color: #FF432D;
}
.grid-row.gray h4 a:hover {
opacity: .5;
}
.grid-row.gray .rules:after {
border-color: #FF432D;
}
.grid-row.gray a,
.grid-row.gray .carousel-home .carousel-controls .prev, .grid-row.gray .carousel-home .carousel-controls .pause, .grid-row.gray .carousel-home .carousel-controls .next,
.grid-row.gray .carousel-home .carousel-controls .prev:after, .grid-row.gray .carousel-home .carousel-controls .pause:after {
color: #808080;
}
.grid-row.gray a:hover,
.grid-row.gray .carousel-home .carousel-controls .prev:hover, .grid-row.gray .carousel-home .carousel-controls .pause:hover, .grid-row.gray .carousel-home .carousel-controls .next:hover {
color: #000;
}
.grid-row.gray a.grid-item-event-button {
background: #FF432D;
}
.grid-row.gray a.grid-item-event-button {
color: #fff;
}
.grid-row.gray a:hover.grid-item-event-button, .grid-row.gray a.grid-item-event-button.disabled {
color: #ffa196;
}
.grid-row.gray .event-details {
color: #808080;
}
.grid-item-logo {
background-color: #f2f2f2;
}
@media (max-width: 768px) {
.grid-row.gray.slideshow-large .carousel-home .carousel-controls,
.grid-row.gray.slideshow-small .carousel-home .carousel-controls {
border-top-color: #808080;
}
}
/****************************************** module color black */
.grid-row.black {
background: #000;
color: #fff;
}
.grid-row.black h3,
.grid-row.black h4 {
color: #FF432D;
}
.grid-row.black h4 a {
color: #FF432D;
}
.grid-row.black h4 a:hover {
opacity: .5;
}
.grid-row.black .rules:after {
border-color: #FF432D;
}
.grid-row.black a,
.grid-row.black .carousel-home .carousel-controls .prev, .grid-row.black .carousel-home .carousel-controls .pause, .grid-row.black .carousel-home .carousel-controls .next,
.grid-row.black .carousel-home .carousel-controls .prev:after, .grid-row.black .carousel-home .carousel-controls .pause:after {
color: #808080;
}
.grid-row.black a:hover,
.grid-row.black .carousel-home .carousel-controls .prev:hover, .grid-row.black .carousel-home .carousel-controls .pause:hover, .grid-row.black .carousel-home .carousel-controls .next:hover {
color: #fff;
}
.grid-row.black a.grid-item-event-button {
background: #FF432D;
}
.grid-row.black a.grid-item-event-button {
color: #fff;
}
.grid-row.black a:hover.grid-item-event-button, .grid-row.black a.grid-item-event-button.disabled {
color: #ffa196;
}
@media (max-width: 768px) {
.grid-row.black.slideshow-large .carousel-home .carousel-controls,
.grid-row.black.slideshow-small .carousel-home .carousel-controls {
border-top-color: #808080;
}
}
/****************************************** module color orange */
.grid-row.orange {
background: #FF432D;
color: black;
}
.grid-row.orange h3,
.grid-row.orange h4 {
color: #000;
}
.grid-row.orange h4 a {
color: #000;
}
.grid-row.orange h4 a:hover {
color: #000;
opacity: .5;
}
.grid-row.orange .rules:after {
border-color: #000;
}
.grid-row.orange a,
.grid-row.orange .carousel-home .carousel-controls .prev, .grid-row.orange .carousel-home .carousel-controls .pause, .grid-row.orange .carousel-home .carousel-controls .next,
.grid-row.orange .carousel-home .carousel-controls .prev:after, .grid-row.orange .carousel-home .carousel-controls .pause:after {
color: #ffa196;
}
.grid-row.orange a:hover,
.grid-row.orange .carousel-home .carousel-controls .prev:hover, .grid-row.orange .carousel-home .carousel-controls .pause:hover, .grid-row.orange .carousel-home .carousel-controls .next:hover {
color: #fff;
}
.grid-row.orange a.grid-item-event-button {
background: #000;
}
.grid-row.orange a.grid-item-event-button {
color: #fff;
}
.grid-row.orange a:hover.grid-item-event-button, .grid-row.orange a.grid-item-event-button.disabled {
color: #808080;
}
/*
.grid-row.orange .grid-item-event-panel a {
color: #000;
}
*/
.grid-row.orange .event-details {
color: #ffa196;
}
@media (max-width: 768px) {
section.grid.grid-2020 .grid-row.orange .grid-item.mobile-100 .grid-item-inner {
border-top-color: #000;
}
.grid-row.orange.slideshow-large .carousel-home .carousel-controls,
.grid-row.orange.slideshow-small .carousel-home .carousel-controls {
border-top-color: #ffa196;
}
}
/****************************************** intro module */
a.moreless-button {
cursor: pointer;
}
a.moreless-button:after {
content: '';
}
.moretext {
display: none;
}
.grid-row.intro .rules:after {
border-left: none;
}
.grid-row.intro .grid-item.page-nav a {
color: black;
}
.grid-row.intro .grid-item.page-nav a:hover {
color: #808080;
}
.grid-row.intro .grid-item.page-nav a:after {
content: '\00a0\2193';
font-feature-settings: "ss03";
display: inline-block;
transition: transform 200ms ease;
}
.grid-row.intro .grid-item.page-nav a:hover:after {
padding: 0;
transform: translateY(5px);
transition: transform 200ms ease;
}
@media (max-width: 768px) {
.grid-row.intro .rules:after {
display: none;
}
}
/****************************************** section header */
#header {
width: 100vw;
/* overflow-x: hidden; */
}
#wrapper {
overflow: auto;
}
.section-header {
background: white;
color: black;
padding: 1.5vw;
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 9999999;
}
@media (max-width: 768px) {
.section-header {
padding: 6vw;
}
}
/****************************************** slideshow large module */
.slideshow-large .rules:after {
width: 50vw;
}
.slideshow-large .carousel-fade .carousel-inner {
background: none;
}
.slideshow-large .carousel-home .carousel-controls {
position: absolute;
bottom: 0;
left: 50vw;
/* padding: 1.5vw; */
width: 47vw;
}
.slideshow-large .slide-img {
width: 47vw;
}
.slideshow-large .slide-img > a {
display: block;
width: 100%;
position: relative;
padding-top: 66.66%;
}
.slideshow-large .slide-img > a img {
position: absolute;
top: 0;
left: 0;
}
.slideshow-large .slide-caption {
position: absolute;
top: 0;
left: 50vw;
}
@media (max-width: 768px) {
.slideshow-large .rules:after {
border: none;
}
.slideshow-large .slide-img {
width: 100%;
}
.slideshow-large .slide-caption {
position: static;
width: 100% !important;
}
.slideshow-large .carousel-home .carousel-controls {
padding-top: 4vw;
border-top-style: solid;
border-top-width: 0.3vw;
margin-top: 4vw;
}
.carousel-item > * {
position: static !important;
top: 0 !important;
left: 0 !important;
transform: none !important;
}
.carousel.logos .carousel-item {
height: 300px;
}
}
/****************************************** slideshow small module */
.slideshow-small .rules:after {
width: 25vw;
left: 25vw;
}
.slideshow-small .carousel-fade .carousel-inner {
background: none;
}
.slideshow-small .carousel-home .carousel-controls {
position: absolute;
bottom: 0;
left: 25vw;
/* padding: 1.5vw; */
width: 22vw;
}
.slideshow-small .slide-img {
width: 22vw;
}
.slide-img a.img-link.square {
display: block;
position: relative;
width: 100%;
padding-top: 100%;
overflow: hidden;
}
.slide-img a.img-link.square img {
position: absolute;
top: 0;
height: 100%;
width: auto;
transform: translateX(-50%);
left: 50%;
}
.slideshow-small .slide-caption {
position: absolute;
top: 0;
left: 25vw;
}
@media (max-width: 768px) {
.slideshow-small .rules:after {
border: none;
}
.slideshow-small .slide-img {
width: 92vw;
}
.slideshow-small .slide-caption {
position: static;
width: 100% !important;
}
.slideshow-small .carousel-home .carousel-controls {
padding-top: 4vw;
border-top-style: solid;
border-top-width: 0.3vw;
margin-top: 4vw;
}
}
/****************************************** event list */
.additional-content{
display:none;
}
.show-more, .more-info {
cursor: pointer;
display: inline-block;
}
.event-list .show-more {
margin-top: 1em;
}
.event-list h4:empty {
margin-top: -1em !important;
}
.grid-item-events-past .show-more {
margin-top: 0;
}
.show-more:after, .more-info:after {
content: '';
display: none !important;
}
.grid-item-events-upcoming.more-events,
.grid-item-events-past {
}
.grid-item-events-past .additional-content {
padding-bottom: 1em;
}
time {
}
.timezones {
cursor: pointer;
display: inline-block;
}
.timezones span {
display: none;
}
.timezones.chooser {
position: absolute;
top: 1.5vw;
right: 1.5vw;
}
.timezones.chooser:before {
content: '\25CF';
display: inline-block;
}
.timezones var {
font-style: normal;
color: #ccc;
}
.timezones var em {
color: #000;
font-style: normal;
font-weight: normal;
font-family: 'GT America Regular';
}
.grid-item-event-button {
background: #000;
color: white;
display: table;
width: auto;
padding: .75vw;
}
.grid-item-event-button.disabled {
cursor: not-allowed;
}
.grid-item-event-button.disabled:hover {
background: inherit;
}
.grid-item-event-button.disabled:after {
display: none;
}
.grid-item-event-button[href="none"] {
display: none;
}
.grid-item-event-button[href="none"] + br {
display: none;
}
.event-list .rules:after {
border-right: none;
}
.grid-item-event + .grid-item-event {
margin-top: 1em;
}
.more-events .grid-item-event,
.grid-item-events-past .grid-item-event {
margin-top: 1em;
}
.event-list p, .event-list h4 {
max-width: 70%;
}
@media (max-width: 768px) {
.grid-item-event-button {
padding: 2vw;
}
.event-list p, .event-list h4 {
max-width: 90%;
}
.timezones.chooser {
position: static;
padding-bottom: 4vw;
}
}
/* accordion */
.neoconnect-event-accordion header {
cursor: pointer;
}
.neoconnect-event-accordion:before, #designtv {
content: '';
display: block;
position: relative;
width: 0;
height: 9vw;
margin-top: -9vw;
}
@media (max-width: 768px) {
.neoconnect-event-accordion:before {
height: 21vw;
margin-top: -21vw;
}
}
.neoconnect-event-accordion header h4 a:after {
content: '\00a0\2192\00a0';
display: inline-block;
transition: transform 400ms ease;
}
.neoconnect-event-accordion header:hover h4 a:after,
.neoconnect-event-accordion header.ui-state-active h4 a:after {
padding-left: 0;
transform: rotate(90deg);
transition: transform 400ms ease;
}
/****************************************** logos */
.grid-row.logos .rules:after {
display: none;
}
.grid-row.logos .grid-75 .grid-item-inner {
padding: 0;
}
.grid-item-logo {
width: 23.5vw;
float: left;
padding-left: 1.5vw;
margin: 0 1.5vw 1.5vw 0;
border-left: .1vw solid #FF432D;
height: 8vw;
position: relative;
}
.grid-item-logo a.grid-item-logo-link:after {
display: none;
}
a.grid-item-logo-read {
margin-top: .75vw;
display: inline-block;
}
.grid-item-logo img {
display: inline-block;
mix-blend-mode: multiply;
max-width: 9.4vw;
max-height: 4.5vw;
transition: opacity 200ms ease;
margin-right: auto;
}
a.grid-item-logo-link {
width: auto;
display: inline-block;
}
a.grid-item-logo-link:hover img {
opacity: .5;
transition: opacity 200ms ease;
}
@media (max-width: 768px) {
section.grid.grid-2020 .grid-row.logos .grid-item.mobile-100 .grid-item-inner {
border-top: 0;
padding: 0;
}
section.grid.grid-2020 .grid-row.logos .grid-item.mobile-100:first-of-type .grid-item-inner {
border-top: none;
padding-top: 4vw;
}
.grid-item-logo {
width: 100%;
height: 25vw;
border-top: .3vw solid #FF432D;
border-left: none;
padding: 4vw 0 0 0;
float: none;
}
.grid-item-logo img {
max-width: 40vw;
max-height: 20vw;
}
a.grid-item-logo-read {
padding-top: 2vw;
}
}
.instagram-post {
width: 32% !important;
margin-right: 1.3333%;
height: auto;
float: left;
}
.instagram-post:nth-child(3n+3) {
margin-right: 0;
}
/****************************************** video */
.video .rules:after {
width: 50vw;
}
.video .embed-container { position: relative; height: 26.4375vw; overflow: hidden; width: 47vw; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.video .video-info {
position: absolute;
top: 0;
left: 50vw;
padding: 1.5vw;
width: 25vw;
}
@media (max-width: 768px) {
.video .rules:after {
border: none;
}
.video .embed-container {
width: 100%;
height: 0;
padding-top: 56.25%;
}
.video .video-info {
position: static;
width: 100% !important;
padding: 4vw 0 4vw 0;
}
}
/****************************************** small image */
.small-image-container {
position: relative;
}
.small-image-container p {
max-width: 70%;
}
.small-image img {
width: 22vw;
height: auto;
}
.small-image .img-info {
width: 47vw;
position: absolute;
top: 0;
bottom: 0;
left: 25vw;
}
.small-image .img-info-logo {
position: absolute;
left: 25vw;
bottom: 0;
max-width: 9.4vw;
max-height: 4.5vw;
}
@media (max-width: 768px) {
.small-image-container p {
max-width: 90%;
}
.small-image .rules:after {
border: none;
}
.small-image img {
width: 100%;
height: auto;
}
.small-image .img-info {
position: static;
width: 100%;
padding: 4vw 0 4vw 0;
}
.small-image .img-info-logo {
position: static;
margin: 2vw 0 2vw 0;
max-width: 40vw;
max-height: 20vw;
}
}
/****************************************** other fixes */
#header {
padding: 1.5vw !important;
}
.container-holder {
padding-top: 6vw;
}
.container-holder h2 {
color: #FF432D;
font-size: 2.75vw;
}
@media (max-width: 768px) {
#header {
padding: 6vw !important;
}
#header .logo {
margin-left: 0;
}
.hero-text h2 {
font-size: 9vw;
}
.container-holder h2 {
font-size: 20px;
}
/* to keep ads from exceeding screen widths */
#ad-container img {
max-width: 90vw;
}
.navbar-nav * a {
font-size: 1rem;
color: black !important;
}
.navbar-nav li a {
padding: .8rem 0;
}
.navbar-nav > li > a {
border-bottom: 1px solid rgba(0,0,0,0.2);
}
.navbar-nav > li:first-of-type > a {
border-top: 1px solid rgba(0,0,0,0.2);
margin-top: 3vh;
}
.dropdown-menu {
border: none;
box-shadow: none;
padding: 0;
margin: 0;
}
.dropdown > a.dropdown-toggle:after {
content: none;
margin-left: 0;
}
.dropdown-item a:before {
content: '› ';
}
.dropdown-item {
padding: 1rem;
border-bottom: 1px solid rgba(0,0,0,0.2);
}
li.nav-item.register {
font-family: 'GT America Black';
}
}
/****************************************** blog */
.author-headshot {
width: 25%;
float: left;
}
.author-headshot img {
width: 100%;
height: auto;
}
.author-bio {
width: 75%;
float: left;
padding-left: 16px;
}
.authors {
border-top: 1px solid #ccc;
padding-top: 10px;
margin-top: 64px;
}
.authors strong {
color: #000;
margin-bottom: 16px;
display: block;
}
.authors:after {
content: '';
display: block;
clear: both;
}
.author {
float: left;
margin-bottom: 16px;
}
@media (max-width: 768px) {
.author-bio {
width: 100%;
padding: 16px 0 0 0;
}
.author-headshot {
width: 33%;
}
}
/*********************************************************************************************************************************************** NeoConnect Programming */
.neoconnect-programming .portal-accordion {
/* min-height: 80px; */
padding-bottom: 1em;
}
#main .neoconnect-programming .events > h3 {
color: #FF432D;
margin: 0;
padding: 6px 0 32px 0;
border-top: 2px solid #FF432D;
font-size: 16px;
font-family: "GT America Bold";
}
#main .neoconnect-programming section h3,
#main .neoconnect-programming section h2 {
margin: 0;
/* min-height: 80px; */
}
.neoconnect-programming .events .heading {
border-top: 2px solid #FF432D;
padding: 6px 0 0 0;
cursor: pointer;
}
/*
.neoconnect-programming .events .portal-accordion:first-of-type .heading {
border-top: none;
}
*/
#main .neoconnect-programming .events > h3:first-child {
border-top: none;
}
.neoconnect-programming .events .event {
margin-bottom: 0;
}
#content.neoconnect-programming .events .event .text {
margin-top: 1em;
}
.neoconnect-programming .heading h6 {
color: #000;
margin: 0;
}
.neoconnect-programming .heading h6 a:after {
display: inline-block;
display: none;
content: '\00a0\2193\00a0';
font-feature-settings: "ss03";
transform-origin: center;
transition: transform 200ms ease;
}
.neoconnect-programming .events .ui-accordion-header-active .heading h6 a:after {
transform-origin: center;
transform: rotate(180deg);
transition: transform 400ms ease;
}
.neoconnect-programming .events .heading,
.neoconnect-programming .events .heading h6 a {
transition: color 400ms ease;
color: #000;
}
.neoconnect-programming .events .heading:hover h6 a {
color: #FF432D;
}
.neoconnect-programming .events .ui-accordion-header-active .heading h6 a,
.neoconnect-programming .events .ui-accordion-header-active .heading {
transition: color 200ms ease;
color: #FF432D;
}
.neoconnect-programming .timezones {
display: block;
}
.neoconnect-programming .button {
padding: 24px;
}
.neoconnect-programming .speakers {
color: #808080;
}
.button {
transition: background-color 200ms ease;
}
.button:hover {
transition: background-color 200ms ease;
}
#main .neoconnect-programming .event.open h3 {
color: #000;
min-height: auto;
padding: 0;
border: none;
margin-bottom: 27px;
}
@media (max-width: 768px) {
.neoconnect-programming .heading h6 {
font-size: 14px;
}
#main .neoconnect-programming .events > h3 {
font-size: 14px !important;
}
.neoconnect-programming section {
margin-bottom: 64px;
}
}
/*********************************************************************************************************************************************** Media queries */
@media (max-width: 1300px) {
#page-nav {
overflow: auto;
white-space: nowrap;
width: 100%;
position: relative;
background: #eee;
border-radius: 10px;
margin-left: 0;
padding: 12px;
margin-bottom: 18px;
}
.js-clingify-locked #page-nav {
border-radius: 0px;
}
#content #page-nav h2 {
display: inline-block;
color: #757575;
font-size: 14px;
}
#page-nav ul {
margin: 0;
padding: 0;
color: #757575;
display: inline-block;
}
#page-nav-trim {
content:'';
position: relative;
width: 40px;
top: -40px;
float: right;
height: 40px;
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
pointer-events: none;
}
#page-nav ul li, #page-nav span {
padding: 0;
margin: 0;
list-style: none;
color: #757575;
display: inline-block;
}
#page-nav ul li a::after {
content: ' /';
color: black;
}
#page-nav ul li:last-child a::after {
content: '';
}
#page-nav ul li a {
color: black;
font-family: 'GT America Regular', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#page-nav ul li a:hover {
color: #757575;
}
}
@media (max-width: 1024px) {
.headroom--unpinned {
transform: translateY(0%);
}
.mobileOnly {
display:block;
}
.js-clingify-locked {
z-index: 9998;
}
body {
padding-bottom: 1px;
font-size: 14px;
}
h5 {
font-size: 14px;
}
#main h3 {
margin: 27px 0;
}
#content > .text {
margin: 33px 0;
}
#nav {
max-width: 70%;
}
#content.blog header h1 {
margin-bottom: 64px;
}
#main .blog h4 {
font-size: 42px;
}
#content .text {
margin: 1em 0;
}
.articleBody img.center {
width: 70% !important;
height: auto !important;
}
.navbar-toggler {
border: none;
}
button.navbar-toggler:focus {
outline: 1px solid rgba(0,0,0,.1);
}
/* Define the shape and color of the hamburger lines */
.navbar-toggler span {
display: block;
background-color: #000;
height: 3px;
width: 25px;
margin-top: 5px;
margin-bottom: 5px;
position: relative;
left: 0;
opacity: 1;
transition: all 0.35s ease-out;
transform-origin: center left;
}
/* top line needs a little padding */
.navbar-toggler span:nth-child(1) {
margin-top: 0.3em;
}
.navbar-toggler span:nth-child(1) {
transform: translate(0%, 0%) rotate(0deg);
}
.navbar-toggler span:nth-child(2) {
opacity: 1;
}
.navbar-toggler span:nth-child(3) {
transform: translate(0%, 0%) rotate(0deg);
}
/**
* Animate collapse into X.
*/
/* top line rotates 45 degrees clockwise and moves up and in a bit to close the center of the X in the center of the button */
.navbar-toggler:not(.collapsed) span:nth-child(1) {
transform: translate(15%, -33%) rotate(45deg);
}
/* center line goes transparent */
.navbar-toggler:not(.collapsed) span:nth-child(2) {
opacity: 0;
}
/* bottom line rotates 45 degrees counter clockwise, in, and down a bit to close the center of the X in the center of the button */
.navbar-toggler:not(.collapsed) span:nth-child(3) {
transform: translate(15%, 33%) rotate(-45deg) ;
}
/**
* Animate collapse open into hamburger menu
*/
/* top line moves back to initial position and rotates back to 0 degrees */
.navbar-toggler span:nth-child(1) {
transform: translate(0%, 0%) rotate(0deg) ;
}
/* middle line goes back to regular color and opacity */
.navbar-toggler span:nth-child(2) {
opacity: 1;
}
/* bottom line goes back to initial position and rotates back to 0 degrees */
.navbar-toggler span:nth-child(3) {
transform: translate(0%, 0%) rotate(0deg) ;
}
} /* end max width 1024 */
@media (min-width: 769px) and (max-width: 1023px) {
#nav {
width: 80%;
max-width: 100%;
}
.nav-block, .nav-drop {
font-size: 14px;
}
.nav-drop {
padding-top: 5px;
}
.dates {
position: absolute;
top: 50px;
left: 0;
}
}
@media (max-width: 768px) {
#content .intro img {
width: 100% !important;
height: auto !important;
}
#contactForm .colLeft, #contactForm .colRight {
width: 100%;
padding: 0;
}
.slick-arrow {
display: none !important;
}
.js-clingify-locked {
z-index: 99999;
}
.advisory-committee table.people-list td {
padding-bottom: 0;
}
a.anchor {
top: -80px;
}
#main {
padding-top: 64px;
}
body.home #main {
padding-top: 0;
}
section.grid {
padding-top: 30vw;
}
.grid-row {
border: none;
margin: 0;
}
.grid-row:after {
display: none;
}
.grid-item-inner {
padding: 0;
}
.grid-row .grid-item:after {
display: none;
}
#main section.grid .countdown li {
display: block;
width: 48%;
float: left;
padding-bottom: 1em;
}
#main section.grid .countdown li:nth-child(even) {
float: left;
margin-left: 4%;
}
#main section.grid .countdown li:nth-child(3), #main section.grid .countdown li:nth-child(4) {
border-bottom: none;
padding-bottom: 0;
}
.slide-img {
width: 100%;
margin: 0 0 18px 0;
float: none;
}
.slide-caption {
width: 100%;
float: none;
}
.aboutNeoCon .grid-item-inner {
padding-bottom: 0;
}
section.grid .countdown p:last-of-type {
padding-bottom: 0;
margin-bottom: 0px;
}
#content.home .container {
padding: 0;
}
#main #content.home h2 {
font-size: 27px;
margin: 2em 0 0 0;
}
.navbar > li {
border-bottom: 1px solid #444;
margin: 0 15px 0 15px;
padding: 15px 0;
}
.navbar > li:first-child {
border-top: 1px solid #444;
}
.navbar > li:last-child {
margin-top: 30px;
background: #FF432D;
border-bottom: 0;
text-align: center;
}
.navbar > li:last-child a {
font-family: 'GT America Bold', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.navbar > li:last-child a:after {
content: ' \2192';
}
.nav-drop {
font-size: inherit;
line-height: 1;
}
.navbar > li:last-child a:hover {
color: white !important;
}
.nav-drop ul {
padding: 9px 0;
}
.navbar > li.hover > a {
color: #FF432D;
}
.navbar > li > a {
padding: 0;
}
.nav-drop li:first-child {
padding-top: 15px;
border-top: 1px solid #444;
}
.nav-drop li {
padding: 15px 0;
border-bottom: 1px solid #444;
}
.nav-drop li:last-child {
padding-bottom: 0;
border-bottom: none;
}
.nav-drop a {
width: 100%;
display: block;
padding-left: 15px;
}
.nav-drop a:before {
content: '› '
}
#show-hero {
padding-top: 0;
margin: 24px 0;
}
#show-hero:after {
content:'';
display: block;
clear: both;
}
#content #show-hero h2 {
font-size: 42px;
position: static;
}
#show-hero img {
width: 75%;
float: right;
margin-top: -15%;
position: static;
}
.show-info .column, .show-info .column:last-child {
width: 100%;
margin: 24px 0 0 0;
border-top: 2px solid #FF432D;
}
.show-info .column:after {
display: none;
}
#content .column h2, #content .column h3 {
margin-bottom: 1em;
width: 100%;
}
section.date div {
width: 100%;
}
#footer ul, #footer div.footer-col {
width: 100%;
margin-bottom: 14px;
}
#footer-logo img {
width: 50%;
height: auto;
}
#footer .logo {
max-width: 33%;
height: auto;
}
#main .accordion h3 {
margin: 18px 0;
}
.events .summary {
color: #FF432D;
margin-bottom: 1em;
}
.image-holder {
float: none;
display: inline;
}
.events {
margin-bottom: 0;
}
.event.keynote h2 span {
max-width: 100%;
width: 100%;
}
.event.keynote .image-col {
width: 100%;
}
.events .event.keynote .description .holder {
width: 100%;
}
.event.keynote .image-holder {
margin-bottom: 21px;
}
/*
.keynote-description {
max-height: 11em;
}
*/
.event p {
font-size: 14px;
margin-bottom: 14px;
}
.keynote-description {
margin: 0;
}
.events .summary {
margin: 1em 0 0 0;
}
/*
.sponsor-gallery .slideset .slide img {
max-width: 100%;
}
*/
.hotels-iframe {
height: 600px;
}
body #content > .text {
font-size: 24px;
}
body #content > .text p {
max-width: 90%;
}
h2 {
font-size: 24px;
}
#main #content.apply-to-exhibit .open ul {
width: 100%;
}
.event .accordion-status {
position: absolute;
top: 30px;
right: 15px;
}
}
@media (max-width: 320px) {
section.date ul span.time {
position: static;
display: block;
margin-bottom: 1em;
}
.hotels-iframe {
height: 700px;
}
}
/* Access */
#access-cover, #bon-cover {
min-height: 100vh;
background: black;
position: relative;
}
#access-cover h1 {
font-family: 'GT America Regular', "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 4.5vw;
color: #FF432D;
line-height: 1;
font-weight: normal;
height: 94vh;
padding: 2vh 0;
margin-left: 30vw;
border-left: 2px solid #FF432D;
}
#access-cover h1 p {
display: block;
border-top: 2px solid #FF432D;
padding: 0;
margin: 15vh 2vh 2vh 2vh;
}
#access-cover h1 p span {
display: block;
width: 80%;
}
#access-cover a.down-arrow {
font-family: 'GT America Regular', "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #FF432D;
display: block;
text-decoration: none;
font-size: 4.5vh;
font-feature-settings: "ss03" 1;
position: absolute;
left: 50%;
margin: 0;
padding: 0;
bottom: 6vh;
transform: translateX(-50%);
}
#access-cover a:hover.down-arrow {
color: white;
}
body#access #header, body#access #header.headroom--top {
background: black;
}
body#access #header.headroom--top .logo {
filter: invert(100%);
-webkit-filter: invert(100%);
}
body#access #header.headroom--top .navbar > li > a, body#access #header.headroom--top .navbar > li::after, body#access #header.headroom--top .nav-drop a {
color: white;
}
body#access #header.headroom--top .navbar .register, body#access #header.headroom--pinned .navbar .register {
color: #FF432D;
}
body#access #header.headroom--top .nav-drop a:hover, body#access #header.headroom--top.active .nav-drop a:hover {
color: #FF5650;
}
body#access #header.active.headroom--top {
background: black;
padding-bottom: 20px !important;
transition: padding ease-in-out 500ms, background ease-in-out 500ms, transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
}
body#access #content {
outline: none;
}
body#access .logo {
filter: none !important;
-webkit-filter: none !important;
background: url('../images/2018/NeoCon-white.png') no-repeat top left;
background-size: auto 100%;
}
body#access .logo img {
opacity: 0 !important;
}
body#access #primary-nav-wrap ul a {
color: white;
}
body#access #header {
background: black;
}
/*
body#access #header .logo {
filter: invert(100%);
-webkit-filter: invert(100%);
}
*/
body#access #header #primary-nav-wrap li.register a:before,
body#access #header.headroom--pinned.headroom--top #primary-nav-wrap li.register a,
body#access #header.headroom--pinned #primary-nav-wrap li.register a {
color: white;
}
body#access #header.headroom--pinned.headroom--top #primary-nav-wrap ul li,
body#access #header.headroom--pinned.headroom--top #primary-nav-wrap ul li a,
body#access #header.headroom--pinned.headroom--top #primary-nav-wrap li.register a,
body#access #header.headroom--pinned.headroom--top #primary-nav-wrap li.register a:before {
color: white;
}
body#access #primary-nav-wrap .register,
body#access #header.active #primary-nav-wrap .register,
body#access #header.headroom--pinned #primary-nav-wrap .register,
body#access #header.headroom--pinned.headroom--top #primary-nav-wrap ul li a.register {
font-family: "GT America Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #FF432D;
}
body#access #header.active li.main-nav-level > a:hover {
color: #757575 !important;
cursor: default;
}
body#access #header ul li a.active,
body#access #header.active ul li a.active {
color: #757575 !important;
}
body#access #mobile-open span,
body#access #mobile-open span:before,
body#access #mobile-open span:after {
background-color: white;
}
body#access #mobile-open.opened span {
background-color: rgba(0,0,0,0);
}
@media (max-width: 1680px) {
#access-cover h1 {
margin-left: 20vw;
}
#access-cover h1 p span {
width: 60%;
}
}
@media (max-width: 1680px) {
#access-cover h1 {
font-size: 6.5vw;
}
#access-cover h1 p span {
width: 80%;
}
}
@media (max-width: 768px) {
#access-cover {
top: 0;
min-height: 80vh;
}
body#access #wrapper {
position: relative;
}
body#access #main {
padding-top: 0;
}
body#access footer {
}
body#access #content {
}
#access-cover h1 {
border: none;
font-size: 12vw;
margin-left: 0;
}
#access-cover h1 p {
border: none;
display: block;
padding: 0;
margin: 15vh 2.5vh 2.5vh 2.5vh;
}
#access-cover h1 p span {
display: block;
width: 90%;
}
#content {
padding-top: 20px;
}
}
/* Retrospective */
.content-block {
}
.sticky-b {
position: relative;
position: -webkit-sticky;
position: -moz-sticky;
position: -o-sticky;
position: -ms-sticky;
position: sticky;
top:2vh;
left: 0;
right: 0;
display: block;
z-index: 99999;
background: none;
color: #FF432D;
padding: 0;
margin-left: -12.1333125vw;
float: left;
font-size: 200px;
width: 100%;
}
.sticky-b span.inner {
display: block;
}
.sticky-b:before,
.sticky-b:after {
content: '';
display: table;
}
.image-col-b {
width: 50%;
float: left;
margin-top: -100px;
padding-bottom: 100px;
overflow: visible;
}
.text-col {
width: 50%;
float: left;
margin-top: -100px;
padding-bottom: 100px;
}
.image-col-b img {
width: 95%;
height: auto;
position: relative;
float: left;
z-index: 100;
}
.retrospective-block {
float: left;
position: relative;
width: 100%;
left: 0;
clear: both;
}
.retrospective-block.intro {
border-left: 2px solid #FF432D;
padding-left: 18px;
margin-bottom: 64px;
}
.retrospective-block {
margin-bottom: 8px;
}
.retrospective-block p.header {
margin: 0;
padding: 0;
color: #FF432D;
font-size: 14px;
text-transform: uppercase;
font-family: 'GT America Bold';
letter-spacing: 2px;
margin-bottom: 12px;
}
.retrospective-block p.intro-hero {
margin: 0;
padding: 0;
font-size: 28px;
line-height: 1.1;
margin-bottom: 12px;
color: #FF432D;
font-family: 'GT America Bold';
}
.retrospective-block.intro p.intro-text {
margin-bottom: 0;
}
img.mobile {
display: none;
}
.retro-img {
opacity: 0;
}
p.intro-text {
transition: color 200ms ease-in-out;
}
.retrospective-block p.intro-text.active {
color: #FF432D;
transition: color 200ms ease-in-out;
}
.img-wrap {
float: left;
position: relative;
}
.img-wrap .tag {
opacity: 1;
color: #757575;
display: block;
clear: both;
padding-top: .5em;
font-family: 'GT America Regular';
transition: opacity 200ms ease-in-out;
text-transform: uppercase;
font-size: 11px;
letter-spacing: 2px;
}
.tag.mobile {
display: none;
}
.img-wrap img {
width: 100%;
height: auto;
}
div.small {
font-size: 18px;
line-height: 14px;
color: #FF432D;
display: block;
}
div.small strong {}
div.small br {
display: none;
}
@media (max-width: 1048px) {
.tag.mobile {
color: #757575;
display: block;
width: 100%;
text-align: center;
margin: 0 auto 30px auto;
clear: both;
padding-top: .5em;
font-family: 'GT America Regular';
transition: opacity 200ms ease-in-out;
text-transform: uppercase;
font-size: 11px;
letter-spacing: 2px;
}
img.mobile {
display: block;
margin: 30px auto 8px auto;
}
.image-col-b {
display:none;
}
.text-col {
width: 100%;
float: left;
margin-top: 0;
}
.sticky-b {
font-size: 7rem;
letter-spacing: -1px;
position: static;
margin: 0;
}
.whats-next {
font-size: 24px !important;
}
div.small {
padding-top: 2em;
line-height: 1;
}
div.small br {
display: block;
}
.retrospective-block p.intro-hero {
font-size: 24px;
}
}
.video-responsive{
overflow:hidden;
padding-bottom:56.25%;
position:relative;
height:0;
margin-bottom: 16px;
}
.video-responsive iframe{
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}
/*********************************************************************************************************************************************** Lightbox */
.open-lightbox {
cursor: zoom-in;
display: block;
margin: 32px 0 -24px 0;
}
.open-lightbox img {
margin: 0 !important;
}
.lightbox-opened {
/*
background-color: #333;
background-color: rgba(51, 51, 51, 0.9);
*/
cursor: pointer;
height: 100%;
left: 0;
overflow-y: scroll;
padding: 24px;
position: fixed;
text-align: center;
top: 0;
width: 100%;
cursor: zoom-out;
z-index: 9999999;
}
.lightbox-opened img {
width: 95%;
height: auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 100%;
top: 0;
transform: none;
left: 0;
}
.no-scroll {
/* overflow: hidden; */
}
.no-scroll .open-lightbox {
background: #f1f1f1;
}
.no-scroll .open-lightbox img {
opacity: 0;
}
/*********************************************************************************************************************************************** NeoCon Plaza */
.open .guide-col {
width: 45%;
margin-right: 5%;
float: left;
}
.open .guide-col:nth-child(even) {
margin-right: 0%;
}
.open .guide-col:nth-child(2n+1) { clear: both; }
.guide-description h3:before {
content: '';
display: block;
float: left;
height: 20px;
width: 20px;
border-radius: 10px;
position: relative;
bottom: -8px;
margin-right: 8px;
background: gray;
}
.guide-description h3 {
float: left;
width: 100%;
}
.guide-description h3:after {
content: '';
width: 100%;
clear: both;
display: table;
}
.event .text .guide-description ul {
margin: 0 0 1em 0;
}
.event .text .guide-description ul > strong {
color: black;
padding-bottom: 0;
}
.event .text .guide-description ul li {
padding-left: 1.3em;
text-indent: -1.3em;
}
.guide-description .guide-number {
font-size: 120%;
}
#west-lounge h3:before {
background: rgb(210, 96, 72);
}
#west-lounge .guide-number {
color: rgb(210, 96, 72);
}
#boardwalk-bites h3:before {
background: rgb(133, 161, 152);
}
#boardwalk-bites .guide-number {
color: rgb(133, 161, 152);
}
#the-park h3:before {
background: rgb(75, 94, 92);
}
#the-park .guide-number {
color: rgb(75, 94, 92);
}
#east-lounge h3:before {
background: rgb(240, 81, 95);
}
#east-lounge .guide-number {
color: rgb(240, 81, 95);
}
#beach-bar h3:before {
background: rgb(59, 85, 125);
}
#beach-bar .guide-number {
color: rgb(59, 85, 125);
}
@media (max-width: 1048px) {
.open .guide-col {
width: 100%;
margin-right: 0%;
float: none;
}
.guide-description h3:before {
bottom: -5px;
}
}
/*********************************************************************************************************************************************** Top external navigation */
#header {
padding: 0;
}
#internal {
padding: 20px;
}
#internal:after {
display: block;
content: '';
}
/*
#header.headroom--top {
position: static;
} */
nav#external {
display: block;
width: 100%;
background: #e6e6e6;
}
nav#external ul {
padding: 0;
margin: 0;
text-align: right;
padding: 20px;
}
nav#external ul li {
padding: 0;
margin: 0 0 0 10px;
display: inline-block;
}
nav#external ul li a {
color: black;
}
nav#external ul li a:hover {
opacity: .5;
}
nav#external ul li a:after {
content: ' \2192';
}
#header.headroom--not-top nav#external {
display: none;
}
#content .text img.onpeakStamp {
width: 10%; height: auto; float: right; margin: 0px 0px 10px 10px;
}
/*********************************************************************************************************************************************** Exhibitors iFrame */
.iframe-container iframe {
/* max-height: 500px; */
overflow-x: hidden;
}
.iframe-container.max iframe {
max-height: 600px;
}
.iframe-container {
/*
background: #f4f4f4;
border-radius: 6px;
padding: 18px 18px 0 18px;
*/
margin-top: 64px;
}
/*********************************************************************************************************************************************** Register */
.reg.button {
font-family: "GT America Regular";
font-size: 27px;
font-feature-settings: "ss03";
}
.reg.button:after {
display: inline-block;
margin-right: -24px;
}
.text table {
width: 100%;
border-collapse: collapse;
margin: 18px 0 32px 0;
}
.text table tr {
border-top: 1px solid #ccc;
}
.text table tr:last-child {
border-bottom: 1px solid #ccc;
}
.text table tr td {
padding: 12px 0;
}
@media (max-width: 768px) {
.reg.button {
font-size: 24px;
}
.text table, .text table tbody, .text table tr, .text table td {
display: block;
width: 100%;
}
.text table tr {
padding-bottom: 16px;
}
.text table tr td {
padding: 0;
}
}
/*********************************************************************************************************************************************** BoN */
#main.black {
background: black;
}
#content.bon,
#content.bon p,
#content.bon h1,
#content.bon h2,
#content.bon h3,
#content.bon h4,
#content.bon h5,
#content.bon h6,
#content.bon > .text {
color: white;
}
#content.bon table.people-list td:first-child {
color: white;
}
#content.bon table.people-list {
color: #808080;
border: none;
border-bottom: 1px solid #333 !important;
margin: 0;
}
#content.bon .events .event {
margin: 0;
}
#content.bon .text table tr:last-child {
border: none;
}
.people-list-table {
border-bottom: 1px solid #808080;
}
#content.bon .events .event.people-list-table:first-of-type {
margin-top: 64px;
border-top: 1px solid #808080;
}
#content.bon table.people-list tr {
margin: 0;
}
#content.bon h2 {
font-family: "GT America Regular";
color: #0052ff;
border-bottom: none;
border-top: 1px solid #0052ff;
font-size: 52px;
}
#content.bon strong h3 a:after {
content: ' \2192';
font-feature-settings: "ss03";
}
#content.bon p a,
#content.bon a {
color: #0052ff;
}
#content.bon p a:hover,
#content.bon a:hover {
color: #808080;
}
#content.bon .button {
background: #0052ff;
font-family: "GT America Regular";
font-size: 24px;
color: white;
}
#content.bon .button:hover {
background: #333333;
}
#top-menu li.active a {
opacity: 0.5;
}
#content.bon #page-nav h2 {
color: #585858;
}
#content.bon #page-nav ul li a
{
color: #585858;
font-family: 'GT America Bold', "Helvetica Neue", Helvetica, Arial, sans-serif;
text-decoration: none !important;
}
#content.bon #page-nav ul li a:hover {
color: white;
}
h1.bon {
text-indent:0;
display: block;
width: 100%;
padding: 21.6666666667% 0 0 0 !important;
border: none !important;
position: relative;
}
h1.bon video, h1.bon iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
pointer-events: none;
}
h1.bon .mobile-off {
display: none;
}
@media (max-width: 768px) {
h1.bon {
padding: 65.1982% 0 0 0 !important;
}
h1.bon .mobile-off {
display: block;
}
h1.bon figure:not(.mobile-off) {
display: none;
}
}
/*********************************************************************************************************************************************** Virtual CEUs */
.track {
margin-bottom: 100px;
}
h4.track-info {
color: #808080;
padding: 0.75em 0 1em 0;
}
.virtual-ceus {
margin-bottom: 64px;
}
.virtual-ceus header {
border-top: 2px solid #ff432d;
}
.virtual-ceus .timestamp,
.virtual-ceus .timezones {
color: #808080;
}
.virtual-ceu-description {
margin-top: 32px;
}
.virtual-ceu-col-group {
display: flex;
width: 100%;
flex-direction: row;
justify-content: space-between;
margin-bottom: 32px;
}
.virtual-ceu-col-20 {
width: 20%;
margin: 0 0 0 0;
}
.virtual-ceu-col-20 img {
width: 100%;
}
.virtual-ceu-col-20 {
color: #757575;
}
.virtual-ceu-col-75 {
width: 75%;
}
.virtual-ceu-col-50 {
width: 50%;
}
.speaker-block {
padding-top: 0.75em;
border-top: 1px solid #ccc;
color: #757575;
margin-bottom: 0.75em;
}
.speaker-block-name span {
color: #000;
}
.speaker-img-square {
position: relative;
}
.speaker-img-square::after {
content: "";
display: block;
padding-bottom: 100%;
}
.speaker-img-square img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
/*
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
*/
}
@media (max-width: 768px) {
.virtual-ceu-col-group {
flex-direction: column;
}
.virtual-ceu-col-20,
.virtual-ceu-col-50,
.virtual-ceu-col-75 {
width: 100%;
margin: 0 0 1em 0;
}
.speaker-block-bio {
order: 3;
}
.speaker-block-name {
order: 2;
}
.speaker-block-headshot {
order: 1;
}
.speaker-img-square {
width: 50%;
}
}
/*********************************************************************************************************************************************** Hub callout */
.hub-callout {
background: black;
width: 97vw;
margin: 1.5vw;
border-radius: 0.25vw;
display: flex;
flex-direction: row;
}
.hub-col {
display: block;
width: 50% !important;
padding: 1.5vw;
position: relative;
}
.hub-col.hub-info {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.hub-col.hub-info h3 {
color: #FF432D;
font-size: 36px;
}
.hub-col.hub-info span.enter {
color: #808080;
transition: color 100ms linear;
}
a.hub-callout:hover .hub-col.hub-info span.enter {
color: white;
}
.hub-col.hub-info span.enter:after {
content: '\00a0\2192';
font-feature-settings: "ss03";
transition: padding-left 200ms ease;
}
a.hub-callout:hover .hub-col.hub-info span.enter:after {
padding-left: 5px;
transition: padding-left 200ms ease;
}
.hub-col video {
display: block;
width: 100%;
}
.hub-col .grid-item-video {
position: relative;
height: 0;
overflow: hidden;
width: 100%;
padding-top: 56.25%;
overflow: hidden;
}
.hub-callout iframe {
border-radius: 0px !important;
}
.hub-col:first-child:after {
content:'';
display: block;
width: 2px;
background: #4d4d4d;
top: 1.5vw;
bottom: 1.5vw;
left: 48.5vw;
position: absolute;
z-index: 99;
}
.grid-interim .hub-blurb p {
font-size: 16px !important;
color: #808080 !important;
width: 100%;
}
/*
.grid-interim .hub-blurb {
background: url('/images/2021/neocon-hub.svg') no-repeat bottom right;
background-size: 30% auto;
}
*/
@media (max-width: 1280px) {
.grid-interim .hub-blurb p {
font-size: 14px !important;
width: 55%;
}
}
@media (max-width: 768px) {
.hub-col:first-child:after {
display: none;
}
.hub-callout {
width: 88vw;
margin: 6vw;
border-radius: 1.2vw;
flex-direction: column;
}
.hub-col {
width: 100% !important;
padding: 6vw !important;
}
.hub-col.hub-info {
padding-top: 0 !important;
}
.grid-interim .hub-blurb p {
width: 95%;
margin: 3em 0;
}
.grid-interim .hub-blurb {
background: url('/images/2021/neocon-hub.svg') no-repeat bottom left;
background-size: auto 0.8em;
}
}
/*********************************************************************************************************************************************** BoN Winners */
.responsive-google-slides {
position: relative;
padding-bottom: 65%; /* 16:9 Ratio */
height: 0;
overflow: hidden;
}
.responsive-google-slides iframe {
border: 0;
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.eapps-instagram-feed {
max-height: none !important;
}
.bon input[type="password"] {
color: black;
padding: 12px;
border-radius: 6px;
}
.bon-winners tbody {
position: relative;
}
.bon-winners td {
background:black;
vertical-align: top;
}
.bon-winners td, .bon-winners th {
padding: 8px;
}
.bon-winners tr td:first-child,
.bon-winners tr th:first-child {
padding-left: 0;
}
.bon-winners th {
font-weight: normal;
background: black;
color: #0052ff;
}
.bon-sticky {
position: sticky;
top: 0;
z-index: 10;
}
.bon-winners tr {
border-bottom: 1px solid #808080;
}
.bon-category {
color: #808080;
}
.bon h3 strong a, .bon.bon-winners a{
text-decoration: none;
}
.bon h3 strong a:after {
content: '\00a0\2192';
font-feature-settings: "ss03";
}
@media (max-width: 768px) {
.bon-winners-container {
overflow-x: auto;
}
}
/*********************************************************************************************************************************************** Bon Winners */
.bon-winners-container input {
color: black;
}
.bon-winners-container ul.list {
display: flex;
justify-content: space-between;
list-style: none;
flex-wrap: wrap;
margin: 0;
padding:0;
}
.bon-winners-container .list li {
display: block;
list-style: none;
margin: 0 0 3.5em 0;
padding: 0;
}
.bon-winners-container .list li img {
width: 100%;
height: auto;
display: block;
}
.bon-more-info {
display: flex;
justify-content: space-between;
}
.bon-more-info-col {
width: 48%;
}
.bon-more-info-label {
color: #808080;
}
.bon-more-info-group,
.bon-category-container,
.bon-winners-container .list li img {
margin-bottom: 0.75em;
}
.bon-winner-container {
width: 49.5%;
order: 1;
}
.bon-winner-container {
position: relative;
}
.bon-winner-container button {
position: absolute;
top: 6px;
right: 6px;
font-size: 12px; border: none; color: black; cursor: pointer;
border-radius: 6px;
padding: 10px;
background: #ccc;
}
.bon-winner-container.bestOfCompetition {
width: 100%;
order: 0;
}
.bon-winner-container.bestOfCompetition .bon-more-info {
width: 49.5%;
}
.bon-filter {
list-style: none;
margin: 0;
padding: 0;
background: #222;
border-radius: 5px;
/* padding: 0.75em; */
width: 49.5%;
}
.bon-winners-container .bon-filter {
padding: 0.75em;
}
.bon-filter .additional-content {
padding: 0 0.75em 0.75em 0.75em;
}
.bon-filter li {
display: block;
}
.bon-filter a {
color: #808080;
cursor: pointer;
}
.bon-filter span.bon-filter-heading {
display: block;
color: white;
}
.bon-filter a:hover:not(.selected) {
opacity: 0.75;
}
.bon-filter a.selected {
color: #0052ff;
}
.bon-filter input[type="radio"] {
display: none;
}
.bon-filter input[type="radio"]:checked + label {
color: #0052ff;
opacity: 1 !important;
}
.bon-filter-opt label {
margin: 0;
padding: 0;
}
.bon-filter-group {
display: flex;
justify-content: space-between;
align-items:flex-start;
align-content:flex-start;
}
.bon-winners-container input.bon-winners-search {
border: 1px solid #222;
border-radius: 5px;
padding: 0.5em 1em;
width: 100%;
background: black;
color: white;
margin: 1em 0;
}
.visually-hidden {
display: none !important;
}
.bon-filter .more-info {
margin: 0;
padding: 0.75em;
width: 100%;
color: #808080;
}
.bon-filter label {
transition: opacity 100ms linear;
}
.bon-filter label:hover {
opacity: 0.5;
}
.bon-filter .more-info em {
display: inline-block;
font-style: normal;
font-family: "GT America Regular";
font-feature-settings: "ss03";
transition: transform 700ms ease;
}
.bonFilterToggleArr:checked ~ .more-info {
}
.bonFilterToggleArr:checked ~ .more-info em {
transform: rotate(-180deg) translateY(-2px);
}
figure.bon-winner-img {
cursor: zoom-in;
}
figure.bon-winner-img.active {
position: fixed;
top: 0;
left: 0;
right: 0;
padding: 0 !important;
height: 100vh;
width: 100vw;
cursor: zoom-out;
z-index: 99999;;
background: black;
}
figure.bon-winner-img.active img {
position: absolute;
}
figure.bon-winner-img.active img {
max-width: 95%;
max-height: 95%;
height: auto;
width: auto;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
}
.bonCategory {
color: #0052ff;
}
.bon-sub-category {
color: #808080;
}
.bon-cta {
margin-top: 1em;
}
.bon-button {
padding: 0.3em 0.75em 0.5em 0.75em;
background: #333;
color: #ccc !important;
border-radius: 4px;
transition: color 200ms ease, background 200ms ease;
text-decoration: none !important;
}
.bon-button:after {
content: "\00a0\2193";
margin-left: 4px;
font-feature-settings: "ss03";
display: inline-block !important;
transition: transform 500ms ease;
}
.bon-button.additional-content-open:after {
transform: rotate(-180deg) translateX(-4px) translateY(-3px);
}
.bon-button:hover {
color: black !important;
background: #0052ff;
}
.no-result {
display: none;
}
#content.bon .additional-content p a,
#content.bon .additional-content a {
color: white;
}
@media (max-width: 768px) {
.bon-filter-group {
flex-direction: column;
}
.bon-filter, .bon-winner-container {
width: 100%;
}
.bon-filter:first-child {
margin-bottom: 1em;
}
}
/*********************************************************************************************************************************************** Homepage 2021 */
.hero-21 .grid-row.orange a {
color: black;
font-family: "GT America Bold";
transition: opacity 200ms ease;
}
.hero-21 .grid-row.orange a:hover {
opacity: 0.5;
}
.hero-21 .grid-row.orange.hero-22-info {
/* transform: translateY(-100%); */
background: none;
/* z-index: 1; */
}
.hero-2021-inner {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.hero-2021-outer {
display: flex;
}
/* header#header {
overflow: hidden;
} */
.grid-blocks .grid-item p {
max-width: 500px;
}
@media (max-width: 768px) {
section.grid.grid-2020.hero-21 .grid-item.mobile-100 .grid-item-inner {
padding-top: 0;
padding-bottom: 0;
margin-top: 0;
margin-bottom: 0;
}
.hero-2021-inner {
position: static;
height: auto;
width: auto;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.hero-2021-outer video.desktop,
figure.campaign-2022-video.desktop {
display: none;
}
.hero-2021-outer video.mobile,
figure.campaign-2022-video.mobile {
display: block;
}
.hero-2021-outer video,
figure.campaign-2022-video.mobile {
top: -1px;
}
.hero-2021-outer {
display: block;
height: auto;
padding-top: 41.4856341976%;
margin: 6vw 0 0 0;
background: white;
}
.hero-21 .grid-100.campaign-video {
padding: 0 6vw;
}
.hero-22-info .grid-item:first-of-type {
margin-bottom: 1rem;
}
.hero-22-info {
padding-bottom: 6vw;
}
.interim-header .grid-item p {
max-width: 95%;
}
.hero-2021-inner {
justify-content: flex-start;
}
}
/*********************************************************************************************************************************************** Add video homepage sliders */
.slide-img .img-link.video {
display: block;
position: relative;
padding-top: 66.6666666667%;
background: black;
width: 100%;
}
.slide-img .img-link.video iframe {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 1;
}
/*********************************************************************************************************************************************** Add NeoConTV section */
.neocontv.grid-blocks .grid-item:nth-child(1) {
width: 23vw;
}
.neocontv.grid-blocks .grid-item:nth-child(2) {
width: 72vw;
}
.neocontv.grid-blocks .slide-img img {
width: 24vw;
}
.neocontv.grid-blocks .carousel-fade .carousel-inner {
background: none;
}
/*
.neocontv.grid-blocks .carousel-item {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
}
*/
.neocontv.grid-blocks .slide-caption, .neocontv.grid-blocks .grid-item p {
padding: 0;
margin: 0;
}
.neocontv.grid-blocks .slide-caption {
margin-left: 1.5vw;
float: left;
}
.neocontv.grid-blocks .slide-img {
float: left;
}
.neocontv.grid-blocks .slide-caption h4,
.neocontv.grid-blocks .slide-caption a {
font-family: "GT America Bold" !important;
}
.neocontv.grid-blocks .slide-caption a {
color: #808080;
}
.neocontv.grid-blocks {
background: white;
overflow-x: hidden;
}
.neocontv .carousel-home .carousel-controls {
position: absolute;
bottom: 0;
left: 25.5vw;
}
.neocontv .carousel-home .carousel-controls .prev:hover,
.neocontv .carousel-home .carousel-controls .pause:hover,
.neocontv .carousel-home .carousel-controls .next:hover {
color: #ccc;
}
@media (max-width: 768px) {
.neocontv.grid-blocks .grid-item:nth-child(1),
.neocontv.grid-blocks .grid-item:nth-child(2) {
width: 100%;
}
.neocontv.grid-blocks .grid-item:nth-child(2) {
padding-top: 0;
}
.neocontv.grid-blocks .slide-img {
float: none;
width: 40%;
}
.neocontv.grid-blocks .slide-img img {
width: 90%;
}
.neocontv.grid-blocks .slide-caption {
float: none;
width: 100%;
margin-left: 0;
padding-left: 0;
padding-bottom: 1em;
}
}
/*********************************************************************************************************************************************** Add NeoConTV section */
.logoModal {
position: fixed;
z-index: 10000; /* 1 */
top: 0;
left: 0;
visibility: hidden;
width: 100%;
height: 100%;
}
.logoModal.is-visible {
visibility: visible;
}
.logoModalWrapper {
position: relative;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 600px;
background: #EAEAEA;
z-index: 9999;
box-shadow: 0 18px 18px rgba(0,0,0,0.2);
padding: 24px;
text-align: left;
}
@media (max-width: 768px) {
.logoModalWrapper {
width: 80vw;
}
}
#main .logoModalWrapper h3 {
margin-top: 0;
}
.logoModalWrapper h3 a {
color: #FF432D;
text-decoration: none;
}
.logoModalWrapper h3 a:after {
content: ' \2192';
}
.logoModalWrapper h3 a:hover:after {
padding-left: 5px;
transition: padding-left 200ms ease;
}
.modal-overlay {
position: fixed;
z-index: 10;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: hsla(0, 0%, 0%, 0.5);
visibility: hidden;
opacity: 0;
transition: visibility 0s linear 0.3s, opacity 0.3s;
}
.logoModal.is-visible .modal-overlay {
opacity: 1;
visibility: visible;
transition-delay: 0s;
}
.modal-transition {
transition: all 0.3s 0.12s;
margin-top: -20px;
opacity: 0;
}
.logoModal.is-visible .modal-transition {
margin-top: 0;
opacity: 1;
}
.modal-close {
height: 1em;
position: absolute;
top: 12px;
right: 12px;
background: none;
border: 0px solid transparent;
line-height: 0.85em;
font-size: 2em;
}
.modal-close:after {
color: #999;
content: "\00d7";
transition: opacity 200ms ease;
}
.modal-close:hover {
opacity: 0.5;
}
/*********************************************************************************************************************************************** Update Keynotes */
.keynote-description a.more-info, .eventListingDescription a.more-info {
/* color: #000; */
color: #585858;
font-family: 'GT America Bold', "Helvetica Neue", Helvetica, Arial, sans-serif;
text-decoration: none !important;
}
.keynote-description a.more-info:hover,
.eventListingDescription a.more-info:hover {
color: #777;
text-decoration: none;
}
.keynote-description .more-info:after,
.eventListingDescription a.more-info:after {
content: " \2193";
margin-left: 4px;
font-feature-settings: "ss03";
display: inline-block !important;
transition: transform 200ms ease;
}
.keynote-description .more-info.additional-content-open:after,
.eventListingDescription .more-info.additional-content-open:after {
transform: rotate(180deg) translateY(-3px);
}
#content .event.keynote h2 {
margin-top: 0;
}
#content h2.keynoteHeading {
margin: 0;
border-bottom: none;
}
.event.keynote .text p:last-child {
margin-bottom: 25px;
}
/*
@media (min-width: 1024px) and (max-width: 1600px) {
#content #page-nav h2 {
padding-bottom: 0.3em;
}
#page-nav ul li a {
padding-bottom: 0.3em;
border-bottom: 1px solid #ccc;
display: inline-block;
margin-bottom: 0.3em;
}
}
*/
/*********************************************************************************************************************************************** Update sticky sidebar */
#page-nav {
position: sticky;
top: 0;
}
@media (min-width: 1300px) {
#page-nav {
top: 2em;
height: 0;
width: 300px;
overflow-y: visible;
}
}
@media (max-width: 1300px) {
#page-nav.pagenav--not-top {
width: 100vw;
position: fixed;
left: 0;
/* margin-left: -20px; */
border-radius: 0px;
z-index: 1;
}
}
/*********************************************************************************************************************************************** Add video to homepage */
.grid-item-video {
position: relative;
height: 0;
overflow: hidden;
width: 100%;
padding-top: 56.25%;
overflow: hidden;
}
.grid-item-video iframe,
.grid-item-video .carousel-home {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 1;
border-radius: 8px;
}
.grid-item-video .carousel-home {
overflow: hidden;
}
.grid-video-container {
width: 73vw;
width: 57.9886vw;
margin: 1.5vw;
}
.grid-video-text {
border-radius: 8px;
width: 48.5vw;
/* background: white; */
color: white;
position: absolute;
bottom: 1.5vw;
left: 50vw;
z-index: 1;
}
.grid-video-text-inner.grid-item {
width: 100%;
}
.grid-video-text-inner.grid-item p,
.grid-video-text-inner.grid-item a {
max-width: 82%;
font-size: 36px !important;
/* text-shadow: 0px 1px 14px rgba(0, 0, 0, 1); */
/* padding-left: 6px; */
/* -webkit-text-stroke-color: black;
-webkit-text-stroke-width: thin; */
display: inline;
}
.grid-video-text-inner.grid-item p {
display: block;
color: #FFFFFF;
position: relative;
}
.grid-video-text-inner.grid-item p:after {
content: '';
position: absolute;
top: -60px;
left: -60px;
width: 100%;
height: 100%;
background: rgba(0,0,0,.7);
border-top: 100px solid black;
border-left: 100px solid black;
box-sizing: content-box;
z-index: -1;
filter: blur(60px);
}
.nc21-video .grid-row {
overflow: hidden;
}
.grid-video-text-inner.grid-item a {
color: #FF422D;
font-family: 'GT America Regular';
font-weight: normal;
}
.grid-video-text-inner.grid-item a:hover {
color: white;
}
.grid-interim.nc21-video .grid-row {
padding-bottom: 6vw;
}
.grid-interim.nc21-video .grid-row:nth-child(1) {
background: black;
flex-direction: row;
}
@media (max-width: 1280px) {
.grid-video-text-inner.grid-item p,
.grid-video-text-inner.grid-item a {
font-size: 24px !important;
}
}
@media (max-width: 768px) {
.grid-video-text-inner.grid-item p,
.grid-video-text-inner.grid-item a {
font-size: 16px !important;
max-width: 90%;
}
.grid-interim.nc21-video .grid-row:nth-child(1) {
flex-direction: column !important;
}
.grid-video-container {
position: static;
width: 88vw;
margin: 6vw 6vw 0 6vw;
}
.grid-item-video iframe {
border-radius: 8px;
}
.grid-video-text {
position: static;
width: 88vw;
top: auto;
left: auto;
right: auto;
bottom: auto;
margin: -2px 6vw 6vw 6vw;
border-radius: 8px;
}
.grid-video-text-inner.grid-item {
padding: 1rem 0 0 0;
}
.grid-interim.nc21-video .grid-row {
padding: 0 0 0 0;
}
}
/*********************************************************************************************************************************************** Two Column layout */
.event.twoColumn {
display: flex;
flex-direction: row;
padding: 21px 0;
}
.event.twoColumn .twoColumnCol {
width: 50%;
}
.event.twoColumn .twoColumnCol > :first-child {
margin-top: 0 !important;
padding-top: 0 !important;
}
.event.twoColumn .twoColumnCol img,
.event.twoColumn .twoColumnCol figure {
width: 100%;
height: auto;
}
.event.twoColumn .twoColumnCol figure {
padding: 1em 0;
}
.event.twoColumn .twoColumnCol:first-of-type {
padding-right: 2em;
}
.event.twoColumn .twoColumnCol:last-of-type {
padding-left: 2em;
}
@media (max-width: 768px) {
.event.twoColumn {
flex-direction: column;
}
.event.twoColumn .twoColumnCol {
width: 100%;
padding: 0 !important;
}
}
/*********************************************************************************************************************************************** Keynotes/NeoConnect update */
.events .description .holder.keynote-no-headshot {
width: 100% !important;
border-left: none;
display: flex;
flex-direction: row;
}
#content .event.keynote .holder.keynote-no-headshot .text {
margin-left: 0;
width: 75%;
}
.events .description .holder.keynote-no-headshot .summary {
-webkit-columns: 1;
-moz-columns: 1;
columns: 1;
width: 25%;
border-right: 2px solid #FF422D;
}
.events .description .holder.keynote-no-headshot .summary li {
padding: 0 0 1em 0;
}
@media (max-width: 768px) {
.events .description .holder.keynote-no-headshot {
flex-direction: column;
}
#content .event.keynote .holder.keynote-no-headshot .text,
.events .description .holder.keynote-no-headshot .summary {
width: 100%;
padding-left: 0;
border: 0;
}
}
/*********************************************************************************************************************************************** Exhibitor List */
#exhibitor-list {
margin: 2em 0 8em 0;
}
#exhibitor-list ul {
margin: 0 0;
padding: 0;
}
#exhibitor-list ul,
#exhibitor-list li {
list-style: none;
}
#exhibitor-list li {
padding: 16px 0 0 0;
margin: 0;
border-bottom: 1px solid #ccc;
display: block;
}
#exhibitor-list li:first-child {}
.exh-list-header {
padding-bottom: 16px;
}
#exhibitor-list input,
#exhibitor-list button {
border: 0;
outline: none;
background: none;
box-shadow: none;
border-radius: 0px;
display: inline-block;
}
.exh-list-header {
font-size: 27px;
cursor: pointer;
}
.exh-list-header h3 {
margin: 0!important;
padding: 0 !important;
transition: color 200ms ease;
}
.exh-list-header:hover h3,
.exh-list-header.ui-accordion-header-active h3 {
color: #FF422D;
}
.exh-list-body {
padding-bottom: 16px;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.exh-list-body > div {
width: 49%;
}
.exh-list-body-img img {
width: 100%;
height: auto;
}
.exh-list-body-button {
background: #FF432D;
text-decoration: none !important;
height: 2.2em;
line-height: 2.1em;
padding: 0 1em;
border-radius: 1.1em;
display: inline-block;
color: black;
background: #f2f2f2;
margin: 0 0.25em 0.5em 0;
}
.exh-list-body-button:hover {
color: white;
background: black;
background: #FF432D;
}
.exh-list-body-button:after {
content: ' \2192';
transition: padding-left 200ms ease;
}
.exh-list-body-button:hover:after {
padding-left: 5px;
transition: padding-left 200ms ease;
}
.exh-list-body-meta {
display: flex;
flex-direction: column;
}
.exh-list-body-meta-row {
position: relative;
display: inline-block;
width: 100%;
}
.exh-list-meta-data {
position: absolute;
left: 9em;
top: 0;
}
.exh-list-body-meta-row:not(:last-child) {
padding-bottom: 0.5em;
}
.exh-list-meta-label {
color: #757575;
}
.exh-list-body-desc {
margin: 1em 0;
}
.exh-list-body-desc p {
max-width: 90%;
}
@media (max-width: 768px) {
#exhibitor-list input {
width: 100%;
}
.exh-list-body {
flex-direction: column;
justify-content: flex-start;
}
.exh-list-body > div {
width: 100%;
}
.exh-list-meta-data {
left: 7em;
}
.exh-list-body-meta {
padding: 1em 0 0 0;
}
}
/*********************************************************************************************************************************************** Slideshow innerpage */
.slideshow-innerpage {
margin: 60px 0;
padding: 0;
}
/*********************************************************************************************************************************************** Exhibitor List */
#exhibitor-list {
margin: 2em 0 8em 0;
}
#exhibitor-list ul {
margin: 0 0;
padding: 0;
}
#exhibitor-list ul,
#exhibitor-list li {
list-style: none;
}
#exhibitor-list li {
padding: 16px 0 0 0;
margin: 0;
border-bottom: 1px solid #ccc;
}
#exhibitor-list li:first-child {}
.exh-list-header {
padding-bottom: 16px;
}
#exhibitor-list input,
#exhibitor-list button {
border: 0;
outline: none;
background: none;
box-shadow: none;
border-radius: 0px;
display: inline-block;
}
.exh-list-header {
font-size: 27px;
cursor: pointer;
}
.exh-list-header h3 {
margin: 0!important;
padding: 0 !important;
transition: color 200ms ease;
}
.exh-list-header:hover h3,
.exh-list-header.ui-accordion-header-active h3 {
color: #FF422D;
}
.exh-list-body {
padding-bottom: 16px;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.exh-list-body > div {
width: 49%;
}
.exh-list-body-img img {
width: 100%;
height: auto;
}
.exh-list-body-button {
background: #FF432D;
height: 2.2em;
line-height: 2.1em;
padding: 0 1em;
border-radius: 1.1em;
display: inline-block;
color: black;
background: #f2f2f2;
margin-right: .25em;
}
.exh-list-body-button:hover {
color: white;
background: black;
background: #FF432D;
}
.exh-list-body-button:after {
content: ' \2192';
transition: padding-left 200ms ease;
}
.exh-list-body-button:hover:after {
padding-left: 5px;
transition: padding-left 200ms ease;
}
.exh-list-body-meta {
display: flex;
flex-direction: column;
}
.exh-list-body-meta-row {
position: relative;
display: inline-block;
width: 100%;
}
.exh-list-meta-data {
position: absolute;
left: 9em;
top: 0;
}
.exh-list-body-meta-row:not(:last-child) {
padding-bottom: 0.5em;
}
.exh-list-body-desc {
margin: 1em 0;
}
#exhibitor-list .exh-list-az-nav-container {
position: sticky;
top: 0;
height: 0;
overflow-y: visible;
transform: translateX(-3em) translateY(20px);
width: 2em;
display: none;
}
#exhibitor-list ul.exh-list-az-nav {
text-align: center;
/* background: #f2f2f2; */
font-size: 14px;
padding: 0.5em 0;
border-radius: 1em;
}
#exhibitor-list ul.exh-list-az-nav a {
color: #757575;
}
#exhibitor-list ul.exh-list-az-nav a:hover {
color: black;
}
#exhibitor-list .exh-list-az-nav li {
display: block;
padding: .3em 0;
margin: 0;
border: none;
width: auto;
}
@media (max-width: 768px) {
#exhibitor-list input {
width: 100%;
}
.exh-list-body {
flex-direction: column-reverse;
justify-content: flex-start;
}
.exh-list-body > div {
width: 100%;
}
.exh-list-meta-data {
left: 7em;
}
.exh-list-body-meta {
padding: 1em 0 0 0;
}
}
/*********************************************************************************************************************************************** Exhibitor Listing */
.exhibitor-listing-name {
font-family: "GT America Regular";
font-weight: normal;
}
#content.exhibitor-listing > h1 {
margin-bottom: 48px;
}
.exh-listing-hero-img {
width: 100%;
margin: 0 0 0 0;
padding: 0;
}
.exh-listing-hero-img img {
display: block;
width: 100%;
height: auto;
}
.exh-listing-meta {
margin: 1em 0;
position: relative;
}
.exh-listing-meta .exh-list-body-meta-row {
border-bottom: 1px solid #ccc;
padding: .75em 0;
}
.exh-listing-meta:before,
.exh-listing-meta:after {
content: '';
position: absolute;
top: 0;
left: 0;
height: 1px;
border-top: 1px solid #ccc;
width: 48%;
}
.exh-listing-meta:after {
left: auto;
right: 0;
}
.exh-listing-meta .exh-list-meta-data {
position: absolute;
left: 9em;
top: .75em;
}
.exh-listing-meta {
column-count: 2;
column-gap: 4%;
}
.exh-listing-meta.location-only {
column-count: 1;
column-gap: 0%;
border-top: 1px solid #ccc;
}
.exh-listing-meta.location-only:after,
.exh-listing-meta.location-only:before {
display: none;
}
.exh-listing-descr {
margin-bottom: 48px;
font-size: 27px;
margin: 1em 0;
}
.exh-listing-descr p {
margin-bottom: 1em;
}
.exh-listing-productInfo {
display: flex;
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
}
.exh-listing-productInfo > dl {
width: 48%;
margin: 0 0 2em 0;
padding: 0;
list-style: none;
}
.exh-listing-productInfo > dl dt, .exhibitor-map-header h5, .exh-listing-events h5 {
color: #808080;
font-weight: normal;
border-bottom: 1px solid #ccc;
padding-bottom: .5em;
margin-bottom: .5em;
font-weight: normal;
font-family: "GT America Regular";
}
.exh-listing-productInfo > dl dd {
margin-bottom: .3em;
}
.exhibitor-listing-back {
display: inline-block;
font-size: 27px;
margin-top: 4em;
}
.exhibitor-listing-back:before {
content: '\2190 ';
padding-right: .1em;
display: inline-block;
transition: transform 200ms ease;
}
.exhibitor-listing-back:hover:before {
transform: translateX(-5px);
transition: transform 200ms ease;
}
#exhibitor-list .bon-filter input[type="radio"] {
display: none;
}
#exhibitor-list .bon-filter {
background: #f2f2f2;
min-height: 2.75em;
width: 49%;
align-self: flex-start;
}
#exhibitor-list .bon-filter input[type="radio"]:checked + label {
color: black;
}
#exhibitor-list .bon-filter label {
color: #535353 !important;
cursor: pointer;
width: 100%;
display: block;
}
#exhibitor-list .bon-filter label:hover {
color: #6f6f6f !important;
}
.exh-list-search-options-row {
display: flex;
flex-direction: row;
width: 100%;
justify-content: space-between;
margin-bottom: 1em;
gap: 15px;
}
#exhibitor-list input.exh-list-search {
border: 1px solid #ccc;
border-radius: 5px;
padding: 0.5em 1em;
height: 2.75em;
width: 100%;
background: white;
color: black;
margin: 0;
align-self: start;
}
.exhibitor-listing .show-more {
color: #757575 !important;
transition: color 200ms ease;
}
.exhibitor-listing .show-more:hover {
color: black !important;
}
.exhibitor-listing .show-more em {
display: inline-block;
font-style: normal;
font-family: "GT America Regular";
font-feature-settings: "ss03";
transition: transform 700ms ease;
}
.exhibitor-listing .show-more.active em {
transform: rotate(-180deg) translateY(-2px);
}
.floorplan-btn.btn {
margin: 42px 0 !important;
}
.exhibitor-map-header h5 {
margin-top: 2em;
}
.exhibitor-map {
position: relative;
overflow: hidden;
width: 100%;
padding-top: 56.25%;
margin: 32px 0;
}
.exhibitor-map iframe {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
border: none;
}
select.floorplan-switch.floorplan-switch {
/* Reset select.floorplan-switch */
appearance: none;
outline: 0;
border: 0;
box-shadow: none;
/* Personalize */
flex: 1;
padding: 0 1em;
color: black;
background-color: #F3F3F3;
background-image: none;
cursor: pointer;
}
/* Remove IE arrow */
select.floorplan-switch::-ms-expand {
display: none;
}
/* Custom select.floorplan-switch wrapper */
.select-floorplan-switch {
position: relative;
display: flex;
width: 20em;
height: 3em;
border-radius: .25em;
overflow: hidden;
}
/* Arrow */
.select-floorplan-switch::after {
content: '\25BC';
position: absolute;
top: 0;
right: 0;
padding: 1em;
background-color: #C7C7C7;
transition: 200ms all ease;
pointer-events: none;
}
/* Transition */
.select-floorplan-switch:hover::after {
color: #999;
}
@media (max-width: 768px) {
.exhibitor-map {
padding-top: 100%;
}
.exh-listing-meta {
column-count: 1;
column-gap: 0;
}
.exhibitor-listing-back,
.exh-listing-descr p {
font-size: 24px;
}
.exh-listing-productInfo {
flex-direction: column;
justify-content: flex-start;
}
.exh-listing-productInfo > dl {
width: 100%;
}
.exh-list-search-options,
.exh-list-search-options-row {
flex-direction: column;
justify-content: flex-start;
}
#exhibitor-list input.exh-list-search {
/* margin-bottom: 0.75em; */
}
#exhibitor-list input.exh-list-search,
#exhibitor-list .bon-filter {
width: 100%;
}
.exh-listing-meta:before,
.exh-listing-meta:after {
content: '';
position: absolute;
top: 0;
left: 0;
height: 1px;
border-top: 1px solid #ccc;
width: 100%;
}
.exh-listing-meta:after {
display: none;
}
}
.exh-listing-social {
display: flex;
flex-direction: row;
align-items: center;
}
.exhibitor-profile-logo {
max-width: 125px;
max-height: 125px;
margin-right: 1.5em;
}
@media (max-width: 768px) {
.exh-listing-social {
flex-direction: column;
align-items: flex-start;
}
}
.exh-listing-event-listing p {
margin: 0;
max-width: 400px;
}
.exh-listing-events {
margin-bottom: 2em;
}
.exh-listing-event-listing {
display: flex;
flex-direction: column;
justify-content: space-between;
row-gap: 0.5em;
margin: 1em 0 1.5em 0;
}
.exh-listing-event-listing time {
color: #757575;
}
.exh-listing-event-listing:last-of-type {
margin-bottom: 0;
}
/*********************************************************************************************************************************************** Exhibitor Listing Image Gallery */
.image-gallery-wrapper {
display: -ms-grid;
display: grid;
-ms-grid-columns: (minmax(300px, 1fr))[auto-fit];
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
grid-gap: 1rem;
}
.image-gallery-wrapper .img-cont {
overflow: hidden;
aspect-ratio: 1;
}
.image-gallery-wrapper .img-cont img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transition: opacity 0.3s ease;
cursor: pointer;
}
.image-gallery-wrapper .img-cont img:hover {
opacity: 0.75;
}
.full-image-container {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background: rgba(0, 0, 0, 0.9);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: space-evenly;
align-items: center;
flex-direction: column;
padding: 0rem 1rem;
opacity: 0;
pointer-events: none;
z-index: 99999;
}
.full-image-container .full-image {
max-height: 80vh;
max-width: 80vw;
/*
width: 600px;
max-width: 100%;
min-height: 50vh;
-o-object-fit: cover;
object-fit: cover;
*/
}
.full-image-container .image-title {
color: #ffffff;
margin: 0;
padding: 0;
}
.full-image-container .image-title:empty {
display: none;
}
.full-image-container.open {
opacity: 1;
pointer-events: all;
}
/*********************************************************************************************************************************************** CEUs filter */
.ceus-filter {
display: flex;
flex-direction: row;
justify-content: space-between;
margin-bottom: 48px;
}
.ceus-filter > div {
width: 48%;
/* border-top: 1px solid #cccccc; */
width: 100%;
}
.ceus-filter-heading {
display: block;
padding: 0.5em 0 1em 0;
color: #757575;
}
.ceus-filter a:hover:not(.selected) {
opacity: 0.75;
}
.ceus-filter a.selected {
color: black;
}
.ceus-filter input[type="radio"] {
display: none;
}
.ceu-filter-opt {
display: inline-block;
}
.ceus-filter label, .ceuTopic-tag {
padding: 0.5em 1em;
display: inline-block;
background: #f2f2f2;
color: #535353;
cursor: pointer;
border-radius: 500px;
-webkit-user-select: none; /* Safari */
-ms-user-select: none; /* IE 10 and IE 11 */
user-select: none; /* Standard syntax */
transition: 200ms color ease, 200ms background ease;
}
.meta-ceu-topics {
padding: 0.75em 0 0 0;
}
.virtual-ceu-col-100 p {
max-width: 90%;
}
#ceu-list .grid-item-event {
margin-bottom: 2em;
}
.ui-accordion-header * a {
color: #000;
font-family: 'GT America';
font-weight: 700;
text-decoration: none !important;
}
.ceus-filter label:hover {
background: #E3E3E3;
color: #666;
}
.ceus-filter input[type="radio"]:checked + label {
color: white;
background: #666666;
}
.virtual-ceus .no-result {
padding: 1em 0;
}
.virtual-ceus {
margin-bottom: 128px;
}
.tag-id-New {
display: none;
}
.tag-id-New:first-of-type {
display: block;
}
.virtual-programs .button {
color: #808080;
background: #E9E9E9;
font-family: 'GT America Regular', "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 21px;
text-decoration: none !important;
}
.virtual-programs .button:hover {
color: white;
background: #FF422D;
}
/* slider mobile controls */
@media (max-width: 1023px) {
.carousel-home .carousel-controls .prev, .carousel-home .carousel-controls .prev:hover, .carousel-home .carousel-controls .next, .carousel-home .carousel-controls .next:hover {
top: 1.5vw;
}
}
@media (max-width: 767px) {
.carousel-home .carousel-controls .play, .carousel-home .carousel-controls .play:hover, .carousel-home .carousel-controls .pause-img,.carousel-home .carousel-controls .pause-img:hover {
top: 47vw;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.carousel-home .carousel-controls .play, .carousel-home .carousel-controls .pause-img {
top: 25vw;
}
}
/*********************************************************************************************************************************************** Nav update */
@media (min-width: 1024px) {
li.exhibitor-nav {
padding-right: 0.25rem;
padding-top: 0.75rem;
position: relative;
}
li.exhibitor-nav ~ li.exhibitor-nav {
padding: 0.25rem 1.5rem 0.25rem 0.55rem;
position: static;
}
li.exhibitor-nav:after {
content: '';
display: block;
position: absolute;
height: 1px;
background: #333;
left: 0.5rem;
right: 0.5rem;
top: 0.25rem;
}
li.exhibitor-nav ~ li.exhibitor-nav:after {
content: none;
}
}
@media (max-width: 1024px) {
li.exhibitor-nav a {
font-family: "GT America Regular Italic";
}
li.exhibitor-nav a:before {
font-family: "GT America Regular";
}
}
/*********************************************************************************************************************************************** Homepage 2024 */
.hero-2024 {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 44.93055556%;
position: relative;
margin-top: 0;
background: #FF422D;
}
figure.campaign-2024-video iframe.desktop {
display: block;
}
figure.campaign-2024-video iframe.mobile {
display: none;
}
.hero-2024 .grid-row {
position: absolute;
bottom: 0;
left: 0;
z-index: 2;
background: none !important;
}
.hero-23-text .grid-50 p,
.hero-23-text .grid-25 p,
.hero-23-text .grid-25 a {
color: black;
}
.hero-23-text .grid-50 a {
color: white;
}
.grid-interim.hero-2024 .grid-item-inner p a {
color: white;
}
.grid-interim.hero-2024 .grid-item-inner p a:hover {
color: black;
}
.grid-interim.hero-2024 .grid-25:after,
.grid-interim.hero-2024 .grid-50:after {
background: black;
}
.hero-2024-outer figure.campaign-2024-video {
display: block;
width: 100%;
height: auto;
position: absolute;
top: 0;
left: 0;
padding: 0 1.5vw;
overflow: hidden;
padding-top: 44.93055556%;
}
figure.campaign-2024-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*
@media (min-aspect-ratio: 16/9) {
height: 56.25vw
}
@media (max-aspect-ratio: 16/9) {
width: 177.78vh
}
*/
/*
@media (max-width: 1024px) {
.hero-2024 {
position: relative;
height: auto;
overflow: visible;
padding-top: 0;
margin-top: 0;
}
.hero-2024-outer figure.campaign-2024-video {
position: relative;
}
.hero-2024 .grid-row {
position: relative;
background: #F0F0F0 !important;
}
.hero-23-text .grid-50 p,
.hero-23-text .grid-25 p,
.hero-23-text .grid-25 a {
color: black;
}
.hero-23-text .grid-50 a {
color: #FF422D;
}
.hero-23-text a {
color: #FF422D !important;
}
.hero-23-text a:hover {
color: black !important;
}
.grid-interim.hero-2024 .grid-25:after {
background: #FF422D;
}
.grid-interim.hero-2024 .grid-item-inner p a:hover {
color: #FF422D;
}
}
*/
@media (max-width: 1024px) {
.hero-2024, .hero-2024-outer figure.campaign-2024-video {
padding-top: 55%;
}
}
@media (max-width: 768px) {
.hero-2024, .hero-2024-outer figure.campaign-2024-video {
padding-top: 100%;
}
.grid-interim.hero-23-text .grid-item.grid-25 {
margin-bottom: 6vw !important;
}
.campaign-2024-video iframe.desktop {
display: none;
}
.campaign-2024-video iframe.mobile {
display: block;
}
.hero-23-text .grid-50 p,
.hero-23-text .grid-50 a {
max-width: 100%;
font-size: 16px !important;
}
.grid-interim.hero-23-text .grid-row {
display: flex;
flex-direction: row !important;
flex-wrap: wrap;
}
.grid-interim.hero-23-text .grid-25:last-child {
border-left: 2px solid #FF422D;
}
.hero-23-text .grid-50 p,
.hero-23-text .grid-50 p a,
.hero-23-text .grid-25 p,
.hero-23-text .grid-25 p a {
font-size: 16px !important;
}
/*
.grid-interim.hero-23-text .grid-item.grid-25 {
width: 50%;
}
*/
.grid-interim.hero-2024 .grid-item-inner p a:hover {
color: #808080;
}
.grid-interim.hero-2024 .grid-row {
margin-bottom: 0;
padding-bottom: 0;
}
.grid-interim.hero-2024 .grid-item.grid-50:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
.grid-interim.hero-23-text .grid-item {
width: 100%;
}
.hero-23-text .grid-50 p {
max-width: 90%;
}
}
/*********************************************************************************************************************************************** Program Review Board */
.program-review-board a {
color: #585858;
text-decoration: underline;
text-decoration-color: #585858;
}
.program-review-board a:hover {
color: black;
}
.program-review-board tr {
border-bottom: 1px solid #ccc;
}
.program-review-board td,
.program-review-board th {
vertical-align: top;
padding: 8px;
}
.program-review-board table tr:first-child {
border-top: 1px solid #ccc;
}
.program-review-board th {
font-family: "GT America Medium";
font-weight: normal;
}
.program-review-board tr td:first-child,
.program-review-board tr th:first-child {
padding-left: 0px;
}
.program-review-board tr td:last-child,
.program-review-board tr th:last-child {
padding-right: 0px;
}
.row-fullName {
width: 20%;
}
.row-titleCompany {
width: 20%;
}
.row-professionalAffiliations {
width: 15%;
}
.row-ceuTracks {
width: 10%;
}
.row-phone {
width: 15%;
}
.row-email {
width: 10%;
}
@media (max-width: 768px) {
.program-review-board th {
display: none;
}
.program-review-board td {
display: block;
width: 100%;
padding: 0;
}
.program-review-board td.row-fullName {
font-family: "GT America Medium";
font-weight: normal;
}
.program-review-board td.row-titleCompany,
.program-review-board td.row-professionalAffiliations,
.program-review-board td.row-ceuTracks,
.program-review-board td.row-phone {
/* padding-bottom: 1em; */
}
.row-professionalAffiliations:before {
content: 'Professional Associations';
display: block;
color: #585858;
}
.row-ceuTracks:before {
content: 'CEU Tracks';
display: block;
color: #585858;
}
td:before, .program-review-board td.row-email {
padding-top: 1em;
}
.row-phone:before {
content: 'Phone';
display: block;
color: #585858;
}
td:empty {
display: none;
}
td:empty:before {
content: '';
}
.program-review-board tr {
display: block;
border-top: 1px solid #ccc;
padding: 8px 0 20px 0;
border-bottom: none;
}
.program-review-board tr:first-child {
display: none;
}
}
img.neocon-talks-sponsor-logo-block {
width: 100%;
height: auto;
border-top: 2px solid #FF432D;
border-bottom: 2px solid #FF432D;
margin-bottom: 80px;
}
/*********************************************************************************************************************************************** Keynote updates */
.events .event.keynote .description {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.keynote-sponsors {
display: flex;
flex-direction: row;
}
.keynote-sponsor-block li img {
margin-top: 6px;
}
.keynote-sponsors {
border-top: 1px solid #D2D2D2;
margin: 28px 0 0 0;
padding-top: 12px;
}
.event .image-holder {
margin: 0;
}
.event.keynote {
border-top: 2px solid #FF432D;
}
#content .event.keynote h2 {
color: black;
border-top: none;
}
.presentationTitle, .presentationType {
color: black;
}
.keynote-meta {
font-size: 13px;
text-transform: uppercase;
letter-spacing: 0.5px;
color: black;
}
.keynote-header {
text-indent: none;
padding: 0;
margin: 12px 0 0 0;
list-style: none;
}
.keynote-header li {
display: inline-block;
}
.keynote-header-location:before {
content: '•';
}
.keynote-additional-speakers {
display: flex;
flex-direction: row;
}
.keynote-additional-speakers-col {
max-width: 50%;
}
.keynote-additional-speakers-col ul,
.keynote-additional-speakers-col li,
.keynote-additional-speakers-col li p {
list-style: none;
padding: 0;
margin: 0;
max-width: 90%;
}
.event.keynote .text .keynote-additional-speakers-col li p:last-child {
margin: 0;
}
.event .text .keynote-additional-speakers-col ul {
margin-top: 12px;
}
.keynote-additional-speakers-col ul {
margin-bottom: 18px;
}
.keynote-additional-speakers-col li {
margin-bottom: 8px !important;
}
.keynote-additional-speakers-col strong {
color: #FF422D;
}
.event.keynote .image-holder {
padding-right: 24px;
}
.event.keynote .image-col {
width: 45%;
}
.keynote-register-btn {
width: 100%;
background: black;
display: flex;
padding: 1rem 0;
color: white !important;
font-family: "GT America";
font-weight: 700;
text-decoration: none !important;
justify-content: center;
align-items: center;
cursor: pointer;
}
.keynote-register-btn:hover {
background: #585858;
}
.keynote-register-area {
margin-top: 1rem;
}
@media (max-width: 768px) {
.keynote-meta {
font-size: 12px;
}
.events .event.keynote .description {
flex-direction: column;
}
.keynote-sponsors {
margin-top: 12px;
}
.event.keynote {
margin-bottom: 48px;
}
}
@media (max-width: 576px) {
.keynote-header li.keynote-header-date {
display: block;
}
.keynote-header li.keynote-header-location {
margin-top: 1em;
display: block;
}
.keynote-header-location:before {
content: '—';
position: absolute;
top: 1em;
left: 0;
}
/*
.keynote-additional-speakers {
flex-direction: column;
}
*/
}
#content.bon > .text p strong a {
color: #0052ff;
}
#content.bon > .text p strong a:hover {
color: #808080;
}
@media (max-width: 768px) {
.features .image-holder img.small-event-img {
max-height: 120px;
max-width: 120px;
margin: 0em 1em 4em 0;
}
}
/*********************************************************************************************************************************************** Stream module */
.stream-module-container {
background: black;
padding: 1.5vw;
}
.stream-module {
background: #212121;
border-radius: 27px;
display: flex;
flex-direction: row;
padding: 1.5vw;
justify-content: space-between;
color: white;
}
.stream-module-col {
width: 45.5vw;
display: flex;
flex-direction: column;
height: 25.59vw;
/* overflow: scroll; */
}
.stream-module-schedule-header {
background: #212121;
padding: 8px 0 16px 0;
position: sticky;
border-top: 1px solid #555;
font-size: 24px;
font-family: "GT America Regular";
color: #FF422D;
top: 0;
}
.stream-module-schedule {
margin-top: 40px;
height: 250px;
overflow: scroll;
margin-top: auto;
}
#main .stream-module h3 {
font-size: 36px;
font-size: 3vw;
color: #FF432D;
margin: 0 0 24px 0;
}
#main .stream-module p {
max-width: 90%;
}
#main .stream-module h3:before {
content: '';
display: inline-block;
height: 2.25vw;
width: 2.25vw;
border-radius: 2.25vw;
background: #FF432D;
margin: 0 8px -2px 0;
padding: 0;
animation: pulse 2s infinite;
}
@keyframes pulse {
0% {
opacity: 5%;
}
50% {
opacity: 100%;
}
100% {
opacity: 5%;
}
}
.grid-interim .stream-module-schedule date,
.grid-interim .stream-module-schedule p {
font-size: 16px !important;
}
.grid-interim .stream-module-schedule date {
font-family: "GT America Black";
color: #FF432D;
color: white;
}
.grid-interim .stream-module-schedule-event {
border-top: 1px solid #555;
padding-top: 16px;
display: flex;
flex-direction: row;
}
.grid-interim .stream-module-schedule-event-time {
width: 30%;
}
.grid-interim .stream-module-schedule-event-title {
width: 50%;
margin-left: 10%;
}
.stream-module-col .grid-item-video iframe {
pointer-events: all !important;
}
@media (max-width: 768px) {
.stream-module-container {
padding: 0px;
}
.stream-module {
flex-direction: column-reverse;
background: none;
border-radius: 0;
padding: 0;
}
.stream-module-col {
width: 100%;
height: auto;
}
.stream-module-col:nth-child(2) {
padding: 1.5vw;
}
.stream-module-col:nth-child(1) {
padding: 6vw;
padding-top: 0;
}
#main .stream-module h3 {
font-size: 32px;
margin-top: 16px;
}
#main .stream-module h3:before {
height: 27px;
width: 27px;
border-radius: 27px;
}
.stream-module-schedule-header {
background: black;
border-top: 1px solid #333;
}
.stream-module-schedule {
margin-top: 20px;
}
.grid-interim .stream-module-schedule-event {
border-top: 1px solid #333;
flex-direction: column;
}
.grid-interim .stream-module-schedule-event-time,
.grid-interim .stream-module-schedule-event-title {
width: 100%;
margin: 0;
}
.grid-interim .stream-module-schedule-event-time p {
margin: 0;
}
.grid-interim .stream-module-schedule-event-title {
font-family: "GT America";
font-weight: bold;
}
.stream-module-schedule {
height: 200px;
overflow: scroll;
}
/*
.grid-item-video iframe {
border-radius: 0 0 10px 10px;
}
*/
}
/* hide Best of Competition category dropdown option */
label[for="bestOfCompetition"] {
display: none;
}
/*********************************************************************************************************************************************** 2025 interim site */
.campaign-2024-video:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
height: 400px;
width: 100%;
background: rgb(255,66,45);
background: linear-gradient(0deg, rgba(255,66,45,1) 30%, rgba(255,66,45,0) 100%);
z-index: 1;
@media (max-width: 768px) {
height: 200px;
}
}
.hero-23-text .grid-50 p {
color: white;
}
.save-the-date-2025 {
position: absolute;
top: 0;
left: 0;
z-index: 1;
text-transform: uppercase;
font-size: 7vw;
line-height: 0.9;
letter-spacing: -0.1vw;
transform: translate3d(0,0,0);
color: #FF422D;
mix-blend-mode: difference;
padding: 1.5vw;
@media (max-width: 768px) {
font-size: 11vw;
padding: 6vw;
}
}
@media (max-width: 768px) {
.grid-interim.hero-2024 .grid-item.grid-50:last-child {
padding-bottom: 6vw;
}
}
/* exhibitor list filter update */
#exhibitor-list > div {
display: flex;
flex-direction: row-reverse;
align-items:flex-start;
align-content:flex-start;
}
#exhibitor-list ul.list {
width: 75%;
}
#exhibitor-list-filter-container {
width: 25%;
margin-left: 1em;
background: #eee;
border-radius: 8px;
position: sticky;
top: 1em;
}
.exhibitor-list-filter-group {
background: #eee;
margin: 1em 0.6em 0 0.6em;
padding-bottom: 0.5em;
width: auto;
border-bottom: 1px solid #dbdbdb;
}
.exhibitor-list-filter-group:last-of-type {
border-bottom: none;
}
.exhibitor-list-filter-group .flex {
display: flex !important;
white-space: normal;
}
.exhibitor-list-filter-group .flex > * {
align-self: baseline !important;
}
.exhibitor-list-filter-group .flex > input[type=checkbox] {
margin: 0 0.5ch 0 0 !important;
width: 1em !important;
height: 1em !important;
}
.exhibitor-list-filter-group label {
color: #6C6C6C;
}
h5.exhibitor-list-filter-group-heading {
font-family: "GT America";
font-weight: normal;
color: black;
margin: 0 0 0.6em 0;
padding: 0;
}
#exhibitor-list .exhibitor-list-search input {
width: 100%;
border: 1px solid #ddd;
border-radius: 8px;
margin-bottom: 1em;
padding: 0.75em;
background: #F9F9F9;
box-sizing:border-box;
}
/*
#exhibitor-list .exhibitor-list-search {
position: sticky;
top: 1em;
}
*/
.exhibitor-list-filters-reset {
display: inline-block;
color: black;
visibility: visible;
opacity: 1;
transition: opacity 500ms linear;
margin-bottom: 0.5em;
}
.exhibitor-list-filters-reset.disabled {
opacity: 0.15;
}
li.exh-list-accordion:first-of-type {
border-top: 1px solid #ccc;
}
.exhibitor-list-results-total {
display: inline-block;
line-height: 16px;
padding: 0.5em 0;
margin-bottom: 1em;
}
.exhibitor-list-open-filter {
display: none;
}
#exhibitor-list .bon-filter {
min-height: 0;
width: 100%;
background: none;
}
.bon-filter .more-info {
padding: 0;
}
.bon-filter .additional-content {
padding: 0 0 0 0;
}
#exhibitor-list .bon-filter label {
margin-bottom: 0.5em;
}
@media (max-width: 768px) {
.bon-filter .additional-content {
display: block !important;
}
.bon-filter .more-info em {
display: none;
}
#exhibitor-list .bon-filter label.bonFilterToggleArr {
pointer-events: none;
}
#exhibitor-list > div.filter-open {
transform: translateX(0);
}
#exhibitor-list {
width: 100%;
overflow-x: hidden;
}
#exhibitor-list > div {
display: block;
width: 160vw;
transform: translateX(calc(-55vw - 1em));
transition: transform 200ms ease-in-out;
}
#exhibitor-list-filter-container {
margin: 0 1em 0 0;
width: 55vw;
float: left;
padding-right: 1em;
}
#exhibitor-list ul.list {
float: left;
width: 80vw;
}
#exhibitor-list > div:after {
content: '';
display: block;
clear: both;
}
.exhibitor-list-open-filter {
display: inline-block;
padding: 0.5em 0;
}
}
/*********************************************************************************************************************************************** Homepage 2025 */
body.home .logo {
opacity: 0;
}
body.home .headroom--pinned .logo {
opacity: 1;
}
body.home .headroom--top.headroom--pinned .logo {
opacity: 0;
}
body.home #header.headroom--top {
background: none;
}
body.home #header.headroom--top nav.bg-white {
background: none !important;
}
.hero-2024.q1 {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 44.2708333333%;
position: relative;
margin-top: 0;
background: #fff;
margin-top: -100px;
}
.hero-2024.q1 .grid-50 p {
max-width: 85%;
}
#main .grid-interim.q1 .grid-item h2 {
margin-bottom: 0;
}
.hero-2024.q1 .hero-2024-outer figure.campaign-2024-video {
padding-top: 57.2916666667%;
}
.hero-2024.q1 .hero-2024-outer figure.campaign-2024-video {
transform: translateY(-10%);
}
.hero-2024-outer #pause-button, .hero-2024-outer #pause-button2, .nc21-video #pause-button3 {
margin-top: -25%;
}
@media (max-width: 1400px) {
.hero-2024.q1 {
padding-top: 50%;
}
.hero-2024.q1 .hero-2024-outer figure.campaign-2024-video {
transform: translateY(-5%);
}
}
@media (max-width: 1024px) {
.hero-2024.q1 {
padding-top: 57.29%;
}
.hero-2024.q1 .hero-2024-outer figure.campaign-2024-video {
transform: translateY(0%);
}
.grid-interim .grid-50:nth-child(2) p, .interim-header .grid-item p {
max-width: 100%;
}
}
@media (max-width: 768px) {
body.home #main {
padding-top: 64px;
}
.hero-2024.q1 {
padding-top: 110%;
}
figure.campaign-2024-video iframe {
display: none;
}
figure.campaign-2024-video iframe.mobile {
display: block !important;
}
.hero-2024.q1 .hero-2024-outer figure.campaign-2024-video {
transform: translateY(-4%);
}
.grid-interim .grid-50:nth-child(2) p, .interim-header .grid-item p {
max-width: 80%;
}
}
.hero-2024.q1 .campaign-2024-video:after {
display: none;
}
figure.campaign-2024-video iframe.desktop {
display: block;
}
figure.campaign-2024-video iframe.mobile {
display: none;
}
.hero-23-text.q1 .grid-50 p,
.hero-23-text.q1 .grid-50 h2,
.hero-23-text.q1 .grid-50 p a,
.hero-23-text.q1 .grid-50 a {
color: black;
}
/*********************************************************************************************************************************************** Keynote headshots update 2025 */
.event.keynote .image-col {
padding-right: 24px;
}
.event.keynote .image-col .image-col-grid {
display: grid;
gap: 0; /* Explicitly removes gaps */
}
.event.keynote .image-col .image-col-grid.headshots-1-col {
grid-template-columns: repeat(1, 1fr);
grid-template-rows: repeat(1, 1fr);
}
.event.keynote .image-col .image-col-grid.headshots-2-1-col {
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(1, 1fr);
}
.event.keynote .image-col .image-col-grid.headshots-2-2-col {
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
}
.event.keynote .image-col .image-col-grid.headshots-3-2-col {
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, 1fr);
}
.event.keynote .image-col .image-col-grid.headshots-3-3-col {
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(3, 1fr);
}
.event.keynote .image-col .image-col-grid .image-headshot {
position: relative;
width: 100%;
height: 0;
padding-top: 100%;
}
.event.keynote .image-col .image-col-grid .image-headshot img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
display: block;
border-radius: 50%;
}
.event.keynote .image-col .image-col-grid .image-headshot.non-headshot img {
border-radius: 0%;
}
@media (max-width: 768px) {
.event.keynote .image-col {
padding-right: 0px;
width: 75%;
}
}
/*********************************************************************************************************************************************** Events update 2025 */
.eventListingEvent {
border-top: 2px solid #FF422D;
padding-top: 16px;
margin-bottom: 64px;
display: flex;
flex-direction: row;
column-gap: 16px;
}
.eventListingEventBody {
display: flex;
flex-direction: column;
row-gap: 16px;
}
.eventListingTime {
font-family: "GT America";
font-weight: 700;
}
.eventListingLocation {
font-family: "GT America";
font-weight: 500;
color: #585858;
}
#content .eventListingTitle {
margin: 0;
padding: 0;
font-size: 42px;
line-height: 42px;
font-family: "GT America";
font-weight: 400;
color: black;
border: none;
letter-spacing: -2px;
}
.eventListingLogo {
margin-left: 16px;
width: auto;
min-width: 110px;
text-align: right;
}
.eventListingLogo img {
display: block;
max-width: 80px;
max-height: 80px;
position: sticky;
top: 16px;
margin-left: auto;
}
.eventListingLogo.logo-scale-110 img {
max-width: 88px;
}
.eventListingLogo.logo-scale-120 img {
max-width: 96px;
}
.eventListingLogo.logo-scale-130 img {
max-width: 104px;
}
.eventListingLogo.logo-scale-140 img {
max-width: 110px;
}
.eventListingImage img {
width: 360px;
height: 240px;
object-fit: cover;
position: sticky;
top: 16px;
}
.eventListingFlipped .eventListingImage {
order: 2;
}
.eventListingFlipped .eventListingBody {
order: 1;
}
.eventListingFlipped .eventListingLogo {
order: 3;
}
.eventListingLink {
font-weight: 700;
font-family: "GT America";
color: black;
padding: 8px 12px;
background: #f1f1f1;
display: inline-block;
flex-grow: 0;
align-self: start;
}
.eventListingLink:after {
content: '\00a0\2192';
font-feature-settings: "ss03";
transition: padding-left 200ms ease;
}
.eventListingLink:hover {
color:#585858;
}
.eventListingLink:hover:after {
padding-left: 5px;
transition: padding-left 200ms ease;
}
.eventListingDescription p:last-child {
margin: 0;
}
.eventListingDescription a.more-info {
font-family: "GT America";
font-weight: normal;
}
@media (max-width: 1024px) {
.eventListingImage img {
width: 288px;
height: 192px;
}
}
@media (max-width: 768px) {
.eventListingEvent {
flex-direction: column;
}
.eventListingEventBody {
margin-bottom: 16px;
}
.eventListingLogo {
margin-left: 0;
margin-top: 16px;
position: static;
width: 100%;
}
.eventListingLogo img {
margin-left: 0;
}
.eventListingImage img {
width: 100%;
height: auto;
}
.eventListingImage {
order: 2;
}
.eventListingBody {
order: 1;
}
.eventListingLogo {
order: 3;
}
}
/*********************************************************************************************************************************************** Speaker resources login */
.speaker-resources-login {
display: flex;
flex-direction: row;
font-size: 27px;
}
.speaker-resources-login input {
padding: 0px 16px;
border-radius: 4px 0 0 4px;
width: 85%;
margin: 0;
display: block;
border: 1px solid #ccc;
height: 64px;
line-height: 56px;
}
.speaker-resources-login button {
display: block;
border: 1px solid black;
height: 64px;
line-height: 52px;
background: black;
color: white;
width: 15%;
border-radius: 0 4px 4px 0;
}
.jury-title-company, .jury-location {
color: #787878;
}
.jury-member {
display: flex;
flex-direction: column;
row-gap: 8px;
width: 100%;
}
.jury-member img {
max-width: 100px;
}
.jury-members-container {
display: grid; /* Use grid for layout */
grid-template-columns: repeat(4, 1fr); /* 3 equal columns */
gap: 20px; /* Adjust gap between items as needed */
}
.jury-member { /* Style individual jury members */
/* Add any specific styling for each member here */
}
@media (max-width: 768px) { /* Styles for mobile */
.jury-members-container {
grid-template-columns: repeat(2, 1fr);
}
}
.jury-member-headshot {
width: 120px; /* Set the desired width */
height: 120px; /* Set the desired height (equal to width for a circle) */
overflow: hidden; /* Hide any overflowing image content */
border-radius: 50%; /* Make it a circle */
display: flex; /* Use flexbox for centering */
justify-content: center; /* Center horizontally */
align-items: center; /* Center vertically */
}
.jury-member-headshot img {
max-width: 100%; /* Ensure image doesn't exceed container width */
max-height: 100%; /* Ensure image doesn't exceed container height */
object-fit: cover; /* Maintain aspect ratio and cover the entire container */
filter: grayscale(1);
}
/*********************************************************************************************************************************************** Register buttons */
.registrationLinks {
display: grid;
gap: 20px;
grid-template-columns: repeat(2, 1fr);
@media (max-width: 768px) { /* Styles for mobile */
grid-template-columns: repeat(1, 1fr);
}
}
.registrationLinksButton {
display: flex;
flex-direction: column;
align-content: stretch;
align-items: stretch;
justify-content: center;
padding: 0;
background: #FF432D;
min-height: 72px;
transition: background-color 200ms ease;
}
.registrationLinksButton:hover {
background: #757575;
}
.registrationLinks a {
text-align: center;
font-family: "GT America";
font-weight: normal;
font-size: 27px;
padding: 0 0;
height: 100%;
color: white;
display: flex;
justify-content: center;
align-items: center;
}
.registrationLinks a:after {
content: ' \2192'
}
#content.bon h3 {
margin-top: 0;
}
#content.bon .twoColumn h5, #content.bon .twoColumn h4 {
color: #0052ff;
}
/*********************************************************************************************************************************************** Winners gallery links */
/* Winner Gallery Grid Layout */
.winners-gallery {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
width: 100%;
margin: 2em 0;
}
/* Winner Item Styling */
.winner-item {
position: relative;
width: 100%;
aspect-ratio: 3/2; /* Creates 3:2 rectangle */
border-radius: 6px;
overflow: hidden;
background-color: #333333; /* Default background if no image */
transition: transform 0.2s ease;
cursor: pointer;
}
.winner-item * {
cursor: pointer;
}
.winner-item a {
display: block;
width: 100%;
height: 100%;
text-decoration: none;
position: relative;
cursor: pointer;
}
/* Image Styling */
.winner-item img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 1;
}
/* Link Text Styling */
.winner-item .link-text {
position: absolute;
bottom: 0;
left: 0;
padding: 0.75rem;
z-index: 2;
font-family: "GT America";
font-weight: normal;
font-size: 27px;
color: #000;
transition: color 0.3s ease;
}
/*
.winner-item .link-text:after {
content: ' \2192';
display: inline-block;
white-space: nowrap;
}
*/
.winner-item:hover .link-text {
color: white;
}
.manual-url .link-text {
color: white;
}
.winner-item.manual-url:hover .link-text {
color: #0052FF;
}
/* White gradient overlay */
.winner-item a::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 65%;
background: linear-gradient(to top, rgba(255, 255, 255, 0.9), transparent);
z-index: 2;
border-radius: 0 0 6px 6px;
opacity: 1;
transition: opacity 0.3s ease;
pointer-events: none; /* Ensure clicks pass through */
cursor: pointer;
}
/* Blue gradient overlay - initially hidden */
.winner-item a::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 65%;
background: linear-gradient(to top, rgba(0, 82, 255, 0.9), transparent);
z-index: 1;
border-radius: 0 0 6px 6px;
opacity: 0;
transition: opacity 0.3s ease;
pointer-events: none; /* Ensure clicks pass through */
cursor: pointer;
}
/* Show blue gradient on hover by changing opacity */
.winner-item:hover a::before {
opacity: 0;
}
.winner-item:hover a::after {
opacity: 1;
}
.manual-url a::before,
.manual-url a::after {
display: none !important;
}
/* Hover effect */
.winner-item:hover {
transform: translateY(-4px);
}
.winner-highlight {
grid-column: 1 / -1; /* Make highlighted item span full width of grid */
max-width: 100%; /* Limit width to 80% of the container */
margin: 0 auto; /* Center the item */
aspect-ratio: 16/9; /* Standard 16:9 widescreen ratio */
}
.winner-highlight.winner-item .link-text {
font-size: 52px;
}
/* Media query for smaller screens */
@media (max-width: 768px) {
.winner-item .link-text, .winner-highlight.winner-item .link-text {
font-size: 21px;
}
.winners-gallery {
grid-template-columns: repeat(2, 1fr); /* 2 column grid on mobile */
}
}
/* For very small screens like phones in portrait mode */
@media (max-width: 480px) {
.winners-gallery {
gap: 10px;
}
}
.bon-winner-gallery-heading {
border-top: 1px solid #4D4D4D;
margin-top: 2em !important;
}
.winners-gallery.peoples-choice .winner-item {
aspect-ratio: auto;
display: flex;
flex-direction: column;
}
.winners-gallery.peoples-choice .winner-thumb {
position: relative;
width: 100%;
aspect-ratio: 3/2;
border-radius: 6px;
overflow: hidden;
background: #333;
}
.winners-gallery.peoples-choice .winner-thumb img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
}
.winners-gallery.peoples-choice .winner-text {
margin-top: 8px;
color: white;
}
.winners-gallery.peoples-choice .winner-product {
color: #787878;
}
.winners-gallery.peoples-choice .winner-item {
background: none;
}
.winners-gallery.peoples-choice .winner-item a::before,
.winners-gallery.peoples-choice .winner-item a::after {
display: none;
}