@charset "UTF-8";
@font-face {
font-family: ScalaSansWeb;
src: url("../fonts/ScalaSansWeb.eot");
src: url("../fonts/ScalaSansWeb.woff") format("woff"); }
@font-face {
font-family: ScalaSansWeb-Bold;
src: url("../fonts/ScalaSansWeb-Bold.eot");
src: url("../fonts/ScalaSansWeb-Bold.woff") format("woff"); }
/*
* Symbolset
* www.symbolset.com
* Copyright ยฉ 2012 Oak Studios LLC
*
* Upload this file to your web server
* and place this within your tags.
*
*/
@font-face {
font-family: "SSStandard";
src: url("../fonts/symbolset/ss-standard.eot");
src: url("../fonts/symbolset/ss-standard.eot?#iefix") format("embedded-opentype"), url("../fonts/symbolset/ss-standard.woff") format("woff"), url("../fonts/symbolset/ss-standard.ttf") format("truetype"), url("../fonts/symbolset/ss-standard.svg#SSStandard") format("svg");
font-weight: normal;
font-style: normal; }
.ss-icon, .ss-icon.ss-standard,
[class^="ss-"]:before, [class*=" ss-"]:before,
[class^="ss-"].ss-standard:before, [class*=" ss-"].ss-standard:before,
[class^="ss-"].right:after, [class*=" ss-"].right:after,
[class^="ss-"].ss-standard.right:after, [class*=" ss-"].ss-standard.right:after {
font-family: "SSStandard";
font-style: normal;
font-weight: normal;
text-decoration: none;
text-rendering: optimizeLegibility;
white-space: nowrap;
-webkit-font-feature-settings: "liga";
-moz-font-feature-settings: "liga=1";
-moz-font-feature-settings: "liga";
-ms-font-feature-settings: "liga" 1;
font-feature-settings: "liga";
-webkit-font-smoothing: antialiased; }
[class^="ss-"].right:before, [class*=" ss-"].ss-standard.right:before {
display: none;
content: ''; }
.ss-cursor:before, .ss-cursor.right:after {
content: '๎'; }
.ss-crosshair:before, .ss-crosshair.right:after {
content: 'โ'; }
.ss-search:before, .ss-search.right:after {
content: '๐'; }
.ss-zoomin:before, .ss-zoomin.right:after {
content: '๎'; }
.ss-zoomout:before, .ss-zoomout.right:after {
content: '๎'; }
.ss-view:before, .ss-view.right:after {
content: '๐'; }
.ss-attach:before, .ss-attach.right:after {
content: '๐'; }
.ss-link:before, .ss-link.right:after {
content: '๐'; }
.ss-move:before, .ss-move.right:after {
content: '๎ฐ'; }
.ss-write:before, .ss-write.right:after {
content: 'โ'; }
.ss-writingdisabled:before, .ss-writingdisabled.right:after {
content: '๎ฑ'; }
.ss-erase:before, .ss-erase.right:after {
content: 'โ'; }
.ss-compose:before, .ss-compose.right:after {
content: '๐'; }
.ss-lock:before, .ss-lock.right:after {
content: '๐'; }
.ss-unlock:before, .ss-unlock.right:after {
content: '๐'; }
.ss-key:before, .ss-key.right:after {
content: '๐'; }
.ss-backspace:before, .ss-backspace.right:after {
content: 'โซ'; }
.ss-ban:before, .ss-ban.right:after {
content: '๐ซ'; }
.ss-trash:before, .ss-trash.right:after {
content: '๎'; }
.ss-target:before, .ss-target.right:after {
content: 'โ'; }
.ss-tag:before, .ss-tag.right:after {
content: '๎'; }
.ss-bookmark:before, .ss-bookmark.right:after {
content: '๐'; }
.ss-flag:before, .ss-flag.right:after {
content: 'โ'; }
.ss-like:before, .ss-like.right:after {
content: '๐'; }
.ss-dislike:before, .ss-dislike.right:after {
content: '๐'; }
.ss-heart:before, .ss-heart.right:after {
content: 'โฅ'; }
.ss-halfheart:before, .ss-halfheart.right:after {
content: '๎ '; }
.ss-star:before, .ss-star.right:after {
content: 'โ'; }
.ss-halfstar:before, .ss-halfstar.right:after {
content: '๎ก'; }
.ss-sample:before, .ss-sample.right:after {
content: '๎'; }
.ss-crop:before, .ss-crop.right:after {
content: '๎'; }
.ss-layers:before, .ss-layers.right:after {
content: '๎'; }
.ss-phone:before, .ss-phone.right:after {
content: '๐'; }
.ss-phonedisabled:before, .ss-phonedisabled.right:after {
content: '๎'; }
.ss-rss:before, .ss-rss.right:after {
content: '๎'; }
.ss-facetime:before, .ss-facetime.right:after {
content: '๎ '; }
.ss-reply:before, .ss-reply.right:after {
content: 'โฉ'; }
.ss-send:before, .ss-send.right:after {
content: '๎'; }
.ss-mail:before, .ss-mail.right:after {
content: 'โ'; }
.ss-inbox:before, .ss-inbox.right:after {
content: '๐ฅ'; }
.ss-chat:before, .ss-chat.right:after {
content: '๐ฌ'; }
.ss-user:before, .ss-user.right:after {
content: '๐ค'; }
.ss-femaleuser:before, .ss-femaleuser.right:after {
content: '๐ง'; }
.ss-users:before, .ss-users.right:after {
content: '๐ฅ'; }
.ss-cart:before, .ss-cart.right:after {
content: '๎'; }
.ss-creditcard:before, .ss-creditcard.right:after {
content: '๐ณ'; }
.ss-dollarsign:before, .ss-dollarsign.right:after {
content: '๐ฒ'; }
.ss-barchart:before, .ss-barchart.right:after {
content: '๐'; }
.ss-piechart:before, .ss-piechart.right:after {
content: '๎ฐ'; }
.ss-box:before, .ss-box.right:after {
content: '๐ฆ'; }
.ss-home:before, .ss-home.right:after {
content: 'โ'; }
.ss-globe:before, .ss-globe.right:after {
content: '๐'; }
.ss-navigate:before, .ss-navigate.right:after {
content: '๎ฐ'; }
.ss-compass:before, .ss-compass.right:after {
content: '๎ฑ'; }
.ss-signpost:before, .ss-signpost.right:after {
content: '๎ฒ'; }
.ss-map:before, .ss-map.right:after {
content: '๎ณ'; }
.ss-location:before, .ss-location.right:after {
content: '๎'; }
.ss-pin:before, .ss-pin.right:after {
content: '๐'; }
.ss-database:before, .ss-database.right:after {
content: '๎ '; }
.ss-hdd:before, .ss-hdd.right:after {
content: '๎ฐ'; }
.ss-music:before, .ss-music.right:after {
content: 'โซ'; }
.ss-mic:before, .ss-mic.right:after {
content: '๐ค'; }
.ss-volume:before, .ss-volume.right:after {
content: '๐'; }
.ss-lowvolume:before, .ss-lowvolume.right:after {
content: '๐'; }
.ss-highvolume:before, .ss-highvolume.right:after {
content: '๐'; }
.ss-airplay:before, .ss-airplay.right:after {
content: '๎ '; }
.ss-camera:before, .ss-camera.right:after {
content: '๐ท'; }
.ss-picture:before, .ss-picture.right:after {
content: '๐'; }
.ss-video:before, .ss-video.right:after {
content: '๐น'; }
.ss-play:before, .ss-play.right:after {
content: 'โถ'; }
.ss-pause:before, .ss-pause.right:after {
content: '๎ข '; }
.ss-stop:before, .ss-stop.right:after {
content: 'โ '; }
.ss-record:before, .ss-record.right:after {
content: 'โ'; }
.ss-rewind:before, .ss-rewind.right:after {
content: 'โช'; }
.ss-fastforward:before, .ss-fastforward.right:after {
content: 'โฉ'; }
.ss-skipback:before, .ss-skipback.right:after {
content: 'โฎ'; }
.ss-skipforward:before, .ss-skipforward.right:after {
content: 'โญ'; }
.ss-eject:before, .ss-eject.right:after {
content: 'โ'; }
.ss-repeat:before, .ss-repeat.right:after {
content: '๐'; }
.ss-replay:before, .ss-replay.right:after {
content: 'โบ'; }
.ss-shuffle:before, .ss-shuffle.right:after {
content: '๐'; }
.ss-book:before, .ss-book.right:after {
content: '๐'; }
.ss-openbook:before, .ss-openbook.right:after {
content: '๐'; }
.ss-notebook:before, .ss-notebook.right:after {
content: '๐'; }
.ss-grid:before, .ss-grid.right:after {
content: '๎ฆ '; }
.ss-rows:before, .ss-rows.right:after {
content: '๎ฆก'; }
.ss-columns:before, .ss-columns.right:after {
content: '๎ฆข'; }
.ss-thumbnails:before, .ss-thumbnails.right:after {
content: '๎ฆฃ'; }
.ss-desktop:before, .ss-desktop.right:after {
content: '๐ป'; }
.ss-laptop:before, .ss-laptop.right:after {
content: '๎จ'; }
.ss-tablet:before, .ss-tablet.right:after {
content: '๎จ'; }
.ss-cell:before, .ss-cell.right:after {
content: '๐ฑ'; }
.ss-battery:before, .ss-battery.right:after {
content: '๐'; }
.ss-highbattery:before, .ss-highbattery.right:after {
content: '๎จ'; }
.ss-mediumbattery:before, .ss-mediumbattery.right:after {
content: '๎จ'; }
.ss-lowbattery:before, .ss-lowbattery.right:after {
content: '๎จ'; }
.ss-emptybattery:before, .ss-emptybattery.right:after {
content: '๎จ'; }
.ss-downloadcloud:before, .ss-downloadcloud.right:after {
content: '๎ฌ'; }
.ss-download:before, .ss-download.right:after {
content: '๎ฌ'; }
.ss-uploadcloud:before, .ss-uploadcloud.right:after {
content: '๎ญ'; }
.ss-upload:before, .ss-upload.right:after {
content: '๎ญ'; }
.ss-fork:before, .ss-fork.right:after {
content: '๎ฎ'; }
.ss-merge:before, .ss-merge.right:after {
content: '๎ฎ'; }
.ss-refresh:before, .ss-refresh.right:after {
content: 'โป'; }
.ss-sync:before, .ss-sync.right:after {
content: '๎ฎ'; }
.ss-loading:before, .ss-loading.right:after {
content: '๎ฎ'; }
.ss-wifi:before, .ss-wifi.right:after {
content: '๎ฎ'; }
.ss-connection:before, .ss-connection.right:after {
content: '๎ฎ
'; }
.ss-file:before, .ss-file.right:after {
content: '๐'; }
.ss-folder:before, .ss-folder.right:after {
content: '๐'; }
.ss-quote:before, .ss-quote.right:after {
content: 'โ'; }
.ss-text:before, .ss-text.right:after {
content: '๎ด'; }
.ss-font:before, .ss-font.right:after {
content: '๎ด'; }
.ss-print:before, .ss-print.right:after {
content: 'โ'; }
.ss-fax:before, .ss-fax.right:after {
content: '๐ '; }
.ss-list:before, .ss-list.right:after {
content: '๎ต'; }
.ss-layout:before, .ss-layout.right:after {
content: '๎ถ '; }
.ss-action:before, .ss-action.right:after {
content: '๎ธ'; }
.ss-redirect:before, .ss-redirect.right:after {
content: 'โช'; }
.ss-expand:before, .ss-expand.right:after {
content: 'โคข'; }
.ss-contract:before, .ss-contract.right:after {
content: '๎ธ'; }
.ss-help:before, .ss-help.right:after {
content: 'โ'; }
.ss-info:before, .ss-info.right:after {
content: 'โน'; }
.ss-alert:before, .ss-alert.right:after {
content: 'โ '; }
.ss-caution:before, .ss-caution.right:after {
content: 'โ'; }
.ss-logout:before, .ss-logout.right:after {
content: '๎ธ'; }
.ss-plus:before, .ss-plus.right:after {
content: '+'; }
.ss-hyphen:before, .ss-hyphen.right:after {
content: '-'; }
.ss-check:before, .ss-check.right:after {
content: 'โ'; }
.ss-delete:before, .ss-delete.right:after {
content: 'โก'; }
.ss-settings:before, .ss-settings.right:after {
content: 'โ'; }
.ss-dashboard:before, .ss-dashboard.right:after {
content: '๏'; }
.ss-notifications:before, .ss-notifications.right:after {
content: '๐'; }
.ss-notificationsdisabled:before, .ss-notificationsdisabled.right:after {
content: '๐'; }
.ss-clock:before, .ss-clock.right:after {
content: 'โฒ'; }
.ss-stopwatch:before, .ss-stopwatch.right:after {
content: 'โฑ'; }
.ss-calendar:before, .ss-calendar.right:after {
content: '๐
'; }
.ss-addcalendar:before, .ss-addcalendar.right:after {
content: '๏ฐ'; }
.ss-removecalendar:before, .ss-removecalendar.right:after {
content: '๏ฑ'; }
.ss-checkcalendar:before, .ss-checkcalendar.right:after {
content: '๏ฒ'; }
.ss-deletecalendar:before, .ss-deletecalendar.right:after {
content: '๏ณ'; }
.ss-briefcase:before, .ss-briefcase.right:after {
content: '๐ผ'; }
.ss-cloud:before, .ss-cloud.right:after {
content: 'โ'; }
.ss-droplet:before, .ss-droplet.right:after {
content: '๐ง'; }
.ss-up:before, .ss-up.right:after {
content: 'โฌ'; }
.ss-upright:before, .ss-upright.right:after {
content: 'โฌ'; }
.ss-right:before, .ss-right.right:after {
content: 'โก'; }
.ss-downright:before, .ss-downright.right:after {
content: 'โฌ'; }
.ss-down:before, .ss-down.right:after {
content: 'โฌ'; }
.ss-downleft:before, .ss-downleft.right:after {
content: 'โฌ'; }
.ss-left:before, .ss-left.right:after {
content: 'โฌ
'; }
.ss-upleft:before, .ss-upleft.right:after {
content: 'โฌ'; }
.ss-navigateup:before, .ss-navigateup.right:after {
content: '๏'; }
.ss-navigateright:before, .ss-navigateright.right:after {
content: 'โป'; }
.ss-navigatedown:before, .ss-navigatedown.right:after {
content: '๏'; }
.ss-navigateleft:before, .ss-navigateleft.right:after {
content: 'โ
'; }
.ss-directup:before, .ss-directup.right:after {
content: 'โด'; }
.ss-directright:before, .ss-directright.right:after {
content: 'โน'; }
.ss-dropdown:before, .ss-dropdown.right:after {
content: 'โพ'; }
.ss-directleft:before, .ss-directleft.right:after {
content: 'โ'; }
.ss-retweet:before, .ss-retweet.right:after {
content: '๏'; }
/* Legacy classes */
.ss-volumelow:before, .ss-volumelow.right:after {
content: '๐'; }
.ss-volumehigh:before, .ss-volumehigh.right:after {
content: '๐'; }
.ss-batteryhigh:before, .ss-batteryhigh.right:after {
content: '๎จ'; }
.ss-batterymedium:before, .ss-batterymedium.right:after {
content: '๎จ'; }
.ss-batterylow:before, .ss-batterylow.right:after {
content: '๎จ'; }
.ss-batteryempty:before, .ss-batteryempty.right:after {
content: '๎จ'; }
.ss-clouddownload:before, .ss-clouddownload.right:after {
content: '๎ฌ'; }
.ss-cloudupload:before, .ss-cloudupload.right:after {
content: '๎ญ'; }
.ss-calendaradd:before, .ss-calendaradd.right:after {
content: '๏ฐ'; }
.ss-calendarremove:before, .ss-calendarremove.right:after {
content: '๏ฑ'; }
.ss-calendarcheck:before, .ss-calendarcheck.right:after {
content: '๏ฒ'; }
.ss-calendardelete:before, .ss-calendardelete.right:after {
content: '๏ณ'; }
meta.foundation-mq-small {
font-family: "only screen and (min-width: 768px)";
width: 768px; }
meta.foundation-mq-medium {
font-family: "only screen and (min-width:1280px)";
width: 1280px; }
meta.foundation-mq-large {
font-family: "only screen and (min-width:1440px)";
width: 1440px; }
*,
*:before,
*:after {
box-sizing: border-box; }
html,
body {
font-size: 100%; }
body {
background: #6db4cb url("../img/background-sm-50.jpg");
color: #222;
padding: 0;
margin: 0;
font-family: "ScalaSansWeb", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
line-height: 1;
position: relative;
cursor: default; }
a:hover {
cursor: pointer; }
img,
object,
embed {
max-width: 100%;
height: auto; }
object,
embed {
height: 100%; }
img {
-ms-interpolation-mode: bicubic; }
#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object {
max-width: none !important; }
.left {
float: left !important; }
.right {
float: right !important; }
.text-left {
text-align: left !important; }
.text-right {
text-align: right !important; }
.text-center {
text-align: center !important; }
.text-justify {
text-align: justify !important; }
.hide {
display: none; }
.antialiased {
-webkit-font-smoothing: antialiased; }
img {
display: inline-block;
vertical-align: middle; }
textarea {
height: auto;
min-height: 50px; }
select {
width: 100%; }
/* Grid HTML Classes */
.row, .event, .event__speakers dl {
width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
max-width: 62.5em;
*zoom: 1; }
.row:before, .event:before, .event__speakers dl:before, .row:after, .event:after, .event__speakers dl:after {
content: " ";
display: table; }
.row:after, .event:after, .event__speakers dl:after {
clear: both; }
.row.collapse > .column, .collapse.event > .column, .event.header-site > .column, .event.intro > .column, .event__speakers dl.collapse > .column, .event__speakers dl.header-site > .column, .event__speakers dl.intro > .column, .row.header-site > .column, .row.intro > .column,
.row.collapse > .columns,
.collapse.event > .columns,
.event.header-site > .columns,
.event.intro > .columns,
.event__speakers dl.collapse > .columns,
.event__speakers dl.header-site > .columns,
.event__speakers dl.intro > .columns,
.row.header-site > .columns,
.row.intro > .columns,
.row.collapse > .event__header,
.collapse.event > .event__header,
.event.header-site > .event__header,
.event.intro > .event__header,
.event__speakers dl.collapse > .event__header,
.event__speakers dl.header-site > .event__header,
.event__speakers dl.intro > .event__header,
.row.header-site > .event__header,
.row.intro > .event__header,
.row.collapse > .event__speakers,
.collapse.event > .event__speakers,
.event.header-site > .event__speakers,
.event.intro > .event__speakers,
.event__speakers dl.collapse > .event__speakers,
.event__speakers dl.header-site > .event__speakers,
.event__speakers dl.intro > .event__speakers,
.row.header-site > .event__speakers,
.row.intro > .event__speakers,
.event__speakers .row.collapse > dt,
.event__speakers .collapse.event > dt,
.event__speakers .event.header-site > dt,
.event__speakers .event.intro > dt,
.event__speakers dl.collapse > dt,
.event__speakers dl.header-site > dt,
.event__speakers dl.intro > dt,
.event__speakers .row.header-site > dt,
.event__speakers .row.intro > dt,
.event__speakers .row.collapse > dd,
.event__speakers .collapse.event > dd,
.event__speakers .event.header-site > dd,
.event__speakers .event.intro > dd,
.event__speakers dl.collapse > dd,
.event__speakers dl.header-site > dd,
.event__speakers dl.intro > dd,
.event__speakers .row.header-site > dd,
.event__speakers .row.intro > dd {
position: relative;
padding-left: 0;
padding-right: 0;
float: left; }
.row.collapse .row, .collapse.event .row, .event.header-site .row, .event.intro .row, .event__speakers dl.collapse .row, .event__speakers dl.header-site .row, .event__speakers dl.intro .row, .row.header-site .row, .row.intro .row, .row.collapse .event, .collapse.event .event, .event.header-site .event, .event.intro .event, .event__speakers dl.collapse .event, .event__speakers dl.header-site .event, .event__speakers dl.intro .event, .row.header-site .event, .row.intro .event, .row.collapse .event__speakers dl, .event__speakers .row.collapse dl, .collapse.event .event__speakers dl, .event__speakers .collapse.event dl, .event.header-site .event__speakers dl, .event__speakers .event.header-site dl, .event.intro .event__speakers dl, .event__speakers .event.intro dl, .event__speakers dl.collapse dl, .event__speakers dl.header-site dl, .event__speakers dl.intro dl, .row.header-site .event__speakers dl, .event__speakers .row.header-site dl, .row.intro .event__speakers dl, .event__speakers .row.intro dl {
margin-left: 0;
margin-right: 0; }
.row .row, .event .row, .event__speakers dl .row, .row .event, .event .event, .event__speakers dl .event, .row .event__speakers dl, .event__speakers .row dl, .event .event__speakers dl, .event__speakers .event dl, .event__speakers dl dl {
width: auto;
margin-left: -0.9375em;
margin-right: -0.9375em;
margin-top: 0;
margin-bottom: 0;
max-width: none;
*zoom: 1; }
.row .row:before, .event .row:before, .event__speakers dl .row:before, .row .event:before, .event .event:before, .event__speakers dl .event:before, .row .event__speakers dl:before, .event__speakers .row dl:before, .event .event__speakers dl:before, .event__speakers .event dl:before, .event__speakers dl dl:before, .row .row:after, .event .row:after, .event__speakers dl .row:after, .row .event:after, .event .event:after, .event__speakers dl .event:after, .row .event__speakers dl:after, .event__speakers .row dl:after, .event .event__speakers dl:after, .event__speakers .event dl:after, .event__speakers dl dl:after {
content: " ";
display: table; }
.row .row:after, .event .row:after, .event__speakers dl .row:after, .row .event:after, .event .event:after, .event__speakers dl .event:after, .row .event__speakers dl:after, .event__speakers .row dl:after, .event .event__speakers dl:after, .event__speakers .event dl:after, .event__speakers dl dl:after {
clear: both; }
.row .row.collapse, .event .row.collapse, .event__speakers dl .row.collapse, .row .collapse.event, .event .collapse.event, .event__speakers dl .collapse.event, .row .event.header-site, .event .event.header-site, .event__speakers dl .event.header-site, .row .event.intro, .event .event.intro, .event__speakers dl .event.intro, .row .event__speakers dl.collapse, .event__speakers .row dl.collapse, .event .event__speakers dl.collapse, .event__speakers .event dl.collapse, .event__speakers dl dl.collapse, .row .event__speakers dl.header-site, .event__speakers .row dl.header-site, .event .event__speakers dl.header-site, .event__speakers .event dl.header-site, .event__speakers dl dl.header-site, .row .event__speakers dl.intro, .event__speakers .row dl.intro, .event .event__speakers dl.intro, .event__speakers .event dl.intro, .event__speakers dl dl.intro, .row .row.header-site, .event .row.header-site, .event__speakers dl .row.header-site, .row .row.intro, .event .row.intro, .event__speakers dl .row.intro {
width: auto;
margin: 0;
max-width: none;
*zoom: 1; }
.row .row.collapse:before, .event .row.collapse:before, .event__speakers dl .row.collapse:before, .row .collapse.event:before, .event .collapse.event:before, .event__speakers dl .collapse.event:before, .row .event.header-site:before, .event .event.header-site:before, .event__speakers dl .event.header-site:before, .row .event.intro:before, .event .event.intro:before, .event__speakers dl .event.intro:before, .row .event__speakers dl.collapse:before, .event__speakers .row dl.collapse:before, .event .event__speakers dl.collapse:before, .event__speakers .event dl.collapse:before, .event__speakers dl dl.collapse:before, .row .event__speakers dl.header-site:before, .event__speakers .row dl.header-site:before, .event .event__speakers dl.header-site:before, .event__speakers .event dl.header-site:before, .event__speakers dl dl.header-site:before, .row .event__speakers dl.intro:before, .event__speakers .row dl.intro:before, .event .event__speakers dl.intro:before, .event__speakers .event dl.intro:before, .event__speakers dl dl.intro:before, .row .row.header-site:before, .event .row.header-site:before, .event__speakers dl .row.header-site:before, .row .row.intro:before, .event .row.intro:before, .event__speakers dl .row.intro:before, .row .row.collapse:after, .event .row.collapse:after, .event__speakers dl .row.collapse:after, .row .collapse.event:after, .event .collapse.event:after, .event__speakers dl .collapse.event:after, .row .event.header-site:after, .event .event.header-site:after, .event__speakers dl .event.header-site:after, .row .event.intro:after, .event .event.intro:after, .event__speakers dl .event.intro:after, .row .event__speakers dl.collapse:after, .event__speakers .row dl.collapse:after, .event .event__speakers dl.collapse:after, .event__speakers .event dl.collapse:after, .event__speakers dl dl.collapse:after, .row .event__speakers dl.header-site:after, .event__speakers .row dl.header-site:after, .event .event__speakers dl.header-site:after, .event__speakers .event dl.header-site:after, .event__speakers dl dl.header-site:after, .row .event__speakers dl.intro:after, .event__speakers .row dl.intro:after, .event .event__speakers dl.intro:after, .event__speakers .event dl.intro:after, .event__speakers dl dl.intro:after, .row .row.header-site:after, .event .row.header-site:after, .event__speakers dl .row.header-site:after, .row .row.intro:after, .event .row.intro:after, .event__speakers dl .row.intro:after {
content: " ";
display: table; }
.row .row.collapse:after, .event .row.collapse:after, .event__speakers dl .row.collapse:after, .row .collapse.event:after, .event .collapse.event:after, .event__speakers dl .collapse.event:after, .row .event.header-site:after, .event .event.header-site:after, .event__speakers dl .event.header-site:after, .row .event.intro:after, .event .event.intro:after, .event__speakers dl .event.intro:after, .row .event__speakers dl.collapse:after, .event__speakers .row dl.collapse:after, .event .event__speakers dl.collapse:after, .event__speakers .event dl.collapse:after, .event__speakers dl dl.collapse:after, .row .event__speakers dl.header-site:after, .event__speakers .row dl.header-site:after, .event .event__speakers dl.header-site:after, .event__speakers .event dl.header-site:after, .event__speakers dl dl.header-site:after, .row .event__speakers dl.intro:after, .event__speakers .row dl.intro:after, .event .event__speakers dl.intro:after, .event__speakers .event dl.intro:after, .event__speakers dl dl.intro:after, .row .row.header-site:after, .event .row.header-site:after, .event__speakers dl .row.header-site:after, .row .row.intro:after, .event .row.intro:after, .event__speakers dl .row.intro:after {
clear: both; }
.column,
.columns,
.event__header,
.event__speakers,
.event__speakers dt,
.event__speakers dd {
position: relative;
padding-left: 0.9375em;
padding-right: 0.9375em;
width: 100%;
float: left; }
@media only screen {
.column,
.columns,
.event__header,
.event__speakers,
.event__speakers dt,
.event__speakers dd {
position: relative;
padding-left: 0.9375em;
padding-right: 0.9375em;
float: left; }
.small-1 {
position: relative;
width: 8.33333%; }
.small-2 {
position: relative;
width: 16.66667%; }
.small-3 {
position: relative;
width: 25%; }
.small-4 {
position: relative;
width: 33.33333%; }
.small-5 {
position: relative;
width: 41.66667%; }
.small-6 {
position: relative;
width: 50%; }
.small-7 {
position: relative;
width: 58.33333%; }
.small-8 {
position: relative;
width: 66.66667%; }
.small-9 {
position: relative;
width: 75%; }
.small-10 {
position: relative;
width: 83.33333%; }
.small-11 {
position: relative;
width: 91.66667%; }
.small-12 {
position: relative;
width: 100%; }
.small-offset-0 {
position: relative;
margin-left: 0%; }
.small-offset-1 {
position: relative;
margin-left: 8.33333%; }
.small-offset-2 {
position: relative;
margin-left: 16.66667%; }
.small-offset-3 {
position: relative;
margin-left: 25%; }
.small-offset-4 {
position: relative;
margin-left: 33.33333%; }
.small-offset-5 {
position: relative;
margin-left: 41.66667%; }
.small-offset-6 {
position: relative;
margin-left: 50%; }
.small-offset-7 {
position: relative;
margin-left: 58.33333%; }
.small-offset-8 {
position: relative;
margin-left: 66.66667%; }
.small-offset-9 {
position: relative;
margin-left: 75%; }
.small-offset-10 {
position: relative;
margin-left: 83.33333%; }
[class*="column"] + [class*="column"]:last-child {
float: right; }
[class*="column"] + [class*="column"].end {
float: left; }
.column.small-centered,
.columns.small-centered,
.small-centered.event__header,
.small-centered.event__speakers,
.event__speakers dt.small-centered,
.event__speakers dd.small-centered {
position: relative;
margin-left: auto;
margin-right: auto;
float: none !important; } }
/* Styles for screens that are atleast 768px; */
@media only screen and (min-width: 768px) {
.large-1 {
position: relative;
width: 8.33333%; }
.large-2 {
position: relative;
width: 16.66667%; }
.large-3 {
position: relative;
width: 25%; }
.large-4 {
position: relative;
width: 33.33333%; }
.large-5 {
position: relative;
width: 41.66667%; }
.large-6 {
position: relative;
width: 50%; }
.large-7 {
position: relative;
width: 58.33333%; }
.large-8 {
position: relative;
width: 66.66667%; }
.large-9 {
position: relative;
width: 75%; }
.large-10 {
position: relative;
width: 83.33333%; }
.large-11 {
position: relative;
width: 91.66667%; }
.large-12 {
position: relative;
width: 100%; }
.row .large-offset-0, .event .large-offset-0, .event__speakers dl .large-offset-0 {
position: relative;
margin-left: 0%; }
.row .large-offset-1, .event .large-offset-1, .event__speakers dl .large-offset-1 {
position: relative;
margin-left: 8.33333%; }
.row .large-offset-2, .event .large-offset-2, .event__speakers dl .large-offset-2 {
position: relative;
margin-left: 16.66667%; }
.row .large-offset-3, .event .large-offset-3, .event__speakers dl .large-offset-3 {
position: relative;
margin-left: 25%; }
.row .large-offset-4, .event .large-offset-4, .event__speakers dl .large-offset-4 {
position: relative;
margin-left: 33.33333%; }
.row .large-offset-5, .event .large-offset-5, .event__speakers dl .large-offset-5 {
position: relative;
margin-left: 41.66667%; }
.row .large-offset-6, .event .large-offset-6, .event__speakers dl .large-offset-6 {
position: relative;
margin-left: 50%; }
.row .large-offset-7, .event .large-offset-7, .event__speakers dl .large-offset-7 {
position: relative;
margin-left: 58.33333%; }
.row .large-offset-8, .event .large-offset-8, .event__speakers dl .large-offset-8 {
position: relative;
margin-left: 66.66667%; }
.row .large-offset-9, .event .large-offset-9, .event__speakers dl .large-offset-9 {
position: relative;
margin-left: 75%; }
.row .large-offset-10, .event .large-offset-10, .event__speakers dl .large-offset-10 {
position: relative;
margin-left: 83.33333%; }
.row .large-offset-11, .event .large-offset-11, .event__speakers dl .large-offset-11 {
position: relative;
margin-left: 91.66667%; }
.push-1 {
position: relative;
left: 8.33333%;
right: auto; }
.pull-1 {
position: relative;
right: 8.33333%;
left: auto; }
.push-2 {
position: relative;
left: 16.66667%;
right: auto; }
.pull-2 {
position: relative;
right: 16.66667%;
left: auto; }
.push-3 {
position: relative;
left: 25%;
right: auto; }
.pull-3 {
position: relative;
right: 25%;
left: auto; }
.push-4 {
position: relative;
left: 33.33333%;
right: auto; }
.pull-4 {
position: relative;
right: 33.33333%;
left: auto; }
.push-5 {
position: relative;
left: 41.66667%;
right: auto; }
.pull-5 {
position: relative;
right: 41.66667%;
left: auto; }
.push-6 {
position: relative;
left: 50%;
right: auto; }
.pull-6 {
position: relative;
right: 50%;
left: auto; }
.push-7 {
position: relative;
left: 58.33333%;
right: auto; }
.pull-7 {
position: relative;
right: 58.33333%;
left: auto; }
.push-8 {
position: relative;
left: 66.66667%;
right: auto; }
.pull-8 {
position: relative;
right: 66.66667%;
left: auto; }
.push-9 {
position: relative;
left: 75%;
right: auto; }
.pull-9 {
position: relative;
right: 75%;
left: auto; }
.push-10 {
position: relative;
left: 83.33333%;
right: auto; }
.pull-10 {
position: relative;
right: 83.33333%;
left: auto; }
.push-11 {
position: relative;
left: 91.66667%;
right: auto; }
.pull-11 {
position: relative;
right: 91.66667%;
left: auto; }
.column.large-centered,
.columns.large-centered,
.large-centered.event__header,
.large-centered.event__speakers,
.event__speakers dt.large-centered,
.event__speakers dd.large-centered {
position: relative;
margin-left: auto;
margin-right: auto;
float: none !important; }
.column.large-uncentered,
.columns.large-uncentered,
.large-uncentered.event__header,
.large-uncentered.event__speakers,
.event__speakers dt.large-uncentered,
.event__speakers dd.large-uncentered {
margin-left: 0;
margin-right: 0;
float: left !important; }
.column.large-uncentered.opposite,
.columns.large-uncentered.opposite,
.large-uncentered.opposite.event__header,
.large-uncentered.opposite.event__speakers,
.event__speakers dt.large-uncentered.opposite,
.event__speakers dd.large-uncentered.opposite {
float: right !important; } }
/* Grid HTML Classes */
.row, .event, .event__speakers dl {
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
max-width: 62.5em;
width: 100%;
*zoom: 1; }
.row:before, .event:before, .event__speakers dl:before, .row:after, .event:after, .event__speakers dl:after {
content: " ";
display: table; }
.row:after, .event:after, .event__speakers dl:after {
clear: both; }
.row.collapse .column, .collapse.event .column, .event.header-site .column, .event.intro .column, .event__speakers dl.collapse .column, .event__speakers dl.header-site .column, .event__speakers dl.intro .column, .row.header-site .column, .row.intro .column,
.row.collapse .columns,
.collapse.event .columns,
.event.header-site .columns,
.event.intro .columns,
.event__speakers dl.collapse .columns,
.event__speakers dl.header-site .columns,
.event__speakers dl.intro .columns,
.row.header-site .columns,
.row.intro .columns,
.row.collapse .event__header,
.collapse.event .event__header,
.event.header-site .event__header,
.event.intro .event__header,
.event__speakers dl.collapse .event__header,
.event__speakers dl.header-site .event__header,
.event__speakers dl.intro .event__header,
.row.header-site .event__header,
.row.intro .event__header,
.row.collapse .event__speakers,
.collapse.event .event__speakers,
.event.header-site .event__speakers,
.event.intro .event__speakers,
.event__speakers dl.collapse .event__speakers,
.event__speakers dl.header-site .event__speakers,
.event__speakers dl.intro .event__speakers,
.row.header-site .event__speakers,
.row.intro .event__speakers,
.row.collapse .event__speakers dt,
.event__speakers .row.collapse dt,
.collapse.event .event__speakers dt,
.event__speakers .collapse.event dt,
.event.header-site .event__speakers dt,
.event__speakers .event.header-site dt,
.event.intro .event__speakers dt,
.event__speakers .event.intro dt,
.event__speakers dl.collapse dt,
.event__speakers dl.header-site dt,
.event__speakers dl.intro dt,
.row.header-site .event__speakers dt,
.event__speakers .row.header-site dt,
.row.intro .event__speakers dt,
.event__speakers .row.intro dt,
.row.collapse .event__speakers dd,
.event__speakers .row.collapse dd,
.collapse.event .event__speakers dd,
.event__speakers .collapse.event dd,
.event.header-site .event__speakers dd,
.event__speakers .event.header-site dd,
.event.intro .event__speakers dd,
.event__speakers .event.intro dd,
.event__speakers dl.collapse dd,
.event__speakers dl.header-site dd,
.event__speakers dl.intro dd,
.row.header-site .event__speakers dd,
.event__speakers .row.header-site dd,
.row.intro .event__speakers dd,
.event__speakers .row.intro dd {
padding-left: 0;
padding-right: 0;
float: left; }
.row .row, .event .row, .event__speakers dl .row, .row .event, .event .event, .event__speakers dl .event, .row .event__speakers dl, .event__speakers .row dl, .event .event__speakers dl, .event__speakers .event dl, .event__speakers dl dl {
margin-left: -0.9375em;
margin-right: -0.9375em;
max-width: none;
width: auto;
*zoom: 1; }
.row .row:before, .event .row:before, .event__speakers dl .row:before, .row .event:before, .event .event:before, .event__speakers dl .event:before, .row .event__speakers dl:before, .event__speakers .row dl:before, .event .event__speakers dl:before, .event__speakers .event dl:before, .event__speakers dl dl:before, .row .row:after, .event .row:after, .event__speakers dl .row:after, .row .event:after, .event .event:after, .event__speakers dl .event:after, .row .event__speakers dl:after, .event__speakers .row dl:after, .event .event__speakers dl:after, .event__speakers .event dl:after, .event__speakers dl dl:after {
content: " ";
display: table; }
.row .row:after, .event .row:after, .event__speakers dl .row:after, .row .event:after, .event .event:after, .event__speakers dl .event:after, .row .event__speakers dl:after, .event__speakers .row dl:after, .event .event__speakers dl:after, .event__speakers .event dl:after, .event__speakers dl dl:after {
clear: both; }
.row .row.collapse, .event .row.collapse, .event__speakers dl .row.collapse, .row .collapse.event, .event .collapse.event, .event__speakers dl .collapse.event, .row .event.header-site, .event .event.header-site, .event__speakers dl .event.header-site, .row .event.intro, .event .event.intro, .event__speakers dl .event.intro, .row .event__speakers dl.collapse, .event__speakers .row dl.collapse, .event .event__speakers dl.collapse, .event__speakers .event dl.collapse, .event__speakers dl dl.collapse, .row .event__speakers dl.header-site, .event__speakers .row dl.header-site, .event .event__speakers dl.header-site, .event__speakers .event dl.header-site, .event__speakers dl dl.header-site, .row .event__speakers dl.intro, .event__speakers .row dl.intro, .event .event__speakers dl.intro, .event__speakers .event dl.intro, .event__speakers dl dl.intro, .row .row.header-site, .event .row.header-site, .event__speakers dl .row.header-site, .row .row.intro, .event .row.intro, .event__speakers dl .row.intro {
margin-left: 0;
margin-right: 0;
max-width: none;
width: auto;
*zoom: 1; }
.row .row.collapse:before, .event .row.collapse:before, .event__speakers dl .row.collapse:before, .row .collapse.event:before, .event .collapse.event:before, .event__speakers dl .collapse.event:before, .row .event.header-site:before, .event .event.header-site:before, .event__speakers dl .event.header-site:before, .row .event.intro:before, .event .event.intro:before, .event__speakers dl .event.intro:before, .row .event__speakers dl.collapse:before, .event__speakers .row dl.collapse:before, .event .event__speakers dl.collapse:before, .event__speakers .event dl.collapse:before, .event__speakers dl dl.collapse:before, .row .event__speakers dl.header-site:before, .event__speakers .row dl.header-site:before, .event .event__speakers dl.header-site:before, .event__speakers .event dl.header-site:before, .event__speakers dl dl.header-site:before, .row .event__speakers dl.intro:before, .event__speakers .row dl.intro:before, .event .event__speakers dl.intro:before, .event__speakers .event dl.intro:before, .event__speakers dl dl.intro:before, .row .row.header-site:before, .event .row.header-site:before, .event__speakers dl .row.header-site:before, .row .row.intro:before, .event .row.intro:before, .event__speakers dl .row.intro:before, .row .row.collapse:after, .event .row.collapse:after, .event__speakers dl .row.collapse:after, .row .collapse.event:after, .event .collapse.event:after, .event__speakers dl .collapse.event:after, .row .event.header-site:after, .event .event.header-site:after, .event__speakers dl .event.header-site:after, .row .event.intro:after, .event .event.intro:after, .event__speakers dl .event.intro:after, .row .event__speakers dl.collapse:after, .event__speakers .row dl.collapse:after, .event .event__speakers dl.collapse:after, .event__speakers .event dl.collapse:after, .event__speakers dl dl.collapse:after, .row .event__speakers dl.header-site:after, .event__speakers .row dl.header-site:after, .event .event__speakers dl.header-site:after, .event__speakers .event dl.header-site:after, .event__speakers dl dl.header-site:after, .row .event__speakers dl.intro:after, .event__speakers .row dl.intro:after, .event .event__speakers dl.intro:after, .event__speakers .event dl.intro:after, .event__speakers dl dl.intro:after, .row .row.header-site:after, .event .row.header-site:after, .event__speakers dl .row.header-site:after, .row .row.intro:after, .event .row.intro:after, .event__speakers dl .row.intro:after {
content: " ";
display: table; }
.row .row.collapse:after, .event .row.collapse:after, .event__speakers dl .row.collapse:after, .row .collapse.event:after, .event .collapse.event:after, .event__speakers dl .collapse.event:after, .row .event.header-site:after, .event .event.header-site:after, .event__speakers dl .event.header-site:after, .row .event.intro:after, .event .event.intro:after, .event__speakers dl .event.intro:after, .row .event__speakers dl.collapse:after, .event__speakers .row dl.collapse:after, .event .event__speakers dl.collapse:after, .event__speakers .event dl.collapse:after, .event__speakers dl dl.collapse:after, .row .event__speakers dl.header-site:after, .event__speakers .row dl.header-site:after, .event .event__speakers dl.header-site:after, .event__speakers .event dl.header-site:after, .event__speakers dl dl.header-site:after, .row .event__speakers dl.intro:after, .event__speakers .row dl.intro:after, .event .event__speakers dl.intro:after, .event__speakers .event dl.intro:after, .event__speakers dl dl.intro:after, .row .row.header-site:after, .event .row.header-site:after, .event__speakers dl .row.header-site:after, .row .row.intro:after, .event .row.intro:after, .event__speakers dl .row.intro:after {
clear: both; }
.column,
.columns,
.event__header,
.event__speakers,
.event__speakers dt,
.event__speakers dd {
padding-left: 0.9375em;
padding-right: 0.9375em;
width: 100%;
float: left;
position: relative; }
@media only screen {
.small-1 {
width: 8.33333%; }
.small-2 {
width: 16.66667%; }
.small-3 {
width: 25%; }
.small-4 {
width: 33.33333%; }
.small-5 {
width: 41.66667%; }
.small-6 {
width: 50%; }
.small-7 {
width: 58.33333%; }
.small-8 {
width: 66.66667%; }
.small-9 {
width: 75%; }
.small-10 {
width: 83.33333%; }
.small-11 {
width: 91.66667%; }
.small-12 {
width: 100%; }
.small-offset-0 {
margin-left: 0%; }
.small-offset-1 {
margin-left: 8.33333%; }
.small-offset-2 {
margin-left: 16.66667%; }
.small-offset-3 {
margin-left: 25%; }
.small-offset-4 {
margin-left: 33.33333%; }
.small-offset-5 {
margin-left: 41.66667%; }
.small-offset-6 {
margin-left: 50%; }
.small-offset-7 {
margin-left: 58.33333%; }
.small-offset-8 {
margin-left: 66.66667%; }
.small-offset-9 {
margin-left: 75%; }
.small-offset-10 {
margin-left: 83.33333%; }
[class*="column"] + [class*="column"]:last-child {
float: right; }
[class*="column"] + [class*="column"].end {
float: left; }
.column.small-centered,
.columns.small-centered,
.small-centered.event__header,
.small-centered.event__speakers,
.event__speakers dt.small-centered,
.event__speakers dd.small-centered {
margin-left: auto;
margin-right: auto;
float: none !important; } }
@media only screen and (min-width: 768px) {
.medium-1 {
width: 8.33333%; }
.medium-2 {
width: 16.66667%; }
.medium-3, .event__speakers dd:last-child {
width: 25%; }
.medium-4, .event__header, .event__speakers dt {
width: 33.33333%; }
.medium-5, .event__speakers dd {
width: 41.66667%; }
.medium-6 {
width: 50%; }
.medium-7 {
width: 58.33333%; }
.medium-8, .event__speakers {
width: 66.66667%; }
.medium-9 {
width: 75%; }
.medium-10 {
width: 83.33333%; }
.medium-11 {
width: 91.66667%; }
.medium-12 {
width: 100%; }
.medium-offset-0 {
margin-left: 0%; }
.medium-offset-1 {
margin-left: 8.33333%; }
.medium-offset-2 {
margin-left: 16.66667%; }
.medium-offset-3 {
margin-left: 25%; }
.medium-offset-4 {
margin-left: 33.33333%; }
.medium-offset-5 {
margin-left: 41.66667%; }
.medium-offset-6 {
margin-left: 50%; }
.medium-offset-7 {
margin-left: 58.33333%; }
.medium-offset-8 {
margin-left: 66.66667%; }
.medium-offset-9 {
margin-left: 75%; }
.medium-offset-10 {
margin-left: 83.33333%; }
.medium-offset-11 {
margin-left: 91.66667%; }
.medium-push-1 {
left: 8.33333%;
right: auto; }
.medium-pull-1 {
right: 8.33333%;
left: auto; }
.medium-push-2 {
left: 16.66667%;
right: auto; }
.medium-pull-2 {
right: 16.66667%;
left: auto; }
.medium-push-3 {
left: 25%;
right: auto; }
.medium-pull-3 {
right: 25%;
left: auto; }
.medium-push-4 {
left: 33.33333%;
right: auto; }
.medium-pull-4 {
right: 33.33333%;
left: auto; }
.medium-push-5 {
left: 41.66667%;
right: auto; }
.medium-pull-5 {
right: 41.66667%;
left: auto; }
.medium-push-6 {
left: 50%;
right: auto; }
.medium-pull-6 {
right: 50%;
left: auto; }
.medium-push-7 {
left: 58.33333%;
right: auto; }
.medium-pull-7 {
right: 58.33333%;
left: auto; }
.medium-push-8 {
left: 66.66667%;
right: auto; }
.medium-pull-8 {
right: 66.66667%;
left: auto; }
.medium-push-9 {
left: 75%;
right: auto; }
.medium-pull-9 {
right: 75%;
left: auto; }
.medium-push-10 {
left: 83.33333%;
right: auto; }
.medium-pull-10 {
right: 83.33333%;
left: auto; }
.medium-push-11 {
left: 91.66667%;
right: auto; }
.medium-pull-11 {
right: 91.66667%;
left: auto; }
.column.medium-centered,
.columns.medium-centered,
.medium-centered.event__header,
.medium-centered.event__speakers,
.event__speakers dt.medium-centered,
.event__speakers dd.medium-centered {
margin-left: auto;
margin-right: auto;
float: none !important; }
.column.medium-uncentered,
.columns.medium-uncentered,
.medium-uncentered.event__header,
.medium-uncentered.event__speakers,
.event__speakers dt.medium-uncentered,
.event__speakers dd.medium-uncentered {
margin-left: 0;
margin-right: 0;
float: left !important; } }
@media only screen and (min-width: 1280px) {
.large-1 {
width: 8.33333%; }
.large-2 {
width: 16.66667%; }
.large-3 {
width: 25%; }
.large-4 {
width: 33.33333%; }
.large-5 {
width: 41.66667%; }
.large-6 {
width: 50%; }
.large-7 {
width: 58.33333%; }
.large-8 {
width: 66.66667%; }
.large-9 {
width: 75%; }
.large-10 {
width: 83.33333%; }
.large-11 {
width: 91.66667%; }
.large-12 {
width: 100%; }
.large-offset-0 {
margin-left: 0%; }
.large-offset-1 {
margin-left: 8.33333%; }
.large-offset-2 {
margin-left: 16.66667%; }
.large-offset-3 {
margin-left: 25%; }
.large-offset-4 {
margin-left: 33.33333%; }
.large-offset-5 {
margin-left: 41.66667%; }
.large-offset-6 {
margin-left: 50%; }
.large-offset-7 {
margin-left: 58.33333%; }
.large-offset-8 {
margin-left: 66.66667%; }
.large-offset-9 {
margin-left: 75%; }
.large-offset-10 {
margin-left: 83.33333%; }
.large-offset-11 {
margin-left: 91.66667%; }
.large-push-1 {
left: 8.33333%;
right: auto; }
.large-pull-1 {
right: 8.33333%;
left: auto; }
.large-push-2 {
left: 16.66667%;
right: auto; }
.large-pull-2 {
right: 16.66667%;
left: auto; }
.large-push-3 {
left: 25%;
right: auto; }
.large-pull-3 {
right: 25%;
left: auto; }
.large-push-4 {
left: 33.33333%;
right: auto; }
.large-pull-4 {
right: 33.33333%;
left: auto; }
.large-push-5 {
left: 41.66667%;
right: auto; }
.large-pull-5 {
right: 41.66667%;
left: auto; }
.large-push-6 {
left: 50%;
right: auto; }
.large-pull-6 {
right: 50%;
left: auto; }
.large-push-7 {
left: 58.33333%;
right: auto; }
.large-pull-7 {
right: 58.33333%;
left: auto; }
.large-push-8 {
left: 66.66667%;
right: auto; }
.large-pull-8 {
right: 66.66667%;
left: auto; }
.large-push-9 {
left: 75%;
right: auto; }
.large-pull-9 {
right: 75%;
left: auto; }
.large-push-10 {
left: 83.33333%;
right: auto; }
.large-pull-10 {
right: 83.33333%;
left: auto; }
.large-push-11 {
left: 91.66667%;
right: auto; }
.large-pull-11 {
right: 91.66667%;
left: auto; }
.column.large-centered,
.columns.large-centered,
.large-centered.event__header,
.large-centered.event__speakers,
.event__speakers dt.large-centered,
.event__speakers dd.large-centered {
margin-left: auto;
margin-right: auto;
float: none !important; }
.column.large-uncentered,
.columns.large-uncentered,
.large-uncentered.event__header,
.large-uncentered.event__speakers,
.event__speakers dt.large-uncentered,
.event__speakers dd.large-uncentered {
margin-left: 0;
margin-right: 0;
float: left !important; } }
/* Foundation Visibility HTML Classes */
.show-for-small,
.show-for-medium-down,
.show-for-large-down {
display: inherit !important; }
.show-for-medium,
.show-for-medium-up,
.show-for-large,
.show-for-large-up,
.show-for-xlarge {
display: none !important; }
.hide-for-medium,
.hide-for-medium-up,
.hide-for-large,
.hide-for-large-up,
.hide-for-xlarge {
display: inherit !important; }
.hide-for-small,
.hide-for-medium-down,
.hide-for-large-down {
display: none !important; }
/* Specific visilbity for tables */
table.show-for-small, table.show-for-medium-down, table.show-for-large-down, table.hide-for-medium, table.hide-for-medium-up, table.hide-for-large, table.hide-for-large-up, table.hide-for-xlarge {
display: table; }
thead.show-for-small, thead.show-for-medium-down, thead.show-for-large-down, thead.hide-for-medium, thead.hide-for-medium-up, thead.hide-for-large, thead.hide-for-large-up, thead.hide-for-xlarge {
display: table-header-group !important; }
tbody.show-for-small, tbody.show-for-medium-down, tbody.show-for-large-down, tbody.hide-for-medium, tbody.hide-for-medium-up, tbody.hide-for-large, tbody.hide-for-large-up, tbody.hide-for-xlarge {
display: table-row-group !important; }
tr.show-for-small, tr.show-for-medium-down, tr.show-for-large-down, tr.hide-for-medium, tr.hide-for-medium-up, tr.hide-for-large, tr.hide-for-large-up, tr.hide-for-xlarge {
display: table-row !important; }
td.show-for-small, td.show-for-medium-down, td.show-for-large-down, td.hide-for-medium, td.hide-for-medium-up, td.hide-for-large, td.hide-for-large-up, td.hide-for-xlarge,
th.show-for-small,
th.show-for-medium-down,
th.show-for-large-down,
th.hide-for-medium,
th.hide-for-medium-up,
th.hide-for-large,
th.hide-for-large-up,
th.hide-for-xlarge {
display: table-cell !important; }
/* Medium Displays: 768px - 1279px */
@media only screen and (min-width: 768px) {
.show-for-medium,
.show-for-medium-up {
display: inherit !important; }
.show-for-small {
display: none !important; }
.hide-for-small {
display: inherit !important; }
.hide-for-medium,
.hide-for-medium-up {
display: none !important; }
/* Specific visilbity for tables */
table.show-for-medium, table.show-for-medium-up, table.hide-for-small {
display: table; }
thead.show-for-medium, thead.show-for-medium-up, thead.hide-for-small {
display: table-header-group !important; }
tbody.show-for-medium, tbody.show-for-medium-up, tbody.hide-for-small {
display: table-row-group !important; }
tr.show-for-medium, tr.show-for-medium-up, tr.hide-for-small {
display: table-row !important; }
td.show-for-medium, td.show-for-medium-up, td.hide-for-small,
th.show-for-medium,
th.show-for-medium-up,
th.hide-for-small {
display: table-cell !important; } }
/* Large Displays: 1280px - 1440px */
@media only screen and (min-width: 1280px) {
.show-for-large,
.show-for-large-up {
display: inherit !important; }
.show-for-medium,
.show-for-medium-down {
display: none !important; }
.hide-for-medium,
.hide-for-medium-down {
display: inherit !important; }
.hide-for-large,
.hide-for-large-up {
display: none !important; }
/* Specific visilbity for tables */
table.show-for-large, table.show-for-large-up, table.hide-for-medium, table.hide-for-medium-down {
display: table; }
thead.show-for-large, thead.show-for-large-up, thead.hide-for-medium, thead.hide-for-medium-down {
display: table-header-group !important; }
tbody.show-for-large, tbody.show-for-large-up, tbody.hide-for-medium, tbody.hide-for-medium-down {
display: table-row-group !important; }
tr.show-for-large, tr.show-for-large-up, tr.hide-for-medium, tr.hide-for-medium-down {
display: table-row !important; }
td.show-for-large, td.show-for-large-up, td.hide-for-medium, td.hide-for-medium-down,
th.show-for-large,
th.show-for-large-up,
th.hide-for-medium,
th.hide-for-medium-down {
display: table-cell !important; } }
/* X-Large Displays: 1400px and up */
@media only screen and (min-width: 1440px) {
.show-for-xlarge {
display: inherit !important; }
.show-for-large,
.show-for-large-down {
display: none !important; }
.hide-for-large,
.hide-for-large-down {
display: inherit !important; }
.hide-for-xlarge {
display: none !important; }
/* Specific visilbity for tables */
table.show-for-xlarge, table.hide-for-large, table.hide-for-large-down {
display: table; }
thead.show-for-xlarge, thead.hide-for-large, thead.hide-for-large-down {
display: table-header-group !important; }
tbody.show-for-xlarge, tbody.hide-for-large, tbody.hide-for-large-down {
display: table-row-group !important; }
tr.show-for-xlarge, tr.hide-for-large, tr.hide-for-large-down {
display: table-row !important; }
td.show-for-xlarge, td.hide-for-large, td.hide-for-large-down,
th.show-for-xlarge,
th.hide-for-large,
th.hide-for-large-down {
display: table-cell !important; } }
/* Orientation targeting */
.show-for-landscape,
.hide-for-portrait {
display: inherit !important; }
.hide-for-landscape,
.show-for-portrait {
display: none !important; }
/* Specific visilbity for tables */
table.hide-for-landscape, table.show-for-portrait {
display: table; }
thead.hide-for-landscape, thead.show-for-portrait {
display: table-header-group !important; }
tbody.hide-for-landscape, tbody.show-for-portrait {
display: table-row-group !important; }
tr.hide-for-landscape, tr.show-for-portrait {
display: table-row !important; }
td.hide-for-landscape, td.show-for-portrait,
th.hide-for-landscape,
th.show-for-portrait {
display: table-cell !important; }
@media only screen and (orientation: landscape) {
.show-for-landscape,
.hide-for-portrait {
display: inherit !important; }
.hide-for-landscape,
.show-for-portrait {
display: none !important; }
/* Specific visilbity for tables */
table.show-for-landscape, table.hide-for-portrait {
display: table; }
thead.show-for-landscape, thead.hide-for-portrait {
display: table-header-group !important; }
tbody.show-for-landscape, tbody.hide-for-portrait {
display: table-row-group !important; }
tr.show-for-landscape, tr.hide-for-portrait {
display: table-row !important; }
td.show-for-landscape, td.hide-for-portrait,
th.show-for-landscape,
th.hide-for-portrait {
display: table-cell !important; } }
@media only screen and (orientation: portrait) {
.show-for-portrait,
.hide-for-landscape {
display: inherit !important; }
.hide-for-portrait,
.show-for-landscape {
display: none !important; }
/* Specific visilbity for tables */
table.show-for-portrait, table.hide-for-landscape {
display: table; }
thead.show-for-portrait, thead.hide-for-landscape {
display: table-header-group !important; }
tbody.show-for-portrait, tbody.hide-for-landscape {
display: table-row-group !important; }
tr.show-for-portrait, tr.hide-for-landscape {
display: table-row !important; }
td.show-for-portrait, td.hide-for-landscape,
th.show-for-portrait,
th.hide-for-landscape {
display: table-cell !important; } }
/* Touch-enabled device targeting */
.show-for-touch {
display: none !important; }
.hide-for-touch {
display: inherit !important; }
.touch .show-for-touch {
display: inherit !important; }
.touch .hide-for-touch {
display: none !important; }
/* Specific visilbity for tables */
table.hide-for-touch {
display: table; }
.touch table.show-for-touch {
display: table; }
thead.hide-for-touch {
display: table-header-group !important; }
.touch thead.show-for-touch {
display: table-header-group !important; }
tbody.hide-for-touch {
display: table-row-group !important; }
.touch tbody.show-for-touch {
display: table-row-group !important; }
tr.hide-for-touch {
display: table-row !important; }
.touch tr.show-for-touch {
display: table-row !important; }
td.hide-for-touch {
display: table-cell !important; }
.touch td.show-for-touch {
display: table-cell !important; }
th.hide-for-touch {
display: table-cell !important; }
.touch th.show-for-touch {
display: table-cell !important; }
/* Foundation Block Grids for below small breakpoint */
@media only screen {
[class*="block-grid-"] {
display: block;
padding: 0;
margin: 0 -0.625em;
*zoom: 1; }
[class*="block-grid-"]:before, [class*="block-grid-"]:after {
content: " ";
display: table; }
[class*="block-grid-"]:after {
clear: both; }
[class*="block-grid-"] > li {
display: inline;
height: auto;
float: left;
padding: 0 0.625em 1.25em; }
.small-block-grid-1 > li {
width: 100%;
padding: 0 0.625em 1.25em; }
.small-block-grid-1 > li:nth-of-type(n) {
clear: none; }
.small-block-grid-1 > li:nth-of-type(1n+1) {
clear: both; }
.small-block-grid-2 > li {
width: 50%;
padding: 0 0.625em 1.25em; }
.small-block-grid-2 > li:nth-of-type(n) {
clear: none; }
.small-block-grid-2 > li:nth-of-type(2n+1) {
clear: both; }
.small-block-grid-3 > li {
width: 33.33333%;
padding: 0 0.625em 1.25em; }
.small-block-grid-3 > li:nth-of-type(n) {
clear: none; }
.small-block-grid-3 > li:nth-of-type(3n+1) {
clear: both; }
.small-block-grid-4 > li {
width: 25%;
padding: 0 0.625em 1.25em; }
.small-block-grid-4 > li:nth-of-type(n) {
clear: none; }
.small-block-grid-4 > li:nth-of-type(4n+1) {
clear: both; }
.small-block-grid-5 > li {
width: 20%;
padding: 0 0.625em 1.25em; }
.small-block-grid-5 > li:nth-of-type(n) {
clear: none; }
.small-block-grid-5 > li:nth-of-type(5n+1) {
clear: both; }
.small-block-grid-6 > li {
width: 16.66667%;
padding: 0 0.625em 1.25em; }
.small-block-grid-6 > li:nth-of-type(n) {
clear: none; }
.small-block-grid-6 > li:nth-of-type(6n+1) {
clear: both; }
.small-block-grid-7 > li {
width: 14.28571%;
padding: 0 0.625em 1.25em; }
.small-block-grid-7 > li:nth-of-type(n) {
clear: none; }
.small-block-grid-7 > li:nth-of-type(7n+1) {
clear: both; }
.small-block-grid-8 > li {
width: 12.5%;
padding: 0 0.625em 1.25em; }
.small-block-grid-8 > li:nth-of-type(n) {
clear: none; }
.small-block-grid-8 > li:nth-of-type(8n+1) {
clear: both; }
.small-block-grid-9 > li {
width: 11.11111%;
padding: 0 0.625em 1.25em; }
.small-block-grid-9 > li:nth-of-type(n) {
clear: none; }
.small-block-grid-9 > li:nth-of-type(9n+1) {
clear: both; }
.small-block-grid-10 > li {
width: 10%;
padding: 0 0.625em 1.25em; }
.small-block-grid-10 > li:nth-of-type(n) {
clear: none; }
.small-block-grid-10 > li:nth-of-type(10n+1) {
clear: both; }
.small-block-grid-11 > li {
width: 9.09091%;
padding: 0 0.625em 1.25em; }
.small-block-grid-11 > li:nth-of-type(n) {
clear: none; }
.small-block-grid-11 > li:nth-of-type(11n+1) {
clear: both; }
.small-block-grid-12 > li {
width: 8.33333%;
padding: 0 0.625em 1.25em; }
.small-block-grid-12 > li:nth-of-type(n) {
clear: none; }
.small-block-grid-12 > li:nth-of-type(12n+1) {
clear: both; } }
/* Foundation Block Grids for above small breakpoint */
@media only screen and (min-width: 768px) {
/* Remove small grid clearing */
.small-block-grid-1 > li:nth-of-type(1n+1) {
clear: none; }
.small-block-grid-2 > li:nth-of-type(2n+1) {
clear: none; }
.small-block-grid-3 > li:nth-of-type(3n+1) {
clear: none; }
.small-block-grid-4 > li:nth-of-type(4n+1) {
clear: none; }
.small-block-grid-5 > li:nth-of-type(5n+1) {
clear: none; }
.small-block-grid-6 > li:nth-of-type(6n+1) {
clear: none; }
.small-block-grid-7 > li:nth-of-type(7n+1) {
clear: none; }
.small-block-grid-8 > li:nth-of-type(8n+1) {
clear: none; }
.small-block-grid-9 > li:nth-of-type(9n+1) {
clear: none; }
.small-block-grid-10 > li:nth-of-type(10n+1) {
clear: none; }
.small-block-grid-11 > li:nth-of-type(11n+1) {
clear: none; }
.small-block-grid-12 > li:nth-of-type(12n+1) {
clear: none; }
.large-block-grid-1 > li {
width: 100%;
padding: 0 0.625em 1.25em; }
.large-block-grid-1 > li:nth-of-type(n) {
clear: none; }
.large-block-grid-1 > li:nth-of-type(1n+1) {
clear: both; }
.large-block-grid-2 > li {
width: 50%;
padding: 0 0.625em 1.25em; }
.large-block-grid-2 > li:nth-of-type(n) {
clear: none; }
.large-block-grid-2 > li:nth-of-type(2n+1) {
clear: both; }
.large-block-grid-3 > li {
width: 33.33333%;
padding: 0 0.625em 1.25em; }
.large-block-grid-3 > li:nth-of-type(n) {
clear: none; }
.large-block-grid-3 > li:nth-of-type(3n+1) {
clear: both; }
.large-block-grid-4 > li {
width: 25%;
padding: 0 0.625em 1.25em; }
.large-block-grid-4 > li:nth-of-type(n) {
clear: none; }
.large-block-grid-4 > li:nth-of-type(4n+1) {
clear: both; }
.large-block-grid-5 > li {
width: 20%;
padding: 0 0.625em 1.25em; }
.large-block-grid-5 > li:nth-of-type(n) {
clear: none; }
.large-block-grid-5 > li:nth-of-type(5n+1) {
clear: both; }
.large-block-grid-6 > li {
width: 16.66667%;
padding: 0 0.625em 1.25em; }
.large-block-grid-6 > li:nth-of-type(n) {
clear: none; }
.large-block-grid-6 > li:nth-of-type(6n+1) {
clear: both; }
.large-block-grid-7 > li {
width: 14.28571%;
padding: 0 0.625em 1.25em; }
.large-block-grid-7 > li:nth-of-type(n) {
clear: none; }
.large-block-grid-7 > li:nth-of-type(7n+1) {
clear: both; }
.large-block-grid-8 > li {
width: 12.5%;
padding: 0 0.625em 1.25em; }
.large-block-grid-8 > li:nth-of-type(n) {
clear: none; }
.large-block-grid-8 > li:nth-of-type(8n+1) {
clear: both; }
.large-block-grid-9 > li {
width: 11.11111%;
padding: 0 0.625em 1.25em; }
.large-block-grid-9 > li:nth-of-type(n) {
clear: none; }
.large-block-grid-9 > li:nth-of-type(9n+1) {
clear: both; }
.large-block-grid-10 > li {
width: 10%;
padding: 0 0.625em 1.25em; }
.large-block-grid-10 > li:nth-of-type(n) {
clear: none; }
.large-block-grid-10 > li:nth-of-type(10n+1) {
clear: both; }
.large-block-grid-11 > li {
width: 9.09091%;
padding: 0 0.625em 1.25em; }
.large-block-grid-11 > li:nth-of-type(n) {
clear: none; }
.large-block-grid-11 > li:nth-of-type(11n+1) {
clear: both; }
.large-block-grid-12 > li {
width: 8.33333%;
padding: 0 0.625em 1.25em; }
.large-block-grid-12 > li:nth-of-type(n) {
clear: none; }
.large-block-grid-12 > li:nth-of-type(12n+1) {
clear: both; } }
p.lead {
font-size: 1.21875em;
line-height: 1.6; }
.subheader {
line-height: 1.4;
color: #6f6f6f;
font-weight: 300;
margin-top: 0.2em;
margin-bottom: 0.5em; }
/* Typography resets */
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
margin: 0;
padding: 0;
direction: ltr; }
/* Default Link Styles */
a {
color: #6e000d;
text-decoration: none;
line-height: inherit; }
a:hover, a:focus {
color: #55000a; }
a img {
border: none; }
/* Default paragraph styles */
p {
font-family: inherit;
font-weight: normal;
font-size: 1em;
line-height: 1.8;
margin-bottom: 1.25em;
text-rendering: optimizeLegibility; }
p aside {
font-size: 0.875em;
line-height: 1.35;
font-style: italic; }
/* Default header styles */
h1, h2, h3, h4, h5, h6 {
font-family: "ScalaSansWeb-Bold", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-weight: bold;
font-style: normal;
color: #222;
text-rendering: optimizeLegibility;
margin-top: 0.2em;
margin-bottom: 0.5em;
line-height: 1.2125em; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
font-size: 60%;
color: #6f6f6f;
line-height: 0; }
h1 {
font-size: 2.125em; }
h2 {
font-size: 1.6875em; }
h3 {
font-size: 1.375em; }
h4 {
font-size: 1.125em; }
h5 {
font-size: 1.125em; }
h6 {
font-size: 1em; }
hr {
border: solid #ddd;
border-width: 1px 0 0;
clear: both;
margin: 1.25em 0 1.1875em;
height: 0; }
/* Helpful Typography Defaults */
em,
i {
font-style: italic;
line-height: inherit; }
strong,
b {
font-weight: bold;
line-height: inherit; }
small {
font-size: 60%;
line-height: inherit; }
code {
font-family: Consolas, "Liberation Mono", Courier, monospace;
font-weight: bold;
color: #7f0a0c; }
/* Lists */
ul,
ol,
dl {
font-size: 1em;
line-height: 1.8;
margin-bottom: 1.25em;
list-style-position: outside;
font-family: inherit; }
ul, ol {
margin-left: 0; }
ul.no-bullet, ol.no-bullet {
margin-left: 0; }
/* Unordered Lists */
ul li ul,
ul li ol {
margin-left: 1.25em;
margin-bottom: 0;
font-size: 1em;
/* Override nested font-size change */ }
ul.square li ul, ul.circle li ul, ul.disc li ul {
list-style: inherit; }
ul.square {
list-style-type: square; }
ul.circle {
list-style-type: circle; }
ul.disc {
list-style-type: disc; }
ul.no-bullet {
list-style: none; }
/* Ordered Lists */
ol li ul,
ol li ol {
margin-left: 1.25em;
margin-bottom: 0; }
/* Definition Lists */
dl dt {
margin-bottom: 0.3em;
font-weight: bold; }
dl dd {
margin-bottom: 0.75em; }
/* Abbreviations */
abbr,
acronym {
text-transform: uppercase;
font-size: 90%;
color: #222;
border-bottom: 1px dotted #ddd;
cursor: help; }
abbr {
text-transform: none; }
/* Blockquotes */
blockquote {
margin: 0 0 1.25em;
padding: 0.5625em 1.25em 0 1.1875em;
border-left: 1px solid #ddd; }
blockquote cite {
display: block;
font-size: 0.8125em;
color: #555555; }
blockquote cite:before {
content: "\2014 \0020"; }
blockquote cite a,
blockquote cite a:visited {
color: #555555; }
blockquote,
blockquote p {
line-height: 1.8;
color: #6f6f6f; }
/* Microformats */
.vcard {
display: inline-block;
margin: 0 0 1.25em 0;
border: 1px solid #ddd;
padding: 0.625em 0.75em; }
.vcard li {
margin: 0;
display: block; }
.vcard .fn {
font-weight: bold;
font-size: 0.9375em; }
.vevent .summary {
font-weight: bold; }
.vevent abbr {
cursor: default;
text-decoration: none;
font-weight: bold;
border: none;
padding: 0 0.0625em; }
@media only screen and (min-width: 768px) {
h1, h2, h3, h4, h5, h6 {
line-height: 1.4em; }
h1 {
font-size: 2.75em; }
h2 {
font-size: 2.3125em; }
h3 {
font-size: 1.6875em; }
h4 {
font-size: 1.4375em; } }
/*
* Print styles.
*
* Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
* Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
*/
.print-only {
display: none !important; }
@media print {
* {
background: transparent !important;
color: #000 !important;
/* Black prints faster: h5bp.com/s */
box-shadow: none !important;
text-shadow: none !important; }
a,
a:visited {
text-decoration: underline; }
a[href]:after {
content: " (" attr(href) ")"; }
abbr[title]:after {
content: " (" attr(title) ")"; }
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: ""; }
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid; }
thead {
display: table-header-group;
/* h5bp.com/t */ }
tr,
img {
page-break-inside: avoid; }
img {
max-width: 100% !important; }
@page {
margin: 0.5cm; }
p,
h2,
h3 {
orphans: 3;
widows: 3; }
h2,
h3 {
page-break-after: avoid; }
.hide-on-print {
display: none !important; }
.print-only {
display: block !important; }
.hide-for-print {
display: none !important; }
.show-for-print {
display: inherit !important; } }
/* Side Nav */
.side-nav {
display: block;
margin: 0;
padding: 0.875em 0;
list-style-type: none;
list-style-position: inside; }
.side-nav li {
margin: 0 0 1.25em 0;
font-size: 0.875em; }
.side-nav li a {
display: block;
color: #6e000d; }
.side-nav li.active > a:first-child {
color: #4d4d4d;
font-weight: bold; }
.side-nav li.divider {
border-top: 1px solid;
height: 0;
padding: 0;
list-style: none;
border-top-color: #e6e6e6; }
/* =============================================================================
Main Template
----------------------------------------------------------------------------- */
/* =============================================================================
Helper Mixins
----------------------------------------------------------------------------- */
/*
* Image replacement
*/
/**
* Horizontal Rule
*/
hr {
border: solid rgba(0, 0, 0, 0.1);
border-width: 1px 0 0;
clear: both;
margin: 1em 0 1em;
height: 0; }
/* =============================================================================
Event
----------------------------------------------------------------------------- */
.event {
padding-top: 0.625em;
padding-bottom: 0.625em; }
.event h5 {
font-size: 0.875em;
text-transform: uppercase;
color: #444; }
.event__header p {
font-size: 0.875em;
line-height: 1.875em;
color: #444; }
.event__header__contents {
padding-right: 4em; }
.event__header__contents p {
margin-bottom: 0; }
.event__speakers dl:first-child {
padding-top: 0; }
.event__speakers dl:last-child {
padding-bottom: 0; }
.event__speakers dt {
font-family: "ScalaSansWeb-Bold", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
line-height: 1.375em;
margin-bottom: 0; }
@media only screen and (min-width: 768px) {
.event__speakers dt {
font-size: 1.25em;
line-height: 1.75em; } }
.event__speakers dd {
color: #444;
line-height: 1.375em;
margin-top: 0.3125em;
margin-bottom: 0; }
@media only screen and (min-width: 768px) {
.event__speakers dd:last-child {
text-align: right;
line-height: 1.75em;
margin-top: 0; } }
.event__speakers .ss-video {
font-size: 0.75em;
text-transform: uppercase;
font-family: "ScalaSansWeb-Bold", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; }
.event__speakers .ss-video:before {
position: relative;
top: 2px;
font-size: 1.875em;
vertical-align: middle;
margin-right: 0.25em; }
@media only screen and (min-width: 768px) {
.event__speakers hr:first-child {
display: none; } }
/* =============================================================================
Footer
----------------------------------------------------------------------------- */
.footer {
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
max-width: 62.5em;
width: 100%;
*zoom: 1;
text-align: center;
padding-top: 2em;
padding-bottom: 3em; }
.footer:before, .footer:after {
content: " ";
display: table; }
.footer:after {
clear: both; }
.copyright {
font-size: 0.8em;
text-transform: uppercase;
color: rgba(0, 0, 0, 0.5);
margin-top: 1.875em; }
/* =============================================================================
Header
----------------------------------------------------------------------------- */
.header-site {
z-index: 999;
padding-left: 0;
padding-right: 0; }
@media only screen and (min-width: 768px) {
.header-site {
padding-left: 1em;
padding-right: 1em; } }
/* =============================================================================
Intro Area
----------------------------------------------------------------------------- */
.intro {
background-color: rgba(0, 0, 0, 0.1);
padding-left: 0;
padding-right: 0;
padding-top: 1.25em;
margin-top: -1.5625em; }
.intro h1 {
color: #fff; }
@media only screen and (min-width: 768px) {
.intro {
margin-top: -2.5em;
padding-top: 1.875em;
padding-left: 1em;
padding-right: 1em; } }
.intro__image {
display: none; }
@media only screen and (min-width: 768px) {
.intro__image {
display: block;
position: absolute;
bottom: 0;
right: 0;
width: 263px; } }
@media only screen and (min-width: 768px) {
.intro__image {
width: 263px; } }
@media only screen and (min-width: 950px) {
.intro__image {
right: 3em; } }
.intro__contents {
position: relative; }
@media only screen and (min-width: 768px) {
.intro__contents {
padding-bottom: 1.25em; } }
@media only screen and (min-width: 765px) {
.intro__contents p {
padding-right: 2em; } }
.tagline {
font-size: 1.625em;
color: #fff; }
@media only screen and (min-width: 768px) {
.tagline {
font-size: 1.875em; } }
@media only screen and (min-width: 765px) {
.tagline {
padding-right: 1em; } }
@media only screen and (min-width: 1000px) {
.tagline {
padding-right: 0; } }
/* =============================================================================
Main Body
----------------------------------------------------------------------------- */
.main-body {
background-color: rgba(255, 255, 255, 0.5);
padding: 1.875em 0; }
@media only screen and (min-width: 768px) {
.main-body {
padding: 1.875em 1em; } }
.main-body__header {
text-transform: uppercase;
font-size: 1.25em;
line-height: 1.25em;
margin: 0; }
.main-body--page {
border-top: 10px solid rgba(0, 0, 0, 0.1);
margin-top: -40px; }
.speakers .post {
margin-bottom: 2em;
padding: 0 2.5em; }
@media screen and (max-width: 480px) {
.speakers .post {
width: 100%;
float: none;
padding: 0 0.9375em 1.25em;
display: block; } }
.speakers h4 {
margin-bottom: 0.3em; }
@media screen and (max-width: 480px) {
.speakers h4 {
font-size: 1.3em; } }
.speakers .image-post {
margin-bottom: 0.8em; }
.speakers .image-post img {
width: 100%; }
.speakers .tape span {
display: block;
text-transform: uppercase;
font-size: 0.875em;
color: #444;
margin-top: 0.5em; }
.speakers p {
margin-bottom: 0.6em; }
.speakers .links {
list-style-type: none;
margin-left: 0; }
.speakers .links li {
display: inline-block; }
.speakers .links li:after {
content: " / "; }
.speakers .links li:last-child:after {
content: ""; }
/* =============================================================================
Side Nav Customizations
----------------------------------------------------------------------------- */
.side-nav li {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding-bottom: 1em; }
.side-nav li:last-child {
border: 0; }
/*
* Retina Sprites for Compass
* by: Gaya Kessler (http://www.gayadesign.com/diy/retina-sprites-for-compass/)
* last update: 01/14/13
*
* Usage:
* 1. create two folders in your image directory (in this case 'icons' and 'icons-2x').
* 2. adjust the foldernames defined below if you use different names.
* 3. create sprite images for pixel ratio 1 screens and put them in the first folder.
* 4. create sprite images for pixel ratio 2 screens and put them in the second folder, use the same filenames.
* 5. use the sprite-image in your Sass/Scss using: '@include use-sprite()'
*/
/* =============================================================================
Font Styles
----------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6, dt, strong {
font-family: "ScalaSansWeb-Bold", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-weight: normal; }
ul, ol {
margin-left: 1em; }
/* =============================================================================
Site Logos
----------------------------------------------------------------------------- */
.id-main {
margin-top: 0.5em;
margin-bottom: 0; }
.id-sponsor {
margin-top: 1.25em;
text-align: right; }
@media only screen and (min-width: 768px) {
.id-sponsor {
margin-top: 1.875em; } }
.logo-cg {
background-color: transparent;
border: 0;
overflow: hidden;
/* IE 6/7 fallback */
*text-indent: -9999px;
background-image: url('/img/sprite1x-sde4a712d87.png');
background-position: -123px -84px;
background-repeat: no-repeat;
overflow: hidden;
display: inline-block;
height: 42px;
width: 78px; }
.logo-cg:before {
content: "";
display: block;
width: 0;
height: 150%; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) {
.logo-cg {
background-image: url('../img/sprite2x-sbd975a1246.png');
background-size: 245px 391.5px;
background-position: -123px -84px;
height: 42px;
width: 78px; } }
@media only screen and (min-width: 768px) {
.logo-cg {
background-color: transparent;
border: 0;
overflow: hidden;
/* IE 6/7 fallback */
*text-indent: -9999px;
background-image: url('../img/sprite1x-sde4a712d87.png');
background-position: 0 0;
background-repeat: no-repeat;
overflow: hidden;
display: inline-block;
height: 84px;
width: 156px; }
.logo-cg:before {
content: "";
display: block;
width: 0;
height: 150%; } }
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-width: 768px) and (min-device-pixel-ratio: 2) {
.logo-cg {
background-image: url('../img/sprite2x-sbd975a1246.png');
background-size: 245px 391.5px;
background-position: 0 0;
height: 84px;
width: 156px; } }
.logo-gel {
background-color: transparent;
border: 0;
overflow: hidden;
/* IE 6/7 fallback */
*text-indent: -9999px;
background-image: url('../img/sprite1x-sde4a712d87.png');
background-position: 0 -84px;
background-repeat: no-repeat;
overflow: hidden;
display: inline-block;
height: 103px;
width: 123px; }
.logo-gel:before {
content: "";
display: block;
width: 0;
height: 150%; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) {
.logo-gel {
background-image: url('../img/sprite2x-sbd975a1246.png');
background-size: 245px 391.5px;
background-position: 0 -84px;
height: 103px;
width: 123px; } }
@media only screen and (min-width: 768px) {
.logo-gel {
background-color: transparent;
border: 0;
overflow: hidden;
/* IE 6/7 fallback */
*text-indent: -9999px;
background-image: url('../img/sprite1x-sde4a712d87.png');
background-position: 0 -187px;
background-repeat: no-repeat;
overflow: hidden;
display: inline-block;
height: 206px;
width: 246px; }
.logo-gel:before {
content: "";
display: block;
width: 0;
height: 150%; } }
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-width: 768px) and (min-device-pixel-ratio: 2) {
.logo-gel {
background-image: url('../img/sprite2x-sbd975a1246.png');
background-size: 245px 391.5px;
background-position: 0 -187px;
height: 204.5px;
width: 245px; } }