/* Global reset */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
a img { border:none }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* defaults */
strong { font-weight:bold }
em { font-style:italic }

/* utilities */
.clear{ clear: both; }

/* BizKids Theme */
body{
    font-family: 'Lato', verdana, sans-serif;
    font-size: 16px;
    line-height: 1.5em;
    text-align: center;
    margin: 0;
    padding: 0;
}

/*
    main color schemes
*/
body{
    background: #d9d9d9;
    color: #252525;
}
.color-dark-scheme{
    color: #d9d9d9;
    background: #252525;
}
.color-dark-scheme h1,
.color-dark-scheme h2,
.color-dark-scheme h3,
.color-dark-scheme h4{
    color: #d9d9d9;
    background: #252525;
}

h1,h2,h3,h4{
    font-family: 'Patua One', helvetica, arial, sans-serif;
    font-size: 24px;
    line-height: 1.33em;
}
h1,h2{
    font-size: 40px;
    line-height: 1.1em;
}
h3{
    margin: 18px 0 12px 0;
}
a,a:link{
    color: #b0bb2e;
    text-decoration: none;
}
a:hover, a:active, a:focus{
    color: #d0e01c;
}

/* main structure */
#wrapper,
#footer{
    display: block;
    position: relative;
    box-sizing: border-box;
    max-width: 900px; /*max width for mobile*/
    margin: 0 auto;
    overflow: hidden;
}
/* body.page-slug-home  */
#wrapper{
    overflow: visible;
}
#stage{
    overflow: hidden;
    position: relative;
    background: #f8f9fb;
    padding: 16px;
    min-height: 800px;
    /* padding-top: 80px; */ /* defualt padding for logo overlap */
    background: #f8f9fb;
}
    #stage.single{
        padding: 12px 50px 100px;
    }
    #stage.single h1{
        font-size: 40px;
        line-height: 1.1em;
        padding: 30px 0 12px 0;
    }
    #stage.single h2{
        font-size: 36px;
        line-height: 1.1em;
        padding: 30px 0 12px 0;
    }
    /* body.page-slug-home  */
    #page{
    }
    #stage{
        overflow: visible;
    }
    #stage.page-child-slides{
        padding: 0;
    }
    #stage .pg{
        display: block;
        box-sizing: border-box;
        position: relative;
        overflow: hidden;
        z-index: 100;
    }

/* form styles */
.input-text{
    padding: 10px;
    border-radius: 24px;
}

/* main CTA */
.cta-btn,
a.cta-btn,
a.cta-btn:link{
    font-family: 'Patua One', helvetica, arial, sans-serif;
    text-transform: lowercase;
    font-size: 20px;
    line-height: 1.6em;
    display: inline-block;
    vertical-align: top;
    color: #fff;
    background-color: #b0bb2e;
    border-radius: 40px;
    padding: 10px 30px;
    margin: 20px auto 0;
}

/* generic styles / design system */
.divider{
    clear: both;
    padding: 0 0 40px 0;
    border-top: 1px solid #cecece;
}
.half{
    display: block;
    box-sizing: border-box;
    width: 50%;
    padding: 20px 50px 20px 0;
    float: left;
}
ul.check-list{
    text-align: left;
    max-width: 500px;
    margin: 0 auto;
}
ul.check-list li{
    background-image: url('../images/icons/checkmark-green.svg');
    background-size: 20px;
    background-position: 0 50%;
    background-repeat: no-repeat;
    padding: 6px 0 6px 30px;
}
.elem-money{
    width: 512px;
    height: 303px;
    background-image: url('../images/icons/money.svg');
    background-size: 100%;
    background-position: 0 50%;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    transform: rotate(20deg);
}
.wp-block-image.top-offset-image{
    margin-top: -25px;
}

.wp-block-separator{
    margin: 30px 0;
}

/* video */
video{
    width: 100%;
    height: auto;
}
#videoWrapper{
    background: #f0f2f6;
    padding: 50px 0;
}
.video-stage{
    text-align: center;
}
.video-stage h2{
    margin: 20px 0 0;
}
.video-stage video{
    max-width: 960px;
    margin: 0 auto;
}

/* pages */
body.page-slug-about .pg h3{
    font-size: 20px;
    line-height: 22px;
    color: #999999;
    margin: 18px 0 0;
}

/* stats */

.about-stat{
    font-family: 'Patua One', helvetica, arial, sans-serif;
    display: block;
    box-sizing: border-box;
    padding: 10px 20px;
    margin: 20px 0;
}
.about-stat div{
    color: #999999;
}

.about-stat.big-stat{

}
.about-stat.big-stat h2{
    color: #b0bb2e;
    font-size: 60px;
    line-height: 64px;
}
.about-stat.big-stat div{
    font-size: 35px;
    line-height: 38px;
    color: #252525;
}

/* stat row at the bottom */
.about-stats{
    overflow: hidden;
    position: relative;
    clear: both;
}
.about-stats .about-stat{
}

/* global util */
.pagination .btn{
    padding: 4px;
}
.pagination .prev{
    float: left;
}
.pagination .next{
    float: right;
}

