@charset "UTF-8"; /* Defaults */ body { font-family: 'Lato', sans-serif; -webkit-font-smoothing: antialiased; } h1, h2, h3, h4, h5, h6 { color: #333; font-family: 'Lato', sans-serif; line-height: 1em; text-transform: uppercase; } a { color: #3daa94; } a:hover, a:active { color: #44bca4; } button, .button { background: #333; border: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: none; color: #fff; text-transform: uppercase; } button:hover, .button:hover { background: #f9f900; color: #333; } p { line-height: 1.5em; } ul { margin-bottom: 30px; padding-left: 1em; } ul li { font-size: 1.125em; } table { width: 100%; margin-bottom: 0; } table tr th, table tr td { padding: 3px 8px; } table tr th { text-align: left; } form select { min-width: 85px; } /* Override Foundation grid max-width */ .row, .contain-to-grid .top-bar { max-width: 80rem; } /* Objects */ .top-bar, .contain-to-grid, .top-bar-section li a:not(.button) { background-color: black; } .top-bar-section ul { padding: 0; } .top-bar-section li a.active { background-color: #222; font-weight: bold; } .top-bar-section li a.admin { color: #ffc200; } .alert-box { margin-bottom: 0; } .alert-box ul { margin: 0; } .container { padding: 20px; } #billboard { background-color: #222; background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 45px 0 0 0; border-bottom: 6px solid #999; } #billboard h1 { background-position: center center; background-repeat: no-repeat; background-size: contain; min-height: 185px; } #billboard .tagline { color: #fff; font-size: 1.625em; margin-top: 30px; text-shadow: black 0 0 2px; } @media only screen and (max-width: 768px) { #billboard { min-height: 0; padding: 40px 0 20px 0; } #billboard h1 { min-height: 140px; } } #billboard .layer { background: rgba(0, 0, 0, 0.6); border-bottom: none; margin-bottom: 0; margin-top: 25px; padding-bottom: 5px; } #billboard .layer h2, #billboard .layer p { color: #fff; text-align: center; } #billboard .layer p { font-size: 1.5em; margin-bottom: 45px; } #billboard .layer p strong { text-transform: uppercase; } #billboard .layer h2 + p { margin-bottom: 20px; } #billboard .layer .row p { margin-bottom: 15px; text-align: left; } @media only screen and (max-width: 768px) { #billboard .layer p { font-size: 1em; } } #billboard.inner { padding: 10px 0; } #billboard.inner h1 { min-height: 110px; } #billboard.inner h2 { color: #fff; font-size: 2.25em; margin-top: 40px; } .billboard-2015-london { background-image: url(../images/events/2015-london/bg_billboard.jpg); } .billboard-2015-london h1 { background-image: url(../images/events/2015-london/logo.png); } .billboard-2014-sf { background-image: url(../images/events/2014-sf/bg_billboard.jpg); } .billboard-2014-sf h1 { background-image: url(../images/events/2014-sf/logo.png); } .billboard-2014-london { background-image: url(../images/events/2014-london/bg_billboard.jpg); } .billboard-2014-london h1 { background-image: url(../images/events/2014-london/logo.png); } .billboard-2013-nyc { background-image: url(../images/events/2013-nyc/bg_billboard.jpg); } .billboard-2013-nyc h1 { background-image: url(../images/events/2013-nyc/logo.png); } .billboard-2013-london { background-image: url(../images/events/2013-london/bg_billboard.jpg); } .billboard-2013-london h1 { background-image: url(../images/events/2013-london/logo.png); } .layer { padding: 30px 0 30px 0; border-top: none; border-right: none; border-bottom: 2px dotted #bbb; border-left: none; } .layer h2 { font-size: 2.25em; font-weight: 900; margin-bottom: 10px; } .layer p { font-size: 1.125em; } .layer img.full { width: 100%; margin-top: 30px; } .layer .large-6 { margin-bottom: 20px; } .layer .large-6 h2 { font-size: 1.5em; } .layer .large-6 img { margin-top: 5px; width: 100%; } @media only screen and (max-width: 768px) { .layer h2 { font-size: 1.625em; } .layer p { font-size: 0.875em; } .layer .button { width: 100%; } } .layer.connect, .layer:last-child { border: none; } .social-icons li { display: block; float: left; list-style-type: none; margin-right: 20px; width: 12%; } .social-icons li a { background-size: cover; display: block; min-height: 55px; min-width: 55px; opacity: .9; } .social-icons li a:hover { opacity: 1; } .social-icons .facebook { background: url(../images/social/icon_facebook.png) center top no-repeat; } .social-icons .twitter { background: url(../images/social/icon_twitter.png) center top no-repeat; } .social-icons .google-plus { background: url(../images/social/icon_googleplus.png) center top no-repeat; } @media only screen and (max-width: 768px) { .social-icons li { margin-right: 35px; } .social-icons li a { text-indent: 180%; } } .social-icons--dark .facebook { background: url(../images/social/icon_facebook_dark.png) center top no-repeat; } .social-icons--dark .twitter { background: url(../images/social/icon_twitter_dark.png) center top no-repeat; } .social-icons--dark .google-plus { background: url(../images/social/icon_googleplus_dark.png) center top no-repeat; } .subtext { font-size: 1rem !important; line-height: 1.3rem; } /* Schedule */ .schedule-slot ul { list-style-type: none; } .schedule-slot .slot-time { float: left; width: 80px; font-size: 27px; font-weight: 300; } .schedule-slot .slot-sessions { margin: 0 0 10px 90px; padding: 20px; border: 1px solid #EEE; box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.1); display: flex; } .schedule-slot .slot-sessions .session { flex: 1 1 0px; overflow: hidden; margin: 0 10px 0 0; padding: 0 10px 0 0; border-right: 1px dotted #ddd; } .schedule-slot .slot-sessions .session:last-child { margin: 0; padding: 0; border-right: 0; } .schedule-slot .slot-sessions .session-session h3:before { content: "Panel: "; color: #900; } .schedule-slot .slot-sessions .session-breakout .session-summary { font-size: 12px; } .schedule-slot .slot-sessions h3 { font-size: 18px; font-weight: normal; } .schedule-slot .slot-sessions p { font-size: 15px; } .schedule-slot .session-participants { margin: 1.25rem 0; padding: 0; overflow: hidden; } .schedule-slot .session-participants li { float: left; margin: 0 10px 10px 0; overflow: hidden; width: 267px; } .schedule-slot .session-participants img { width: 40px; height: 40px; float: left; margin-right: 8px; filter: grayscale(100%); -webkit-filter: grayscale(100%); } .schedule-slot .session-participants .name { line-height: 1.3; display: block; white-space: nowrap; text-overflow: ellipsis; font-size: 0.9em; font-weight: bold; } .schedule-slot .session-participants .org { font-style: italic; font-size: 12px; float: left; } .schedule-slot .session-participants .label { float: left; margin: 0 0 0 5px; padding: 3px 6px; text-transform: uppercase; font-weight: bold; } .schedule-slot .session-participants .label.speaker { background-color: #C08A55; } .schedule-slot .session-participants .label.moderator { background-color: #BA78C2; } .schedule-slot .session-participants .bio { display: none; } .schedule-slot .room { font-size: 12px; } .schedule-slot .session *:first-child { margin-top: 0; } .schedule-slot .session *:last-child { margin-bottom: 0; } .schedule-slot .session-links { float: right; } .schedule-slot .session-links li { display: inline-block; margin-right: 10px; } @media only screen and (max-width: 768px) { .schedule-slot { margin: 0 0 10px 0; padding: 20px; border: 1px solid #EEE; box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.1); } .schedule-slot .slot-time { float: none; display: block; } .schedule-slot .slot-sessions { margin-left: 0; box-shadow: none; padding: 0; border: 0; display: block; } .schedule-slot .slot-sessions .session { flex: none; overflow: hidden; margin: 0; border-right: 0; } } /* Registration form */ .edgeform input, .edgeform select { margin: 0; } .edgeform .form-field { margin-bottom: 25px; } .edgeform .form-field label:not(.inline) { font-size: 18px; margin: 0.1em 0 0.5em 0; color: black; } .edgeform .form-field .note { margin: 0.5em 0; color: #333; font-size: 13px; display: block; line-height: normal; } .edgeform .form-field .error { margin-top: 0.5em; color: red; } .edgeform .form-field .error:before { content: '▲'; margin-right: 5px; } .edgeform .form-field label.sublabel { font-size: 13px; color: #555; font-weight: bold; } .edgeform .form-field label.inline { margin: 0; padding: 0.3em 0; display: inline-block; min-width: 49%; } .edgeform .form-field label.inline input { margin: 0 10px 0 0; } .edgeform .proposal { display: none; } .edgeform #noproposals { font-style: italic; } .edgeform .form-field.disabled { opacity: 0.5; pointer-events: none; } .edgeform textarea { resize: vertical; min-height: 100px; } .register .email-verify-code { display: none; } .register .inline-field { max-width: 200px; display: inline-block; } .alert { border-radius: 4px; background: #eee; padding: 25px; margin: 15px 0; overflow: hidden; } .alert h4 { font-weight: bold; margin-bottom: 20px; } .alert button { display: block; margin: 15px 0 0 auto; } /* Video search */ #videos { margin-top: 10px; } #videos #videos-container { min-height: 150px; } #videos #videos-container:after { background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), white); bottom: 0; content: ""; height: 25px; position: absolute; width: 100%; } #videos input { background: #fff; border: 1px solid #ddd; box-shadow: none; color: #333; font-size: 18px; font-weight: 400; padding: 10px; } #videos #numResults { color: #3daa94; margin: 0 0 1em 0; } #videos #results { max-height: 300px; overflow-y: auto; position: relative; list-style-type: none; padding: 0; margin: 0; } #videos #results li:last-child { margin-bottom: 15px; } #videos .video-list { line-height: normal; margin-top: 10px; } #videos .video-heading { border-bottom: 1px solid #ddd; font-size: 14px; font-weight: 900; text-transform: uppercase; margin: 25px 0 5px 0; } #videos .video-heading:first-child { margin-top: 0; } #videos .cue { cursor: pointer; font-size: 10pt; margin: 0 0 0.5em 0; line-height: 1.3em; padding: 3px 0; } #videos .cue:hover { background-color: #eee; } #videos .cue em { background-color: rgba(249, 249, 0, 0.45); font-style: normal; } #videos .cue .cueStartTime { font-size: 90%; color: #555; } #onair .live { background: red; border-radius: 3px; padding: 1px 5px; margin: 0 4px 0 0; font-weight: bold; text-transform: uppercase; } #onair .videoframe { box-shadow: 0 0 25px 0 rgba(255, 255, 255, 0.7); margin-bottom: 25px; } #onair #current-session { color: #73FFD2; } .videoframe { width: 100%; height: 0; padding-top: 56.25%; position: relative; margin-bottom: 10px; overflow: hidden; } .videoframe > * { position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } .videoframe > #youTubePlayer { display: none; } .videoframe > #noVideo { text-align: center !important; } .videoframe > #noVideo h2 { color: white; margin: 0; } .videoframe > #noVideo p { margin: 30px 50px 0 50px; text-align: center !important; } .videoframe.playing #youTubePlayer { display: block; } .videoframe.playing #noVideo { display: none; } .vcenter { position: relative; top: 50%; transform: translateY(-50%); } .toolbar { background: black; } .toolbar .filter input { margin: 5px 0; } .toolbar .tools { text-align: right; padding-top: 15px; } footer { padding: 10px 0; text-align: center; width: 100%; } footer p { font-size: 0.875em; margin-bottom: 0; } @media only screen and (max-width: 768px) { footer p { font-size: 0.75em; } } .speaker-queue { margin-top: 20px; } .queued-speaker img { width: 50px; height: 50px; float: left; margin-right: 20px; } /* Trumps */ .hide-text { color: transparent !important; } /*# sourceMappingURL=app.css.map */