/*
Theme Name: Ambitious 2.0
Theme URI: http://www.CelebritySites.com/
Description: Theme exclusively developed for Ambitious by CelebritySites
Version: 1.0
Author: CelebritySites
Author URI: http://www.CelebritySites.com/

*/

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {margin: 5px 20px 20px 0;}
.aligncenter, div.aligncenter {display: block; margin: 5px auto 5px auto;}
.alignright {float:right; margin: 5px 0 20px 20px;}
.alignleft {float: left; margin: 5px 20px 20px 0;}
a img.alignright {float: right; margin: 5px 0 20px 20px;}
a img.alignnone {margin: 5px 20px 20px 0;}
a img.alignleft {float: left; margin: 5px 20px 20px 0;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.wp-caption {background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center;}
.wp-caption.alignnone {margin: 5px 20px 20px 0;}
.wp-caption.alignleft {margin: 5px 20px 20px 0;}
.wp-caption.alignright {margin: 5px 0 20px 20px;}
.wp-caption img {border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto;}
.wp-caption p.wp-caption-text {font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }
.screen-reader-text {clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }
.screen-reader-text:focus {background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px;
    line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; }


html, body, p, li, body h1, body h2, body h3, body h4, body h5, a {
    font-family: 'Avenir', sans-serif;
}
.tml-action-links {
    opacity: 0;
}

/**********************

        HEADER

**********************/
#header {
    text-align: left;
    border-bottom: #dbdcde solid 1px;
}
#header > div {
    display: inline-block;
    vertical-align: middle;
}
.logoTop {
    padding: 0 1%;
}
.logoTop img {
    width: 100%;
    height: auto;
    max-width: 225px;
}
.buttonLogin {
    float: right;
    padding: 17px 0px;
}
.userFirstName {
    text-transform: capitalize;
    font-weight: 800;
}
.buttonLogin p {
    display: inline-block;
    *display: inline;
    padding-top: 5px;
}
.buttonLogin .btn {
    text-transform: uppercase;
    font-size: 1.2rem;
    padding: 10px 15px;
    border: #b3b3b3 solid 1px;
    background-color: white;
    color: black;
    transition: 700ms;
}
.buttonLogin .blueBtn {
    color: white;
    background-color: #0084ff;
}
.buttonLogin .btn-info:hover {
    color: #fff;
    background-color: #337ab7;
    border-color: #eee;
}
.tml {
    margin: auto;
    width: 100%;
}
.liveNotLive, .logins {
    display: inline-block;
    vertical-align: middle;
    margin-left: 7px;
}
.liveNotLive img {
    max-width: 65px;
    height: auto;
    margin-top: -8px;
}
.blueBtn {
    background-color: #0284fe;
    color: white;
}
#menu-primary-menu > li {
    border-left: #dbdcde solid 1px;
}
#menu-primary-menu > li:last-child {
    border-left: #dbdcde solid 1px;
    border-right: #dbdcde solid 1px;
}
#menu-primary-menu > li > a {
    line-height: 45px;
    font-size: 12px;
    padding: 15px 20px;
    text-transform: uppercase;
    color: black;
}

.modalStyle {
    background-color: white;
    border-radius: 10px;
    border: black solid 5px;
    margin-top: 1em;
    padding: 2%;
}
.modalStyle h2 {
    text-align: center;
    font-weight: 800;
    padding: 0% 10%;
    margin: 5px 0px;
}
.teachForm {
    width: 100%;
}
.teachForm .formRow {
    text-align: center;
    margin-bottom: 1em;
}
.teachForm .formRow input {
    display: inline-block;
    width: 47%;
    border: 3px solid rgba(0,0,0,0.2);
    border-radius: 5px;
    padding: 10px 5px;
    background-image: url(/images/name.png);
    background-repeat: no-repeat;
    background-color: #F1F1F1;
}
.teachForm .formRow input:first-child {
    margin-right: 5%;
}
.formSubmit input[type="submit"] {
    width: 100%;
    color: white;
    background-color: rgb(14, 141, 199);
    border-right: none;
    border-top: none;
    border-left: none;
    border-bottom: 3px solid rgba(0,0,0,0.2);
    padding: 2%;
    font: 2rem 'Open Sans', sans-serif;
}
#teachApp .modal-footer {
    position: absolute;
    top: -10px;
    right: -10px;
    background: black;
    padding: 0;
    border-radius: 50%;
    overflow: hidden;
}
.modalSignIn {
    text-align: center;
}