/* FORM */
/*FORMS*/
form.form{overflow: hidden; position: relative;}
form.form label{float: left; clear: both; width: 80px; margin: 10px 0 5px 0; color: #222; font-size: 1.1em;}
form.form .text{float: left; padding: 5px; border: 1px solid #afafaf;}
form.form input.text{float: left; width: 120px;}
form.form textarea.text{float: left; width: 120px; height: 60px;}


#stage .form.form.contact{
    max-width: 400px;
    margin: auto;
}

#stage form.form.contact ul,
#stage form.form.contact li{
    padding: 0;
    margin: 0;
}

#stage .form.form.contact li{
    overflow: hidden;
    position: relative;
    padding: 4px 0;
}
.form.form.contact .website-field{
    display: none;
}
.form.form.contact label{
    width: 210px;
    text-align: right;
    padding: 2px 8px 0 0;
    margin: 0;
    box-sizing: border-box;
}
form.form.contact input.text{
    width: 170px;
}
form.form.contact textarea{
    width: 100%;
    height: 150px;
    float: none;
    box-sizing: border-box;
}

form.form.contact .text-box-frame label{
    text-align: left;
    width: 100%;
}

.form.form.contact input.checkbox{
    float: left;
    margin-top: 4px;
}
#stage .form.form.contact li.submit-frame{
    text-align: left;
    padding: 0;
}
.form.form.contact .cta{
    padding: 8px 20px;
    border: 1px solid #666;
    background: #fff;
    display: inline-block;
    float: none;
    text-transform: uppercase;
    cursor: pointer;
    box-sizing: border-box;
    width: 100%;
}

/*RESEARCH PAGE*/
.research{
    padding: 180px 80px 40px;
    background: #fff;
}
.research a{
    color: rgba(46, 0, 208, 1);
}
.research td{
    padding: 10px;
    font-size: 14px;
    line-height: 1.5em;
    border-bottom: 1px solid #999;
}
.research .header{
    position: relative;
    max-height: auto;
    top: auto;
    left: auto;
}
.research .header td{
    font-weight: bold;
    background-color: #d9d8d8;
}
.research .episode td{
    background-color: #d9d8d8;
}
.research .episode .number{
    font-size: 1.4em;
    font-weight: bold;
}
.research .clip td{
    background-color: #e4e6f0;
}
.research .lesson td{
    background-color: #e4f0e7;
}
.research .table tr:hover td{

}
.research .attachment td{
    display: none;
}
.research h2{
    font-size: 16px;
    line-height: 1.2em;
}
.research h3{
    font-size: 14px;
    line-height: 1.2em;
}

.research .clip .yes{
    color: green;
    font-weight: bold;
}

.research .clip .no{
    color: red;
    font-weight: bold;
}

/* COMMENTS */
#comments{
    width: 630px;
    box-sizing: border-box;
    margin: 20px auto; padding: 20px;
}
#commentsform{margin: 20px; padding: 20px; border-radius: 10px; background: url('../images/trans.png');}
#respond{overflow: hidden; position: relative;}
#respond label{width: 150px; text-align: left; clear: both; margin: 5px;}
#respond input, #respond textarea{display: block; text-align: left; margin: 2px 0; font-family: Arial, Helvetica, sans-serif;}
#respond textarea{width: 580px; max-width: 580px; max-height: 400px;}
#comments textarea#comment{
    border: 0px; border-top: 1px solid #acacac; padding: 5px 5px 26px 5px;
    background: #f9f9f9 url('../images/bg-comment-textarea.png') bottom left no-repeat;
    overflow: hidden;
}

#stage ul.commentslist,#stage ul.children{list-style: none; padding: 0; margin: 0;}
#stage ul.children{margin-left: 15px;}
#stage ul.commentslist li{list-style: none; margin: 0; padding: 0; position: relative;}
#stage ul.commentslist li.comment.even{}
.comment-body{margin: 10px 0;}
#respond .form-allowed-tags{clear: both;}
#comments .avatar{display: none;}

#respond #submit{clear: both; float: right; text-align:  center;}
#respond #submit{background: #submit; color: #fff; font-weight: bold; background: #0096d4; border-radius: 8px; padding: 3px 8px; border: 0; cursor: pointer; }

#comments input{border: 1px solid #ccc; padding: 5px;}
#comments-title{background: url('../images/bg-floor.png') bottom left repeat-x; padding-bottom: 5px; margin-bottom: 15px;}
#comments .comment-author{display: inline; font-size: 1.2em; margin: 0 0 5px 0; font-weight: bold;}
#comments .comment-meta{display: inline;}
#comments .comment_container{
    position: relative;
    overflow: hidden;
    padding: 10px;  background: #e7e7e7; border: 1px solid #c4c4c4;
}
#comments .reply{position: absolute; top: 5px; right: 5px;}
#comments a.comment-reply-link{
    display: block; width: 45px; height: 18px; overflow: hidden; text-indent: -1000px;
    background-image: url('../images/bizkids-sprite.png'); background-repeat: no-repeat; background-position: 0 -350px;
}
#comments a.comment-reply-link:hover{background-position: -100px -350px; border: 0;}

#comments ul.children li .comment_container{ background: #f5f5f5;}