/*
Theme Name: Clean Education Child Theme
Author:       SMART CHINESE TEACHER
Description:  This theme works for all common html elements based on min width responsive design
Author: Md Altab Hossin
Author URI:   cnpinyin.com
Template:     clean-education
Version:      1.1
*/
/*** backround color */
body{background:none;}
.site-content{background:#fafafa;}
.site-header,.site-footer{background:#f5f5f5;}

/***** header section */

.site-header{padding:0 !important;line-height: 0.5em;margin-top:1%;}
.site-branding{margin-left:auto !important;margin-right:auto !important;}
.custom-logo{padding-left:0.5em; margin-left:80%}
#site-header,#site-logo{display:inline-block;vertical-align:middle;}
.smart-logo{margin-top:-1%;}
.site-description{margin-left:5%;}
.usm_bar{text-align:center !important;font-size:0.8em !important;}
.usm_bar a{color:black;}
.usm_bar a:hover{color:#34678a;}
.site-header-menu, .usm_bar {font-family: Arial, Helvetica, sans-serif;}
.site-header-menu{padding-top:0;padding-bottom:0;margin:2% 5%;}
.usm_bar_menu{display:block;margin:3% auto 0;width:-moz-available;width:-webkit-fill-available;}
#menu-toggle-primary{margin:3% auto 1%}


/***** Featured Slide */
div.entry-container.clear {display:none}
/***** Dictionary Search */
.dict_search_form{margin-top:-1em;}
#inputChText{background:white;display:inline-block;width:80%;max-width:80%;border: 1px solid #d1d1d1;border-radius: 4px 0 0 4px;}
#inputChText:hover {background: #f5f9fc;}
.search-button {display:inline-block;width:20%;margin-left:-4px;padding:1px;border-radius: 0 4px 4px 0;}
.search-button:hover{background:#15425e;border: #15425e;}
#inputChText,.search-button{height:2.8em;vertical-align: middle;}
#welcome-message-text {color: #aaa;text-align: center;font-size:13px;margin:3% 0}

/***** Our Products */
#our-products-left,#our-products-right{display:block;margin-left:auto;margin-right:auto;width:99%;}
#our-products-left a,#our-products-right a{color:white;box-shadow: none;text-decoration: none;}
#our-products-left a:visited,#our-products-right a:visited{color:white;box-shadow: none;text-decoration: none;}
.opd{margin: 15px 0 20px 0;background: #34678a;border: #34678a 1px solid;border-radius: 5px;text-align:center;line-height: 2.8em;}
.opd:hover{background: #15425e;border:#15425e 1px solid;box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;}
.product-header-icon{display:inline-block;width:15%;vertical-align:middle;border-right:1px dashed white;margin-left:5px;}
.product-header-icon img{padding:0;margin:0;vertical-align: middle;}
.product-text{display:inline-block;width:75%;vertical-align: middle;}

/***** Product Features */
#product-features-left,#product-features-right {display:block; width:98%;line-height:1em;margin-top:10px;}
#product-features-text {margin-left: 10px;}

/***** widget areas */
.search-field{background:white !important;}
.search-field:hover {background: #f5f9fc !important;}
.search-submit:hover{background:#15425e;border: #15425e;}
.widget,.widget_recent_entries{margin-bottom:0}
.widget_recent_entries{padding-bottom:0}
.widget-title{background-color: green;}
.widget-title{background: #34678a;border: #34678a 1px solid;border-radius: 5px;line-height: 2em;color:white;padding-left:5%;}
#widget-list-normal {color: #343434;}
#widget-list-hot{color: #993366;}
#widget-list-hot,#widget-list-normal{font-size: 1.3em;margin-left:5%}
.widget-wrap li{font-size:1.1em;margin-left:4.5%}
.textwidget img{padding:0 15%;}

/*** featured products slider */
#featured-section .entry-title{background: #71a8ca;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius:10px;padding:0.3em;}

/***** footer content */
#footer-left-content,#footer-right-content{display:block;width:100%;text-align:center;font-size:13px;}
#site-generator,#site-generator a{color:#34678a;background:#f7f7f7 !important;}
#site-generator,#site-generator a:hover{color:#052b46;}


/*** other page */
.numeric-navigation li a:hover,
.numeric-navigation li.active a {background-color: #d07e1fe6;}
.prev-page-disabled li a:disabled{background-color:grey}
.page-id-1393 h1 {text-align:center;}
.start-product-now{color:white;font-size:20px;text-align:center;margin-left:35%;margin-top:5px;padding:10px 50px;border-radius:5px;}
.start-practice-now{color:white;font-size:18px;text-align:center;margin-left:35%;padding:5px 50px;border-radius:5px;background: #34678a;}
.start-practice-now:hover{background: #71a8ca;color:white}
.practice-now-block{margin-top:10px;}
.pinyin-test-block{border-top:1px dashed green;margin-top:18px;padding-top:10px;text-align:justify;}

/*** other page >> vip membership */
.vip-status{color:#1b751b;font-size:1.2em !important;}
.vip-status-ads{color:#993366;}

/***** wppb Registration area  */
.text-input{background: white !important;}
.form-submit>.submit{margin-left:3%;width:50%;border-radius:2px;}
.wppb-success{margin-bottom:50px !important;border:2px dashed green !important;font-size:25px;}
article#post-207 > div > div > p:first-child{display:none;}
article#post-207 > div > div > form#wppb-register-user:before{position:relative;content:"Please fill the field below to register a new account. * marks field must be filled.";bottom:2em;}
/*** User created message after Registration */ 
article#post-207 > div > div > p.wppb-success:before{content:"Dear valued user, your account is successfully created!";display:block;color:#993366;}
article#post-207 > div > div > p.wppb-success:after{content:"Activate your account and enjoy our products now!";display:block;color:#993366;}
/*** Registration success message */
article#post-43 > div > div > p.wppb-success:before{content:"Congratulations! Your account is successfully activated!";display:block;color:green;}
article#post-43 > div > div > p.wppb-success:after{content:"Login to enjoy our all innovative products now >>";display:block;color:#993366;}
/***** wpbd Registration area  closed*/

/*** PMS ares */
.pms-field>input{background:white; border-radius:4px;}
.pms-form-submit{width:35%;border-radius:2px;}

/***** Unselectable text class. Just add `noselect-text` in class */
.noselect-text {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

/***** common design ***/
#product-header-title-text {color: #993366;font-weight: bolder;margin:0 0 5px 0;}
#product-info-text {text-align:justify;}
#masthead, #hero-section, #promotion-section, #featured-section, #courses-section, #testimonial-section, #logo-section, #our-professors-section, #content, #news-section, #events-section {padding: 0.5em;}
.site-main,.site-main>article,.infinite-wrap>article {margin-bottom: 0em;padding-bottom: 0em;}
.readmore>a:hover{background: #15425e !important;border-color:#15425e !important;}
.sub-menu{box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;}
.sub-menu>li:hover{background:#f5f5f5;}

/*** responsive design */
@media screen and (min-width: 568px) {
.custom-logo{margin-left:20%}
.dict_search_form{width:99.7%;}
#our-products-left,#our-products-right{display:inline-block;vertical-align: top;}
#our-products-left {width:49%;margin:0;padding:0;}
#our-products-right {width:49%;margin-left:1%;}
.product-text{font-size:13px;}
#product-header-title-text {text-align:center;}
#product-features-left,#product-features-right {margin-left:25%}
.form-submit>.submit{width:40%;}
 /*** other page >> vip membership */
.vip-status{font-size:0.92em !important;text-align:center;}
}
@media screen and (min-width: 736px) {
body{background: #d4f6ff;background: radial-gradient(circle,rgba(212, 246, 255, 1) 0%, rgba(235, 251, 255, 1) 50%, rgba(249, 249, 249, 1) 100%);}
.site{margin-top:10px;margin-bottom:10px;}
.site-header{margin-top:0;}
#site-header,.custom-logo{vertical-align:middle;}
.site-branding{margin-top:2%;}
.product-text{font-size:1em;}
#product-features-left,#product-features-right {display:inline-block;vertical-align:top;line-height: 0.5em;margin-left:3%;font-size:13px;}
#product-features-left {width:42%}
#product-features-right {width:51%}
.form-submit>.submit{margin-left:2.5%;width:35%;}
 /*** other page >> vip membership */
.vip-status{font-size:1.1em !important;}
}

@media screen and (min-width: 900px) {
.site-branding{margin-left:0 !important;margin-top:-1px;}
.custom-logo{padding-left:0.3em;margin-left:-5%;}
#site-header{margin-left:-5%;}
.site-title{font-size:1.3em;}
.usm_bar{text-align:right !important;}
.usm_bar_menu{width:auto;margin:1.5% 1% 0 -2%}
.site-header-menu{margin:1.5% 0;padding:inherit}
#welcome-message-text{font-size:13.5px;}
.product-text{font-size:0.8em;}
#product-info-text{font-size:0.87em;}
.widget-area{margin-top:1%;}
#product-features-left,#product-features-right {font-size:11px;}
#widget-list-hot,#widget-list-normal{font-size: 1em;margin-left:5%}
.widget-wrap li{font-size: 0.9em;margin-left:2%}
.textwidget img{padding:0;}
.form-submit>.submit{margin-left:2.5%;width:30%;}
/*** other page >> vip membership */
.vip-status{font-size:0.9em !important;}
}
@media screen and (min-width: 1024px) {
.site-branding{margin-left:0 !important;}
.custom-logo{padding-left:0.3em;margin-left:5%}
 #site-header{margin-left:0;}
.site-title{font-size:1.375em;}
.usm_bar{text-align:right !important;}
.usm_bar_menu{width:auto;margin:2.3% 2% 0 -1%}
 .custom-logo{margin-left:0}
.usm_bar_menu{margin-top:1%;}
.site-header,.site-branding{margin-top:0;}
#welcome-message-text{font-size:15px;}
.product-text{font-size:0.9em;}
#product-info-text{font-size:1em;}
#product-features-left,#product-features-right {font-size:12px;}
/*** other page >> vip membership */
.vip-status{font-size:1em !important;}
}

@media screen and (min-width: 1200px) {
.custom-logo{padding-left:0;}
.smart-logo{margin-top:-2%;}
  .site-title{font-size:1.7em;}
#welcome-message-text{font-size:1.1em;}
.product-text{font-size:1em;}
#product-header-title-text{font-size:1.1em;}
#product-info-text{font-size:1.1em;}
#product-features-left,#product-features-right {font-size:15px;}
#widget-list-hot,#widget-list-normal{font-size: 1.2em;}
.widget-wrap li{font-size: 1em;}
#footer-left-content,#footer-right-content{display:inline-block;width:49%;margin:0;padding:0;text-align:left;font-size:10px;}
/*** other page >> vip membership */
.vip-status{font-size:1.2em !important;}
}

@media screen and (min-width: 1400px) {
#site-header{margin-top:0;}
#welcome-message-text{font-size:1.2em;}
#product-info-text{line-height: 2.1em;}
#product-features-left,#product-features-right {font-size:1.1em;line-height: 1.6em}
#widget-list-hot,#widget-list-normal{font-size: 1.3em;}
.widget-wrap li{font-size: 1.1em;}
.widget-area{margin-top:0.85%;}
#footer-left-content,#footer-right-content{font-size:12px;}
/*** other page >> vip membership */
.vip-status{font-size:1.45em !important;}
}