#myModal .modal-content {
    background-image: url('img/popup-bg2.jpg');
}
#myModalSignUp .modal-content {
    background-image: url('img/popup-bg.jpg');
}
#myModal .modal-content, #myModalSignUp .modal-content {
    background-position: top center;
    background-repeat: no-repeat;
    max-width: 515px;
    margin: auto;
}
#myModalSignUp .regTitle, #myModal .regTitle {
    display: none;
}
#myModal .modal-content h2 {
    color: white;
    text-transform: uppercase;
    text-align: right;
    padding: 2.5em 0 3.5em;
}
.percentageOff {
    position: relative;
    margin: 15% 0%;
}
.poNum {
    text-align: right;
    font-size: 10rem;
    margin: 0 !important;
    color: white;
}
.poOff {
    text-align: right;
    color: white;
    margin: 0 !important;
    bottom: 34px;
    right: 7px;
    position: absolute;
    font-size: 3rem;
    letter-spacing: 3px;
}
.discOff p {
    margin: 0 !important;
    text-transform: uppercase;
    font-size: 1.8rem;
}
p.subhead {
    text-transform: none;
    font-size: 1.4rem;
    padding-top: 5px;
    padding-bottom: 10px;
    border-bottom: black solid 2px;
    margin-bottom: 10px !important;
}
#registerform2 {
    padding-top: 11px;
}
#registerform2 p, #loginform1 p {
    margin: 0 !important;
}
.tml-user-pass1-wrap > label, .tml-user-pass2-wrap > label {
    display: none !important;
}
#registerform2 input[type=text], #registerform2 input[type=text]:focus, #loginform1 input[type=text], #loginform1 input[type=password], #loginform1 input[type=text]:focus, .infusion-form input[type=text], input#pass1, input#pass2 {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: #c7c7c7 solid 2px;
    font-size: 1.8rem;
}
label[for=rememberme1] {
    font-weight: 500;
    font-size: 1.2rem;
    color: #777;
}
#reg_passmail2 {
    font-size: 1rem;
    color: #ccc;
}
.tml-submit-wrap input#wp-submit2, .tml-submit-wrap input#wp-submit1, .infusion-form input[type=submit] {
    color: white;
    background-color: #0083ff;
    border: none;
    border-radius: 30px;
    font-size: 1.6rem;
    padding: 8px 25px;
    transition: 700ms;
}
.tml-submit-wrap input#wp-submit2:hover, .tml-submit-wrap input#wp-submit1:hover {
    background-color: #3db6d5;
    cursor: pointer;
}
#myModalSignUp button.btn.btn-default, #myModal button.btn.btn-default {
    position: absolute;
    top: 0;
    right: 0;
    background: transparent;
    border: none;
    color: white;
}




/**********************

        HOME PAGE

**********************/

#mainTop {
    background-image: url('img/banner-cover-main.jpg');
    transition: 700ms;
    background-repeat: no-repeat;
    background-position: top left;
    background-size: cover;
    background-color: #1377a8;
    padding-bottom: 4em;
    padding-top: 3em;
}
#mainTop h2 {
    color: white;
    font-size: 50px;
    font-weight: 200;
    letter-spacing: 4px;
}
#mainTop > div > section > div > p {
    color: white;
    font-size: 18px;
    letter-spacing: 1px;
    margin-bottom: 2em;
}
.ctaThree {
    float: left;
    width: 100%;
    text-align: center;
}
.oneC {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 260px;
    height: 120px;
    margin: 10px;
    border: rgba(238, 238, 238, 0.38) solid 2px;
    transition: 500ms;
}
.oneC p {
    text-align: center;
    font-size: 24px;
    color: white;
    margin: 0;
}
.arrowHov {
    position: absolute;
    bottom: 0;
    opacity: 0;
    transition: 500ms;
}
.arrowHov img {
    width: 100%;
    height: auto;
}
.oneC:hover {
    cursor: pointer;
    border: rgba(238, 238, 238, 1) solid 2px;
}
.oneC:hover > .arrowHov {
    opacity: 1;
    bottom: -30px;
}
#amb1 p, #amb2 p {
    padding: 3% 14%;
}
#amb3 p {
    padding: 3% 22%
}
#liveSignUp .btn.btn-default, #growSignUp .btn.btn-default, #startSignUp .btn.btn-default, #liveSignUpTwo .btn.btn-default {
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 50%;
}
#liveSignUp .modalTopText, #liveSignUpTwo .modalTopText {
    background-image: url('img/banner-live2.jpg');
}
#growSignUp .modalTopText {
    background-image: url('img/banner-growbiz.jpg');
}
#startSignUp .modalTopText {
    background-image: url("img/banner-startambitious.jpg");
}
.modalTopText {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}
.modalTopText p {
    font-size: 2rem;
    text-align: center;
    color: white;
    padding: 3em 2em;
}

.nothanks a {
    font-size: 1.2rem;
    font-style: oblique;
    color: #0083ff;
    letter-spacing: 0.4px;
}

