/**
 * W3C theme for Shower HTML presentation engine
 * shower-w3c v1.0.1 by Daniel Davis
 * Based on shower-ribbon v1.0.9, https://github.com/shower/ribbon
 * Copyright © 2010–2014 Vadim Makeev, http://pepelsbey.net
 * Licensed under MIT license: github.com/shower/shower/wiki/MIT-License
 */

@font-face {
font-style:italic;
font-weight:700;
font-family:'PT Mono';
src:url(https://www.w3.org/2017/Talks/tpac-slides/tpac2017-shower/shower/themes/ribbon/fonts/PTMono.woff) format(woff);
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
border:0;
font-size:100%;
font:inherit;
vertical-align:baseline;
margin:0;
padding:0;
}

body {
line-height:1;
counter-reset:slide;
font:24px/2 "Helvetica Neue",Helvetica,Arial,Verdana,Geneva,sans-serif;
}

ol,ul {
list-style:none;
}

blockquote,q {
quotes:none;
}

blockquote:before,blockquote:after,q:before,q:after {
content:none;
}

table {
border-collapse:collapse;
border-spacing:0;
}

a {
color:#005a9c;
background:linear-gradient(to top,currentColor,currentColor.09em,transparent.09em,transparent)repeat-x;
text-decoration:none;
}

.caption {
display:none;
color:#3C3D40;
text-shadow:0 1px 1px #8D8E90;
margin:0 0 50px;
}

.caption h1 {
font:700 48px/1 "Helvetica Neue",Helvetica,Arial,Verdana,Geneva,sans-serif;
}

.caption a {
text-shadow:0 -1px 1px #005a9c;
background:0 0;
}

.caption a:hover {
color:#5e93c8;
}

.badge {
position:absolute;
top:0;
right:0;
display:none;
overflow:hidden;
visibility:hidden;
width:11em;
height:11em;
line-height:2.5;
font-size:15px;
}

.badge a {
position:absolute;
bottom:50%;
right:-50%;
left:-50%;
visibility:visible;
background:#005a9c;
-webkit-box-shadow:0 0 1em rgba(0,0,0,.3);
box-shadow:0 0 1em rgba(0,0,0,.3);
color:#FFF;
text-decoration:none;
text-align:center;
-webkit-transform-origin:50% 100%;
-ms-transform-origin:50% 100%;
transform-origin:50% 100%;
-webkit-transform:rotate(45deg)translateY(-1em);
-ms-transform:rotate(45deg)translateY(-1em);
transform:rotate(45deg)translateY(-1em);
}

.badge a:hover {
background:#568ec6;
}

.live-region {
display:none;
}

.slide {
position:relative;
width:1024px;
height:640px;
background:#FFF;
color:#333;
-webkit-print-color-adjust:exact;
-webkit-text-size-adjust:none;
-moz-text-size-adjust:none;
-ms-text-size-adjust:none;
}

.slide:after {
position:absolute;
top:0;
right:119px;
width:60px;
height:100px;
background:url(https://www.w3.org/2017/Talks/tpac-slides/tpac2017-shower/shower/themes/w3c/images/ribbon_w3c.svg) no-repeat;
color:#FFF;
counter-increment:slide;
content:counter(slide);
text-align:center;
font-size:20px;
padding:50px 0 0;
}

/*Commented for TPAC '17, causing conflicts with coloured containers*/

/* 
.slide>div {
position:absolute;
top:0;
left:0;
overflow:hidden;
width:784px;
height:535px;
padding:105px 120px 0;
}
*/

.slide h2 {
color:#333;
font:700 48px/1 "Helvetica Neue",Helvetica,Arial,Verdana,Geneva,sans-serif;
margin:0 0 37px;
}

.slide p {
margin:0 0 50px;
}

.slide p.note {
color:#666;
}

.slide b,.slide strong {
font-weight:700;
}

.slide kbd,.slide code,.slide samp {
border-radius:8px;
background:#fafaa2;
color:#333;
-moz-tab-size:4;
-o-tab-size:4;
tab-size:4;
line-height:1;
font-family:monospace;
padding:3px 8px;
}

.slide kbd,.slide code,.slide samp {
background:rgba(0,0,0,.07);
color:#000;
line-height:1;
font-family:'PT Mono',monospace;
}

.slide mark {
background:#FAFAA2;
}

.slide sub,.slide sup {
position:relative;
line-height:0;
font-size:75%;
}

.slide sub {
bottom:-.25em;
}

.slide sup {
top:-.5em;
}

.slide blockquote:before {
position:absolute;
color:#CCC;
font:200px/1 "Helvetica Neue",Helvetica,Arial,Verdana,Geneva,sans-serif;
content:'\201C';
margin:-16px 0 0 -80px;
}

.slide blockquote+figcaption {
font-style:italic;
font-weight:700;
margin:-50px 0 50px;
}

.slide ol,.slide ul {
counter-reset:list;
margin:0 0 50px;
}

.slide ol li,.slide ul li {
text-indent:-2em;
}

.slide ol li:before,.slide ul li:before {
display:inline-block;
width:2em;
color:#BBB;
text-align:right;
}

.slide ol ol,.slide ol ul,.slide ul ol,.slide ul ul {
margin:0 0 0 2em;
}

.slide ul>li:before {
content:'\2022\00A0\00A0';
}

.slide ul>li:lang(ru):before {
content:'\2014\00A0\00A0';
}

.slide ol>li:before {
counter-increment:list;
content:counter(list)".\00A0";
}

.slide pre {
counter-reset:code;
white-space:normal;
-moz-tab-size:4;
-o-tab-size:4;
tab-size:4;
margin:0 0 49px;
padding:1px 0 0;
}

.slide pre code {
display:block;
background:0 0;
white-space:pre;
line-height:2;
padding:0;
}

.slide pre code:before {
position:absolute;
margin-left:-50px;
color:#BBB;
counter-increment:code;
content:counter(code,decimal-leading-zero)'.';
}

.slide pre code:only-child:before {
content:'';
}

.slide pre mark.important {
background:#005a9c;
color:#FFF;
}

.slide pre mark.comment {
background:0 0;
color:#666;
padding:0;
}

.slide table {
width:100%;
border-collapse:collapse;
border-spacing:0;
margin:0 0 50px;
}

.slide table th,.slide table td {
background:linear-gradient(to top,#bbb,#bbb.055em,transparent.055em,transparent)repeat-x;
}

.slide table th {
text-align:left;
font-weight:700;
}

.slide table.striped tr:nth-child(even) {
background:#EEE;
}

.slide.cover,.slide.shout {
z-index:1;
}

.slide.cover {
background:#000;
}

.slide.cover img,.slide.cover svg,.slide.cover video,.slide.cover object,.slide.cover canvas,.slide.cover iframe {
position:absolute;
top:0;
left:0;
z-index:-1;
}

.slide.cover.w img,.slide.cover.w svg,.slide.cover.w video,.slide.cover.w object,.slide.cover.w canvas,.slide.cover.w iframe {
top:50%;
width:100%;
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%);
}

.slide.cover.h img,.slide.cover.h svg,.slide.cover.h video,.slide.cover.h object,.slide.cover.h canvas,.slide.cover.h iframe {
left:50%;
height:100%;
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
transform:translateX(-50%);
}

.slide.cover.w.h img,.slide.cover.w.h svg,.slide.cover.w.h video,.slide.cover.w.h object,.slide.cover.w.h canvas,.slide.cover.w.h iframe {
top:0;
left:0;
-webkit-transform:none;
-ms-transform:none;
transform:none;
}

.slide.shout h2 {
position:absolute;
top:50%;
left:0;
width:100%;
text-align:center;
line-height:1;
font-size:140px;
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%);
}

.slide.shout h2 a {
background:linear-gradient(to top,currentColor,currentColor.11em,transparent.11em,transparent)repeat-x;
}

.slide .place {
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
}

.slide .place.t.l,.slide .place.t.r,.slide .place.b.r,.slide .place.b.l {
-webkit-transform:none;
-ms-transform:none;
transform:none;
}

.slide .place.t,.slide .place.b {
-webkit-transform:translate(-50%,0);
-ms-transform:translate(-50%,0);
transform:translate(-50%,0);
}

.slide .place.l,.slide .place.r {
-webkit-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
transform:translate(0,-50%);
}

.slide .place.t,.slide .place.t.l,.slide .place.t.r {
top:0;
}

.slide .place.r {
right:0;
left:auto;
}

.slide .place.b,.slide .place.b.r,.slide .place.b.l {
top:auto;
bottom:0;
}

.slide footer {
position:absolute;
left:0;
right:0;
bottom:-640px;
z-index:1;
display:none;
background:#fafaa2;
-webkit-box-shadow:0 0 0 2px #f0f0ac inset;
box-shadow:0 0 0 2px #f0f0ac inset;
-webkit-transition:bottom .3s;
transition:bottom .3s;
padding:20px 120px 4px;
}

.slide footer p {
margin:0 0 16px;
}

.slide footer mark {
background:rgba(255,255,255,.7);
}

.slide:hover footer {
bottom:0;
}

.list .slide {
float:left;
/* Commented, to fix slide sclaing for 1 slide/page printing
-webkit-transform-origin:0 0;
-ms-transform-origin:0 0;
transform-origin:0 0;
-webkit-transform:scale(.5);
-ms-transform:scale(.5);
transform:scale(.5);
margin:0 -412px -220px 0;
*/
}

.list .slide:before {
position:absolute;
top:0;
left:0;
z-index:-1;
width:512px;
height:320px;
-webkit-box-shadow:0 0 30px rgba(0,0,0,.005),0 20px 50px rgba(42,43,45,.6);
box-shadow:0 0 30px rgba(0,0,0,.005),0 20px 50px rgba(42,43,45,.6);
border-radius:2px;
content:'';
-webkit-transform-origin:0 0;
-ms-transform-origin:0 0;
transform-origin:0 0;
-webkit-transform:scale(2);
-ms-transform:scale(2);
transform:scale(2);
}

.list .slide:after {
top:auto;
right:auto;
bottom:-80px;
left:120px;
width:auto;
height:auto;
background:0 0;
color:#3C3D40;
text-shadow:0 1px 1px #8D8E90;
font-weight:700;
-webkit-transform-origin:0 0;
-ms-transform-origin:0 0;
transform-origin:0 0;
-webkit-transform:scale(2);
-ms-transform:scale(2);
transform:scale(2);
padding:0;
}

.list .slide:hover:before {
-webkit-box-shadow:0 0 0 10px rgba(42,43,45,.3),0 20px 50px rgba(42,43,45,.6);
box-shadow:0 0 0 10px rgba(42,43,45,.3),0 20px 50px rgba(42,43,45,.6);
}

.list .slide:target:before {
-webkit-box-shadow:0 0 0 10px #005a9c,0 20px 50px rgba(42,43,45,.6);
box-shadow:0 0 0 10px #005a9c,0 20px 50px rgba(42,43,45,.6);
}

.list .slide:target:after {
text-shadow:0 1px 1px rgba(42,43,45,.6);
color:#fff;
}

.list .slide>div:before {
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
z-index:2;
content:'';
}

.full {
position:absolute;
top:50%;
left:50%;
overflow:hidden;
width:1024px;
height:640px;
background:#000;
margin:-320px 0 0 -512px;
}

.full.debug:after {
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
z-index:2;
background:url(https://www.w3.org/2017/Talks/tpac-slides/tpac2017-shower/shower/themes/ribbon/images/grid.png) no-repeat;
content:'';
}

.full .live-region {
position:absolute;
clip:rect(0000);
overflow:hidden;
width:1px;
height:1px;
border:none;
display:block;
margin:-1px;
padding:0;
}

.full .slide {
position:absolute;
top:0;
left:0;
margin-left:150%;
}

.full .slide:target {
margin:0;
}

.full .slide.shout.grow h2,.full .slide.shout.shrink h2 {
opacity:0;
-webkit-transition:all .4s ease-out;
transition:all .4s ease-out;
}

.full .slide.shout.grow:target h2,.full .slide.shout.shrink:target h2 {
opacity:1;
-webkit-transform:scale(1)translateY(-50%);
-ms-transform:scale(1)translateY(-50%);
transform:scale(1)translateY(-50%);
}

.full .slide.shout.grow h2 {
-webkit-transform:scale(.1)translateY(-50%);
-ms-transform:scale(.1)translateY(-50%);
transform:scale(.1)translateY(-50%);
}

.full .slide.shout.shrink h2 {
-webkit-transform:scale(10)translateY(-50%);
-ms-transform:scale(10)translateY(-50%);
transform:scale(10)translateY(-50%);
}

.full .progress {
position:absolute;
right:0;
bottom:0;
left:0;
overflow:hidden;
height:10px;
z-index:1;
}

.full .progress div {
position:absolute;
left:-20px;
top:-10px;
width:0;
height:0;
border:10px solid transparent;
border-bottom-color:#005a9c;
-webkit-transition:width .2s linear;
transition:width .2s linear;
}


/* ==== TPAC 2017 EDITS ===== */

.slide::after {
position: absolute;
top: 0;
right: 100px;
padding-top: 15px;
width: 50px;
height: 100px;
background: url(https://www.w3.org/2017/Talks/tpac-slides/tpac2017-shower/shower/themes/w3c/images/TPAC_logo.png) no-repeat;
color: #fff;
counter-increment: slide;
content: counter(slide);
text-align: center;
}
.clearfix:after {
content: "";
display: table;
clear: both;
}

/* Sectioned text containers */
.container section{
width: 45%;
margin-bottom: 9px;
padding: 8px;
height: 235px;
}
.container ul{
list-style: none;
margin-bottom: 5px;
font-size: 18px;
padding-top: 15px;
line-height: 1.5em;
}
.container ul li{
text-indent: -1em;
}
.slide h3{
border-bottom: solid 1px #232323;
font-weight: bold;
text-align: center;
font-size: 20px;
}
.container section:nth-child(odd){
float:left;
margin-right: 5%;
}
.container section:nth-child(even){
float:right;
}

/* Edit to change box colours*/
.box1{
background-color: #fb8285;
}
.box2{
background-color: #e5cffa;
}
.box3{
background-color: #c9e2f9;
}
.box4{
background-color: #fde5a9;
} 

/* Overriding negative indent for list bullets*/
.offset li{text-indent: 0em !important;}

/*Sponsorship logos*/
#sponsors .tier1{ 
width: 300px;
}
#sponsors .tier2{ 
width: 275px;
}
#sponsors .tier3{ 
width: 200px;
}
#sponsors div a {
text-decoration: none;
background: none;
}
#sponsors div{
margin: 0 auto;
padding: 15px;
text-align: center;   
}

