/*===== GENERIC RESET ============*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, figure, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
/*===== GENERIC TYPOGRAPHY ============*/
body { font-family:"Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif; font-size:16px; color:#666; background-color:#fff; }
/* headers */
h1 { font-family: 'TwabOne', Helvetica, Arial, sans-serif; font-size:2.8em; font-weight:normal; margin:0 0 1em 0; color:#ff9900; }
h2 { font-family: 'TwabOne', Helvetica, Arial, sans-serif; font-size:1.6em; font-weight:normal; margin:0 0 0.4em 0; line-height:1.2em; }
h3 { font-family: 'TwabOne', Helvetica, Arial, sans-serif; font-size:1.6em; font-weight:normal; margin:0 0 0.8em 0; }
h4 { font-family: 'TwabOne', Helvetica, Arial, sans-serif; font-size:1.6em; font-weight:normal; margin:0 0 0.2em 0; line-height:1.3em; }
h5 { font-family: 'TwabOne', Helvetica, Arial, sans-serif; font-size:1.6em; font-weight:normal; margin:0; }
h1 span,
strong span { font-family:"Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif; display:inline-block; font-size:0.5em; padding:0.3em 0.4em 0.4em 0.4em; background-color:#ccc; color:#fff; border-radius:3px; margin-right:0.4em; }
h2 a { font-size:0.762em; color:#ff9900; display:inline-block; margin:0 0 0 0.625em; }
h2 a:before { content: "\203A "; }
/* paragraphs */
p { line-height:1.43em; margin:0 0 1.1em 0; }
p strong,
ul li strong { font-weight:bold; }
table { line-height:1.43em; }
/* hyperlinks */
a { text-decoration:none; color:#666; }
p a { color:#ff9900; }
a:hover { text-decoration:none; color:#999; }
/* content lists */
#session-bio ul,
#session-info ul,
#location-directions ul,
.article ul,
.conditions { margin:0 0 1em 2em; }
#session-bio ul li,
#session-info ul li,
#location-directions ul li,
.article ul li { list-style:square; line-height:1.43em; margin:0 0 0.4em 0; }
.conditions li { list-style:decimal; line-height:1.43em; margin:0 0 0.4em 0; }
/* buttons */
.button { display:inline-block; border-radius:4px; padding:0.5em 0.7em; background-color:#F90; color:#fff; font-size:1em; margin:0 0.5em 1em 0; white-space:nowrap; }
.button:after { content: " \203A"; }
.button:hover { background-color:#999; color:#fff; }
.secondary { background-color:#ccc; color:#fff; }
/* images */
img { width:100%; opacity:1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; }
a:hover img { opacity:0.7; }
img.alignleft { float:left; margin:0 1.250em 0 0; }
img.alignright { float:right; margin:0 0 0 1.250em; }
/*===== MISC. STYLES ==========*/
.container { max-width:60em; padding:0 1em; margin:0 auto; overflow:hidden; }
.line { border-bottom:1px solid #ccc; margin-bottom:1.250em; }
.noline { border:0; }
.hide-text { overflow:hidden; white-space:nowrap; text-indent:9999em; }
.clear-left { clear:left; }
.hidden { display:none; }
.no-margin { margin-right:0!important; }
.add-margin { margin-right:240px!important; }
.notice { padding:0.5em 0.8em; background-color:#e1e1e1; border-radius:4px; margin-bottom:2em; width:auto; }
/*===== PAGE HEADER ===========*/
header { background-color:#ff9900; }
header .container { height:185px; position:relative; padding:0; }
header #logo { width:45em; margin:2em 0 2em 1em; overflow:hidden; }
header #logo img { width:15%; float:left; margin:0 1em 0 0; }
header #logo h1 { margin:0.4em 0 0.1em 0; font-size:2em; }
header #logo h1,
header #logo h2 { color:#fff; float:left; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; }
header #logo h2 { font-size:0.9em; font-family:"Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif; }
header #logo a:hover h1,
header #logo a:hover h2 { opacity:0.8; }
/* ticket box */
#ticket-box { display:block; width:10em; position:absolute; top:20px; right:1em; background-color:#fff; border-radius:5px; padding:0.8em 1em 0.4em 1em; }
#ticket-box:hover { color:#333; }
#ticket-box h2 { text-align:center; margin-bottom:0.2em; font-size:1.2em; line-height:1em; }
#ticket-box h3 { font-size:0.6em; font-family:"Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif; color:#999; margin:0 0 1.2em 0; text-transform:uppercase; text-align:center; }
#ticket-box p { font-size:0.8em; }
#ticket-box p span { display:block; }
#ticket-box .button { display:none; }
#ticket-box img { width:28%; float:right; margin-top:-4px; margin-right:0.5em; }
#ticket-box a { background-color:#f90; padding:0.5em; display:inline-block; border-radius:4px; color:#fff; }
#ticket-box a:hover { background-color:#999; }
/*===== PRIMARY NAVIGATION ====*/
nav ul { position:absolute; bottom:0; left:1em; overflow:hidden; -webkit-transition: height 0.5s; -moz-transition: height 0.5s; -ms-transition: height 0.5s; -o-transition: height 0.5s; transition: height 0.5s; }
nav ul li { display:inline-block; }
nav ul li a { display:inline-block; color:#fff; font-size:1.2em; padding:0.5em; font-weight:bold; }
nav ul li a:hover { color:#ffcc99; }
.home nav ul li.home a,
nav ul li.current-menu-item a,
body.session-speaker nav ul li.speakers a,
body.session-workshop nav ul li.workshops a { color:#ff9900; padding:0.5em 1em; background-color:#fff; border-top-left-radius:5px; border-top-right-radius:5px; margin-right:0.5em; }
.toggle-menu { display:none; }
/*===== CONTENT COMPONENTS ========*/
/* generic grid structure */
#content .container { background-color:#fff; padding:40px 1em; }
/* homepage - coverstory */
#coverstory { overflow:hidden; position:relative; margin:0 0 2em 0; }
#coverstory div { width:33%; position:absolute; right:5%; top:10%; background-color:#fff; padding:1em; border-radius:4px; }
#coverstory div h1 { margin:0 0 0.2em 0; }
#coverstory div h1 a { font-size:1em; color:#f90; }
/* homepage - speakers */
#speaker-features { overflow:hidden; margin:0 0 2em 0; border-bottom:1px solid #ccc; padding:0 0 1em 0; }
#speaker-features article { display:inline-block; width:22%; margin:0 2% 1em 0; vertical-align:top; }
#speaker-features article img { margin:0 0 0.625em 0; }
#speaker-features article h1 { margin:0 0 0.2em 0; font-size:1.3em; }
#speaker-features article h2 { font-size:1em; font-family:"Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif; }
#speaker-features article a:hover h3 { color:#f90; }
/* homepage - conference intro */
#conference-intro { border-bottom:1px solid #ccc; margin-bottom:2em; padding-bottom:2em; }
#conference-intro h1 { font-size:1.6em; color:#f90; margin-bottom:0.7em; }
/* homepage - sponsor info */
#sponsor-info h1 { font-size:1.6em; color:#666; margin-bottom:0.7em; }
#sponsor-info img { width:40%; margin-right:2em; float:left; }
#sponsor-info p { float:left; margin:0.5em 0 0 0; }
/* speakers and workshops overview */
#workshops article,
#speakers article { width:22.5%; margin:0 2.5% 1em -5px; display:inline-block; vertical-align:top; }
#workshops article img,
#speakers article img { width:100%; margin:0 0 0.5em 0; }
#workshops article h1,
#speakers article h1 { font-size:1.3em; margin:0 0 0.1em 0; }
#workshops article h1 { margin-bottom:0.2em; }
#workshops article h1 span { padding:0px 2px; background-color:#999; font-size:0.6em; color:#fff; border-radius:3px; }
#workshops article h2 { font-size:1em; font-family:"Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif; }
#speakers article a,
#workshops article a { line-height:1.2em; }
#workshops article a:hover h2 span { background-color:#e1e1e1; }
#intro { overflow:hidden; }
#intro #highlights { width:28%; float:right; background-color:#efefef; padding:1em 1em 0 1em; border-radius:4px; margin:0 0 1em 2em; overflow:hidden; }
#intro #highlights h2 { font-size:1.4em; color:#f90; }
#intro #highlights h3 { font-size:1em; font-family:"Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif; font-weight:bold; margin:0; line-height:1.43em; }
#intro #highlights .date { width:22%; float:left; margin:0 0.7em 1em 0; background-color:#fff; border-radius:4px; }
#intro #highlights .date strong,
#intro #highlights .date span { display:block; padding:0.2em; text-align:center; }
#intro #highlights .date strong { background-color:#666; color:#fff; text-transform:uppercase; border-top-left-radius:4px; border-top-right-radius:4px; }
#intro #highlights .date span { font-size:2em; font-weight:bold; }
#intro #highlights .location { display:block; }
/* speakers detail */
.single-session h1 { margin:0 0 0.1em 0; }
.single-session #content h2 { margin:0 0 1em 0; font-size:1.2em; font-family:"Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif; }
.single-session #session-info { border-bottom:1px dotted #ccc; margin:0 0 2em 0; }
.single-session #session-info #session-meta { margin:0 0 1.5em 0; padding:0; }
.single-session #session-info #session-meta li { list-style:none; float:none; display:inline-block; padding:5px 0 5px 2.2em; margin:0 1em 0 0; background:url("../img/icons/session-icons.gif") left top no-repeat; white-space:nowrap; }
.single-session #session-info #session-meta .meta-language { background-position: 0 1px; }
.single-session #session-info #session-meta .meta-speaker { background-position: 0 -73px; }
.single-session #session-info #session-meta .meta-date { background-position: 0 -148px; }
.single-session #session-info #session-meta .meta-location { background-position: 0 -222px; padding-left:1.8em; }
.single-session #session-info,
.single-session #session-bio { padding:0 0 1.250em 0; overflow:hidden; }
.single-session #session-info img,
.single-session #session-bio img { width:25%; height:auto; float:right; margin:0 0 1.250em 1.250em; }
.single-session #session-bio h1 { font-size:1.75em; }
.single-session #session-info .video { width:30%; float:right; background-color:#e3e3e3; padding:1.250em 1.250em 0 1.250em; border-radius:5px; margin:0 0 1em 4%; }
.single-session #session-bio .speaker { overflow:hidden; padding:0 0 1em 0; border-bottom:1px dotted #ccc; margin:0 0 2em 0; }
.single-session #session-bio .speaker h2 { font-size:1.2em; }
.single-session #session-bio .speaker h2 a { font-size:1em; margin:0; }
.single-session #session-bio .speaker h2 a:before { content:none; }
.single-session #session-bio .speaker .speaker-links { margin:0 0 1em 0; overflow:hidden; }
.single-session #session-bio .speaker .speaker-links li { list-style:none; padding:0; margin:0 1em 0 0; }
.single-session #session-bio .speaker .speaker-links li a { color:#999; }
.single-session #session-bio .speaker .speaker-links li a:hover { color:#666; }
.single-session #speaker-overview { border:0; }
.single-session #speaker-overview h1 { margin:0 0 1em 0; }
.single-session #speaker-overview ul li { display:inline-block; width:14%; margin:0 2% 0.625em 0; vertical-align:top; }
.session-workshop #speaker-overview ul li { width:22%; margin:0 2% 0.625em 0; }
.single-session #speaker-overview ul li a { font-size:0.8em; }
.single-session #speaker-overview ul li a img { width:100%; margin:0 0 0.4em 0; }
.single-session #speaker-overview ul li a strong { font-size:1.2em; display:block; margin:0 0 0.1em 0; }
.single-session #speaker-overview ul li a:hover img { opacity:0.8; }
/* video embeds */
.embed-container { position:relative; padding-bottom:56.25%; /* 16/9 ratio */ padding-top: 30px; /* IE6 workaround*/ height:0; overflow:hidden; margin:0 0 0.5em 0; }
.embed-container iframe,
.embed-container object,
.embed-container embed { position:absolute; top:0; left:0; width:100%; height:100%; }
/* programme subhome */
#programme table { width:100%; margin:0 0 50px 0; }
#programme table tr td p { margin:0; }
#programme table tr td .singlecolumn { display:none; font-size:0.8em; color:#999; }
#programme table tr td a { display:block; font-weight:bold; }
#programme table tr td a:hover { color:#999; }
#programme table tr td strong { padding:2px 4px; background-color:#999; color:#fff; font-size:0.625em; border-radius:3px; margin-right:0.3em; }
#programme table tr td strong.keynote { background-color:#666; }
#programme table tr td a:hover strong { background-color:#ccc; }
#programme table tr td a:hover strong.keynote { background-color:#999; }
#programme table tr td em { color:#999; }
#programme table tr th.time { width:10%; }
#programme table tr th.hall { width:30%; }
#programme table tr td,
#programme table tr th { border-bottom:1px solid #ccc; padding:0.625em 1.250em 0.625em 1.250em; border-right:1px solid #ccc; }
#programme table tr th p { line-height:1em; }
#programme table tr td span { display:block; color:#999; }
#programme table tr th strong { display:block; font-weight:bold; margin:0 0 0.313em 0; }
#programme table.filtered tr td p,
#programme table.filtered tr td a { opacity:0.7; }
#programme table.filtered tr td.focus p,
#programme table.filtered tr td.focus a,
#programme table.filtered tr.break td p { opacity:1; }
#programme table tr.break td { background-color:#ececec; }
#programme table tr.break td span { display:none; margin-right:0.5em; }
#filters ul { margin:1em 0 2em 0; }
#filters ul li { display:inline-block; }
#filters ul li a { display:block; margin:0 0.5em 0.5em 0; background-color:#efefef; border-radius:3px; padding:0.5em; }
#filters ul li.selected a { background-color:#999; color:#fff; }
/* tickets subhome */
#tickets table { border-spacing: 2px; margin-bottom: 1.5em; width:100%; }
#tickets table td { padding:0.5em 1em 1em 1em; background: #ececec none; }
#tickets table th { padding:0.5em 1em ; font-weight: bold; background: #f7f7f7 none; }
#tickets table sup { font-size: 0.65em; color: #999; font-weight:normal; margin:0 0 0 0.5em; }
#tickets table del { color: #999; }
#tickets table .blank { background: transparent none; }
#tickets .conditions { font-size:0.8em; color:#999; }
#tickets table .title a { display:block; color:#666; margin:0; font-size:1.143em; color:#f90; font-weight:bold; }
#tickets table .title a:hover { color:#ffcc99; }
#tickets table .title span { margin:0 0 0 0.4em; font-size:0.750em; color:#999; text-transform:uppercase; }
#tickets table a.button { color:#fff; margin:0.5em 0 0 0; padding:0.3em 0.5em; }
#tickets-conference,
#tickets-workshops { overflow:hidden; }
#tickets-conference { border-bottom:1px solid #ccc; margin:0 0 2em 0; }
#tickets-conference table { width:70%; float:left; margin-right:3%; margin-bottom:3em; }
#tickets-workshops { margin-bottom:2em; }
#ticket-purchase { background-color:#F7F7F7; width:22%; float:left; padding:2%; border-radius:4px; overflow:hidden; margin:0 0 2em 0}
#tickets-workshops .ticket-regular strong,
#tickets-workshops .ticket-discount strong { display:none; }
/* location subhome */
#location #map { width:60%; float:left; margin:0 3% 2em 0; }
#location #map #map_canvas { display:block; height:450px; }
#location #description { width:37%; float:right; }
#location #description h3 { font-size:1.4em; color:#ff9900; margin-bottom:0.3em; }
#location #description h4 { font-size:1.2em; }
#location #description #conference div,
#location #description #workshops div { padding:0 0 0 3em; }
#location #description #conference div { background:url("../img/icons/marker-a.png") left center no-repeat; }
#location #description #workshops div { background:url("../img/icons/marker-b.png") left center no-repeat; }
#location-photos { clear:left; margin:0 0 2em 0; }
#location-photos img { width:12%; margin:0 1% 0 0; padding:1%; background:#eee; display:inline; }
#location-directions div { display:inline-block; width:45%; margin-right:3%; vertical-align:top; }
#location-directions div h3 { font-size:1.4em; color:#ff9900; margin-bottom:0.5em; }
/* sponsors subhome */
#sponsors #sponsor-list ul { margin:0; padding:0 0 1em; }
#sponsors #sponsor-list ul li a { overflow:hidden; }
#sponsors #sponsor-list ul li { list-style:none; overflow:hidden; margin:0; padding:2em 0 1em; border-top:1px dotted #ccc;}
#sponsors #sponsor-list ul li:first-child { padding:1em 0 1em; border:none; }
#sponsors #sponsor-list ul li img { width:100%; margin-bottom:0em; }
#sponsors #sponsor-list ul li .logo { display:block; width:18%; float:left; margin-right:1em; }
#sponsors #sponsor-list ul li.gold .logo { display:block; width:60%; float:none; margin-bottom:0.25em;}
#sponsors #sponsor-list ul li.silver .logo { display:block; width:32%; float:none; margin-bottom:0.25em;}
/* about subhome */
#about .chi-logo { width: 18%; float: right; margin: 0 0 0.5em 0.5em; min-width: 80px; }
#about table { margin:1em 0 2em 0; border-collapse:collapse; width:100%; }
#about table tr th { display:none; }
#about table tr td { padding:0.5em 1em 0.5em 1em; background:#F7F7F7; border-bottom:1px solid #ccc; }
#about table a { display:inline-block; width:1.6em; height:1.6em; margin-right:0.5em; text-indent:9999em; white-space:nowrap; overflow:hidden; background-size:100%; border-radius:3px; }
#about table a:hover { opacity:0.7; }
#about table .team-profiles { white-space:nowrap; }
#about table .twitter { background-image:url("/2012/website/wp-content/themes/twab2012-v9/static/img/social/twitter.gif"); }
#about table .linkedin { background-image:url("/2012/website/wp-content/themes/twab2012-v9/static/img/social/linkedin.gif"); }
/*===== SUBSCRIBE ====================*/
#subscribe { background-color:#dfdfdf; }
#subscribe form { padding:1em 0; }
#subscribe form label { display:inline-block; margin:0 8px 0 0; }
#subscribe form input.text { font-size:1em; border:1px solid #fff; border-radius:5px; padding:0.5em; width:30%; margin:0 8px 0 0; }
#subscribe form input.text:focus { border:1px solid #999; color:#333; }
#subscribe form input.submit { display:inline-block; border:0; cursor:pointer; margin:0; background-color:#999; }
#subscribe form input:hover.submit { background-color:#666; }
#sponsorship-link { color:#f90; float:right; background-color:#fff; padding:0.5em; border-radius:4px; }
#sponsorship-link:hover { background-color:#f90; color:#fff; }
/*===== FOOTER ====================*/
footer { padding:1.875em 0; background-color:#999; }
footer h2,
footer p { color:#fff; }
footer h2 { font-size:1.7em; margin:0 0 1em 0; }
footer ul li { display:inline-block; width:30%; margin:0 3% 0.625em 0; vertical-align:top; }
footer ul li p { line-height:1.3em; }
footer ul li img { width:15%; float:left; margin:0 0.625em 0 0; border-radius:4px; }
/* colofon */
footer #legal { clear:left; margin-top: 1em; }
footer #legal p { font-size:0.750em; color:#ccc; text-align:center; }
footer #legal a { color:#fff; font-weight:bold; }
footer #legal img { width: 20%; max-width: 130px; }
footer #legal a:hover { color:#ccc; }
/*===== WEBFONT ====================*/
@font-face {
font-family: 'TwabOne';
src: url('../webfont/twabone-web.eot');
src: url('../webfont/twabone-web.eot?#iefix') format('embedded-opentype'),
url('../webfont/twabone-web.woff') format('woff'),
url('../webfont/twabone-web.ttf') format('truetype'),
url('../webfont/twabone-web.svg#TwabOne') format('svg');
font-weight: normal;
font-style: normal;
}
/*===== RESPONSIVENESS =============*/
@media screen and (max-width:900px) {
header #logo,
nav, footer { font-size:0.9em; }
#ticket-box { font-size:0.9em; }
}
@media screen and (max-width:850px) {
#ticket-box { font-size:0.8em; }
footer { font-size:14px; }
#content .container { font-size:0.9em; }
#location #description #conference div,
#location #description #workshops div { background-size:2.5em; }
}
@media screen and (max-width:800px) {
nav { font-size:0.8em; }
#speakers article,
#workshops article { width:30%; margin:0 2% 1em 0; }
header #logo { font-size:0.8em; }
#intro #highlights .date { font-size:0.8em; }
}
@media screen and (max-width:750px) {
header { height:auto; overflow:auto; }
header .container { text-align:center; height:auto; }
header #logo { width:100%; margin:1em 0; }
header #logo img { margin-left:1em; }
#content .container { margin:0 auto; padding-top:1em; }
nav { background-color:#666; margin:0 -1em; }
nav ul { position:relative; }
nav ul li { position:relative; display:block; width:32%; float:left; }
nav ul li a,
nav ul li.current-menu-item a { display:block; text-align:left; padding:0.6em 0.5em; background-color:#ccc; margin:0.5em 0 0 5%; border-radius:4px; color:#666; }
nav ul li a:hover { color:#f90; background-color:#fff; }
nav ul li.current-menu-item a { background-color:#fff; color:#666; }
nav ul li:nth-child(7) { margin-bottom:1em; }
.toggle-menu { display:block; float:right; width:auto; border-radius:4px; padding:0.6em 2.6em 0.6em 0.6em; background:url("../img/buttons/button-menu.gif") 3.6em center no-repeat #fff; margin:-1em 1em 0 0; color:#f90; }
.toggle-menu:hover { color:#f90; }
#ticket-box { display:none; }
#speaker-features article { width:46%; margin:0 3% 1em 0; }
#coverstory div h1 { font-size:1.4em; }
footer ul li { width:46%; margin:0 2% 0.625em 0; }
.single-session #speaker-overview ul li { width:22%; margin-right:2%; }
.workshop-session #speaker-overview ul li { min-height:18em; }
#location #map { width:100%; float:none; clear:left; }
#location #map #map_canvas { width:100%; height:350px; }
#location #description { width:100%; float:none; }
#location #description #conference,
#location #description #workshops { width:48%; float:left; }
#about table { width:100%; }
.btn .label b { display:none!important; padding:10px;}
#subscribe { font-size:0.9em; }
#subscribe form input.text { width:30%; }
#about table tr.header { display:none; }
#about table tr { width:41%; display:inline-block; margin:0 2% 1em 0; padding:1em; background-color:#F7F7F7; vertical-align:top; border:1px solid #ebebeb; }
#about table tr td { width:auto; display:block; border-right:0; border:0; padding:0; line-height:1.43em; }
#about table tr td.team-name { font-weight:bold; }
#about table tr td.team-organisation { color:#999; }
#about table tr td.team-profiles a { margin-top:0.3em; }
}
@media screen and (max-width:650px) {
#coverstory { overflow:visible; position:relative; margin:0; }
#coverstory div { position:relative; width:100%; left:0; padding:0; margin:0; }
#coverstory div h1 { font-size:1.750em; margin:0 0 0.5em 0; }
#content h1 { font-size:2em; margin-bottom:0.7em; }
.single-session #session-bio h1 { margin:0; }
.single-session #speaker-overview ul li { width:28%; margin-right:3%; }
#sponsors #sponsor-list ul li .logo { width:30%; }
#sponsors #sponsor-list ul li.gold .logo { width:80%; }
#sponsors #sponsor-list ul li.silver .logo { width:55%; }
#tickets-conference table { width:100%; }
#tickets-conference table,
#tickets-workshops table { margin-bottom:2em; }
#ticket-purchase { width:100%; float:none; }
#location-photos img { width:28%; margin:0 3% 3% 0; }
}
@media screen and (max-width:600px) {
#location #description #conference,
#location #description #workshops { width:100%; float:none; }
}
@media screen and (max-width:550px) {
header #logo h1,
header #logo h2 { clear:left; margin-left:16px; text-align:left; }
.toggle-menu { margin:-100px 1em 0 0; }
#intro #highlights { float:none; width:100%; margin-left:0; }
#intro #highlights .date { width:10%; }
#sponsor-info img { width:80%; float:none; margin:0; }
#subscribe form label { margin-bottom:0.5em; }
#subscribe form input.text { width:70%; }
#sponsors #sponsor-list ul li .logo { width:40%; clear:both; }
#sponsors #sponsor-list ul li p { float:left; }
#sponsors #sponsor-list ul li.gold .logo { width:90%; }
#sponsors #sponsor-list ul li.silver .logo { width:65%; }
.social h2 { margin-bottom:0.5em; }
.social ul li { width:12%; margin:0 3% 3% 0; }
.social ul li img { width:100%; }
.social ul li p { display:none; }
#tickets-workshops table .title { width:100%; }
#tickets-workshops table .ticket-regular,
#tickets-workshops table .ticket-discount { width:20%; float:left; }
#tickets-workshops table td { display:block; }
#tickets-workshops .ticket-regular strong,
#tickets-workshops .ticket-discount strong { display:inline; }
#programme table { margin-right:1em; }
#programme table tr th,
#programme table tr td.empty,
#programme table tr td.timeslot { display:none; }
#programme table tr td { width:auto; display:block; border-right:0; }
#programme table tr td p.singlecolumn { display:block; }
#programme table.filtered tr td,
#programme table.filtered tr.break td.timeslot { display:none; }
#programme table.filtered tr.break td,
#programme table.filtered tr td.focus { display:block; }
#programme table tr.break td p { font-size:0.8em; color:#999; }
#programme table tr.break td span { display:inline-block; }
#location-directions div { display:block; width:100%; margin-right:0%; }
#location-photos img { width:44%; margin:0 3% 3% 0; }
#about table tr { display:block; width:auto; margin:0 0 1em 0; box-sizing:border-box; position:relative; }
#about table tr td.team-profiles { position:absolute; top:1em; right:1em; }
}
@media screen and (max-width:450px) {
#speakers article,
#workshops article { width:42%; margin:0 3% 1em 0; }
}
@media screen and (max-width:400px) {
#content .container { padding-top:1.5em; padding-bottom:1.5em; }
nav ul li { position:relative; display:block; width:45%; float:left; }
nav ul li a,
.home nav ul li.home a,
nav ul li.current-menu-item a { padding:0.6em; margin:0.8em 0 0 8%; }
#ticket-box .button { font-size:0.9em; }
#intro #highlights .date { width:13%; }
.single-session #speaker-overview ul li { width:46%; margin-right:3%; }
#location #map #map_canvas { height:250px; }
#subscribe form input.text { width:50%; }
#programme table tr td { padding:0.6em 0.8em; }
#about table tr td.team-profiles { position:relative; top:0; right:0; }
}
@media screen and (max-width:320px) {
#ticket-box h2,
#coverstory div h1 { font-size:1.5em; }
}