#asi {
    background-color: #000000;
    text-align: center;
}
#asi .col-md-12 {
    padding-top: 1em;
    padding-bottom: 1em;
}
#asi img {
    width: 100%;
    height: auto;
}
#upcomingCourses {
    background-image: url('img/upcoming-background.png');
    background-size: cover;
    background-repeat: no-repeat;
    padding: 2% 0% 4%;
}
#imageUC {
    position: relative;
}
/*
#imageUC a {
    position: absolute;
    bottom: 5px;
    left: 25px;
}
*/
.regNowBtn {
    background-color: #0084ff;
    color: white;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 1px;
    padding: 7px 15px;
    border-radius: 22px;
    white-space: nowrap;
    display: inline-block;
    transition: 500ms;
}
.regNowBtn:hover {
    text-decoration: none;
    color:black;
}
.titleUC {
    text-align: center;
}
.titleUC h2 {
    font-size: 32px;
}
#imageUC img {
    width: 100%;
    height: auto;
}
.eachUC {
    margin-bottom: 4px;
}
.eachUC > div {
    display: inline-block;
    *display: inline;
    vertical-align: top;
}
.dateUC {
    border: #343535 solid 2px;
    max-width: 75px;
    width: 15%;
}
.dateUC > p {
    text-align: center;
}
.dateUC > p:first-child {
    background-color: #343535;
    color: white;
    text-transform: uppercase;
    line-height: 20px;
    font-size: 12px;
    margin: 0;
}
.dateUC > p:last-child {
    color: black;
    margin: 0;
    line-height: 32px;
    font-size: 22px;
    font-weight: 800;
}
.contentUC {
    width: 80%;
    padding-left: 15px;
}
.contentUC h3 {
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 0px;
    border-bottom: #343535 solid 1px;
}
.contentUC p {
    font-style: italic;
    letter-spacing: 1px;
}
.viewAllCourses {
    border: black solid 2px;
    transition: 500ms;
}
.viewAllCourses:hover {
    background-color: black;
    cursor: pointer;
}
.viewAllCourses p {
    font-size: 16px;
    line-height: 42px;
    margin: 0;
    color: black;
    transition: 500ms;
}
.viewAllCourses p:hover {
    color: white;
}


#signUpHome {
    background: #0080ff;
    background: -moz-linear-gradient(45deg, #0080ff 0%, #00c9ff 100%);
    background: -webkit-linear-gradient(45deg, #0080ff 0%,#00c9ff 100%);
    background: linear-gradient(45deg, #0080ff 0%,#00c9ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0080ff', endColorstr='#00c9ff',GradientType=1 );
    text-align: center;
    padding: 2% 0% 5%;
}
#signUpHome h2 {
    color: white;
    font-size: 26px;
    font-weight: 200;
    letter-spacing: 1px;
    margin-bottom: 20px;
}
#signUpHome form {
    width: 74%;
    margin: auto;
    box-shadow: black 1px 4px 4px;
    background-color: white;
    text-align: left;
}
#signUpHome form input {
    padding: 0;
    margin: 0;
    display: inline-block;
    vertical-align: top;
}
#signUpHome form input[type="text"] {
    color: #939597;
    font-size: 16px;
    line-height: 54px;
    border: none;
    width: 273.3px;
    padding-left: 10px;
}
#signUpHome #inf_field_FirstName {
    border-right: #dbdcde solid 1px;
}
#signUpHome form input[type="image"] {
    color: white;
    background-color: #343535;
    font-size: 16px;
    height: 54px;
    border: none;
    float: right;
    padding: 0px;
}
#signUpHome input[type="text"]:focus {
    outline-offset: 0px;
    outline: 0px;
}


.imageHPs {
    display: inline-block;
    vertical-align: top;
    width: 45%;
    padding: 0% 5% 5%;
}
.imageHPs img {
    width: 100%;
    max-width: 247px;
    height: auto;
}
.contentHPs {
    display: inline-block;
    vertical-align: top;
    width: 40%;
}
.contentHPs h2 {
    font-size: 26px;
    font-weight: 400;
    letter-spacing: 1px;
    margin-top: 0;
}
.contentHPs p {
    color: #76787a;
    font-size: 1.4rem;
    line-height: 2.4rem;
    padding-bottom: 9px;
}
.contentHPplay p {
    font-style: italic;
    font-size: 1.2rem;
}
.homePlay {
    background-color: #337ab7;
    color: white;
    font-size: 1.6rem;
    padding: 7px 30px;
    border-radius: 5px;
    box-shadow: grey 1px 1px 1px;
    display: inline-block;
    *display: inline;
    cursor: pointer;
    transition: 700ms;
}
.homePlay:hover {
    color: black;
}
#middleSlider .owl-theme .owl-dots .owl-dot span {
    background: #58585b;
}
#middleSlider .owl-theme .owl-dots .owl-dot.active span, #middleSlider .owl-theme .owl-dots .owl-dot:hover span {
    background: #0084ff;
}
#middleSlider > div > section > div > h2 {
    margin: 0;
}
#middleSlider > div > section > div > h2:first-child {
    margin-top: 45px;
}
#middleSlider > div > section > div > h2:last-child {
    margin-bottom: 25px;
}
#becomeCurator {
    background-color: #0283fd;
    padding: 0;
}
#curatorOne {
    background-image: url('img/curator-1.jpg');
    background-size: cover;
    min-height: 225px;
    background-position: center center;
}
#curatorTwo {
    padding: 2% 5%;
    text-align: center;
}
.viewMore {
    background-color: black;
    padding: 8px 23px;
    color: white;
    border-radius: 20px;
}
#curatorTwo h2 {
    margin: 0 0 15px;
    color: white;
    text-transform: uppercase;
    font-size: 36px;
    line-height: 44px;
    text-align: center;
}
#curatorThree {
    background-image: url('img/curator-2.jpg');
    background-size: cover;
    min-height: 225px;
    background-position: center center;
}

