/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 10 2024 | 04:59:27 */
@charset "UTF-8";

.alignright {
    float: right;
    margin-left: 1rem
}

.alignleft {
    float: left;
    margin-right: 1rem
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.alignwide {
    margin-left: -80px;
    margin-right: -80px
}

.alignfull {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    max-width: 100vw;
    width: 100vw
}

.alignfull img {
    width: 100vw
}

.wp-caption {
    margin-bottom: 1.25rem;
    max-width: 100%
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px
}

.wp-caption img {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption-text {
    margin: 0
}

.gallery-caption {
    display: block;
    font-size: .8125rem;
    line-height: 1.5;
    margin: 0;
    padding: .75rem
}

.pagination {
    margin: 20px auto
}

.sticky {
    position: relative;
    display: block
}

.bypostauthor {
    font-size: inherit
}

.hide {
    display: none!important
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute!important;
    width: 1px;
    word-wrap: normal!important
}

.screen-reader-text:focus {
    background-color: #eee;
    clip: auto!important;
    clip-path: none;
    color: #333;
    display: block;
    font-size: 1rem;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

.site-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 1rem;
    padding-bottom: 1rem;
    position: relative
}

.site-header .site-navigation {
    justify-content: flex-end
}

.site-header .site-branding {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.site-header .header-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.site-header .header-inner .custom-logo-link {
    display: block
}

.site-header .header-inner .site-branding .site-description,
.site-header .header-inner .site-branding .site-title {
    margin: 0
}

.site-header .header-inner .site-branding.show-title .site-logo {
    display: none!important
}

.site-header .header-inner .site-branding.show-logo .site-title {
    display: none!important
}

.site-header:not(.header-stacked) .header-inner .site-branding {
    max-width: 30%
}

.site-header:not(.header-stacked) .header-inner .site-navigation {
    max-width: 70%
}

.site-header.header-inverted .header-inner {
    flex-direction: row-reverse
}

.site-header.header-inverted .header-inner .site-branding {
    text-align: right
}

.site-header.header-inverted .header-inner .site-navigation {
    justify-content: start
}

.site-header.header-stacked .header-inner {
    align-items: center;
    flex-direction: column;
    text-align: center
}

@media (max-width:576px) {
    .site-header .header-inner:not(.header-stacked) .site-branding {
        max-width: 80%
    }
}

.site-footer {
    padding-top: 1rem;
    padding-bottom: 1rem;
    position: relative
}

.site-footer .footer-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.site-footer .footer-inner .custom-logo-link {
    display: block
}

.site-footer .footer-inner .site-navigation {
    justify-content: flex-end
}

.site-footer .footer-inner .site-branding {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.site-footer .footer-inner .site-branding .site-description,
.site-footer .footer-inner .site-branding .site-title {
    margin: 0
}

.site-footer .footer-inner .site-branding.show-title .site-logo {
    display: none!important
}

.site-footer .footer-inner .site-branding.show-logo .site-title {
    display: none!important
}

.site-footer .footer-inner .copyright {
    align-items: center;
    display: flex;
    justify-content: flex-end
}

.site-footer .footer-inner .copyright p {
    margin: 0
}

.site-footer.footer-inverted .footer-inner {
    flex-direction: row-reverse
}

.site-footer.footer-inverted .footer-inner .site-branding {
    text-align: right
}

.site-footer.footer-inverted .footer-inner .site-navigation {
    justify-content: flex-start
}

.site-footer.footer-has-copyright .footer-inner .site-navigation {
    justify-content: center
}

.site-footer.footer-stacked .footer-inner {
    align-items: center;
    flex-direction: column;
    text-align: center
}

.site-footer.footer-stacked .footer-inner .site-branding h4.site-title {
    text-align: center
}

.site-footer.footer-stacked .footer-inner .site-navigation .menu {
    padding: 0
}

.site-footer:not(.footer-stacked) .footer-inner .site-branding {
    max-width: 20%
}

.site-footer:not(.footer-stacked) .footer-inner .site-navigation {
    max-width: 60%
}

.site-footer:not(.footer-stacked) .footer-inner .copyright {
    max-width: 20%
}

@media (max-width:576px) {
    .site-footer:not(.footer-stacked) .footer-inner .copyright,
    .site-footer:not(.footer-stacked) .footer-inner .site-branding,
    .site-footer:not(.footer-stacked) .footer-inner .site-navigation {
        display: block;
        text-align: center;
        width: 100%;
        max-width: none
    }
    .site-footer .footer-inner .site-navigation ul.menu {
        justify-content: center
    }
    .site-footer .footer-inner .site-navigation ul.menu li {
        display: inline-block
    }
}

.post .wp-post-image {
    width: 100%;
    max-height: 500px;
    object-fit: cover
}

@media (max-width:991px) {
    .post .wp-post-image {
        max-height: 400px
    }
}

@media (max-width:575px) {
    .post .wp-post-image {
        max-height: 300px
    }
}

#comments .comment-list {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: .9em
}

#comments .comment,
#comments .pingback {
    position: relative
}

#comments .comment .comment-body,
#comments .pingback .comment-body {
    display: flex;
    flex-direction: column;
    padding: 30px 0 30px 60px;
    border-bottom: 1px solid #ccc
}

body.rtl #comments .comment .comment-body,
body.rtl #comments .pingback .comment-body {
    padding: 30px 60px 30px 0
}