/* Curtain to enhance text visibility*/
.curtain{
width: 100%;
height: 70%;
padding: 45px;
color: #fff;
background: rgba(27, 26, 26, 0.65);
}

/*Layout and Text*/
.left{
float:left;
}
.right{
float:right;
}
.white{
color: #fff !important;
}

.budget{
font-size: 0.7em;
}

#stories-1 ul{
width:65%;
}

#stories-1 div{
width:32%;
}

#stories-1 div img{
width:350px;
}

#advancements-charters ul li{
font-size: 0.6em;
}

#advancements-charters div{
overflow: hidden;
position: relative;
bottom: 130px;
}

#advancements-charters div{
width:740px;
}

#cepc blockquote{
background: #f0f8ff;
width: 80%;
padding: 0 6px;
}

.quote1{
background: rgba(229, 207, 250, 0.35);
}
.quote2{
background: rgba(201, 226, 249, 0.35);
}

#webrtc-assess3 ul{
width:60%;
}

#webrtc-assess3 div{
width:40%;
}

#webrtc-assess3 div img{
width:350px;
}

#wcag21 ul{
width:70%;
font-size: 0.75em;
}

#wcag21 #alignimg{
position: relative;
bottom: 350px;
left: 80px;
}

#security-review ul{
width: 75%;
font-size: 0.8em;
}