#blogHome {
    background-color: #e6e7e9;
    padding-bottom: 3em;
}
#latestBlog {
    padding: 0;
    background-color: white;
    margin-bottom: 1em;
}
#latestBlog .eachBlogImage {
    padding-left: 0px;
}
#latestBlog .eachBlogImage img {
    width: 100%;
    height: auto;
}
#latestBlog .eachBlogContent h2 {
    border: #0084ff solid 2px;
    margin-left: -80px;
    padding: 10px 0px 10px 80px;
    font-size: 24px;
    line-height: 34px;
}
#latestBlog .eachBlogContent h2 a {
    color: black;
    transition: 500ms;
    text-decoration: none;
}
#latestBlog .eachBlogContent h2 a:hover {
    color: #0084ff;
}
.blogBtn {
    padding-bottom: 10px;
    display: inline-block;
}
.btm3Blog > div:first-child, .btm3Blog > div:last-child  {
    padding: 0;
    margin: 0;
    max-width: 300px;
}
.btm3Blog > .eachBlogImage {
    background-color: white;
    margin: 0 13px;
    padding: 0;
    max-width: 268px !important;
}
.btm3Blog .eachBlogImage h2 {
    font-size: 20px;
    line-height: 30px;
}
.btm3Blog .eachBlogImage h2 a {
    color: black;
    transition: 500ms;
    text-decoration: none;
}
.btm3Blog .eachBlogImage h2 a:hover {
    color: #0084ff;
}
.btm3Blog .eachBlogImage > div > img {
    width: 100%;
    height: auto;
}
.imageMax {
    max-height: 201px;
    overflow: hidden;
}

/**********************

        LANDING PAGES - COURSES

**********************/
#lpCourseTop {
    padding: 7em 0;
    background-position: top left;
    background-size: cover;
/* FOR PLAY BUTTON
    padding-bottom: 3em;
    margin-bottom: 1em;
*/
}
#lpCourseTop > .container {
    text-align: center;
}
#lpCourseTop h1 {
    font-weight: 400;
    margin-top: 2em;
    font-size: 5rem;
}
#lpCourseTop p {
    margin-bottom: 4em;
    font-size: 2rem;
}
#lpCourseTop a {
    margin-bottom: 1em;
}
#lpCourseTop i {
    display: none;
    color: white;
    background-color: rgba(0,0,0,0.5);
    font-size: 6rem;
    border-radius: 50%;
    height: 10rem;
    line-height: 10rem;
    width: 10rem;
    text-align: center;
    padding-left: 1rem;
    transition: 700ms;
}
#lpCourseTop i:hover {
    background-color: rgba(0,0,0,0.8);
}
#recommendedCourses {
    padding-bottom: 3em;
}
.lpeCourse {
    margin-bottom: 2em;
    display: inline-block !important;
    vertical-align: top;
    float: none;
}
.rCourses {
    display: inline-block;
    *display: inline;
    vertical-align: top;
    border: #c6c8ca solid 2px;
    max-width: 270px;
    margin: 0 5px;
    height: 375px;
}
.rCoursesImg img {
    width: 100%;
    height: auto;
}
.rCoursesCont {
    padding: 0% 7%;
    text-align: left;
}
.rCoursesCont h3 {
    font-size: 1.7rem;
}
.rCoursesCont h3 a {
    color: black;
    transition: 700ms;
}
.rCoursesCont h3 a:hover {
    color: grey;
    text-decoration: none;
}
#lpCourseUpcoming {
    border-top: #c6c8ca solid 1px;
    padding-bottom: 4em;
    padding-top: 1em;
}
#testimonialsBlue {
    background: #0081ff;
    background: -moz-linear-gradient(45deg,  #0081ff 0%, #00c9ff 100%);
    background: -webkit-linear-gradient(45deg,  #0081ff 0%,#00c9ff 100%);
    background: linear-gradient(45deg,  #0081ff 0%,#00c9ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0081ff', endColorstr='#00c9ff',GradientType=1 );
    padding-top: 3em;
    padding-bottom: 3em;
}
#testimonialsBlue p {
    color: white;
    font-size: 2rem;
    margin: 0;
}
#testimonialsBlue .test-name, #testimonialsBlue .test-biz {
    font-size: 1.6rem;
}
#testimonialsBlue .test-name {
    margin-top: 1em;
}
#testimonialsBlue .test-biz {
    font-style: italic;;
}

#lpSuggest {
    background-image: url('img/upcoming-background.png');
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 3em;
}
.course-container.columns-1 {
    list-style: none;
    padding: 0;
    margin: 0;
}

