html,body {
    overflow-x: hidden;
}

/**hiding copyright inf**/
.site-info span {
    display:none;
}

/*************** disable read more link 2020/09/19 ****************/

article .entry-container .read-more>a {
    display: inline-block;
    pointer-events: none;
}

article>.post-item>.entry-container .read-more>a {
    display: inline-block;
    pointer-events: auto;
}


div#tidio-chat {
    display:none;
}

/*************** styling for the header ****************/
#top-bar {
    display:none;
}

.main-navigation a {
    font-size:1.2em;
}

#page-site-header {
    display:none;
}

.nav-menu {
    display:none;
}

header >.wrapper {
    width:100%;
    max-width: 95%;
}

h2 {
    font-size:2em;
}


/*------------------------------------------------
            CUSTOM NAVIGATION
------------------------------------------------*/

@keyframes dropDown {
    0% {
        opacity:0;
        height:0;
    }
    100%{
        opacity:1;
        height:1;
    }
}

@keyframes goUp {
    0% {
        opacity:1;
        height:1;
    }
    100%{
        opacity:0;
        height:0;
    }
}

#masthead {
    height:auto;
    position: absolute;
    animation: goUp .1s ease-out;
    z-index: 10002;
    background:rgba(255,255,255,0.7);
    max-width: 1920px;
}

#masthead.dropDown {
    position:fixed;
    animation: dropDown .9s ease-out;
    z-index: 10002;
    box-shadow: 5px 2px 8px #888888;
    background:rgba(255,255,255,0.7);
}

.main-navigation ul#primary-menu li.blackNav.current-menu-item > a {
    font-weight:500;
}
.main-navigation ul.nav-menu > li.blackNav > a {
    color: #000;
    opacity:1;
}

.main-navigation ul.nav-menu > li.blackNav:hover > a {
    color: #EA7066;
    opacity:1;
}

    

/**************** main content area *****************/
/* .wrapper.page-section {
    display:none;
} */

.overlay {
    opacity: 0.3;
}

.page-section {
    padding:0;
}

.footer-widgets-area.col-1 .hentry {
    text-align: left;
}

/* .right-sidebar #primary, .left-sidebar #primary {
    padding-left: 30px;
} */

#ws-form-1 {
    background-color: #e7eeed;
    padding-top: 60px;
    padding-left: 30px;
    padding-right: 30px;
}

button.wsf-button.wsf-button-primary {
    border:none;
    background-color: #ea7066 !important;
    color: white;
}

button.wsf-button.wsf-button-primary:hover {
    border:none;
    background-color: #e94b3c !important;
    color: white;
}

#courses .col-3 {
    margin-bottom: 30px;
}


.widget:last-child {
    margin-bottom:10%;
}

/**************** post *****************/
span.comments-link {
    display:none;
}

div.comment-respond {
    display:none;
}

/**************** footer area *****************/

.footer-widgets-area.page-section.col-4 {
    padding:20px 0;
}

#colophon .widget {
    margin-bottom: 0;
}

#colophon .widget.widget_text {
    margin-bottom: 0;
}

.widget {
    margin:0;
}


.entry-footer {
    display:none;
}

.widget.widget_media_image img {
    max-width:70% !important;
}

/********************** course page ***********************/

div#n2-ss-4 .n2-style-dee40e841c0d74b25815f3d8306e2122-heading {
    background:#ea7066 !important;
}

div#n2-ss-4 .n2-style-dee40e841c0d74b25815f3d8306e2122-heading:hover {
    background:#eb5041 !important;
}

.right-sidebar #primary, .left-sidebar #primary {
    width:100%;
}

#primary.content-area.left-main-area{
    width:70%;
}

/* custom block style */

.is-style-bold-blue-heading {
    color:#16b7cc;
    font-weight:bolder;
}


.wp-block-group.is-style-half-picture-group {
    width: 100%;
    display:flex;
    padding-left:10%;
    padding-right:10%;
    justify-content: center;
    align-items: center;
    background-color: #EBEBEB;
    padding-top:3rem;
    padding-bottom: 3rem;
}