#security-review div{
width: 25%;
margin-top: 100px;
}

/*Fixing spaces*/
.pdt10{padding-top: 10px;}
.pdr10{padding-right: 10px;}
.pdb10{padding-bottom: 10px;}
.pdl10{padding-left: 10px;}
.pd10{padding: 10px;}

.pdl15{padding-left: 15px;}
.pdl6{padding-left: 6px;}

.pdt20{padding-top: 20px;}
.pdb20{padding-bottom: 20px;}
.pd20{padding: 20px;}

.pdt30{padding-top: 30px;}
.pdb30{padding-bottom: 30px;}

.pd5-10{padding: 5px 10px;}

.mg0{margin: 0 !important;} 



/* ==== End TPAC 2017 edits ==== */

@page {
size:1024px 640px;
margin:0;
}

/* Removed: .list .caption which caused unwanted offset at top of print layout */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,.list .badge,.list .slide footer {
display:block;
}

.slide i,.slide em,.slide blockquote {
font-style:italic;
}

.slide.cover:after,.slide.shout:after,.full .slide .next {
visibility:hidden;
}

.slide .place.l,.full .progress div[style*='100%'] {
left:0;
}

.list .slide.cover:after,.list .slide.shout:after,.full .slide .next.active {
visibility:visible;
}