/**********************

        LIVE BROADCAST

**********************/
#liveBroadcastPage {
    background-color: #eee;
    padding: 15px 0px;
}
.liveContainer {
    width: 100%;
    max-width: 1100px;
    margin: auto;
    background-color: white;
    padding: 0 15px;
}
.instructors {
    font-weight: 600;
    font-style: italic;
}
.vidComments > div > .col-md-12 {
    padding: 0;
}
.vidComments > div > .col-md-5 {
    max-height: 406px;
    overflow: scroll;
    background-color: #f6f7f9;
    border-bottom: #eee solid 2px;
}
.liveInfo {
    padding: 45px 0px;
}
.moneyBack {
    background: #eee;
    padding: 20px 10px;
    text-align: center;
}
.moneyBack p {
    font-size: 2rem;
}
.pricingBox {
    width: 100%;
    max-width: 300px;
    display: inline-block;
    *display: inline;
    box-shadow: #d3ced2 0px 0px 10px;
}
.packagePrice {
    background-color: #F5F5F5;
    padding: 2em 0;
}
.packagePrice h3 {
    margin-top: 0px;
    text-transform: uppercase;
    font-size: 1.6rem;
}
.packagePrice p {
    font-size: 5rem;
    font-weight: 600;
    line-height: 6rem;
    margin: 0;
}
.packagePrice .dollar {
    font-size: 1.6rem;
    padding-right: 5px;
    vertical-align: top;
}
.packageInfo p {
    border-bottom: #ddd solid 1px;
    margin: 0;
    padding: 10px 15px;
    font-size: 1.2rem;
}
.purchaseAccess {
    background-color: #0e8dc7;
    color: white;
    padding: 10px 20px;
    display: inline-block;
    margin: 20px 0px;
    border-radius: 5px;
    border: #2098d1 solid 1px;
    font-size: 1.8rem;
    transition: 700ms;
}
.purchaseAccess:hover {
    text-decoration: none;
    cursor: pointer;
    background-color: #337ab7;
}

/**********************

    PROFILE

**********************/
#coursesBG .course-title {
    font-size: 1.6rem;
}
#coursesBG .sensei-course-meta {
    font-size: 1.2rem;
}
#coursesBG .sensei-course-meta span {
    padding-left: 0px;
}
#coursesBG .col-md-5 {
    border-left: #eee solid 2px;
}
#coursesBG .col-md-12 {
    border-bottom: #eee solid 2px;
}
#coursesBG aside, #pagePage aside {
    display: inline-block;
    margin-top: 2em;
}
#coursesBG .columns-1 li.course {
    width: 100%;
    padding: 1% 2%;
}
#coursesBG .popPosts {
    display: none;
}
#coursesBG .innerp .yourCourses {
    margin-top: 3em;
}
.profileLC h3 {
    margin-top: 1em;
}
#coursesBG .course-container.columns-1 {
    display: inline-block;
    width: 100%;
}
#catCourses ul {
    list-style: none;
    padding: 5px;
    margin: 0;
    text-align: center;
    background-image: url('img/sb-ambition-box.jpg');
    background-position: bottom left;
    background-size: cover;
}
#catCourses {
    padding-left: 0;
}
#catCourses h2 {
    margin-top: 0;
}
#catCourses ul li {
    border: white solid 2px;
    margin: 5px 0px;
    padding: 5px 12px;
    transition: 500ms;
    cursor: pointer;
}
#catCourses ul li:hover {
    background-color: white;
}
#catCourses ul li a {
    color: white;
    font-size: 1.6rem;
}
#catCourses ul li:hover > a {
    color: black;
    text-decoration: none;
}
.profileCap {
    text-transform: capitalize;
    font-size: 5rem;
}
.profileLC > div {
    margin-right: 5%;
}
.profileLC > div:last-child {
    margin-right: 0;
}
.rCoursesProfile {
    width: 30%;
    display: inline-block;
    vertical-align: top;
}
.rCoursesImgProfile img {
    width: 100%;
    height: auto;
}
.rCoursesContProfile h3 {
    font-size: 1.2rem;
    margin-top: 10px;
}

/**********************

        COURSES INFO PAGE

**********************/
#coursesBG, #indexPage, #pagePage {
    background-color: #eee;
    padding-top: 1em;
    padding-bottom: 1em;
}
#coursesBG > .container, #indexPage > .container, #pagePage > .container {
    background-color: #fff;
}
#coursesInfo .contentUC {
    width: 70%;
}
#indexPage .fb-comments, #indexPage .entry-content > h3:last-child {
    display: none !important;
}
.registerUC a {
    background-color: #0084ff;
    padding: 10px 8px;
    display: inline-block;
    border: rgb(0, 114, 255) solid 3px;
    border-radius: 5px;
    color: white;
    text-transform: uppercase;
    transition: 700ms;
}
.registerUC a:hover {
    color: black;
    text-decoration: none;
}
#coursesInfo {
    border-left: #eee solid 2px;
}
#coursesInfo .eachUC {
    margin-bottom: 1.4em;
    padding-bottom: 1.4em;
    border-bottom: #eee solid 2px;
}
#coursesInfo h2 {
    border-bottom: #eee solid 2px;
    margin-bottom: 1em;
    padding-bottom: 1em;
}