#comments .comment .avatar,
#comments .pingback .avatar {
    position: absolute;
    left: 0;
    border-radius: 50%;
    margin-right: 10px
}

body.rtl #comments .comment .avatar,
body.rtl #comments .pingback .avatar {
    left: auto;
    right: 0;
    margin-right: 0;
    margin-left: 10px
}

#comments .comment-meta {
    display: flex;
    justify-content: space-between;
    margin-bottom: .9rem
}

#comments .comment-metadata,
#comments .reply {
    font-size: 11px;
    line-height: 1
}

#comments .children {
    position: relative;
    list-style: none;
    margin: 0;
    padding-left: 30px
}

body.rtl #comments .children {
    padding-left: 0;
    padding-right: 30px
}

#comments .children li:last-child {
    padding-bottom: 0
}

#comments ol.comment-list .children:before {
    display: inline-block;
    font-size: 1em;
    font-weight: 400;
    line-height: 100%;
    content: '\21AA';
    position: absolute;
    top: 45px;
    left: 0;
    width: auto
}

body.rtl #comments ol.comment-list .children:before {
    content: '\21A9';
    left: auto;
    right: 0
}

@media (min-width:768px) {
    #comments .comment-author,
    #comments .comment-metadata {
        line-height: 1
    }
}

@media (max-width:767px) {
    #comments .comment .comment-body {
        padding: 30px 0
    }
    #comments .children {
        padding-left: 20px
    }
    #comments .comment .avatar {
        position: inherit;
        float: left
    }
    body.rtl #comments .comment .avatar {
        float: right
    }
}

.site-header.header-inverted .site-navigation-toggle-holder {
    justify-content: flex-start
}

.site-header.header-stacked .site-navigation-toggle-holder {
    justify-content: center;
    max-width: 100%
}

.site-header.menu-layout-dropdown .site-navigation {
    display: none
}

.site-navigation-toggle-holder {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-grow: 1;
    max-width: 20%;
    padding: 8px 15px
}

.site-navigation-toggle-holder .site-navigation-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    padding: .25em;
    cursor: pointer;
    border: 0 solid;
    border-radius: 3px;
    background-color: rgba(0, 0, 0, .05);
    color: #494c4f
}

.site-navigation-toggle-holder.elementor-active .site-navigation-toggle i:before {
    content: '\e87f'
}

.site-navigation {
    grid-area: nav-menu;
    display: flex;
    align-items: center;
    flex-grow: 1
}

.site-navigation ul.menu,
.site-navigation ul.menu ul {
    list-style-type: none;
    padding: 0
}

.site-navigation ul.menu {
    display: flex;
    flex-wrap: wrap
}

.site-navigation ul.menu li {
    position: relative;
    display: flex
}

.site-navigation ul.menu li a {
    display: block;
    padding: 8px 15px
}

.site-navigation ul.menu li.menu-item-has-children {
    padding-right: 15px
}

.site-navigation ul.menu li.menu-item-has-children:after {
    display: block;
    content: '\25BE';
    font-size: 1.5em;
    align-items: center;
    color: #666;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    text-decoration: none
}

.site-navigation ul.menu li ul {
    background: #fff;
    display: none;
    min-width: 150px;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 100%
}

.site-navigation ul.menu li ul li {
    border-bottom: #eee 1px solid
}

.site-navigation ul.menu li ul li:last-child {
    border-bottom: none
}

.site-navigation ul.menu li ul li.menu-item-has-children a {
    flex-grow: 1
}

.site-navigation ul.menu li ul li.menu-item-has-children:after {
    transform: translateY(-50%) rotate(-90deg)
}

.site-navigation ul.menu li ul ul {
    left: 100%;
    top: 0
}

.site-navigation ul.menu li:hover>ul {
    display: block
}

footer .site-navigation ul.menu li ul {
    top: auto;
    bottom: 100%
}

footer .site-navigation ul.menu li ul ul {
    bottom: 0
}

footer .site-navigation ul.menu a {
    padding: 5px 15px
}

.site-navigation-dropdown {
    margin-top: 10px;
    transition: max-height .3s, transform .3s;
    transform-origin: top;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10000;
    width: 100%
}

.site-navigation-toggle-holder:not(.elementor-active)+.site-navigation-dropdown {
    transform: scaleY(0);
    max-height: 0
}

