@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);

/*
Theme Name: Smarty
Theme URI: http://smartyschool.stylemixthemes.com/
Author: StylemixThemes
Author URI: http://stylemixthemes.com/
Description: Smarty School WordPress theme has been specially designed with your learning community in mind. Perfect as a kindergarten, school, college or university WordPress theme, this contemporary and intuitive platform works for teachers, staff, parents and students at every level, engaging all parties in the life of your school or learning environment.
Version: 3.3.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blue, black, red, dark, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, fluid-layout, responsive-layout, flexible-header, custom-background, custom-colors, custom-header, custom-menu, editor-style, sticky-post, theme-options
Text Domain: smarty
*/

@media only screen and (min-width: 1199px) {
    body.site-layout_boxed .vc_row[data-vc-full-width] {
        left: 50% !important;
        padding-left: 60px !important;
        padding-right: 60px !important;
        margin-left: -615px !important;
        width: 1230px !important;
    }

    body.site-layout_boxed .vc_row.vc_row-no-padding[data-vc-full-width] {
        left: 50% !important;
        padding-left: 17px !important;
        padding-right: 17px !important;
        margin-left: -615px !important;
        width: 1230px !important;
    }
}

.top-bar__language_kinder {
    position: absolute;
    left: -15px;
}

.top-bar__language_kinder ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.top-bar__language_kinder ul li {
    list-style: none;
    text-align: left;
}

.top-bar__language_kinder ul li a,
.top-bar__language_kinder ul li span {
    display: block;
    padding: 8px 20px;
    padding-left: 17px;
    line-height: 20px;
    font-weight: 400;
    font-size: 13px;
    color: #ffffff;
}

.top-bar__language_kinder ul li span.active {
    position: relative;
    display: block;
    line-height: 28px;
    padding: 10px 40px 12px 42px;
    text-decoration: none;
    font-weight: 400;
    font-size: 14px;
}

.top-bar__language_kinder ul li span.active:before {
    content: "\e952";
    font-family: 'stm-icon';
    position: absolute;
    left: 17px;
    top: 50%;
    font-weight: normal;
    font-size: 16px;
    margin: -14px 0 0;
    color: #fd0;
}

.top-bar__language_kinder ul li span.active:after {
    content: "\f107";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 12px;
    top: 50%;
    margin: -7px 0 0;
}

.top-bar__language_kinder ul li ul {
    position: absolute;
    visibility: hidden;
    left: 0;
    top: 100%;
    min-width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
    opacity: 0;
    background: #56509f;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.top-bar__language_kinder ul li:hover {
    background: #56509f;
}

.top-bar__language_kinder ul li:hover ul {
    visibility: visible;
    opacity: 1;
}

.top-bar__language_kinder ul li a:hover {
    text-decoration: none;
    background-color: #fd0;
    color: #56509f;
}

.top-bar__language_kinder_mobile {
    position: absolute;
    left: 0;
    z-index: 100;
}

.top-bar__language_kinder_mobile ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.top-bar__language_kinder_mobile ul li {
    list-style: none;
    text-align: left;
}

.top-bar__language_kinder_mobile ul li a,
.top-bar__language_kinder_mobile ul li span {
    display: block;
    padding: 8px 20px;
    padding-left: 17px;
    line-height: 20px;
    font-weight: 400;
    font-size: 13px;
    color: #333333;
}

.top-bar__language_kinder_mobile ul li span.active {
    position: relative;
    display: block;
    line-height: 28px;
    padding: 15px 40px 15px 18px;
    text-decoration: none;
    font-weight: 400;
    font-size: 14px;
}

.top-bar__language_kinder_mobile ul li span.active:after {
    content: "\f107";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 12px;
    top: 50%;
    margin: -7px 0 0;
}

.top-bar__language_kinder_mobile ul li ul {
    position: absolute;
    visibility: hidden;
    left: 0;
    top: 100%;
    width: 100%;
    min-width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
    opacity: 0;
    background-color: #ffffff;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.top-bar__language_kinder_mobile ul li:hover ul {
    visibility: visible;
    opacity: 1;
}

.sidebar_type_blog .widget_nav_menu li .sub-menu {
    margin-left: 18px;
}

h1, h2, h3, h4, h5 {
    word-break: break-word;
}

.widget_pages ul.children {
    margin-left: 18px;
    margin-top: 16px;
}

.aligncenter {
    text-align: center;
}

html:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: opacity 0.6s ease-in-out;
    -moz-transition: opactiy 0.6s ease-in-out;
    -ms-transition: opacity 0.6s ease-in-out;
    -o-transition: opacity 0.6s ease-in-out;
    transition: opacity 0.6s ease-in-out;
    visibility: hidden;
    background: #ffffff;
    z-index: 999999;
}