@media print{
body {
text-rendering:geometricPrecision;
}

.slide {
page-break-after:always;
}
}

@media screen{
.list {
position:absolute;
clip:rect(0,auto,auto,0);
background:#585A5E url(https://www.w3.org/2017/Talks/tpac-slides/tpac2017-shower/shower/themes/w3c/images/linen.png) !important;
padding:80px 0 40px 100px;
}
}

/*
@media -webkit-min-device-pixel-ratio 2,min-resolution 192dpi{
.list {
background-image:url(https://www.w3.org/2017/Talks/tpac-slides/tpac2017-shower/shower/themes/w3c/images/linen@2x.png);
background-size:256px;
}
}
*/

@media screen and (min-width: 1174px){
.shower.list .slide {
margin: 0 -512px -200px 50px;
-webkit-transform: scale(.5);
transform: scale(.5);
}
}

/* Commented, breaks 1 slide per page print layout
@media (max-width: 1324px){
.list .slide {
-webkit-transform:scale(.25);
-ms-transform:scale(.25);
transform:scale(.25);
margin:0 -688px -400px 0;
}
*/

.list .slide:before {
width:256px;
height:160px;
-webkit-transform:scale(4);
-ms-transform:scale(4);
transform:scale(4);
}

.list .slide:after {
bottom:-104px;
-webkit-transform:scale(4);
-ms-transform:scale(4);
transform:scale(4);
}

.list .slide:target:before {
box-shadow:0 0 0 1px #376da3,0 0 0 10px #4B86C2,0 20px 50px rgba(42,43,45,.6);
}
}