.site-navigation-toggle-holder.elementor-active+.site-navigation-dropdown {
    transform: scaleY(1);
    max-height: 100vh
}

.site-navigation-dropdown ul {
    padding: 0
}

.site-navigation-dropdown ul.menu {
    position: absolute;
    width: 100%;
    padding: 0;
    margin: 0;
    background: #fff
}

.site-navigation-dropdown ul.menu li {
    display: block;
    width: 100%;
    position: relative
}

.site-navigation-dropdown ul.menu li a {
    display: block;
    padding: 20px;
    background: #fff;
    color: #55595c;
    box-shadow: inset 0 -1px 0 #0000001a
}

.site-navigation-dropdown ul.menu li.current-menu-item a {
    color: #fff;
    background: #55595c
}

.site-navigation-dropdown ul.menu>li li {
    transition: max-height .3s, transform .3s;
    transform-origin: top;
    transform: scaleY(0);
    max-height: 0
}

.site-navigation-dropdown ul.menu li.elementor-active>ul>li {
    transform: scaleY(1);
    max-height: 100vh
}

@media (max-width:576px) {
    .site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation {
        display: none!important
    }
}

@media (min-width:768px) {
    .site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation-toggle-holder {
        display: none!important
    }
}

@media (min-width:576px) and (max-width:767px) {
    .site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation {
        display: none!important
    }
}

@media (min-width:992px) {
    .site-header.menu-dropdown-tablet:not(.menu-layout-dropdown) .site-navigation-toggle-holder {
        display: none!important
    }
}

@media (max-width:992px) {
    .site-header.menu-dropdown-tablet:not(.menu-layout-dropdown) .site-navigation {
        display: none!important
    }
}

.site-header.menu-dropdown-none:not(.menu-layout-dropdown) .site-navigation-toggle-holder {
    display: none!important
}

.site-footer .footer-inner,
.site-footer:not(.dynamic-footer),
.site-header .header-inner,
.site-header:not(.dynamic-header),
body:not([class*=elementor-page-]) .site-main {
    margin-right: auto;
    margin-left: auto;
    width: 100%
}

@media (max-width:575px) {
    .site-footer .footer-inner,
    .site-footer:not(.dynamic-footer),
    .site-header .header-inner,
    .site-header:not(.dynamic-header),
    body:not([class*=elementor-page-]) .site-main {
        padding-right: 10px;
        padding-left: 10px
    }
}

@media (min-width:576px) {
    .site-footer .footer-inner,
    .site-footer:not(.dynamic-footer),
    .site-header .header-inner,
    .site-header:not(.dynamic-header),
    body:not([class*=elementor-page-]) .site-main {
        max-width: 500px
    }
    .site-header.header-full-width .header-inner {
        max-width: 100%
    }
    .site-footer.footer-full-width .footer-inner {
        max-width: 100%
    }
}

@media (min-width:768px) {
    .site-footer .footer-inner,
    .site-footer:not(.dynamic-footer),
    .site-header .header-inner,
    .site-header:not(.dynamic-header),
    body:not([class*=elementor-page-]) .site-main {
        max-width: 600px
    }
    .site-header.header-full-width {
        max-width: 100%
    }
    .site-footer.footer-full-width {
        max-width: 100%
    }
}

@media (min-width:992px) {
    .site-footer .footer-inner,
    .site-footer:not(.dynamic-footer),
    .site-header .header-inner,
    .site-header:not(.dynamic-header),
    body:not([class*=elementor-page-]) .site-main {
        max-width: 800px
    }
    .site-header.header-full-width {
        max-width: 100%
    }
    .site-footer.footer-full-width {
        max-width: 100%
    }
}

@media (min-width:1200px) {
    .site-footer .footer-inner,
    .site-footer:not(.dynamic-footer),
    .site-header .header-inner,
    .site-header:not(.dynamic-header),
    body:not([class*=elementor-page-]) .site-main {
        max-width: 960px
    }
    .site-footer .footer-inner,
    .site-header .header-inner {
        max-width: 1140px
    }
    .site-header.header-full-width {
        max-width: 100%
    }
    .site-footer.footer-full-width {
        max-width: 100%
    }
}

.site-header+.elementor {
    min-height: calc(100vh - 320px)
}