.wp-block-group.is-style-half-text-group {
    width: 100%;
    display:flex;
    padding-left:10%;
    padding-right:10%;
    justify-content: center;
}


.wp-block-group.is-style-why-it-works-groups, .wp-block-group.is-style-teacher-team-groups {
    padding:0 10%;
}

.wp-block-group.is-style-why-it-works-groups>.wp-block-group__inner-container>h2{
    margin-bottom:2em;
}


.wp-block-button.is-style-sign-up-button a {
    background-color: #ea7066;
    padding: 12px 40px;
}

.wp-block-button.is-style-sign-up-button a:hover {
    background-color: #e74436;
    padding: 12px 40px;
}

.is-style-full-width-image img {
    width:100%;
}

h2.is-style-homepage-heading {
    color:#16b7cc;
    font-weight:bolder;
    padding: 0.5em 10%;
}

.wp-block-image.is-style-teacher-image img {
    border-radius: 50%;
}

h4.is-style-teacher-name-heading {
    color: #16b7cc;
    font-weight: bolder;
}

.wp-block-group.is-style-why-it-works-group .wp-block-image.is-style-full-width-image {
    height:220px;
}

.has-text-align-center.is-style-teacher-name-heading ~ p {
    margin:0;
}

#courses {
    margin-top:4em;
}



/* styling for course packages */

.fa-check-square:before {
    color:#f74f40;
    margin-right:10px
}

.wp-block-group.is-style-one-course-group-one:nth-of-type(2) {
    border-left: #39d687 5px solid;
    margin:3vw auto;
}

.is-style-one-course-group-one:nth-of-type(2) .is-style-course-left-group {
    background-color: #cef5df;
}

.wp-block-group.is-style-one-course-group-one:nth-of-type(3) {
    border-left: #d639ce 5px solid;
    margin:3vw auto;
}

.is-style-one-course-group-one:nth-of-type(3) .is-style-course-left-group {
    background-color: #f1dcf5;
}

.wp-block-group.is-style-one-course-group-one:nth-of-type(4) {
    border-left: #d68039 5px solid;
    margin:3vw auto;
}

.is-style-one-course-group-one:nth-of-type(4) .is-style-course-left-group {
    background-color: #f5e9dc;
}

.is-style-course-left-group,  .is-style-course-right-group{
    padding-top:10px;
    display:flex;
    justify-content: center;
}

.is-style-course-left-group>.wp-block-group__inner-container {
    width:80%;
}

.is-style-course-right-group>.wp-block-group__inner-container {
    width:80%;
}

.wp-block-group.is-style-one-course-group-one>.wp-block-group__inner-container {
    border: #d6d9da 1px solid;
    box-shadow: 10px 0px 5px #aaaaaa;
}

.wp-block-group.is-style-one-course-group-one>.wp-block-group__inner-container h4 {
    margin-top:0;
}

.is-style-course-right-group figure.is-style-teacher-image {
    display: flex;
    justify-content: center;
    align-items: center;
}

/*------------------------------------- 
#                 Single Posts 
-------------------------------------*/

body.post-template-default.single.single-post #masthead {
    position: relative;
} 

article.post h2.entry-title {
    color:#ea7066;
    font-weight: bolder;
    font-size:2em;

}

aside#secondary {
    display:none;
}

body.blog #masthead, body.archive #masthead, body.single #masthead {
    position: relative;
} 


body.post-template-default.single.single-post .site-content {
    padding-bottom: 2em;
} 

body.blog.right-sidebar .blog-posts-wrapper .col-3 article .post-item .entry-container, body.archive.right-sidebar .blog-posts-wrapper .col-3 article .post-item .entry-container, body.search.right-sidebar .blog-posts-wrapper .col-3 article .post-item .entry-container, body.blog.left-sidebar .blog-posts-wrapper .col-3 article .post-item .entry-container, body.archive.left-sidebar .blog-posts-wrapper .col-3 article .post-item .entry-container, body.search.left-sidebar .blog-posts-wrapper .col-3 article .post-item .entry-container {
    border-top: 1px solid lightgrey;
    border-left: 1px solid lightgray;
    padding-left: 2em;
    padding-right: 1em;
    padding-bottom: 2em;
    box-shadow: 10px 5px 10px 2px #8888;
}