.summary.entry-summary > h1.product_title.entry-title {
    font-size: 2.6rem;
    margin-bottom: 0;
}
.summary.entry-summary > h2 {
    font-size: 2rem;
    margin-top: 0;
}
.summary.entry-summary p {
    line-height: 2rem;
}
.product_meta {
    display: none;
}


/**********************

        ACTUAL COURSES PAGE

**********************/
#senseiContainer {
    background-color: #eee;
    padding-top: 1em;
    padding-bottom: 1em;
}
#senseiContainer > .container {
    background-color: #fff;
}
#senseiContainer .course-lessons h2 a {
    font-size: 1.8rem;
    color: #1377a8;
    transition: 700ms;
}
#senseiContainer .course-lessons h2 a:hover {
    text-decoration: none;
    color: grey;
}
.fb-comments.fb_iframe_widget.fb_iframe_widget_fluid, #senseiMain .lesson .entry.fix > h3, #senseiMain .lesson .entry.fix > p {
    display: none;
}
.course-meta.course-enrolment {
    margin-bottom: 1em;
}
.lpeCourse {
    padding: 0 5px;
}
.lpeCourse img {
    width: 100%;
    height: auto;
}
.lpeCourse h3 {
    line-height: 1.6rem;
    margin: 10px 0 0;
}
.lpeCourse h3 a {
    font-size: 1.4rem;
    color: #1377a8;
    transition: 700ms;
}
.lpeCourse h3 a:hover {
    text-decoration: none;
    color: grey;
}
#moduleStyle {
    max-height: 300px;
    overflow: scroll;
}
#moduleStyle > header {
    display: none;
}
article.module > header h2 {
    font-size: 1.8rem;
}
.module .entry .module-lessons .lessons-list li {
    font-size: 1.2rem;
}




/**********************

        TEACH

**********************/

.topDesign {
    background-image: url('img/teach.jpg');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}
.topDesign h1 {
    color: white;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 4rem;
    line-height: 5.4rem;
    margin-top: 3em;
}
.topDesign > div > div > p {
    color: white;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 2.2rem;
    letter-spacing: 1px;
}
#teachImage {
    text-align: center;
    padding-top: 2em;
    padding-bottom: 1em;
}
#teachImage img {
    width: 100%;
    height: auto;
    max-width: 150px;
}
#teachImage .col-md-12 h2 {
    font-weight: bold;
    font-size: 4rem;
    margin-bottom: 1.2em;
}
#teachImage .col-md-4 {
    border-right: #eee solid 2px;
}
#teachImage .col-md-4:last-child {
    border-right: none;
}
.topDesign .applyHere {
    background-color: transparent;
    text-transform: uppercase;
    font-weight: 600;
    border: white solid 1px;
    border-radius: 0;
    padding: 15px 25px;
    margin-bottom: 3em;
    transition: 700ms;
}
.topDesign .applyHere:hover {
    background-color: white;
    color: black;
}

.fifty50 {
    background-image: url('img/curator-2-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}
.fifty50 p {
    font-size: 1.7rem;
    text-align: center;
    padding: 5% 0%;
}
.fifty50 p.fiftyP {
    padding: 0 10%;
    font-size: 1.4rem;
}
.producerTitle h2, .fifty50 h2 {
    text-align: center;
    text-transform: uppercase;
    font-size: 3rem;
    margin: 1.4em 0em;
    padding-bottom: 1em;
    text-shadow: #ccc 1px 1px 1px;
    border-bottom: #ccc solid 1px;
}
.producerRow {
    margin-bottom: 1em;
}
.producerImage > img {
    border-radius: 10px;
    max-width: 200px;
    margin: auto;
}


/**********************

        INNER

**********************/
.imgArea img, .innerp img {
    max-width: 100%;
    height: auto;
}
.innerp p {
    line-height: 32px;
}
#catPage, #singlePage {
    background-color: #e0e0e0;
    padding-top: 1em;
    padding-bottom: 1em;
}
#mostRecent > div:first-child > .catBlogImg, #mostRecent > div:first-child > .catBlogContent {
    width: 100%;
}
#mostRecent > div:first-child > .catBlogImg img {
    width: 100%;
    height: auto;
}
.innerp .regTitle {
    display: none;
}
.catBlog {
    background-color: white;
    margin-bottom: 1em;
}
.catBlog > div {
    display: inline-block;
    *display: inline;
    vertical-align: top;
}
.catBlogImg {
    width: 40%;
}
.catBlogImg img {
    width: 100%;
    height: auto;
}
.catBlogContent {
    width: 59%;
    padding: 0% 3%;
}
.catBlogContent > h2 {
    font-size: 18px;
    margin-top: 15px;
}
.catBlogContent > p {
    color: #77787b;
    letter-spacing: 0.3px;
    font-size: 13px;
}
.btnReadMore {
    color: white;
    font-size: 12px;
    background-color: #4579fe;
    padding: 4px 15px;
    border-radius: 35px;
    display: inline-block;
    white-space: nowrap;
    margin-bottom: 1em;
}