body.elementor-page {
    background-color: #bef0ee;
    background-image: url(https://naruhodoagent.com/wp-content/uploads/2021/11/bg_main.jpeg);
    background-attachment: fixed;
    background-blend-mode: overlay;
    background-size: cover
}

::-webkit-full-page-media,
:future,
:root body.elementor-page {
    background-image: none
}

.p-subjectMenu .elementor-widget-container {
    position: relative;
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 5px 5px 0 rgb(0 0 0 / 16%);
    text-align: center;
    margin: 0 8px 0 0;
    transition: .3s
}

.p-subjectMenu .elementor-widget-image.programming .elementor-widget-container {
    background-color: #b7a5c7
}

.p-subjectMenu .elementor-widget-image.science .elementor-widget-container {
    background-color: #99bfad
}

.p-subjectMenu .elementor-widget-image.socialstudies .elementor-widget-container {
    background-color: #ebc06a
}

.p-subjectMenu .elementor-widget-image.sdgs .elementor-widget-container {
    background-color: #63b3e6
}

.p-subjectMenu .elementor-widget-image.japanese .elementor-widget-container {
    background-color: #e38484
}

.p-subjectMenu .elementor-widget-image.math .elementor-widget-container {
    background-color: #81acc9
}

.p-subjectMenu .elementor-widget-image.english .elementor-widget-container {
    background-color: #56bdb9
}

.p-subjectMenu .elementor-widget-image.artsfoods .elementor-widget-container {
    background-color: #cfa3ad
}

.p-subjectMenu .elementor-widget-image.character .elementor-widget-container {
    background-color: #bbdad3
}

.p-movieThumbs__box .elementor-post {
    transition: .3s;
    background: #65b9b6 url(/wp-content/uploads/2021/11/img_BoxLuster.svg) 2.7px 2.7px no-repeat;
    border: 1px solid #65b9b6;
    border-radius: 8px;
    box-shadow: 5px 5px 0 rgb(0 0 0 / 16%);
    padding-top: 15px!important;
    position: relative;
    transition-duration: .3s;
    transition-property: initial;
    webkit-transition-property: initial
}

.p-movieThumbs__box.programming .elementor-post {
    background-color: #a58fb9;
    border-color: #a58fb9
}

.p-movieThumbs__box.science .elementor-post {
    background-color: #83b19b;
    border-color: #83b19b
}

.p-movieThumbs__box.socialstudies .elementor-post {
    background-color: #e7b34b;
    border-color: #e7b34b
}

.p-movieThumbs__box.sdgs .elementor-post {
    background-color: #44a4e1;
    border-color: #44a4e1
}

.p-movieThumbs__box.japanese .elementor-post {
    background-color: #dc6767;
    border-color: #dc6767
}

.p-movieThumbs__box.math .elementor-post {
    background-color: #689cbe;
    border-color: #689cbe
}

.p-movieThumbs__box.english .elementor-post {
    background-color: #68b3b2;
    border-color: #68b3b2
}

.p-movieThumbs__box.artsfoods .elementor-post {
    background-color: #c38c98;
    border-color: #c38c98
}

.p-movieThumbs__box.character .elementor-post {
    background-color: #bbdad3;
    border-color: #bbdad3
}

.p-movieThumbs__box .elementor-post__thumbnail__link {
    margin-bottom: 0!important
}

.p-movieThumbs__box .elementor-post__text {
    width: 100%;
    height: 40px;
    bottom: 0;
    background-color: rgba(255, 255, 255, .98);
    display: flex !important;
    justify-content: center;
    align-items: center;
    margin-top: 1px
}

.p-movieThumbs__box .elementor-post__title a {
    font-size: 18px;
    font-weight: 600!important;
    line-height: 1.5em
}

.bdt-accordion-container .bdt-accordion .bdt-accordion-item .bdt-accordion-title {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 2px 2px 0 0 rgba(0, 0, 0, .16);
    font-size: 20px;
    transition: none
}

.bdt-accordion-container .bdt-accordion .bdt-accordion-item:hover .bdt-accordion-title {
    transition: none
}

.bdt-accordion-container .bdt-accordion .bdt-accordion-item.bdt-open>.bdt-accordion-title {
    border-radius: 8px 8px 0 0;
    transition: none
}

.bdt-accordion-container .bdt-accordion .bdt-accordion-title .bdt-accordion-icon {
    font-size: 20px;
    transition: none
}

.bdt-accordion-container .bdt-accordion .bdt-accordion-content {
    background-color: #fff;
    border-radius: 0 0 8px 8px;
    overflow: hidden;
    font-size: 18px;
    box-shadow: 2px 2px 0 0 rgba(0, 0, 0, .16)
}

.about-course .bdt-accordion-container .bdt-accordion .bdt-accordion-item .bdt-accordion-title {
    color: #fff;
    background-color: #6dc6c1!important
}

.about-course .bdt-accordion-container .bdt-accordion .bdt-accordion-item:hover .bdt-accordion-title {
    color: #1e726e
}

.about-course .bdt-accordion-container .bdt-accordion .bdt-accordion-content {
    background-color: #fff
}

.ue-dropbar-content.ue-dropbar-active {
    display: flex;
    visibility: visible !important;
    opacity: 1 !important;
    translate: 0px 0px !important;
    pointer-events: all !important;
}