/*
 Theme Name:   Written Chinese
 Theme URI:    http://www.writtenchinese.com
 Description:  Edu Child Theme
 Author:       haudev
 Author URI:   http://writtenchinese.com
 Template:     Edu
 Version:      1.0.0
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
*/
@import url("style.css");
/* =Theme customization starts here
-------------------------------------------------------------- */
@import url('style-new.css');

body .navbar #menu-wcc-new-menu .menu-login.menu-signup a {
    color: #fff;

}
body {
    font-family: "Ubuntu",sans-serif !important;
}
body h2,body h1,body h3,body h4,body h5,body h6,body p, body a{
    font-family: 'Ubuntu', sans-serif!important;
}
footer .wrapper.foot-menu ul{
    padding-left: 0;
}
.main-content .content-wrap .app-top-layer .img-wrap img{
    -moz-transform: translateY(50%)!important;
    -webkit-transform: translateY(50%)!important;
    transform: translateY(-50%)!important;

}
.site-content .main-wrapper .wrap-primary{
    background-color: #f3f3f3;
}
.entry-excerpt {
    margin-top:25px;
    margin-bottom:0px
}
.entry-excerpt p{
/*     line-height:21px; */
}
.search .product h2,
.post .entry-title{
	line-height: 35px;
}

.nav-blog .menu li.current-post-parent:not(.menu-latest-posts) a,
.nav-blog .menu li.current-menu-item:not(.menu-latest-posts) a {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    background-color: transparent;
    border-bottom: none!important;
    color: #6d6e70;

}
.nav-blog .menu li.menu-latest-posts::after{
    font-family: "FontAwesome";
    bottom: 0;
    content: "\f107";
    left: 48%;
    position: absolute;
    text-align: center;
    width: 11px;
    color: #6d6e70;
    font-size: 13px;
    top: 32px;
}
.nav-blog .menu li:not(.current-post-parent)::after{
    font-family: "FontAwesome";
    bottom: 0;
    content: "\f107";
    left: 48%;
    position: absolute;
    text-align: center;
    width: 11px;
    color: #6d6e70;
    font-size: 13px;
    top: 32px;
}

.nav-blog .menu li.current-post-parent:not(.menu-latest-posts)::after,
.nav-blog .menu li.current-menu-item:not(.menu-latest-posts)::after{
    /*background-image: url("images/icon-down.png");*/
    /*background-repeat: no-repeat;*/
    font-family: "FontAwesome";
    bottom: 0;
    content: "\f107";
    left: 48%;
    position: absolute;
    text-align: center;
    width: 11px;
    color: #6d6e70;
    font-size: 13px;
    top: 32px;
}
.single-post .main-wrapper .wrap-primary{
    border-top: none!important;
}
.nav-blog .menu li {
    float: left;
    position: relative;
    width: 25%;
    text-align:center;
}
.nav-blog .menu li a {
    border-right: 1px solid #fff;
    color: #6d6e70;
    display: block;
    font-weight: 700;
    line-height: 34px;
    padding:10px;
    text-align: center;
    text-decoration: none !important;
    text-transform: uppercase;
    white-space: nowrap;
}
.nav-blog .menu li.current-post-parent:not(.menu-latest-posts)::after,
.nav-blog .menu li.current-menu-item:not(.menu-latest-posts)::after {
    border: none;
    margin: auto;
    z-index: 300;

}
.nav-blog #menu-post li.current-post-parent:not(.menu-latest-posts),
.nav-blog #menu-post li.current-menu-item:not(.menu-latest-posts){
    border-bottom: none!important;
}
.nav-blog #menu-post li{
    border-bottom: 1px solid #ddd;
}
.category .wrap-primary{
    background-color:#f3f3f3;
}
.nav-blog .display-none{
    display:none;
}
.nav-blog #menu-blog li.current-menu-item span{
    color: #ca251e;
}
.nav-blog #menu-blog li.current-menu-item a{
    color: #ca251e;
    border-bottom: none!important;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    margin-bottom: 2px;
    margin-right: 0;
}
.nav-blog #menu-blog {
    border: none;
}
.nav-blog #menu-blog li span{
    bottom: 5px;
    color: #2c2c2c;
    font-size: 8px;
    left: 0px;
    right: 0px;
    position: absolute;
    transform: translateX(0%);
  
}
.nav-blog #menu-blog li a{
    border-bottom: 1px solid #ddd ;
    color: #2c2c2c;
    text-transform: uppercase;
    border-right: 0;
    border-left: 0;
    padding: 17px 15px;
}
.nav-blog #menu-blog li{
    width: 25%;
    text-align: center;
    font-size: 17px;
    position: relative;
}
.category .wrap-primary{
    border-top: none!important;
}
.main-content .pagination-wrap .pager li.active a{
    background-color: #eee;
    border: 1px solid #ddd;
    color: #000;
}
.main-content .pagination-wrap .pager li a:focus,
.main-content .pagination-wrap .pager li a:hover{
    background-color: #eee;
    color: #23537c;
}
.main-content .pagination-wrap .pager li a{
    color: #282828;
    min-width: 47px!important;
}
.main-wrapper-inner .wrap-sidebar{
    padding-left: 0;
    padding-right: 0;
    background-color:#f3f3f3 ;
    border: none!important;
    padding-top: 0;
}