html.stm-site-preloader:after {
    position: fixed;
    content: '';
    display: block;
    top: 50%;
    left: 50%;
    width: 32px;
    height: 32px;
    margin: -16px 0 0 -16px;
    background: none;
    background-color: #23393d;
    border-radius: 50%;
    opacity: 0;
    visibility: hidden;
    -webkit-animation: scaleout 0.5s infinite ease-in-out;
    animation: scaleout 1.0s infinite ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    z-index: 9999999;
}

html.stm-site-preloader:before,
html.stm-site-preloader:after {
    opacity: 1;
    visibility: visible;
}

@media ( max-width: 420px ) {
    .form__content_buttons {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .form__content_buttons > span {
        margin: 10px -30px 30px 0;
    }
}

@-webkit-keyframes scaleout {
    0% {
        -webkit-transform: scale(0);
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 0;
    }
}

@keyframes scaleout {
    0% {
        transform: scale(0);
        -webkit-transform: scale(0);
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 0;
    }
}

/* Techbeast */

html, body {
    line-height: 2;
    letter-spacing: 1px;
    font-size: 16px;
    font-family: 'Noto Sans TC', sans-serif;
}

#home-rs-nav-div {
    position: relative;
    z-index: 1;
}

.top-bar__content {
    text-align: right;
}

#topbar-nav-menu li:last-child {
    padding-right: 0;
}

.index-vdo-bg {
    padding-top: 37px !important;
    padding-bottom: 60px !important;
    background-color: #e3e7ea !important;
}

#about-missions ul {
    padding-top: 25px;
    line-height: 30px;
    font-size: 18px;
}

#about-missions ul li {
    margin-top: 25px;
    margin-bottom: 25px;
    line-height: 25px;
}

#about-revenue .stm-single-image_responsive {
    text-align: center;
    padding-bottom: 35px;
}

#about-revenue .stm-single-image_responsive img {
    display: inline-block;
}

.stm-teacher__photo {
    padding-top: 30px;
}

.post_view_list .post-categories {
    z-index: 1;
    display: inline-block;
    position: relative;
}

.post_view_list .post-categories li {
    display: inline-block;
}

.content-clickable {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    top: 0;
    left: 0;
}

.entry-meta-wrapper {
    display: flex;
    justify-content: space-between;
}

.entry-details-container .entry-date {
    display: inline-block;
    text-decoration: none;
    font-size: 12px;
}

.entry-details-container .entry-date a {
    color: #8c1515;
}

a {
    transition: opacity 500ms;
}

a:hover {
    opacity: 0.9;
}

.grecaptcha-badge {
    visibility: hidden !important;
}

.page-id-2689 .grecaptcha-badge,
.page-id-1291 .grecaptcha-badge,
.page-id-1137 .grecaptcha-badge {
    visibility: visible !important;
}

.stm-contact-details_type_teacher .stm-contact-details__item_type_whatsapp:before {
    font-family: "FontAwesome" !important;
    content: "\f232";
    font-size: 20px;
}

.stm-contact-details_type_teacher .stm-contact-details__item::before {
    top: 3px
}

.contact-us-sidebar .wpb_wrapper {
    background: #fff;
    min-height: 1000px;
    padding: 20px 0;
}

.contact-us-sidebar h4 {
    padding: 20px 0px 10px 10px;
    font-size: 20px;
    margin: 0;
}

.contact-us-sidebar .stm-contact-details_type_contacts .stm-contact-details__item {
    line-height: 26px;
    font-size: 16px;
}

.contact-us-sidebar .stm-contact-details_type_contacts {
    padding: 10px 20px;
    max-width: 100%;
}

.rent-classroom-submission-form label,
.admission-form label,
.contact-us-form label {
    width: 100%;
}

.rent-classroom-price-table table {
    width: 100%;
}

.rent-classroom-price-table table th,
.rent-classroom-price-table table td {
    border-left: 1px solid rgba(0, 0, 0, 0.05);
    border-right: 1px solid rgba(0, 0, 0, 0.05);
}

.rent-classroom-price-table table td:nth-child(1) {
    width: 50px;
}

.rent-classroom-price-table table th:nth-child(3),
.rent-classroom-price-table table td:nth-child(3) {
    text-align: right;
}

.about-us-dr-lam-img img.wp-image-2458 {
    position: absolute;
    right: 10px;
    top: 15px;
    height: 200px;
    width: auto;
}