/**********************

        SINGLE POST

**********************/
#singlePage > div > .col-md-8, #singlePage > .container {
    padding: 0;
}
.innerp {
    background: white;
    padding: 1% 4%;
}
.singleTitlePage {
    font-size: 24px;
    margin: 35px 0px 15px;
}
.infoSingleTop {
    margin-top: 10px;
}

.infoSingleTop > div {
    display: inline-block;
    vertical-align: top;
}
.authorInfoTop > p {
    font-style: italic;
    font-size: 13px !important;
    color: #76787a;
}
.authorName {
    font-size: 12px;
    font-style: normal;
    text-transform: uppercase;
    font-family: 'Avenir', sans-serif;
    font-weight: 600;
}
#singlePage .innerp p, #singlePage .innerp h3 {
    font-family: 'Georgia', serif;
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 15px;
}
#singlePage .innerp h3 {
    font-weight: bold;
}
.socialCatAuthor {
    padding-top: 25px;
    padding-bottom: 2em;
}
.catSingle {
    margin-bottom: 2em;
    margin-top: 10px;
}
.catSingle h4 {
    color: #76787a;
    text-transform: uppercase;
    font-size: 12px;
    display: inline-block;
    *display: inline;
}
.catSingle a {
    font-style: italic;
    text-transform: lowercase;
    font-size: 13px;
    font-family: 'Georgia', serif;
}
.socialSingle ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: left;
}
.socialSingle ul li {
    display: inline-block;
    *display: inline;
    border: black solid 1px;
    margin-right: 10px;
    padding: 0px 10px 0px 15px;
    position: relative;
    font-weight: bold;
}
.socialSingle ul li i {
    background: black;
    color: white;
    border-radius: 50%;
    line-height: 22px;
    width: 22px;
    text-align: center;
    position: absolute;
    left: -10px;
    top: -1px;
}
.authorSingle > div {
    display: inline-block;
    *display: inline;
    vertical-align: top;
}
.authorSingle .autSingImg {
    width: 20%;
}
.authorSingle .autSingImg img {
    width: 100%;
    height: auto;
}
.authorSingle .autSingCont {
    width: 79%;
}
.autSingCont {
    border: #e3e2e3 solid 3px;
    padding: 3.6% 3%;
}
#singlePage .autSingCont h3 {
    font-size: 16px;
    text-transform: uppercase;
    margin: 0;
    font-family: 'Avenir', sans-serif;
    font-weight: 600;
}
#singlePage .innerp .autSingCont p {
    font-size: 12px;
    line-height: 18px;
    margin: 0;
}
#latestAuthorBlog {
    padding-top: 2em;
    padding-bottom: 2em;
}
#latestAuthorBlog > div {
    padding: 0;
}
#latestAuthorBlog img {
    width: 100%;
    height: auto;
}
.recentBlogImages {
    height: 135px;
    overflow: hidden;
}
#latestAuthorBlog h2 {
    font-size: 14px;
    font-style: oblique;
    font-weight: bold;
}
#latestAuthorBlog h2 a {
    color: black;
    transition: 700ms;
}
#latestAuthorBlog h2 a:hover {
    color: grey;
    text-decoration: none;
}
#latestAuthorBlog h3 {
    font-size: 18px;
    text-transform: uppercase;
}


/**********************

        SIDEBAR

**********************/
aside div {
    background: white;
    margin-bottom: 10px;
}
#catSidebar, #sidebar {
    max-width: 286px;
    margin: auto;
}
.ambitiousLiveBox img {
    width: 100%;
    height: auto;
}
.welcome {
    text-align: center;
    padding: 1% 10%;
}
.welcome h3 {
    margin: 0 auto 10px;
    padding-top: 15px;
    font-family: 'Georgia', serif;
    font-style: italic;
    text-align: center;
    width: 50%;
    padding-bottom: 5px;
    border-bottom: #77787b solid 1px;
}
.welcome p {
    color: #76787a;
    padding-bottom: 10px;
    font-size: 13px;
}
.coupon {
    background-color: black;
    text-align: center;
}
.coupon h4 {
    color: white;
    border-top: dotted white 4px;
    border-bottom: dotted white 4px;
    width: 60%;
    font-size: 36px;
    margin: auto;
    line-height: 54px;
}
.coupon p {
    color: white;
    text-transform: uppercase;
    padding-top: 10px;
    font-size: 17px;
}
.claimBtn {
    display: inline-block;
    background-color: white;
    color: black;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 1em;
    padding: 10px 20px;
    transition: 700ms;
    cursor: pointer;
}
.claimBtn:hover {
    background-color: black;
    color: white;
    text-decoration: none;
}
.removeLink p.nothanks {
    display: none !Important;
}
.chooseAmbition {
    padding: 7% 10%;
    text-align: center;
    background-image: url('img/sb-ambition-box.jpg');
    background-position: bottom left;
    background-size: cover;
    cursor: pointer;
}
.chooseAmbition h2 {
    margin-top: 0;
    margin-bottom: 25px;
    color: white;
    font-size: 18px;
    font-weight: 500;
}
.chooseBox {
    background: transparent;
    border: rgba(255, 255, 255, 0.45) solid 2px;
    display: inline-block;
    *display: inline;
    margin: 0;
    line-height: 36px;
    color: white;
    letter-spacing: 0.5px;
    width: 100%;
    margin-bottom: 10px;
    transition: 700ms;
}
.chooseBox:hover {
    background: white;
    color: black;
    text-decoration: none;
}
.socialIcons {
    padding: 15px 0px;
}
.socialIcons ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
}
.socialIcons ul li {
    display: inline-block;
    padding-right: 5px;
}
.socialIcons ul li a i {
    font-size: 24px;
    color: white;
    background-color: black;
    border-radius: 50%;
    padding: 0px 7px;
    height: 35px;
    line-height: 35px;
    width: 35px;
    transition: 700ms;
}
.socialIcons ul li a i:hover {
    background-color: #4579fe;
}
.popPosts {
    padding: 10%;
}
.popPosts > h2 {
    margin: 0 auto;
    font-size: 18px;
    text-align: center;
    width: 60%;
    border-bottom: black solid 1px;
    padding-bottom: 5px;
}
.eachPopPosts > h2 {
    font-style: italic;
    line-height: 20px;
    margin-top: 10px;
}
.eachPopPosts > h2 > a {
    color: black;
    font-size: 17px;
}
.eachPopPosts .date p {
    color: #76787a;
}