.post-wrap .post-block .inner-layer{
    z-index: 9999;
}
.post-wrap .post-block a.custom-link-blog{
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 999;
}
.single-post ul#menu-post{
    padding-left: 0!important;
}
.use-builder.page .section .bd-row .items-wrapper{
    margin:0 ;
}
.use-builder.page .section .bd-row{
    margin: 0;
}
@media screen and (max-width: 1024px){
    .nav-blog #menu-blog li a {
        border-bottom: 1px solid #ddd;
        border-left: 0 none;
        border-right: 0 none;
        color: #2c2c2c;
        font-size: 11px;
        padding: 17px 15px;
        text-transform: uppercase;
    }
}
@media screen and (max-width: 767px) {
    .widget.widget_stpopularposts {
        padding: 0 15px;
    }
}
@media screen and (max-width: 480px) {
    header .search-wrap form button.cstm span {
        color: #797979;
        padding: 8px 0 9px;
        width: 68px;
    }
    .nav-blog #menu-blog li a {
        border-bottom: 1px solid #ddd;
        border-left: 0 none;
        border-right: 0 none;
        color: #2c2c2c;
        font-size: 13px;
        padding: 10px 5px;
        text-transform: capitalize;
    }
    .nav-blog #menu-blog li span {
        bottom: 2px;
        color: #2c2c2c;
        font-size: 8px;
        left: 0;
        position: absolute;
        right: 0;
        transform: translateX(0%);
    }
    .search .menu {
        padding-left: 0;
    }
    .entry-meta .meta-item {
        font-size: 10px;
        margin-right: 10px;
    }
    .pull-right.meta-item.post-comments {
        float: none!important;
    }
    .single .nav-blog .menu li:not(.current-post-parent)::after {
        bottom: 0;
        color: #6d6e70;
        content: "";
        font-family: "FontAwesome";
        font-size: 13px;
        left: 0;
        margin: 0 auto;
        position: absolute;
        right: 0;
        text-align: center;
        top: 39px;
        width: 11px;
    }
    .single .menu li a{
        font-weight: 400;
        line-height: 18px;
        color: #2c2c2c;
        font-size: 13px;
        padding: 10px 5px;
        text-transform: capitalize;
        white-space: normal;
    }
    .fb_iframe_widget span ,
    iframe.fb_ltr,
    .fb_iframe_widget{
        width: 100%!important;
    }
}
@media screen and (max-width: 479px) {
    .nav-blog #menu-blog li a {
        height: 59px;
    }
    .search .nav-blog .menu li:not(.current-post-parent)::after {
        bottom: 0;
        color: #6d6e70;
        content: "";
        font-family: "FontAwesome";
        font-size: 13px;
        left: 0;
        margin: 0 auto;
        position: absolute;
        right: 0;
        text-align: center;
        top: 39px;
        width: 11px;
    }
    .search .menu li a,
    .single .menu li a{
        line-height: 18px;
        font-weight: 400;
        white-space: normal;
    }
    .single .nav-blog .menu li:not(.current-post-parent)::after {
        bottom: 0;
        color: #6d6e70;
        content: "";
        font-family: "FontAwesome";
        font-size: 13px;
        left: 0;
        margin: 0 auto;
        position: absolute;
        right: 0;
        text-align: center;
        top: 39px;
        width: 11px;
    }
    .single .menu li a{
        font-weight: 400;
        height: 59px;
        line-height: 18px;
        color: #2c2c2c;
        font-size: 13px;
        padding: 10px 5px;
        text-transform: capitalize;
        white-space: normal;
    }
}