#teacher-2531 .stm-single-image,
#teacher-2529 .stm-single-image {
    text-align: center;
    background: #fff;
    padding: 30px 0 0 0;
}

#teacher-2531 .attachment-full,
#teacher-2529 .attachment-full {
    display: inline-block;
    width: 200px;
}


.page-id-2464 .entry-content table td:nth-child(1) {
    white-space: nowrap;
}


.page-id-1291 .entry-content table td:nth-child(1) {
    white-space: nowrap;
}

/* responsive ui */
.header-mobile .logo_type_text .logo__title {
    color: #fff
}

.header-mobile .logo_type_text .logo__description {
    color: #eee
}

@media only screen and (max-width: 550px ) {
    .about-us-dr-lam-img img.wp-image-2458 {
        display: block;
        position: relative;
        margin-bottom: 30px;
        width: 100%;
        height: auto;
    }

    .page-id-2464 .entry-content table th:nth-child(1),
    .page-id-2464 .entry-content table td:nth-child(1) {
        display: none;
    }

    .page-id-1291 .entry-content table td:nth-child(1) {
        white-space: normal;
    }

}

header .stm-nav__menu_type_header > .menu-item {
    margin: 0 10px;
}

@media only screen and (max-width: 991px) {
    header .logo_type_text {
        padding-top: 12px;
        height: 50px;
        line-height: 50px;
    }

    header .stm-nav__menu_type_header > .menu-item {
        margin: 0 5px;
    }

    header #header-nav-menu {
        float: none
    }

    header .stm-nav__menu_type_header > .menu-item > a {
        padding: 0;
    }

    .stm-btn-download {
        white-space: auto;
    }
}

#index-notice .stm-more-link {
    font-size: 16px;
    color: #8c1515 !important;
}

#index-notice .stm-more-link.stm-title-more-link.stm-font_sep_color_dark-blue::after {
    background-color: #aaa;
    height: 1px;
}

/* calendar css */
#post-1802 iframe {
    min-height: 800px !important;
    width: 100% !important;
}

@media only screen and (max-width: 550px ) {
    #post-1802 iframe {
        min-height: 350px !important;
    }
}

/* fix multi-level top menu css drop down issue */
@media only screen and (max-width: 550px ) {
    #header-mobile-nav-menu li li .current_page_item a::before {
        height: 0;
    }
}

/* fix book cover responsive issue */
#post-2830 table,
#post-2798 table {
    width: 100%;
}

#post-2830 table td:nth-child(1),
#post-2830 table td:nth-child(3),
#post-2798 table td:nth-child(1),
#post-2798 table td:nth-child(3) {
    width: 0;
}

#post-2830 table img,
#post-2798 table img {
    width: 113px;
}

@media only screen and (max-width: 550px ) {
    #post-2830 table td:nth-child(1),
    #post-2830 table td:nth-child(3),
    #post-2798 table td:nth-child(1),
    #post-2798 table td:nth-child(3) {
        display: none;
    }
}

/* fix skin-red-css issue */
.stm-cta {
    background-color: #4D9970;
}

.stm-text-box__content {
    min-height: 52px;
}

.h5-no-margin h5 {
    margin: 0;
}

/* fix other teachers photo size */
.stm-teacher__photo {
    height: 180px;
}

.mobile-read-more {
    display: none;
}

/* Re-order mobile index page elements */
@media only screen and (max-width: 550px ) {
    #post-2298 .entry-content {
        padding-top: 220px;
        display: flex;
        flex-direction: column;
    }

    #post-2298 .entry-content #index-notice {
        order: -2;
    }

    #post-2298 .entry-content #index-vdo-bg {
        order: -1;
    }

    .mobile-read-more {
        position: fixed;
        bottom: 25px;
        left: 50%;
        margin-left: -68px;
        color: #eee;
        font-weight: 700;
        background: #0a4c23;
        padding: 0 5px;
        border-radius: 5px;
        z-index: 999;
        opacity: 0.9;
        display: block;
        transition: bottom 0.5s;
        font-size: 20px;
    }

    .mobile-read-more.bye {
        bottom: -50px;
    }
}

/* fix campaign class image */
@media only screen and (min-width: 550px) {
    #post-2298 .stm-media-list-one li .stm-media-list-thumbnail img {
        width: 100%;
    }

    #post-2298 #home-galleries {
        padding-bottom: 25px;
    }
}

/* fix header icon position & mobile header responsive issue */
.logo_img {
    width: 50px;
    margin-right: 5px;
}

.header .logo {
    max-width: 100%;
}


.post_view_grid .entry-details{
    min-height: unset;
}