/* home page styles */
.home-slide{
    display: block;
    position: relative;
    padding: 60px 30px;
    background-image: radial-gradient(circle at 50% 100%, #91b5f0, #423cdd 76%);
    color: #fff;
    min-height: 200px;
    overflow: visible;
}
body.page-slug-home #stage .pg{
    overflow: visible;
}
.pg .home-slide:first-child{
    padding-top: 80px;
    z-index: 80;
}
    .home-slide .content{
        margin: 0 auto;
        max-width: 720px;
    }
    .home-slide h2{
        color: #fff;
    }
    .home-slide h3{
        color: rgba(255,255,255,.64);
        color: rgba(255,255,255,.80);
        font-size: 24px;
        line-height: 40px;
    }
    .home-slide a{
        color: #fff;
    }
    .home-slide .cta{
        font-family: 'Patua One', helvetica, arial, sans-serif;
        text-transform: lowercase;
        font-size: 20px;
        line-height: 1.6em;
        display: inline-block;
        vertical-align: top;
        background-color: #423cdd;
        border-radius: 40px;
        padding: 10px 30px;
        margin: 20px auto 0;
    }
    .home-slide .elem{
        position: relative;
        display: block;
        box-sizing: border-box;
        background: none;
        width: auto;
        max-width: 100%;
        min-height: 200px;
        margin: 0 auto 20px;
        text-align: center;
        z-index: 50;
    }
    .home-slide .elem img{
        display: block;
        max-width: 100%;
        width: auto;
        margin: auto;
    }
    
/* specific home slides */

.home-slide.show-slide{
    background-image: radial-gradient(circle at 50% 100%, #a438bb, #6b1a86 76%);
    margin-bottom: -100px;
    background-image: radial-gradient(circle at 50% 100%, #91b5f0, #423cdd 76%);
}
    .home-slide.show-slide .cta{
        background-color: #9e54b0;
        background-color: #423cdd;
    }
    .home-slide.show-slide .elem{
        /* position kids on couch */
        margin: 0 auto -100px;
    }
    .home-slide.show-slide .content{
        padding: 0 0 60px;
    }

.home-slide.course-slide{
    padding-top: 180px; /* match couch */
    background-image: radial-gradient(circle at 50% 100%, #b0bb2e, #7f8a02 56%);
}
    .home-slide.course-slide .cta{
        background-color: #b0bb2e;
        color: #b0bb2e;
        background-color: #fff;
    }

.home-slide.book-slide .elem{
    max-width: 400px;
}

.home-slide.streaming-slide{
    background-image: radial-gradient(circle at 50% 100%, #a438bb, #6b1a86 76%);
    background-image: radial-gradient(circle at 50% 100%, #b0bb2e, #7f8a02 56%);
}
    .home-slide.streaming-slide .content{
        max-width: 770px;
    }
    .home-slide.streaming-slide .cta{
        background-color: #9e54b0;
        background-color: #b0bb2e;
        color: #b0bb2e;
        background-color: #fff;
    }
    .home-slide.streaming-slide h3{
        max-width: 440px;
        margin: auto;
    }

.home-slide.entrepreneurs-slide{
    background-image: radial-gradient(circle at 50% 100%, #ffffff, #ffffff 76%);
    z-index: 180;
    padding-left: 0;
    padding-right: 0;
}
    .home-slide.entrepreneurs-slide .content{
        padding: 0 20px 40px;
    }
    .home-slide.entrepreneurs-slide .elem{
        background-image: url('../images/global/kids.png');
        background-position: 50%;
        background-size: auto 100%;
        background-repeat: no-repeat;
        width: 100%;
        height: 500px;
        z-index: 100;
        margin-bottom: -130px;
    }
    .home-slide.entrepreneurs-slide h2{
        color: #000;
    }
    .home-slide.entrepreneurs-slide h3{
        color: #252525;
        opacity: .55;
    }
    .home-slide.entrepreneurs-slide .cta{
        color: #fff;
    }

.emmy-seal{
    background-image: url('../images/home/emmy-left.png');
    background-position: 50%;
    background-size: auto 100%;
    background-repeat: no-repeat;
    width: 293px;
    height: 499px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
    text-indent: -2000px;
    z-index: 1;
    width: 145px;
    height: 250px;
    
}
.emmy-seal.emmy-right{
    background-image: url('../images/home/emmy-right.png');
    background-position: 50%;
    background-size: auto 100%;
    background-repeat: no-repeat;
    left: auto;
    right: 0;
}

/* special home page media pre 960 */
@media (min-width: 500px){
    .home-slide.show-slide .elem{
        /* position kids on couch */
        margin: 0 auto -150px;
    }
    .home-slide.course-slide{
        /* match couch */
        padding-top: 200px;
    }
    .emmy-seal{
        width: 220px;
        height: 375px;
    }
}