*{box-sizing:border-box}.transition{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}body,html{padding:0;margin:0;font-size:10px}body{padding:2em;font-family:Roboto,sans-serif}#logo{width:150px;height:150px;margin:0 auto;background-position:center;background-repeat:no-repeat;background-size:contain}main{width:100%;max-width:100em;margin:0 auto}.svg-icon{display:inline-block;vertical-align:middle}#episodesList{margin:4em 0}#episodesList ul{list-style:none;padding:0;margin:0}#episodesList ul li{position:relative;padding:2em;margin:0 0 2em 0;border:1px solid;border-radius:3px}#episodesList ul li span{display:block}#episodesList ul li span.title{font-size:3.6em}#episodesList ul li span.length{margin:.5em 0;font-size:1.6em}#episodesList ul li span.description{font-size:1.6em}#episodesList ul li span.sources{padding:2em;margin:2em -2em -2em -2em;text-align:right}#episodesList ul li span.sources a.svg-icon{width:32px;height:32px;margin:0 1em 0 0;margin:0 0 0 1em}body.theme-light{color:#272727;background:#fff}body.theme-light .svg-icon{fill:#555}body.theme-light .svg-icon:hover{fill:#272727}body.theme-light #logo{background-image:url(../images/bbp-logo-light.png)}body.theme-light #episodesList ul li{background:#f0f0f0;border-color:#ccc}body.theme-light #episodesList ul li span.sources{background:#e0e0e0}body.theme-light footer{border-color:#ccc}body.theme-dark{color:#fff;background:#272727}body.theme-dark .svg-icon{fill:#ebebeb}body.theme-dark .svg-icon:hover{fill:#fff}body.theme-dark #logo{background-image:url(../images/bbp-logo-dark.png)}body.theme-dark #episodesList ul li{background:#313131;border-color:#ccc}body.theme-dark #episodesList ul li span.sources{background:#404040}body.theme-dark footer{border-color:#777}footer{padding:4em 0;margin-top:8em;text-align:center;border-top:1px solid}footer .social-links a.svg-icon{width:50px;height:50px;margin:0 1em}footer .copy{margin-top:4em}@media screen and (max-width:767px){#episodesList ul li span,#episodesList ul li span.sources{text-align:center}#episodesList ul li span.length{padding:.5em 0;margin-bottom:1em;border:1px solid #ccc;border-style:solid none}footer .social-links a.svg-icon{margin:1em}}