/**********************

        FOOTER

**********************/

#footer {
    border-top: #0082fc solid 3px;
    background-color: black;
    color: #ececec;
    padding-top: 2em;
}
#menu-footer {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: right;
}
#menu-footer li {
    display: inline-block;
    padding-left: 11px;
}
#menu-footer li a {
    color: white;
    text-transform: uppercase;
    font-size: 1.2rem;
}
#footer img {
    max-width: 190px;
    height: auto;
}

/************************
    MOBILE RESPONSIVE
        - IMPORTANT BREAKPOINTS
************************/

@media screen and (min-width: 1200px) {
    body .container {
        width: 860px;
    }
}

@media screen and (max-width: 1200px) {
    #signUpHome form {
        width: 65.3%;
    }
    #imageUC {
        margin-bottom: 1em;
    }
    #signUpHome form input[type="image"] {
        float: right;
    }
    #latestBlog .eachBlogImage {
        padding: 0;
    }
    #latestBlog .eachBlogContent h2 {
        margin-left: 0px;
        padding: 10px 0px;
        text-align: center;
    }
    #latestBlog .eachBlogContent {
        text-align: center;
    }
    .btm3Blog > .eachBlogImage {
        margin: 0 2.1%;
    }
    .btm3Blog > div:first-child, .btm3Blog > div:last-child, .btm3Blog > .eachBlogImage {
        max-width: 300px !important;
    }
    .imageMax {
        max-height: 100%;
    }

}

@media screen and (max-width: 992px) {
    #catSidebar, #sidebar {
        margin-top: 1em;
    }
    #latestAuthorBlog h3 {
        text-align: center;
    }
    #latestAuthorBlog .col-md-4 {
        max-width: 480px;
        margin: auto;
    }
    #signUpHome form {
        width: 100%;
    }
    #curatorOne, #curatorThree {
        display: none;
    }
    #curatorTwo {
        padding: 5%;
    }
    #middleSlider {
        text-align: center;
    }
    .contentHPs {
        padding: 0;
    }
    .btm3Blog > div:first-child, .btm3Blog > div:last-child, .btm3Blog > .eachBlogImage {
        margin: auto;
        width: 100%;
        max-width: 300px !important;
        margin-bottom: 1em;
    }
}

@media screen and (max-width: 768px) {
    .menuTop {
        float: left;
    }
    .logoTop {
        margin-top: 8px;
        position: absolute;
        right: 10px;
    }
    .icon-bar {
        background: blue;
    }
    #menu-primary-menu > li, #menu-primary-menu > li:last-child {
        border-left: none;
        border-right: none;
    }
    .navbar-toggle.collapsed, .navbar-toggle {
        float: left !important;
    }
    #header > .buttonLogin {
        position: fixed;
        z-index: 1000;
        bottom: 0;
        text-align: center;
        left: 0;
        width: 100%;
        background-color: rgba(238,238,238,0.9);
    }
    #footer {
        padding-bottom: 3em;
    }
    #footer .col-md-4 {
        text-align: center;
        margin-bottom: 1em;
    }
    #menu-footer {
        display: none;
    }
}
@media screen and (max-width: 480px) {
    .btm3Blog > div:first-child, .btm3Blog > div:last-child, .btm3Blog > .eachBlogImage {
        max-width: 100% !important;
    }
    .imageMax img {
        width: 100%;
        height: auto;
    }
    #signUpHome form {
        background-color: #343536;
    }
    #signUpHome form input {
        display: block;
    }
    #signUpHome form input[type="text"] {
        width: 100%;
    }
    #signUpHome form input[type="image"] {
        float: none;
        margin: auto;
    }

}