/*------------------------------------- 
#                 Responsive 
-------------------------------------*/

/************** mobile viewport ***************/



@media screen and (max-width: 480px) {
    /* header .site-branding {
        height:22vh;
    } */

    #masthead> .wrapper {
        display:flex;
        justify-content: space-between;
    }

    .site-branding {
        display:flex;
        /* justify-content: space-between; */
        align-items: center;
    }

    .site-description {
        display:none;
    }

    #content.site-content {
        padding-top:15vh;
    }

    body.single #content.site-content {
        padding-top:2vh;
    }

    body.blog #content.site-content {
        padding-top:2vh;
    }

    body.archive #content.site-content {
        padding-top:2vh;
    }

    #site-navigation {
        display:flex;
    }

    .site-title {
        font-size: 6vw;
    }

    #post-919 .entry-content {
        display:grid;
        grid-template-columns: 1fr;
        grid-gap:2em;
    }
}



@media screen and (max-width: 767px) {
    .wp-block-group.is-style-why-it-works-groups>.wp-block-group__inner-container {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 3em;
    }

    .wp-block-group.is-style-teacher-team-groups>.wp-block-group__inner-container {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 3em;
    }

    #ws-form-1 {
        margin: 5vh 5px;
    }   
}

/************** tablet viewport ***************/
@media screen and (min-width: 767px) {
    .wp-block-group.is-style-why-it-works-groups>.wp-block-group__inner-container {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 3em;
    }

    .wp-block-group.is-style-teacher-team-groups>.wp-block-group__inner-container {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 3em;
    }

    .wp-block-group.is-style-one-course-group-one>.wp-block-group__inner-container {
        display:grid;
        grid-template-columns: 1fr 4fr;
    }

    .wp-block-group.is-style-one-course-group-single>.wp-block-group__inner-container {
        display:grid;
        grid-template-columns: 2fr 1fr;
    }

    /*------------------------------------- 
    #                 single video page 
    -------------------------------------*/
    .post-919.videos .entry-content h2.entry-title {
        text-align: center;
        font-size: 2rem;
        padding:1rem;
    }


    #post-919 .entry-content > .wp-block-group >.wp-block-group__inner-container {
        grid-gap: 3rem;
        display: grid;
        grid-template-columns: 1fr 1fr;
    }


    /* #content.site-content {
        padding-top:10vh;
    } */

}


/************** desktop viewport ***************/
@media screen and (min-width: 1024px) {

    /* #content.site-content {
        padding-top:0vh;
    } */

    .wp-block-group.is-style-half-picture-text-group>.wp-block-group__inner-container {
        /* display:flex; */
        align-items: center;
    }

    .wp-block-group.is-style-half-text-group {
        width:100%;
        padding-left:10%;
        /* float:left; */
    }
    
    .wp-block-group.is-style-half-picture-group {
        background-color: #EBEBEB;
        padding-top:3rem;
        padding-bottom: 3rem;
        width: 100%;
        /* float: right; */
        padding-left:10%;
        padding-right:10%;
        display:flex;
        justify-content: center;
        align-items: center;
    }

    /* for demo videos */
    #aboutJidiUs + .wp-block-group.is-style-half-picture-group > .wp-block-group__inner-container {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 2rem;
    }

    #aboutCnUs + .wp-block-group.is-style-half-picture-group > .wp-block-group__inner-container {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 2rem;
    }

    .featured-content-wrapper .entry-title {
        font-size: 36px;
    }

    .right-sidebar #secondary, .left-sidebar #secondary {
        display:none;
    }

    .wp-block-group.is-style-why-it-works-groups>.wp-block-group__inner-container {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 3em;
    }

    .wp-block-group.is-style-teacher-team-groups>.wp-block-group__inner-container {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-gap: 3em;
    }


    #ws-form-1 {
        margin: 5vh 10vw;
    }

    /* .wp-block-group.is-style-half-picture-group ~ .wp-block-group.is-style-why-it-works-groups .wp-block-group__inner-container{
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 3em;
    } */
}