.imageslide {color:white; text-shadow: -2px -2px 4px black, 2px 2px 4px black}
.imageslide h2, .imageslide h1 {color:white; text-shadow: -2px -2px 4px black, 2px 2px 4px black}
.imageslide svg {text-shadow: none}

body.impress-on-liquid {background-image: url("images/drop.png"); background-size: cover}
body.impress-on-liquid-ws {background-image: url("images/drop.png"); background-size: cover}

body.impress-on-liquid #liquid img {opacity:0}
body.impress-on-liquid #liquid p {opacity:0}


body.impress-on-liquid05-bea {background-image: url("images/bea-liquid1.jpg"); background-size: cover; background-position: top right}
#liquid05-bea h2 {margin-bottom: 5em;}

body.impress-on-icwe {background-image: url("images/background-icwe2016-logo.png"); background-size: cover; background-position: bottom right}


body.impress-on-leak {background-image: url("images/leak.jpg"); background-size: cover; background-position: bottom right}

body.impress-on-firehose {background-image: url("images/firehose1.jpg"); background-size: cover; background-position: bottom right}

body.impress-on-liquid05-sun {background-image: url("images/niagara.jpg"); background-size: cover; background-position: top right}
#liquid05-sun h2 {margin-bottom: 2em;}

#liquidm1 svg, #liquidm2 svg {margin-left:-3em;}

#liquid-manifesto h2 {margin-top:8em;}
#liquid-manifesto li:hover {border-top: black 1px solid;}

#cons h3 {font-size:1.3em}

#liquid-manifesto3 ol {margin-left:0em; margin-top:2em;}
#liquid-manifesto3 li {font-size:1.3em; background-color: white; padding:0.05em; padding-bottom:0.5em; margin:0; padding-left:0.5em;}
#liquid-manifesto3 li:last-child {padding-bottom:1em;}
#liquid-manifesto.past {opacity:1;}

body.impress-on-liquid-manifesto3 #liquid-manifesto li {font-size:0.6em;}
body.impress-on-liquid-manifesto3 #liquid-manifesto h2 {margin-top:0;}

#liquid-manifesto3 .substep.previous {opacity:1;}


#liquid-deploy svg {float:left;}

#capd p:nth-child(2n)  {font-weight: bold; color: #04A; margin-top:1.5em; margin-bottom:-0.5em;}

#liquid-storage svg {margin-left: -3em;}

@media screen {

#liquid-deploy svg {margin-right: 1em;}
#liquid-deploy ul li {margin-left: 1em;}
body.impress-on-liquid-deploy2 #liquid-deploy {opacity:1;}
body.impress-on-liquid-deploy3 #liquid-deploy {opacity:1;}
#liquid-deploy2 svg { -webkit-transform: scale(4) translate(1.5em,1em) }
#liquid-deploy3 p {margin-top: 9em;}

body.impress-on-s-mobile2 #s-mobile  {opacity:1;}
body.impress-on-s-mobile2 #s-mobile h2 {margin-right:-150%;}
h2 {transition: margin-right 0.5s ease-in-out; }

#mobile svg { -webkit-transform: scale(0.75) translateX(-5em);}
#migrate svg { -webkit-transform: scale(0.75) translateX(-4em);}

.step[id^=s-] svg {float: right; -webkit-transform: scale(8); -webkit-transform-origin: 0 0; width:256px; height:512px; margin-left: 0.5em;}

	#capproof svg, #cap svg {-webkit-transform:scale(0.9);  margin: -1.5em; }

	#reld {margin-top:4.5em;}

	body.impress-on-reld2 #reld h1 {margin-left:13em;}
    body.impress-on-reld3 #reld h1 {margin-left:24em;}
	#reld h1 {-webkit-transition: margin 0.75s }

body.impress-on-reld2 #reld, body.impress-on-reld3 #reld, 
body.impress-on-reld4 #reld, body.impress-on-reld5 #reld, body.impress-on-reld6 #reld {opacity:1;}

#recon svg {float:left;}

#capd p:nth-child(2n)  {font-weight: bold; color: #04A; margin-top:1.5em; margin-bottom:-0.5em;}

body.impress-on-intro-pi {background-image: url("images/RaspberryPi.jpg"); background-size: cover}
body.impress-on-intro-mc {background-image: url("images/multicore.png"); background-size: cover}
body.impress-on-intro-cl {background-image: url("images/cloud.jpg"); background-size: cover}
body.impress-on-intro-w {background-image: url("images/wave.jpg"); background-size: cover}
body.impress-on-intro-dry {background-image: url("images/dry.png"); background-size: cover}
body.impress-on-intro-f {background-image: url("images/frozen.jpg"); background-size: cover}
body.impress-on-intro-ux {background-image: url("images/ux.png"); background-size: cover}

.history {text-align: center;}

}

#liquid-ws.future, #liquid-ws.past, #liquid.past {opacity: 0;}

body.impress-on-ch {background:#fff}
body.impress-on-ch2 {background-image:url("images/lugano.png"); background-size:cover}
body.impress-on-ch2 #ch img {opacity:0}
body.impress-on-ch3 {background-image:url("images/lugano.png"); background-size:cover}
body.impress-on-ch3 #ch img {opacity:0}
body.impress-on-ch4 {background-image:url("images/lugano.png"); background-size:cover}
body.impress-on-ch4 #ch img {opacity:0}
#ch3.step {background:rgba(255,255,255,0.8); padding-top:0; padding-bottom:0}
#ch4.step {background:rgba(255,255,255,0.8); padding-top:0; padding-bottom:0}

#ch3.future, #ch3.past {opacity:0}
#ch2.future {opacity:0}
#ch4.future {opacity:0}

#ch4 h3 {font-size:1.25em; text-align: center;}
#ch4 p {text-align: center; background-color: rgba(255,255,255,0.9)}
#ch4 a {color: rgb(32,32,32);}
#ch4 li:hover {background-color: rgba(255,255,255,0.9)}

#ch2 h3 {color: white; text-shadow: 1px 0px 5px black, 0px 1px 5px black, -1px 0px 5px black, -1px 0px 5px black;}