/*!

Description: For blog and docs
Version: 5.0
Author: Thierry DOCQUIER
*/.group:after{content:"";display:table;clear:both}*
{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.alignright{float:right;margin:0 0 1px 40px;border:1px solid #9dcce9;background:#eef8ff}
.align-right{width:60%;float:right;margin:0 0 5px 10px}
.alignleft{float:left;margin:0 10px 1px 0}@media (max-width: 500px)
{.alignright,.alignleft{float:none;margin:0;padding:10px}}
.clear{clear:both}.fluid-width-video-wrapper{clear:both}
.screen-reader-text{position:absolute;top:-9999px;left:-9999px}
.call-to-action{padding:50px 0}.call-to-action .button{font-size:40px}
.badge{font-size:70%;text-transform:uppercase;padding:0.1em 0.4em;color:black;border-radius:5px;position:relative;top:-3px}
.badge-pro{background:#fcd000;font-weight:700}.badge-pro:hover,.badge-pro:focus{-webkit-box-shadow:0 0 10px yellow;box-shadow:0 0 10px yellow;color:black}
.info-table{width:100%;border-collapse:collapse;margin:0 0 1em 0}.info-table td,.info-table th{padding:10px;border:1px solid #ccc;width:50%;vertical-align:top}
.table-of-contents{float:right;width:50%;background:#eee;border-radius:10px;padding:20px;margin:0 0 20px 20px}
.table-of-contents ul{margin-bottom:0}.table-of-contents li{font-size:0.8em}@media (max-width: 500px){
	.table-of-contents{padding:10px;float:none;width:100%;margin:0 0 20px 0}}
	.hide{display:none !important}@font-face{font-family:"Telefon Blackd";font-weight:bold;src:url("fonts/telefone/black/3f32b1c9-8e26-465e-ae02-ff82a378b670-3.woff") format("woff"),
	url("fonts/telefon/black/3f32b1c9-8e26-465e-ae02-ff82a378b670-3.woff2") 
	format("woff2")}@font-face{font-family:"Telefon";font-weight:normal;src:url("fonts/telefone/bold/af889c53-1ee3-4868-8fdc-2b310d587b50-3.woff") format("woff"),
	url("fonts/telefon/bold/af889c53-1ee3-4868-8fdc-2b310d587b50-3.woff2") format("woff2")}html{line-height:1.5;font-size:16px;font-family:"Latov", "Lucida Grande", "Lucida Sans Unicode", 
	Tahoma, Sans-Serif;font-weight:400;font-style:normal;color:white}@media (max-width: 770px){html{font-size:14px}}@media (max-width: 500px){html{font-size:12px}}h1,h2,h3,h4,h5,h6{font-family:"Telefone", Sans-Serif;font-weight:normal;margin:0 0 1rem 0;line-height:1.2}article h1 a,article h2 a,article h3 a,article h4 a,article h5 a,article h6 a{color:black}article h1 a:focus,article h1 a:hover,article h2 a:focus,article h2 a:hover,article h3 a:focus,article h3 a:hover,article h4 a:focus,article h4 a:hover,article h5 a:focus,article h5 a:hover,article h6 a:focus,article h6 a:hover{color:#333;text-decoration:none}h1{font-size:2.5rem;font-family:"Telefon Black", Sans-Serif;font-weight:bold}@media (max-width: 500px){h1{font-size:2rem}}h2{font-size:2rem;font-weight:700}h3{font-size:2rem}article h3{padding-top:1.8em}h4{font-size:1.75rem;font-weight:700;margin:0 0 5px 0}.article-headline-link{font-weight:400;color:#999;display:inline-block;margin-right:0.5rem;font-size:85%;border:0;line-height:1;vertical-align:baseline}@media (min-width: 770px){.article-headline-link{margin-top:0.15em;opacity:0;float:left;margin-left:-36px}h1:hover .article-headline-link,h2:hover .article-headline-link,h3:hover .article-headline-link,h4:hover .article-headline-link,h5:hover .article-headline-link,h6:hover .article-headline-link{opacity:1}}a{text-decoration:none;color:#000}a:hover,a:focus{color:#356684}article p,article .cp_embed_wrapper{margin:0 0 1em 0}article ul,article ol{margin:0 0 2em 20px}article li{margin:0 0 5px 0}article blockquote{margin:0 0 2em 0;background:#eee;color:#333;padding:1.5em;border-left:10px solid #ccc}article blockquote p:last-child{margin:0}article pre{overflow:auto;color:white;background:linear-gradient(45deg, #1d1f20, #2f3031);padding:0;margin:1rem 0;font-family:Menlo, Monaco, monospace;-moz-tab-size:2;-o-tab-size:2;tab-size:2;-ms-word-break:normal;word-break:normal;word-break:normal;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;position:relative}article pre[data-lang]{padding-top:25px}article pre[data-lang]:before{content:attr(data-lang);color:white;position:absolute;top:0;left:0;width:100%;font-family:"Lato", sans-serif;background:#60c2ff;padding:2px 0;font-size:0.9rem;text-indent:15px}article pre code{font-family:Menlo, Monaco, monospace;background:none;padding:15px;white-space:pre;overflow:auto;display:block}p>code,li>code,dd>code,td>code{background:#eee;padding:2px 6px 3px;border-radius:4px;-webkit-box-shadow:1px 1px 1px rgba(0,0,0,0.4);box-shadow:1px 1px 1px rgba(0,0,0,0.4);position:relative;top:-1px}hr{border:0;height:1px;position:relative;margin:0 0 1em 0;background:-webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0)), color-stop(rgba(0,0,0,0.1)), to(rgba(0,0,0,0)));background:linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.1), rgba(0,0,0,0))}hr::before{content:"";position:absolute;top:-1px;left:0;width:100%;height:1px;background:-webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0)), color-stop(rgba(0,0,0,0.3)), to(rgba(0,0,0,0)));background:linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.3), rgba(0,0,0,0))}.block-time{font-family:Menlo, Monaco, monospace;display:block;color:#444;letter-spacing:2px;text-transform:uppercase;font-weight:200;margin:0 0 15px 0}.type-post .block-time{margin-bottom:40px}table{width:100%;border-collapse:collapse;margin:0 0 20px 0}table th{text-align:left}table td,table th{padding:0.5em 1em;border:1px solid #eee}table thead{border-bottom:2px solid #ccc}.callout{background:lightyellow;padding:1rem;font-size:0.9rem;position:relative}.callout::before{content:"";height:3px;position:absolute;top:0;left:0;width:100%;background:repeating-linear-gradient(45deg, yellow, yellow 10px, black 10px, black 20px)}.button{font-family:inherit;display:inline-block;border:0;outline:0;padding:12px 16px;line-height:1.4;background:#343436;border-radius:2px;color:white;font-size:1rem;white-space:nowrap;text-overflow:ellipsis;text-decoration:none !important;cursor:pointer}.button:hover:not([disabled]),.button:focus:not([disabled]){background:#4d4d50}.button:active:not([disabled]){-webkit-transform:translateY(1px);transform:translateY(1px)}.button.big{font-size:1.5rem}.button.green{background:#47cf73}.mini-button{font-size:0.7em;padding:3px 8px;float:none;height:auto !important}.new-pen-button .icon{font-weight:bold;color:#0ebeff}input[type='name'],input[type='text'],input[type='email'],input[type='password'],input[type='search'],input[type='url'],input[type='tel'],input[type='number'],textarea{font-family:inherit;border:0;font-size:1rem;-webkit-appearance:none;background:-webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff));background:linear-gradient(#eee, #fff);padding:8px;outline:0;-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.3);box-shadow:inset 1px 1px 1px rgba(0,0,0,0.3);width:100%}input[type='name']:focus,input[type='text']:focus,input[type='email']:focus,input[type='password']:focus,input[type='search']:focus,input[type='url']:focus,input[type='tel']:focus,input[type='number']:focus,textarea:focus{background:white}label{font-weight:bold}fieldset{padding:20px;margin:0 0 20px 0;border:2px solid #ccc}legend{padding:0 10px;font-weight:bold}.select2-results{color:black}html{background:#333335;margin-top:0 !important;overflow-x:hidden}body{position:relative;overflow-x:hidden;scroll-behavior:smooth}.width-wrapper{max-width:1200px;margin:0 auto;position:relative;padding:0 20px}@media (max-width: 500px){.width-wrapper{padding:0 10px}}.page-wrap{max-width:1000px;padding:20px;margin:30px auto;overflow:hidden;position:relative}@media (max-width: 500px){.page-wrap{margin:0 auto}}.mega-header{text-align:center;background:black;padding:125px 25px;margin:0 0 60px 0}.mega-header h1{font-size:4rem}.mega-header p{font-size:1.5rem;max-width:700px;margin:0 auto 20px}.mega-header p:last-child{margin:0 auto}.mega-header .subtitle{font-weight:200;font-size:2rem;max-width:700px;margin:0 auto}@media (max-width: 770px){.mega-header{padding:50px 20px}}@media (max-width: 500px){.mega-header{padding:40px 10px;margin-bottom:0}.mega-header h1{font-size:2.8rem}.mega-header p{font-size:1.3rem}.mega-header .subtitle{font-weight:200;font-size:1.3rem}}.mega-header.blog-main-header{background:-webkit-gradient(linear, left top, left bottom, from(rgba(24,24,24,0.25)), to(#181818)),url("https://res.cloudinary.com/css-tricks/image/upload/f_auto,q_auto/v1572550180/blog-bg_x7mzfu.jpg");
	background:linear-gradient(to bottom, rgba(24,24,24,0.25), #181818),url("https://res.cloudinary.com/css-tricks/image/upload/f_auto,q_auto/v1572550180/blog-bg_x7mzfu.jpg");
	background-size:cover;background-position:center}
	.home-article{background:white;padding:3em 5em;margin:0 0 20px 0;border-radius:8px}@media (max-width: 500px){.homez-article{padding:2em;margin:0 0 60px 0}}
	.features,.faq{width:50%;float:left}@media (max-width: 500px){.features,.faq{float:none;width:100%}}.search-form{background:#1c1426;margin:0 auto;padding:13px}
	.search-form input[type="search"]{width:100%;border-radius:4px}.search-form .search-icon{fill:#4e8fb8;margin-right:10px;width:28px;height:28px;position:relative;top:4px}
	.search-form>form>div{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex}.algolia-autocomplete .ds-dropdown-menu{min-width:100px}
	.older-posts{float:left}.newer-posts{float:right}.three-columns{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.three-columns>div{width:32%}.three-columns>div img{width:100%}.main-header{background:white;color:black;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:middle;-moz-box-align:middle;-ms-flex-align:middle;align-items:middle;position:relative;z-index:7000;height:65px;padding:0 20px 0 0}.main-header>nav{-webkit-box-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1}.main-header>nav>ul{list-style:none;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;height:100%}.main-header>nav>ul>li{display:grid;place-items:center;position:relative}.main-header>nav>ul>li::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:5px;background:#4e8fb8;display:none}.main-header>nav>ul>li>a{color:#000;display:block;padding:0.5rem;white-space:nowrap}@media (max-width: 600px){.main-header{-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0}.main-header .logo{width:100%;margin:0;height:auto}.main-header .logo .large-screen-logo{margin:0 auto;width:calc(180px / 2);height:calc(65px / 2);background-size:calc(138px / 2) calc(26px / 2);background-position:center}}.logo{margin:0;position:relative;z-index:1;width:180px;height:100%;margin-right:20px}.logo .large-screen-logo{font:0/0 a;background:url("images/codepen-logo.svg") no-repeat 18px 21px;background-size:138px 26px;width:180px;height:65px;display:block;border:0;outline:0;-webkit-filter:invert(100%);filter:invert(100%)}body.blog li.primary-blog::after{display:block}body.page-template-help li.primary-docs::after,body.page-template-default li.primary-docs::after{display:block}body.page-template-radio-php li.primary-podcast::after{display:block}.primary-podcast{margin-right:auto}.link-list,.link-list ul,.link-list ol{list-style:none}.link-list a{color:black;display:block;padding:8px 15px 10px;line-height:1.1;text-shadow:none;text-decoration:none}.link-list a:hover,.link-list a:focus{color:inherit;background:#e7e7e7}.link-list a.active{background:#ccc}.link-list a.active .view-meta{color:#666}.main-nav{margin:0 0 20px 0;padding-left:15px}.main-nav a{display:block;font-family:'Lato', sans-serif;font-size:18px;padding:20px 5px 20px 15px;font-weight:200;background:#222;color:#71d4f8;border-top:1px solid #444}.blog .main-nav a.nav-blog,.page-template-help-php .main-nav a.nav-docs,.page-template-help .main-nav a.nav-docs,.page-template-radio-php .main-nav a.nav-podcast,.podcast .main-nav a.nav-podcast,.post-type-archive-meetups .main-nav a.nav-meetups,.page-id-486 .main-nav a.nav-store{background:#30a9f4;color:white}.main-nav a:hover,.main-nav a:focus{text-decoration:none;background:#111}@media (max-width: 770px){.main-nav{width:100%;padding-left:0;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;margin:0}.main-nav a{text-align:center;width:25%;padding:5px 10px;font-size:12px}}article{color:black;font-size:1.3rem}figure{display:block;padding:20px;text-align:center;margin:0 0 1em 0;-webkit-box-shadow:0 -10px 10px -8px rgba(0,0,0,0.2),0 10px 10px -8px rgba(0,0,0,0.2);box-shadow:0 -10px 10px -8px rgba(0,0,0,0.2),0 10px 10px -8px rgba(0,0,0,0.2)}figure.align-left{float:left;margin:0 20px 5px 0}figure.align-left img{max-width:175px}figure.align-right{float:right;margin:0 0 5px 20px}figure.align-right img{max-width:175px}figure p:empty{display:none}figure img{max-width:100%;height:auto !important;display:block;margin:0 auto 10px}figcaption{color:#6d90a8;font-style:italic;font-weight:300}video{max-width:100%}.meta{margin-top:80px;border-top:1px solid #eee;padding-top:20px}.meta img{width:25px;height:25px;vertical-align:middle;margin-right:5px}dl.table{margin:20px 0}dl.table dt{width:25%;float:left}dl.table dd{margin:0 0 10px 0;width:75%;float:left}.key{border:1px solid #ccc;padding:2px 5px;border-radius:5px;-webkit-box-shadow:1px 1px 0 #999;box-shadow:1px 1px 0 #999}.tutorial-video{padding:10px;background:#ccc;border:10px solid #999;margin:0 0 1em 0}.tutorial-video iframe{border:10px solid #eee}.blog-post-page-wrap,.docs-page-wrap{margin-top:-160px}.blog-post-page-wrap>article,.docs-page-wrap>article{background:white;padding:3em 5em;margin-bottom:50px}@media (max-width: 770px){.blog-post-page-wrap,.docs-page-wrap{margin-top:-100px}}@media (max-width: 500px){.blog-post-page-wrap,.docs-page-wrap{margin-top:0}.blog-post-page-wrap>article,.docs-page-wrap>article{padding:20px}}.jp-relatedposts-items{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;margin:0 -10px 1rem}@media (max-width: 500px){.jp-relatedposts-items{display:block}}.jp-relatedposts-post{-webkit-box-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;padding:1rem;margin:10px;background:#eef3f7}body.podcast .jp-relatedposts-post{background:#ae63e4}.jp-relatedposts-post img{max-width:100%}.jp-relatedposts-post-title{display:block;font-family:"Telefon", Sans-Serif;line-height:1.2}.jp-relatedposts-post-excerpt{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;height:3.3rem;overflow:hidden;color:#999;margin:0 0 0.5rem 0;font-size:0.777rem}body.podcast .jp-relatedposts-post-excerpt{color:white}.jp-relatedposts-post-context{display:none}.jp-relatedposts-post-date{font-family:Menlo, Monaco, monospace;text-transform:uppercase;font-size:0.6rem;color:#30a9f4}body.podcast .jp-relatedposts-post-date{color:white}.jp-relatedposts-headline em{font-style:normal}.sharedaddy .sd-title{display:none}.sharedaddy .sd-content ul{list-style:none;margin:0;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;padding:1rem 0;border-top:1px solid #ccc}.sharedaddy .sd-content ul>li{margin-right:10px}.sharedaddy .sd-content ul>li a{font-size:1rem;border:1px solid #ccc;border-radius:5px;padding:0.25rem 0.5rem}.sharedaddy .sd-content ul>li .share-count{display:none}#dsq-content h3{margin:0 0 10px 0 !important}#dsq-content strong,#dsq-content em{color:white !important}a.dsq-subscribe-email em,a.dsq-subscribe-rss em{text-decoration:none !important}#dsq-content article article{display:none}.after-page{clear:both;margin:0 0 100px 20%}.after-page a{color:white}@media (max-width: 500px){.after-page{margin-left:10px;margin-bottom:20px}}.link-footer{clear:both;background:#111111;padding:40px 0 60px;position:relative}.link-footer nav{margin:0 0 8px 0}.link-footer strong{color:white;margin-right:20px}.link-footer a{color:#959595;margin-right:10px}.link-footer a:hover,.link-footer a:focus{color:white}.link-footer .copyright{position:absolute;right:20px;top:0;text-align:right;font-size:0.8rem;color:#959595}.link-footer .copyright .logo{height:27px;margin:0 0 5px 0}.link-footer .copyright .logo a{background:url("images/codepen-logo-midgray.svg") no-repeat top right;background-size:152px 26px}@media (max-width: 500px){.link-footer{font-size:125%}.link-footer .link-footer-links{margin:0 0 40px 0}.link-footer .link-footer-links a,.link-footer .link-footer-links strong{display:block;padding:5px}.link-footer .link-footer-codepen-links{float:left;width:50%}.link-footer .link-footer-community-links{float:right;width:50%}.link-footer .link-footer-subscribe-links{clear:both}.link-footer .copyright{margin-top:40px;text-align:left;position:static;clear:both;font-size:0.9rem}.link-footer .copyright .logo{height:33px}.link-footer .copyright .logo a{width:145px;height:27px}}.page-template-rodeo .page-wrap{max-width:800px}.page-template-rodeo img{max-width:100%}.rodeo-header{width:100%;padding:0}.rodeo-header img{width:100%;height:auto;display:block}.rodeo-nav{margin:0 0 20px 0}.rodeo-nav ul{list-style:none;display:table;width:100%;background:black;margin:0;padding:0}.rodeo-nav li{display:table-cell;text-align:center}.rodeo-nav li.current_page_item a{text-decoration:underline}.rodeo-nav a{display:inline-block;padding:10px}.state-finished{background:red;color:white;padding:0.1rem 0.3rem;border-radius:3px}.mega-header.meetups-header{background:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.9))),url(images/meetups-header.jpg);background:linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0.9)),url(images/meetups-header.jpg);background-repeat:no-repeat;background-size:cover;background-position:center center}.meetup{color:white;overflow:hidden;margin:0 0 125px 0;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex}.meetup img{display:block;max-width:100%;height:auto !important;margin:0 auto 20px}.meetup .meetup-image{width:30%;text-align:center}.meetup .meetup-info{width:70%;padding-left:20px}.meetup .meetup-location{font-size:3rem;line-height:1.1;font-family:"Telefon", Sans-Serif;border-bottom:8px solid #47CF73;margin:0 0 20px 0}.meetup dt{font-weight:bold;color:#999;text-transform:uppercase;border-bottom:1px solid #555;margin:0 0 5px 0}.meetup dd,.meetup dd p{margin:0 0 20px 0}@media (max-width: 500px){.meetup{-ms-flex-wrap:wrap;flex-wrap:wrap}
	.meetup .meetup-image,.meetup .meetup-info{width:100%}.meetup .meetup-info{padding-left:0}.meetup .meetup-image{-webkit-box-ordinal-group:3;-moz-box-ordinal-group:3;-ms-flex-order:2;order:2}}
	.intro-module h2{font-size:3rem}@media (max-width: 500px){.intro-module h2{font-size:2rem}}.intro-module figure{margin:0 0 20px 0}.past-meetups{margin-top:100px}.past-meetups h2{color:#666}.past-meetups ul{color:#999}body{background:#181818}.mega-header-radio{background:-webkit-gradient(linear, left top, left bottom, from(rgba(24,24,24,0.25)), to(#181818)),url(images/radio-hero-bg.jpg);background:linear-gradient(to bottom, rgba(24,24,24,0.25), #181818),url(images/radio-hero-bg.jpg);background-repeat:no-repeat;background-size:cover}.subscription-options{margin:25px 0 0 0}.subscription-options img{width:125px;margin-right:8px}@media (max-width: 500px){.subscription-options img{width:75px}}.latest-episode>h2{font-family:"Telefon", Sans-Serif;border-bottom:4px solid #ae63e4;font-size:2.5rem;margin:0 0 40px 0}.latest-episode-meta-container{margin:0 0 100px 0;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex}.latest-episode-image{background:#27272a;padding:15px;width:25%;height:230px;position:relative;z-index:2}.latest-episode-image svg{position:absolute;top:15px;left:15px;width:100%;width:calc(100% - 30px);height:calc(100% - 30px)}.latest-episode-image svg path,.latest-episode-image svg polygon,.latest-episode-image svg rect,.latest-episode-image svg circle{fill:#0dbeff}@media (max-width: 500px){.latest-episode-image{width:20%;height:80px;padding:10px;padding-top:18%}}.latest-episode-meta{-webkit-box-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;padding-left:25px}.latest-episode-meta h3{font-family:"Telefon", Sans-Serif;font-size:3.4rem}.latest-episode-meta h3 a span{color:white;font-family:"Telefon Black", Sans-Serif}.latest-episode-meta h3 a:hover,.latest-episode-meta h3 a:focus{color:white}.latest-episode-meta p{font-size:1.2rem}.latest-episode-meta .powerpress_links{display:none}.about-episode{margin:0 0 20px 0}.episode-extra-links{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}.episode-extra-links a{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;color:#0dbeff;text-transform:uppercase}.episode-extra-links a svg{border:2px solid white;border-radius:50%;padding:1px;width:15px;height:15px;fill:white;margin-left:4px}.episode-extra-links .episode-download-button svg{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.previous-episodes>h2{font-family:"Telefon", Sans-Serif;border-bottom:4px solid #47cf73;font-size:2.5rem;margin:0 0 40px 0}.podcast-grid>ul{list-style:none;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.podcast-episode{width:33.33%;margin:0 0 35px 0}@media (max-width: 770px){.podcast-episode{width:50%}}@media (max-width: 500px){.podcast-episode{width:100%}}.podcast-episode>a{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;position:relative;height:100%}.podcast-episode>a .podcast-episode-image{background:#27272a;padding:20px;width:125px;height:125px;margin-right:15px}.podcast-episode>a .podcast-episode-image svg{width:100%;height:100%}.podcast-episode>a:hover .podcast-episode-image,.podcast-episode>a:focus .podcast-episode-image{background:#111}.podcast-episode>a:hover .podcast-episode-meta h3::after,.podcast-episode>a:focus .podcast-episode-meta h3::after{width:100%}.podcast-episode:nth-child(5n+1) svg *{fill:#fcd000}.podcast-episode:nth-child(5n+1) .podcast-episode-meta h3::after{background:#fcd000}.podcast-episode:nth-child(5n+2) svg *{fill:#ce2b67}.podcast-episode:nth-child(5n+2) .podcast-episode-meta h3::after{background:#ce2b67}.podcast-episode:nth-child(5n+3) svg *{fill:#0dbeff}.podcast-episode:nth-child(5n+3) .podcast-episode-meta h3::after{background:#0dbeff}.podcast-episode:nth-child(5n+4) svg *{fill:#ae63e4}.podcast-episode:nth-child(5n+4) .podcast-episode-meta h3::after{background:#ae63e4}.podcast-episode:nth-child(5n+5) svg *{fill:#47cf73}.podcast-episode:nth-child(5n+5) .podcast-episode-meta h3::after{background:#47cf73}.podcast-episode-meta{-webkit-box-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;padding-right:20px}.podcast-episode-meta .show-num{color:#4a4a4a;font-family:"Telefon", Sans-Serif;font-size:2.5rem}.podcast-episode-meta>h3{color:white;font-size:1.3rem;margin:0}.podcast-episode-meta>h3::after{content:"";display:block;height:4px;background:red;width:0;margin-top:5px;-webkit-transition:0.2s;transition:0.2s}.podcast-episode-header{background:-webkit-gradient(linear, left bottom, left top, from(rgba(174,99,228,0.3)), to(rgba(174,99,228,0.5))),url(images/texture-codepen.png);background:linear-gradient(to top, rgba(174,99,228,0.3), rgba(174,99,228,0.5)),url(images/texture-codepen.png);padding:50px 0 0 0}@media (max-width: 500px){.podcast-episode-header{max-height:auto;padding-top:0}}.podcast-episode-header-inner{max-width:1000px;padding:20px;margin:0 auto;position:relative;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex}@media (max-width: 500px){.podcast-episode-header-inner{display:block;padding:10px}.podcast-episode-header-inner .latest-episode-image{position:absolute;top:5px;right:5px}}.podcast-header-player{background:white;color:#27272a;-webkit-box-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;padding-left:50px;padding-right:50px;position:relative}.podcast-header-player>*{position:relative;z-index:1}.podcast-header-player h1{font-family:"Telefon Black", Sans-Serif;font-size:4rem}.podcast-header-player .powerpress_links{display:none}.podcast-header-player::before{content:"";display:block;background:white;width:100%;width:calc(100% + 40px);height:120%;height:calc(100% + 80px);position:absolute;right:0;top:-40px}.podcast-header-player .episode-extra-links a{color:inherit}.podcast-header-player .episode-extra-links svg{fill:black;border-color:#ae63e4}@media (min-width: 500px){.podcast-header-player time.block-time{position:absolute;background:#ae63e4;color:white;top:-45px;right:10px;padding:4px 8px 1px}}@media (max-width: 500px){.podcast-header-player{padding:20px}.podcast-header-player::before,.podcast-header-player::after{display:none}.podcast-header-player h1{font-size:2.8rem;padding-right:60px}}.podcast-text{color:white}.podcast-text h3{border-bottom:4px solid #ae63e4;font-family:"Telefon", Sans-Serif}.podcast-text h3 a{color:#30a9f4}.podcast-text h3 a:hover,.podcast-text h3 a:focus{color:white}.podcast-text code{color:#222}@media (max-width: 500px){.podcast-text{padding-top:0}}.powerpress_player audio{visibility:visible !important}.podcast-pagination-links{overflow:hidden}.podcast-pagination-links a[rel="next"]{float:right}.podcast-pagination-links a[rel="prev"]{float:left}.docs-header{background:-webkit-gradient(linear, left top, left bottom, from(rgba(24,24,24,0.75)), to(#181818)),url(images/docs-header.jpg);background:linear-gradient(to bottom, rgba(24,24,24,0.75), #181818),url(images/docs-header.jpg);background-repeat:no-repeat;background-size:cover}.docs-listings{color:white}.algolia-autocomplete{display:block;width:100%}#dsq-content h3{margin:0 0 10px 0 !important}#dsq-content strong,#dsq-content em{color:white !important}a.dsq-subscribe-email em,a.dsq-subscribe-rss em{text-decoration:none !important}#dsq-content article article{display:none}.cm-keyword{color:#ddca7e}.cm-atom{color:#ddca7e}.box-html .cm-atom{color:#96b38a}.cm-number{color:#d0782a}.cm-unit{color:#d0782a}.cm-def{color:#809bbd}.cm-variable{color:#ddca7e}.cm-variable-2{color:#809bbd}.cm-property{color:#9a8297}.cm-operator{color:#ccc}.cm-comment{color:#666}.cm-string{color:#96b38a}.cm-string-2{color:#fff}.cm-meta{color:#9a8297}.cm-header{color:#FF6400}.cm-tag{color:#A7925A}.box-css .cm-tag{color:#ddca7e}.cm-attribute{color:#ddca7e}.cm-strong{color:#ddca7e}.cm-em{color:#ddca7e}.cm-qualifier{color:#ddca7e}.cm-builtin{color:#ddca7e}body.editor{background:#1d1f20}
/*# sourceMappingURL=style.css.map */