@font-face{font-family:appleLogo;src:local("Lucida Grande");unicode-range:U+F8FF}
html{height:100%}
body{position:relative;min-height:100%;padding-bottom:6rem;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:'liga','kern'}
@media only screen and (max-width:767px){body{padding-bottom:13rem}
}
body.no_header #page_contents{padding-top:6rem;padding-bottom:4rem}
header{position:absolute;height:3.6rem}
header #header_logo{height:auto;padding:.8rem 2rem;color:#555459}
@media only screen and (max-width:640px){header #header_logo{padding-left:.25rem;padding-right:.8rem}
}
header a#header_logo:hover{text-decoration:none;color:#439fe0}
header .header_nav{padding-right:2rem;height:3.6rem}
header .header_nav .header_links a{margin-left:1rem;padding:.8rem 0;color:#B3B3B3;font-size:1.4rem}
header .header_nav .header_links a:hover{text-decoration:none;color:#439fe0}
header .header_nav .header_links .ts_icon_slack_pillow{position:relative;top:1px}
.content{padding-right:2rem;margin-bottom:0}
@media only screen and (max-width:640px){.content{padding-right:0}
}
.content .post{padding-bottom:1rem;border-bottom:1px solid #D8D8D8;margin-bottom:2.25rem}
.content .post iframe{background:#f5f5f5}
.content .post:last-child{padding-bottom:0;border-bottom:0;margin-bottom:0}
.content .post .post_title{margin-bottom:.2rem}
.content .post .post_meta{margin-bottom:1.5rem;color:#999;font-size:1rem}
.content .post h2{font-size:1.2rem;line-height:1.5;margin-bottom:.25rem;font-weight:900}
.content .post h3{font-size:1rem;line-height:1.5;margin-bottom:.25rem;font-weight:900}
.content .post h1 a,.content .post h2 a,.content .post h3 a{color:#555459}
.content .post h1 a:hover,.content .post h2 a:hover,.content .post h3 a:hover{color:#439fe0;text-decoration:none}
.content .post hr{border-color:#D8D8D8}
.sidebar{padding-left:2rem}
@media only screen and (max-width:767px){.sidebar{padding-top:2rem;padding-left:0;border-top:1px solid #D8D8D8}
}
.sidebar h3{font-weight:900;font-size:1rem;margin-bottom:0}
.sidebar .sidebar_item{padding-bottom:1rem;border-bottom:1px solid #D8D8D8;margin-bottom:1.5rem}
.sidebar .sidebar_item:last-child{border-bottom:0}
.sidebar .pullout{padding:.75rem 20px;margin-top:.25rem;font-size:.9em;background:#EFEFEF;border-radius:.25rem;box-shadow:0 2px 0 0 rgba(0,0,0,.18)}
.footer{clear:both;color:#888;background:#222;position:absolute;right:0;bottom:0;left:0}
.footer .footer_item{float:left;padding:1.5rem 2rem}
@media only screen and (max-width:767px){.footer .footer_item{float:none;padding-bottom:0}
}
.footer .footer_item:last-child{float:right}
.footer .btn_outline{margin:-.3rem 0;color:#E5E5E5!important;border-color:#a9a9a9;background:0 0}
@media only screen and (max-width:767px){.footer .footer_item:last-child{float:none;padding-top:0;padding-bottom:1.5rem}
.footer .btn_outline{display:block;margin:.5rem 0!important}
}
.footer .btn_outline:hover{color:#439fe0!important;border-color:#439fe0;box-shadow:none;background:0 0}
header #header_logo{padding-top:.38rem;font-weight:900}
header #header_logo figure{display:inline-block;margin:.3rem .5rem -7px}
header #header_logo figure img{width:25px;height:auto;display:block}
header #header_logo a{color:inherit}
header #header_logo a:hover{text-decoration:none}
header #header_logo .brought{padding-left:.25rem;font-size:.85rem;font-weight:500;color:#BABBBF}
header #header_logo .brought a:hover{text-decoration:underline}
figure{max-width:100%;background-repeat:no-repeat;background-position:50% 50%;background-size:100% auto}
figure img{max-width:100%;height:auto;display:block}
.post>ol{margin-left:0;list-style:none;counter-reset:podcast}
.post>ol>li{margin-bottom:2rem}
.post>ol>li>:first-child:before{counter-increment:podcast;content:counter(podcast) '. '}
.soundcloud_embed{width:100%;height:20px;border:0}
.soundcloud_embed.soundcloud_embed_hero{height:166px;margin-bottom:1rem}
.smaller{font-size:.72em;color:#BABBBF}
.brought a{color:inherit}
.brought .ts_icon_slack_pillow{position:relative;top:2px;display:inline-block}
p+.brought{margin-top:-.75rem;margin-bottom:1.5rem}
.about.show_on_mobile{padding-bottom:2rem;border-bottom:1px solid #D8D8D8;margin-bottom:2rem}
.email h3 .ts_icon{margin-right:.25rem;color:#B52904}
.email form{position:relative}
.email input[type=email]{height:40px;border-right-width:25px;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem;border-bottom-left-radius:.25rem;border-top-left-radius:.25rem;background-clip:padding-box;outline-offset:0;outline:0}
.email button[type=submit]{position:absolute;top:0;right:0;padding:2px;height:40px;border:0;background-clip:padding-box;border-radius:0 3px 4px 0}
.email button[type=submit]:disabled{opacity:1;background-color:#B2B2B2!important}
.email button[type=submit].hover,.email button[type=submit]:focus,.email button[type=submit]:hover{box-shadow:inset 0 -2px 0 0 rgba(0,0,0,.25)}
.email .engaged input[type=email].invalid,.email .engaged input[type=email]:invalid{border-color:#B52904}
.email .engaged input[type=email]:active,.email .engaged input[type=email]:focus{border-color:#2780F8;box-shadow:0 0 7px rgba(39,128,248,.15)}
.email .hide{position:absolute;clip:rect(1px,1px,1px,1px)}
.album_art{margin:0 0 1rem;box-shadow:0 1px 4px 0 rgba(0,0,0,.2)}
@media only screen and (max-width:767px){.album_art{display:none}
}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){figure img{visibility:hidden}
.variety_pack_logo{background-image:url(/66f9/img/variety_pack/logo@2x.png)}
.album_art{background-image:url(/66f9/img/variety_pack/album@2x.jpg)}
}
.variety_thumbnail_link:hover{opacity:.5}
.emoji{font-size:1.6rem}
._wip-banner-pseudoEl{display:block;position:absolute;content:"";background-repeat:no-repeat;background-size:contain}
._swing{-webkit-animation:swinging 2s ease-in-out forwards infinite;animation:swinging 2s ease-in-out forwards infinite}
.wip-podcast-banner{border-radius:.25rem;position:relative;text-align:center;background-color:#B0F5FD;overflow:hidden;margin-right:2%;padding:2.5rem 94px;cursor:pointer}
.wip-podcast-banner:before{display:block;position:absolute;content:"";background-repeat:no-repeat;background-size:contain;background-position:0 0;height:100%;width:94px;left:0;top:0;background-image:url(/1877/img/variety_pack/banner/crane-desktop.png)}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.wip-podcast-banner:before{background-image:url(/1877/img/variety_pack/banner/crane-desktop@2x.png)}
}
@media only screen and (max-width:767px){.wip-podcast-banner{margin-right:0;padding-left:2.5rem;padding-right:2.5rem}
.wip-podcast-banner:before{width:115px;right:0;left:calc(100% - 115px);background-image:url(/1877/img/variety_pack/banner/crane-mobile.png)}
}
@media only screen and (max-width:767px) and only screen and (-webkit-min-device-pixel-ratio:2),only screen and (max-width:767px) and only screen and (min-resolution:192dpi),only screen and (max-width:767px) and only screen and (min-resolution:2dppx){.wip-podcast-banner:before{background-image:url(/1877/img/variety_pack/banner/crane-mobile@2x.png)}
}
.wip-podcast-banner .headline{font-size:24px;color:inherit;margin:0 auto;text-align:center;line-height:1}
.wip-podcast-banner .preview_link{color:#2C2D30;padding-left:.5rem}
.wip-podcast-banner .preview_link:hover{text-decoration:none}
@media only screen and (max-width:767px){.wip-podcast-banner .preview_link{display:block;margin-top:.5rem;padding-left:0}
}
.wip-podcast-banner .tilt{position:relative;display:inline-block;top:-5px;left:-1px;letter-spacing:1px;transform:rotate(15deg)}
.wip-podcast-banner .crane{-webkit-animation:swinging 2s ease-in-out forwards infinite;animation:swinging 2s ease-in-out forwards infinite;position:relative;display:inline-block;z-index:1;-webkit-transform-origin:50% 0;transform-origin:0 -40px}
.wip-podcast-banner .crane:after{display:block;position:absolute;content:"";background-repeat:no-repeat;background-size:contain;-webkit-animation:swinging 2s ease-in-out forwards infinite;animation:swinging 2s ease-in-out forwards infinite;height:43px;width:20px;left:7px;z-index:-1;top:calc(-100% - 1rem);line-height:1;-webkit-transform-origin:0 0;transform-origin:0 0;background-image:url(/1877/img/variety_pack/banner/hook-desktop.png)}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.wip-podcast-banner .crane:after{background-image:url(/1877/img/variety_pack/banner/hook-desktop@2x.png)}
}
@-webkit-keyframes swinging{0%,100%{-webkit-transform:rotate(-1deg)}
50%{-webkit-transform:rotate(1deg)}
}
@keyframes swinging{0%,100%{transform:rotate(-1deg)}
50%{transform:rotate(1deg)}
}