/* PC */
#slick .slick-dots li {
    width: 64px;
    height: 8px;
    margin-top: 20px;
    
    
}
@media (min-width: 992px){
    .list-events__title >h1 {
        margin: auto !important;
    }
    
    .slideWrap {
        background-color: rgba(46, 88, 24, 1)!important;
        position: relative;
    }
    
    .slideWrap::before {
        content: "";
        width: 100%;
        height: 100%;
        top:0;
        left: 0;
        
        position: absolute;
       opacity: .6;
      
    }
    
    .slider-home-main .gt-col .gt-event {
        box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.2);
        border: none;
        border-bottom-left-radius: 16px !important;
        border-bottom-right-radius: 16px !important;
    
    }
    
    .slider-home-main .gt-content {
        border: none!important;
        border-top: 1px solid #888888 !important;
        border-bottom-left-radius: 16px !important;
        border-bottom-right-radius: 16px !important;
    
    }
    .slider-home-main .gt-col .gt-event .gt-image {
        border: none;
        padding: 16px;
        background-color: rgba(217, 217, 217, 1);
        border-radius: 0;
    }
    
    
    .topSNS .topsns-fb__content {
        margin-right: 40px;
        margin-top: 30px;
    
        font-size: 20px;
        font-weight: 700;
        line-height: 30px;
        letter-spacing: 0em;
        text-align: left;
    
    }
    
    
    .topSNS .button-search-hom-2 {
        width: 192px;
        height:50px;
        top: 282px;
        left: 144px;
        padding: 10px, 56px, 10px, 56px;
        border-radius: 8px;
        background: rgba(218, 87, 45, 1);
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 !important;
        margin-top: 40px !important;
    
    }
    /* slider */
  
    .news .nav-tabs li {
        background: rgba(46, 88, 24, 1);
        color: #fff;
    }
    
    .slick-dots li button {
        display: block;
        font-size: 0;
        line-height: 0;
        padding: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(216, 247, 197, 1) !important;
    
        color: transparent;
        cursor: pointer;
        border-radius: 6px;
    }
    .slick-dots .slick-active button {
        background-color: rgba(218, 87, 45, 1) !important;
    
    }
    /* new list */
    .newsL .mewsLtit {
        margin: 10px 0;
        color: rgba(46, 88, 24, 1);
        font-weight: bold;
        font-size: 40px;
        font-weight: 700;
        line-height: 60px;
        letter-spacing: 0em;
        text-align: center;
    
    }
    
    .news .nav-tabs li.select {
        background: rgba(46, 88, 24, 1);
        color: #fff;
        position: relative;
    }
    .news .nav-tabs {
        width: 100%;
        border-bottom: 4px solid rgba(46, 88, 24, 1);
    
        overflow: hidden;
    }
    .news .nav-tabs li {
        background: rgba(136, 136, 136, 1);
    
        padding: 12px 32px;
        width: auto;
        border-radius: 16px 16px 0px 0px;
    }
    
    .news .tab-content .tab-pane {
        margin-top: 20px;
    }
    .news .tab-content .tab-pane .newsTim {
        color: var(--Dark-Gray, #333);
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 150%; /* 24px */
    }
    .newsCat i {
        display: flex;
        padding: 4px 8px;
        justify-content: center;
        align-items: center;
        background: var(--Light-Green, #D8F7C5);
        border: none;
        
    
    }
   
    .news .tab-content ul li a {
        color: var(--Dark-Gray, #333);
    
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%; /* 30px */
        text-decoration-line: underline;
    }
    /* events */
    .picupWord .newsL {
        width: 164px;
        border: 0;
        
    }
    .picupWord .newsR {
        padding-left: 0;
        display: flex !important;
        justify-content: center;
        align-items: center;
        margin: 0 !important;
    }
    .searchContents {
        background: #F5F5F5 !important;
    }
    
     .picupWord {
        margin-bottom: 30px;
        display: flex;
        align-items: center;
      
     }
    
     .picupWord .newsL{
        color:  #2E5818;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        margin: 0;
        padding-left: 0 !important;
        line-height: 150%; /* 48px */
     }
    
     .picupWordData li {
        margin: 0;
        
     }
     /* contact */
     .newsletter_heading .button_form input {
        padding: 16px 200px;
        }
    
    
       
    }
/* mobile */
@media (max-width: 992px){
    #slick .slick-dots li {
        width: 20px;
        height: 4px;
        margin-top: 0;
       
         
    }
    .slideWrap {
        height: 130px;
        margin-top: 25px !important;
    }

     /* List Program */
    .two_button_main .moji_size {
        display: flex;
        margin-bottom: 20px;
        justify-content: space-around !important;
       
    }
    .events_search-button {
        padding: 0.667px 0 !important;
        border-radius: 4px;
        
    }

    .events_search-button > button{
        display: flex;
        justify-content: center;
        width: 100%;
        border-radius: 4px;
        
    }
    .list-events_seach-form {
        justify-content: space-between;
    }
    .two_button_main .moji_size span a {
        color: white;
        font-size: 14px !important;
    }
    .btn-advance-search {
       
        text-align: right;
    }
    .list-events_seach-form .gt-m50 {
        width: 48% !important; 
        margin: 0;
    }
    .list-events_seach-form .gt-m100 {
        width: 100% !important; 
        margin: 0;
    }
    .list-events_seach-form #search_s_program {
        padding: 13px 10px !important;
    }
    .list-events_seach-form > div {
        margin-right: 0;
        margin-bottom: 10px !important;
    }
    .list-events_seach-form #district {
        padding: 13px 10px !important;
    }
    .list-events_seach-form .gt-option {
        padding: 13px 10px !important;
    }
    .list-events_seach-form .events_search-button {
        padding: 0px ;
        background: #2E5818;
    }
    .gt-event-search-tool {
        padding: 0 !important;
    }
    .list-events__title >h1 {
        margin: auto auto auto 0 !important;
    }
    
}
 /* List Program */
 .wrapper_events_seach-form {
    justify-content: space-between;
}
.list-events_seach-form {
    display: flex !important;
    flex-wrap: wrap;
}
.btn-advance-search {
    border: 2px solid #00468C;
    height: auto;
    padding: 12px 28px;
    color: #00468C !important;
    margin-left: auto;
}

.list-events_seach-form #search_s_program {
    padding: 13px 60px;
}
.list-events_seach-form > div {
    margin-right: 20px;
}
.list-events_seach-form #district {
    padding: 13px 40px;
}
.list-events_seach-form .gt-option {
    padding: 13px 40px;
}
.list-events_seach-form .events_search-button {
    padding: 0px 40px;
    background: #2E5818;
}
.list-events_seach-form .events_search-button button{
    background-color: transparent !important;
    color: #fff !important;
}

.d-flex{
    display: flex;
    
}
.list-events__title {
    align-items: center;
    margin-top: 40px;
    
}
.list-events__title  .menu-icon > i{
    font-size: 20px;
    margin-left: 10px;
    cursor: pointer;
}

/*  */
.gt-category {
    background-color: #2E5818 !important;
}
.privacy-agree a {
    color: #5FB2FF!important;
}
.topSNS li {
    background-color: transparent;
}


.topSNS .button-search-hom-2 {
 

    border-radius: 8px;
    background: rgba(218, 87, 45, 1);
   
   

}
/* new notice */
.news .nav-tabs li.select{
    background: #2E5818;
}
.news .nav-tabs li.select ,.news .nav-tabs li{

    color: #fff;
    position: relative;
}
.news .nav-tabs li{
    background: var(--Gray, #888);
}
.newsCat i {
    display: flex;
    padding: 4px 8px;
    justify-content: center;
    align-items: center;
    background: var(--Light-Green, #D8F7C5);
    border: none;
    color: #2E5818;
    

}
/* contact */
.newsletter_heading .button_form input {
    display: inline-flex;

justify-content: center;
align-items: center;
border-radius: 8px;
background: var(--Orange, #DA572D) !important;
}

/* button slider */

.slick-dots li button {
    display: block;
    font-size: 0;
    line-height: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(216, 247, 197, 1) !important;

    color: transparent;
    cursor: pointer;
    border-radius: 6px;
}
.slick-dots .slick-active button {
    background-color: rgba(218, 87, 45, 1) !important;

}
.topProgram .topJireiL {

}
/* events */
.topProgram-theme {
    background: #C8EDEB !important;
}
.topProgram-subject {
    background: #F8DFCD !important;
}
.topProgram-sponsor {
    background: #D8F7C5 !important;
}
.searchContentsTit,.newsL .mewsLtit {
    color: var(--Green, #2E5818);
}

.topProgram .topJireiR {
    border-radius: 0px 0px 16px 16px;
    background: var(--White, #FFF);
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10);
}

.searchContents {
    background: #F5F5F5 !important;
}
.picupWord .newsL {
  background:none ; 
  padding-left: 0;

}
.picupWordData li a {
        border-radius: 12px;
        background: var(--Green, #2E5818);
}

/* archive events */

.archive__figure {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 200px;
    height: 140px;
    margin-right: 15px;
    margin-bottom: 0;
    background: rgba(0,0,0,.1);
    overflow: hidden;
    position: relative;
}

.list-archive__events {
        display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap:  20px;
}
.hierarchy_list .list-archive__events{
    grid-template-columns: repeat(1, 1fr) !important;
    gap: 15px;
}
.archive__item {
   
   padding: 20px 0;
   background: #FFF;
   border-radius: 10px;
    
}

.archive__figure.hasImg  {
    margin-left: 8px;
    margin-right: 8px;
}

.list-archive__events .archive__item {
    display: flex;
}

.infoTag {
    position: relative;
    padding-left: 28px;
}
.infoTag::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url('https://kids.rurubu.jp/assets/img/icon/icons.png?20210204');
    background-size: 5.625em auto;
    background-repeat: no-repeat;
    margin: 0;
    font-size: 2.4rem;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);

}
.icon--place::before {
    
    background-position: 0 -3.4375em;
}
.icon--tag {
    margin: 0;
    padding-top: 4px;
}
.icon--tag::before {
    background-position: -4.5833333333em -4.5833333333em;
}
.icon--hash::before {
    background-position: -1.2em -5.6701030928em;
}

.archive__title {
    width: 100%;
    font-size: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2; 
    text-overflow: ellipsis;
    -webkit-font-smoothing: antialiased;
    font-size: inherit;
    font-weight: 600;
    line-height: 1.25;
    background: #fff;
    margin: 0;
    border-bottom: 3px solid #BFD9B7;
}
body.archive {
    background-color: #f5f5f5 !important;
}

.archive__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    
}
.topHero__info>.infoTag__category, .topHero__info>.infoTag__category .infoTag__category__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
   
    
}

.topHero__info {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: #fff;
    margin: 0;
}

.topHero__info p {
    
    margin: 0;
    color:#363635;
    display:flex;
    font-size:14px;
    grid-area:auto;
    justify-content:flex-start;
    line-height:24.5px;
    margin:0px 0px 5px;
    text-align:left;
}
.topHero__info, .topHero__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 992px){
    .list-archive__events {
        display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 15px;
}
}
/* ******** */

/* Detail event */
body.single-events {
    background-color: #fff !important;
    
}

body.single-events .content-left-single {
    background-color: #fff !important;
}
body.single-events .content-left-single > .gt-page-content {
    border-radius: 20px;
}
body.single-events .content-left-single > .gt-page-content  > #individual-main h1{
    color:  #DA572D;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 36px */

}
body.single-events .content-left-single > .gt-page-content  > #individual-main h1::after{
    content: unset;

}
body.single-events .content-left-single > .gt-page-content  > #individual-main .entry-detail {
    background-color: #fff !important;
    border: none !important;
}

.content-left-single > .gt-page-content  > #individual-main .entry-detail >h2 {
    background-color: #fff !important;
    border-left: none !important;
    color: #888;
   
    position: relative;
}
.content-left-single > .gt-page-content  > #individual-main .entry-detail >h2::before {
    content: "";
    height: 2px;
    background-color: #2E5818;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}
 .button_contact_single  .btn_login_out {
    border-radius: 8px !important;
    background: var(--Green, #2E5818) !important;
    padding: 8px 20px ;
}
.content-left-single > .gt-event-section-tabs {
    border-radius: 20px;
}

.content-right-single .gt-show-desktop .gt-detail-widget {
    border-radius: 20px;
}

.gt-post-comments .btn_login_out {
    border-radius: 8px !important;
    background: var(--Green, #2E5818) !important;
    padding: 8px 20px ;
}
.gt-event-tabs > li {
    
    border-bottom: 1px solid #D9D9D9;
}
.gt-event-section-tabs .gt-event-tabs {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.content-right-single .gt-widget-title span {
    color: var(--Green, #2E5818);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    color: ye;
    
}

.gt-social-sharing> ul >li > a {
    border-radius: 12px !important;
}
/* ***** */


:root{
    --color-dark:#000000;
    --color-yellow: rgb(255, 255, 0);
    --color-yellow-1:rgb(154, 154, 46);
    --color-blue:#00468c;
    --color-white:#ffffff;
}   
/* black-theme */
body.color-black #standard>span{
    color:var(--color-yellow);
}

body.color-black #expansion>span{
    background-color: var(--color-dark);
    color:var(--color-yellow);
}
body.color-black li.color_change>span.btn_color>span {
    background-color: var(--color-dark)!important;
    color:var(--color-yellow)!important;
}
body.color-black .button_header_login ,body.color-black .button_header_login>a {
    background-color: var(--color-dark)!important;
    color:var(--color-yellow)!important;
}

body.color-black input{
    background-color: var(--color-dark);
    color:var(--color-yellow);
}
body.color-black #gnav_menu>li{
    background-color: var(--color-dark);
    border-right:0.5px solid #fff ;
    border-left:1px solid #fff ;
}
body.color-black #gnav_menu>li:hover,body.color-black #gnav_menu > li:hover a{
    background-color: var(--color-dark)!important;
    color:var(--color-yellow-1)!important;
}
body.color-black #myTab>li{
    background-color: var(--color-dark)!important;
    color:var(--color-yellow)!important;
}

body.color-black .newsL{
    color:var(--color-yellow)!important;
}
body.color-black .picupWordData>li>a{
    background-color: var(--color-dark)!important;
    color:var(--color-yellow)!important;
}
body.color-black .archive__item{
    background-color: var(--color-dark)!important;
}
body.color-black .widget-area{
    background-color: var(--color-dark)!important;
}
body.color-black .site-footer{
    background-color: var(--color-dark)!important;
}
body.color-black .copyright{
    color:var(--color-yellow)!important;
}
body.color-black .site-info-website{
    background-color: var(--color-dark)!important;
}
body.color-black  .gt-section{
    background-color: var(--color-black)!important;
    border: 1px solid var(--color-white)!important;
}
body.color-black .contact_button{
    background-color: var(--color-dark)!important;
    color:var(--color-yellow)!important;
    border: 1px solid var(--color-white);
}

body.color-black ul.headR-acc li.moji_size span.btn_f_size.active span {
    background-color: var(--color-dark);
}
body.color-black .menu-image {
    filter: invert(103%) sepia(180%) saturate(1200%) hue-rotate(358deg) brightness(205%) contrast(105%) !important;
}
  
body.color-black #breadcrumb{
    background-color: var(--color-dark)!important;
}
body.color-black .archive {
    background-color: var(--color-dark)!important;
}
body.color-black .gt-event-search-tool{
    background-color: var(--color-dark)!important;
}
body.color-black .gt-event-search-tool.gt-white.gt-style-1{
    margin : 0;
    padding-top:30px;
}
body.color-black #search_s_program {
    background-color: var(--color-dark)!important;
    color:var(--color-yellow)!important;
}
body.color-black .dropdown >select {
    background-color: var(--color-dark)!important;
    color:var(--color-yellow)!important;
}
body.color-black .moji_size  >span {
    background-color: var(--color-dark)!important;
    color:var(--color-yellow)!important;
}
body.color-black .button-search-event >div>button {
    background-color: var(--color-dark)!important;
    color:var(--color-yellow)!important;
}
body.color-black .list-events__title {
    background-color: var(--color-dark)!important;
}
body.color-black  {
    background-color: var(--color-dark)!important;
}
body.color-black .container {
    background-color: var(--color-dark)!important;
}
body.color-black .newsList {
    background-color: var(--color-dark)!important;
}
body.color-black .newsList>li {
    background-color: var(--color-dark)!important;
    border: 1px solid #ffffff;
}
body.color-black.post-type-archive-notice {
    background-color: var(--color-dark)!important;
}
body.color-black .mewsLtit {
    color:var(--color-yellow)!important;
}
body.color-black .tab-pane>ul>li>span.newsTim {
    color:var(--color-yellow)!important;
}
body.color-black .tab-pane>ul>li>span.newsCat>i{
    background-color: var(--color-dark)!important;
    color:var(--color-yellow)!important;
}
body.color-black .tab-pane>ul>li>a{
    color:var(--color-white)!important;
}
body.color-black .searchContentsTit{
    color:var(--color-yellow)!important;
}
body.color-black .gt-category{
    background-color: var(--color-dark)!important;
}
body.color-black .button-search-hom-2{
    background-color: var(--color-dark)!important;
}
body.color-black .gt-title,body.color-black .gt-text ,body.color-black .wpcf7-list-item-label{
    color:var(--color-yellow)!important;
}
body.color-black .wpcf7-submit{
    background-color: var(--color-dark)!important;
    color:var(--color-yellow)!important;
    border:1px solid var(--color-white)!important;
}

body.color-black ul.newsList>li>span.newsTim{
    background-color: var(--color-dark)!important;
    box-shadow:0px 2px 0px 0px black ;
}
body.color-black ul.newsList>li>span.newsTim{
    background-color: var(--color-dark)!important;
    box-shadow:0px 2px 0px 0px black ;
}
body.color-black .title__notice{
    color: var(--color-yellow);
}
body.color-black .slideWrap::before {
    background: linear-gradient(rgb(0, 0, 0), rgba(0, 0, 0)), url('https://gvbd904-eap-production.s3.ap-northeast-1.amazonaws.com/wp-content/uploads/2024/03/slide-bg-300x79.png');
}

body.color-black .icon path {
    fill:var(--color-yellow);
}
body.color-black .gt-page-content{
    background-color: var(--color-dark)!important;
}
body.color-black.single-events .content-left-single > .gt-page-content > #individual-main .entry-detail{
    background-color: var(--color-dark)!important;
}
body.color-black .content-left-single > .gt-page-content > #individual-main .entry-detail >h2{
    background-color: var(--color-dark)!important;
    color: var(--color-yellow)!important;
}
body.color-black.single-events .content-left-single > .gt-page-content > #individual-main h1{
    color: var(--color-yellow)!important;
}
body.color-black .gt-widget{
    background-color: var(--color-dark)!important;
}
body.color-black .content-right-single .gt-widget-title span{
    color: var(--color-yellow)!important;
}
body.color-black .gt-content-detail-box>ul>li>.gt-icon>svg {
    fill: var(--color-yellow);
}
body.color-black .gt-content-detail-box>ul>li>.gt-content>.gt-inner {
    color: var(--color-yellow);
}

body.color-black .gt-widget-title{
    border-bottom: 1px solid var(--color-yellow);
}
body.color-black .gt-content-detail-box>ul>li{
    border-bottom: 1px solid var(--color-yellow);
}
body.color-black .content-left-single {
    background-color: var(--color-dark)!important;
}
body.color-black .gt-event-section-tabs {
    background-color: var(--color-dark)!important;
}
body.color-black .gt-event-section-tabs .gt-event-tabs  {
    background-color: var(--color-dark)!important;
}
body.color-black .gt-event-section-tabs .gt-event-tabs>li>a{
    border-right: 1px solid var(--color-white);
}
body.color-black .gt-event-section-tabs .gt-event-tabs>li>a:after{
    background-color: var(--color-yellow)!important;
}
body.color-black .button_contact_single .btn_login_out {
    background: var(--color-dark) !important;
}
body.color-black .btn_login_out {
    border: 1px solid var(--color-white);
    color: var(--color-yellow);
}
body.color-black .gt-social-sharing.gt-style-1 ul li a{
    background-color: var(--color-black)!important;
}
body.color-black .gt-social-sharing.gt-style-1 ul li a:hover{
    background-color: var(--color-yellow-1)!important;
}


body.color-black .text__no-coppy {
    color: var(--color-yellow);
}
body.color-black .gt-content-detail-box>ul>.gt-locations {
    border-bottom: 1px solid var(--color-yellow) !important;
}
body.color-black .tag-list dt::before {
    content: url(../img/ic-tag.png);
    filter: brightness(0) saturate(100%) invert(75%) sepia(100%) saturate(500%) hue-rotate(0deg);
}


body.color-black .news .nav-tabs {
    border-bottom: 4px solid var(--color-yellow);
}
body.color-black  .gt-inner>p>span> input[type="text"]{
    background-color: var(--color-black);
    border: 1px solid #EAEAEA;
    color: var(--color-yellow)!important;
}
body.color-black  .gt-inner>p>span> input[type="text"]::placeholder{
    color: var(--color-yellow)!important;
}
body.color-black  .gt-inner>p>span> input[type="email"]{
    background-color: var(--color-black);
    border: 1px solid #EAEAEA;
    color: var(--color-yellow)!important;
}
body.color-black  .gt-inner>p>span> input[type="email"]::placeholder{
    color: var(--color-yellow)!important;
}
body.color-black  textarea{
    background-color: var(--color-black);
    border: 1px solid #EAEAEA;
    color: var(--color-yellow)!important;
}
body.color-black textarea::placeholder {
    color: var(--color-yellow) !important;
}
body.color-black .slider-home-main .gt-col .gt-event .gt-image {
    background-color: var(--color-dark);
}
body.color-black .archive__title {
    background: var(--color-black);
    border-bottom: 3px solid var(--color-white);
}
body.color-black .archive__title a:hover {
    color: var(--color-yellow-1) !important;
}


/* update current */
body.color-black #search_s_program::placeholder {
    color: var(--color-yellow);
}
body.color-black .button-search-event button {
    border: 1px solid var(--color-white);
}
body.color-black .btn-advance-search{
    border: 1px solid var(--color-white);
}
body.color-black .topHero__info {
    background: var(--color-black);
}
body.color-black  .topHero__info p {
    color: var(--color-yellow);
}
body.color-black .breadcrumb-trail li.trail-end {
    color: var(--color-yellow);
}
body.color-black #page-main h2 {
    background-color: var(--color-black) !important;
}
body.color-black h2 {
    border-left: 4px solid #0E5E30;
    background-color: var(--color-black) !important;
}
body.color-black .site-map ul li a, h2 a {
    color: var(--color-yellow) !important;
}
body.color-black #main .entry-content .piereg_container .pieregWrapper{
    background-color: var(--color-black);
    border: 1px solid var(--color-white);
}
body.color-black .piereg_login_container .piereg_login_wrapper label{
    color: var(--color-yellow);
}
body.color-black .pieregWrapper #pie_register .fields .input_fields {
    background-color: var(--color-black);
    color: var(--color-yellow)!important;
}
body.color-black #piereg_login_form .fields .fieldset.error label {
    color: var(--color-yellow) !important;
}
body.color-black .piereg_container div.piereg_login_container .forgetmenot [type="checkbox"]:not(:checked) + label {
    color: var(--color-yellow);
}
body.color-black .show-hide-password-innerbtn.pass-eye-login.eye::after {
    background: url(../images/Open.svg) no-repeat center / 100% 100%;
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%)!important;
}
body.color-black input[type="submit"]{
    background-color: var(--color-black)!important;
    color: var(--color-yellow)!important;
    border: 1px solid var(--color-white)!important;
}
body.color-black .nav-tabs .nav-link.active {
    background-color: var(--color-dark) !important;
    border:1px solid #dee2e6!important;
    color: white !important;
}
body.color-black .pieregWrapper #pie_register .fields{
    color: var(--color-yellow);
}
body.color-black #user-personal{
    background-color: var(--color-dark);
    border: 1px solid var(--color-white)
}
body.color-black .gt-heading .gt-title-new-event {
    color: var(--color-yellow);
    border-bottom: 4px dashed var(--color-yellow);
}
body.color-black .card .card-body .content-left{
    background-color: var(--color-dark) !important;
}
body.color-black .title-top{
    background-color: var(--color-dark) !important;
    border: 1px solid var(--color-white);
}
body.color-black .content >p.p-3{
    background-color: var(--color-dark) !important;
    box-shadow:none;
    border: 1px solid var(--color-white);
}
body.color-black .content {
    background-color: var(--color-dark) !important;
    border: 1px solid var(--color-white);
}
body.color-black .card  {
    background-color: var(--color-dark) !important;
    border: 1px solid var(--color-white)!important;
}
body.color-black .img-title  {
    filter: brightness(100%) saturate(200%) invert(100%) sepia(10%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%) drop-shadow(0 0 1px white) drop-shadow(0 0 1px white);
}
body.color-black  .center-button .search_clear{
    background-color: var(--color-dark) !important;
    color: var(--color-yellow)!important;
}
body.color-black  .center-button .search_clear:hover{
    border: 1px solid var(--color-white);
    color: var(--color-yellow-1)!important;
}
body.color-black .center-button .btn {
    background: var(--color-black) !important;
    color: var(--color-yellow)!important;
    border: 1px solid var(--color-white);
}
body.color-black  .center-button .btn:hover{
    border: 1px solid var(--color-white);
    color: var(--color-yellow-1)!important;
}
body.color-black .btn_login_out {
    border: 1px solid var(--color-white);
    color: var(--color-yellow);
    background-color: var(--color-black)!important;
}
body.color-black .two_button_main .moji_size span:first-child {
    background-color: var(--color-black)!important;
    border: 1px solid var(--color-white);
}
body.color-black .content-advanced-notice h1 {
    color: var(--color-yellow);
    border: 1px solid var(--color-white);
}
body.color-black .content-advanced-notice h1:after {
    border-bottom: solid 3px var(--color-white);
}
body.color-black .date-notice {
    color: var(--color-yellow);
}
body.color-black .content-advanced-notice {
    background-color: var(--color-black)!important;
    border: 1px solid var(--color-white);
}
body.color-black .content-left-advanced-search {
    background-color: var(--color-dark);
    border: 1px solid var(--color-white);
}
body.color-black .tab-content {
    background-color: var(--color-dark);
    border: 1px solid var(--color-white);
}

body.color-black .table,
body.color-black tr,
body.color-black .add_list_action_form,
body.color-black .fi-sidebar-nav,
body.color-black .list_table .view,
body.color-black .list_table .view:hover,
body.color-black .list_table .remove,
body.color-black .list_table .remove:hover,
body.color-black .pie_submit_edit {
    background-color: var(--color-dark)!important;
    border: 1px solid var(--color-white)!important;
    color: var(--color-yellow);
}
body.color-black td,
body.color-black th,
body.color-black .list_table th,
body.color-black .fi-sidebar-item {
    background-color: var(--color-dark)!important;
    color: var(--color-yellow);
}
body.color-black .navbar .active {
    color: var(--color-yellow)!important;
}
/* **** */
/* blue-theme */

body.color-blue #standard>span{
    color:var(--color-yellow);
    background-color: var(--color-blue);
}

body.color-blue #expansion>span{
    background-color: var(--color-blue);
    color:var(--color-yellow);
}
body.color-blue li.color_change>span.btn_color>span {
    background-color: var(--color-blue)!important;
    color:var(--color-yellow)!important;
}
body.color-blue .button_header_login ,body.color-blue .button_header_login>a {
    background-color: var(--color-blue)!important;
    color:var(--color-yellow)!important;
}

body.color-blue input{
    background-color: var(--color-blue);
    color:var(--color-yellow)
}
body.color-blue .icon path {
    fill:var(--color-yellow);
}

body.color-blue #gnav_menu>li{
    background-color: var(--color-blue);
    border-right:0.5px solid #fff ;
    border-left:1px solid #fff ;
}
body.color-blue #gnav_menu>li:hover,body.color-blue #gnav_menu > li:hover a{
    background-color: var(--color-blue)!important;
    color:var(--color-yellow-1)!important;
}
body.color-blue #myTab>li{
    background-color: var(--color-blue)!important;
    color:var(--color-yellow)!important;
}

body.color-blue .newsL{
    color:var(--color-yellow)!important;
}
body.color-blue .picupWordData>li>a{
    background-color: var(--color-blue)!important;
    color:var(--color-yellow)!important;
}
body.color-blue .archive__item{
    background-color: var(--color-blue)!important;
}
body.color-blue .widget-area{
    background-color: var(--color-blue)!important;
}
body.color-blue .site-footer{
    background-color: var(--color-blue)!important;
}
body.color-blue .copyright{
    color:var(--color-yellow)!important;
}
body.color-blue .site-info-website{
    background-color: var(--color-blue)!important;
}

body.color-blue  .gt-section{
    background-color: var(--color-blue)!important;
    border: 1px solid var(--color-white)!important;
}
body.color-blue  .gt-section{
    background-color: var(--color-blue);
    border: 1px solid var(--color-white);
}
body.color-blue .contact_button{
    background-color: var(--color-blue)!important;
    color:var(--color-yellow)!important;
    border: 1px solid var(--color-white);
}

body.color-blue .menu-image {
    filter: invert(103%) sepia(180%) saturate(1200%) hue-rotate(358deg) brightness(205%) contrast(105%) !important;
  }
body.color-blue #breadcrumb{
    background-color: var(--color-blue)!important;
}
body.color-blue .archive {
    background-color: var(--color-blue)!important;
}
body.color-blue .gt-event-search-tool{
    background-color: var(--color-blue)!important;
}
body.color-blue .gt-event-search-tool.gt-white.gt-style-1{
    margin : 0;
    padding-top:30px;
}
body.color-blue #search_s_program {
    background-color: var(--color-blue)!important;
    color:var(--color-yellow)!important;
}
body.color-blue .dropdown >select {
    background-color: var(--color-blue)!important;
    color:var(--color-yellow)!important;
}
body.color-blue .moji_size  >span {
    background-color: var(--color-blue)!important;
    color:var(--color-yellow)!important;
}
body.color-blue .button-search-event >div>button {
    background-color: var(--color-blue)!important;
    color:var(--color-yellow)!important;
}
body.color-blue .list-events__title {
    background-color: var(--color-blue)!important;
}
body.color-blue  {
    background-color: var(--color-blue)!important;
}
body.color-blue .container {
    background-color: var(--color-blue)!important;
}
body.color-blue .newsList {
    background-color: var(--color-blue)!important;
}
body.color-blue .newsList>li {
    background-color: var(--color-blue)!important;
    border: 1px solid #ffffff;
}
body.color-blue.post-type-archive-notice {
    background-color: var(--color-blue)!important;
}
body.color-blue .mewsLtit {
    color:var(--color-yellow)!important;
}
body.color-blue .tab-pane>ul>li>span.newsTim {
    color:var(--color-yellow)!important;
}
body.color-blue .tab-pane>ul>li>span.newsCat>i{
    background-color: var(--color-blue)!important;
    color:var(--color-yellow)!important;
}
body.color-blue .tab-pane>ul>li>a{
    color:var(--color-white)!important;
}
body.color-blue .searchContentsTit{
    color:var(--color-yellow)!important;
}
body.color-blue .gt-category{
    background-color: var(--color-blue)!important;
}
body.color-blue .button-search-hom-2{
    background-color: var(--color-blue)!important;
}
body.color-blue .gt-title,body.color-blue .gt-text ,body.color-blue .wpcf7-list-item-label{
    color:var(--color-yellow)!important;
}
body.color-blue .wpcf7-submit{
    background-color: var(--color-blue)!important;
    color:var(--color-yellow)!important;
    border:1px solid var(--color-white)!important;
}
body.color-blue ul.newsList>li>span.newsTim{
    background-color: var(--color-blue)!important;
    box-shadow:0px 2px 0px 0px var(--color-blue) ;
}
body.color-blue .title__notice{
    color: var(--color-yellow);
}
body.color-blue .slideWrap::before {
    background: linear-gradient(var(--color-blue), var(--color-blue)), url('https://gvbd904-eap-production.s3.ap-northeast-1.amazonaws.com/wp-content/uploads/2024/03/slide-bg-300x79.png');
}


body.color-blue .gt-page-content{
    background-color: var(--color-blue)!important;
}
body.color-blue.single-events .content-left-single > .gt-page-content > #individual-main .entry-detail{
    background-color: var(--color-blue)!important;
}
body.color-blue .content-left-single > .gt-page-content > #individual-main .entry-detail >h2{
    background-color: var(--color-blue)!important;
    color: var(--color-yellow)!important;
}
body.color-blue.single-events .content-left-single > .gt-page-content > #individual-main h1{
    color: var(--color-yellow)!important;
}
body.color-blue .gt-widget{
    background-color: var(--color-blue)!important;
}
body.color-blue .content-right-single .gt-widget-title span{
    color: var(--color-yellow)!important;
}
body.color-blue .gt-content-detail-box>ul>li>.gt-icon>svg {
    fill: var(--color-yellow);
}
body.color-blue .gt-content-detail-box>ul>li>.gt-content>.gt-inner {
    color: var(--color-yellow);
}

body.color-blue .gt-widget-title{
    border-bottom: 1px solid var(--color-yellow);
}
body.color-blue .gt-content-detail-box>ul>li{
    border-bottom: 1px solid var(--color-yellow);
}
body.color-blue .content-left-single {
    background-color: var(--color-blue)!important;
}
body.color-blue .gt-event-section-tabs {
    background-color: var(--color-blue)!important;
}
body.color-blue .gt-event-section-tabs .gt-event-tabs  {
    background-color: var(--color-blue)!important;
}
body.color-blue .gt-event-section-tabs .gt-event-tabs>li>a{
    border-right: 1px solid var(--color-white);
}
body.color-blue .gt-event-section-tabs .gt-event-tabs>li>a:after{
    background-color: var(--color-yellow)!important;
}
body.color-blue .button_contact_single .btn_login_out {
    background: var(--color-blue) !important;
}
body.color-blue .btn_login_out {
    border: 1px solid var(--color-white);
    color: var(--color-yellow);
}
body.color-blue .gt-social-sharing.gt-style-1 ul li a{
    background-color: var(--color-blue)!important;
}
body.color-blue .gt-social-sharing.gt-style-1 ul li a:hover{
    background-color: var(--color-yellow-1)!important;
}
body.color-blue .text__no-coppy {
    color: var(--color-yellow);
}
body.color-blue .gt-content-detail-box>ul>.gt-locations {
    border-bottom: 1px solid var(--color-yellow) !important;
}
body.color-blue .tag-list dt::before {
    content: url(../img/ic-tag.png);
    filter: brightness(0) saturate(100%) invert(75%) sepia(100%) saturate(500%) hue-rotate(0deg);
}


body.color-blue .news .nav-tabs {
    border-bottom: 4px solid var(--color-yellow);
}
body.color-blue  .gt-inner>p>span> input[type="text"]{
    background-color: var(--color-blue);
    border: 1px solid #EAEAEA;
    color: var(--color-yellow)!important;
}
body.color-blue  .gt-inner>p>span> input[type="text"]::placeholder{
    color: var(--color-yellow)!important;
}
body.color-blue  .gt-inner>p>span> input[type="email"]{
    background-color: var(--color-blue);
    border: 1px solid #EAEAEA;
    color: var(--color-yellow)!important;
}
body.color-blue  .gt-inner>p>span> input[type="email"]::placeholder{
    color: var(--color-yellow)!important;
}
body.color-blue  textarea{
    background-color: var(--color-blue);
    border: 1px solid #EAEAEA;
    color: var(--color-yellow)!important;
}
body.color-blue textarea::placeholder {
    color: var(--color-yellow) !important;
}
body.color-blue .slider-home-main .gt-col .gt-event .gt-image {
    background-color: var(--color-blue);
}
body.color-blue .archive__title {
    background: var(--color-blue);
    border-bottom: 3px solid var(--color-white);
}
body.color-blue .archive__title a:hover {
    color: var(--color-yellow-1) !important;
}

/* update current */
body.color-blue #search_s_program::placeholder {
    color: var(--color-yellow);
}
body.color-blue .button-search-event button {
    border: 1px solid var(--color-white);
}
body.color-blue .btn-advance-search{
    border: 1px solid var(--color-white);
}
body.color-blue .topHero__info {
    background: var(--color-blue);
}
body.color-blue  .topHero__info p {
    color: var(--color-yellow);
}
body.color-blue .breadcrumb-trail li.trail-end {
    color: var(--color-yellow);
}
body.color-blue #page-main h2 {
    background-color: var(--color-blue) !important;
}
body.color-blue h2 {
    border-left: 4px solid #0E5E30;
    background-color: var(--color-blue) !important;
}
body.color-blue .site-map ul li a, h2 a {
    color: var(--color-yellow) !important;
}
body.color-blue #main .entry-content .piereg_container .pieregWrapper{
    background-color: var(--color-blue);
    border: 1px solid var(--color-white);
}
body.color-blue .piereg_login_container .piereg_login_wrapper label{
    color: var(--color-yellow);
}
body.color-blue .pieregWrapper #pie_register .fields .input_fields {
    background-color: var(--color-blue);
    color: var(--color-yellow)!important;
}
body.color-blue #piereg_login_form .fields .fieldset.error label {
    color: var(--color-yellow) !important;
}
body.color-blue .piereg_container div.piereg_login_container .forgetmenot [type="checkbox"]:not(:checked) + label {
    color: var(--color-yellow);
}
body.color-blue .show-hide-password-innerbtn.pass-eye-login.eye::after {
    background: url(../images/Open.svg) no-repeat center / 100% 100%;
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
}
body.color-blue input[type="submit"]{
    background-color: var(--color-blue)!important;
    color: var(--color-yellow)!important;
    border: 1px solid var(--color-white)!important;
}
body.color-blue .nav-tabs .nav-link.active {
    background-color: var(--color-blue) !important;
    border:1px solid #dee2e6!important;
    color: white !important;
}
body.color-blue .pieregWrapper #pie_register .fields{
    color: var(--color-yellow);
}
body.color-blue #user-personal{
    background-color: var(--color-blue);
    border: 1px solid var(--color-white)
}
body.color-blue .gt-heading .gt-title-new-event {
    color: var(--color-yellow);
    border-bottom: 4px dashed var(--color-yellow);
}
body.color-blue .card .card-body .content-left{
    background-color: var(--color-blue) !important;
}
body.color-blue .title-top{
    background-color: var(--color-blue) !important;
    border: 1px solid var(--color-white);
}
body.color-blue .content >p.p-3{
    background-color: var(--color-blue) !important;
    box-shadow:none;
    border: 1px solid var(--color-white);
}
body.color-blue .content {
    background-color: var(--color-blue) !important;
    border: 1px solid var(--color-white);
}
body.color-blue .card  {
    background-color: var(--color-blue) !important;
    border: 1px solid var(--color-white)!important;
}
body.color-blue .img-title  {
    filter: brightness(100%) saturate(200%) invert(100%) sepia(10%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%) drop-shadow(0 0 1px white) drop-shadow(0 0 1px white);
}
body.color-blue  .center-button .search_clear{
    background-color: var(--color-blue) !important;
    color: var(--color-yellow)!important;
}
body.color-blue  .center-button .search_clear:hover{
    border: 1px solid var(--color-white);
    color: var(--color-yellow-1)!important;
}
body.color-blue .center-button .btn {
    background: var(--color-blue) !important;
    color: var(--color-yellow)!important;
    border: 1px solid var(--color-white);
}
body.color-blue  .center-button .btn:hover{
    border: 1px solid var(--color-white);
    color: var(--color-yellow-1)!important;
}
body.color-blue .btn_login_out {
    border: 1px solid var(--color-white);
    color: var(--color-yellow);
    background-color: var(--color-blue)!important;
}
body.color-blue .two_button_main .moji_size span:first-child {
    background-color: var(--color-blue)!important;
    border: 1px solid var(--color-white);
}
body.color-blue .content-advanced-notice h1 {
    color: var(--color-yellow);
    border: 1px solid var(--color-white);
}
body.color-blue .content-advanced-notice h1:after {
    border-bottom: solid 3px var(--color-white);
}
body.color-blue .date-notice {
    color: var(--color-yellow);
}
body.color-blue .content-advanced-notice {
    background-color: var(--color-blue)!important;
    border: 1px solid var(--color-white);
}
body.color-blue .content-left-advanced-search {
    background-color: var(--color-blue);
    border: 1px solid var(--color-white);
}
body.color-blue .tab-content {
    background-color: var(--color-blue);
    border: 1px solid var(--color-white);
}
body.color-blue .table,
body.color-blue tr,
body.color-blue .add_list_action_form,
body.color-blue .fi-sidebar-nav,
body.color-blue .list_table .view,
body.color-blue .list_table .view:hover,
body.color-blue .list_table .remove,
body.color-blue .list_table .remove:hover,
body.color-blue .pie_submit_edit {
    background-color: var(--color-blue)!important;
    border: 1px solid var(--color-white)!important;
    color: var(--color-yellow);
}
body.color-blue td,
body.color-blue th,
body.color-blue .list_table th,
body.color-blue .fi-sidebar-item {
    background-color: var(--color-blue)!important;
    color: var(--color-yellow);
}
body.color-blue .navbar .active {
    color: var(--color-yellow)!important;
}
/* Reset password guidance alignment */
.legend_txt_charter_reset,
.legend_txt_charter_reset_2 {
    text-align: left;
    display: block;
    width: 100%;
    padding: 5px 0 0 0;
    margin: 2px 0 0 0;
}
.piereg_container #piereg_resetpassform .legend_txt_charter_reset,
.piereg_container #piereg_resetpassform .legend_txt_charter_reset_2,
#piereg_resetpassform .legend_txt_charter_reset,
#piereg_resetpassform .legend_txt_charter_reset_2 {
    text-align: left !important;
    display: block !important;
    width: 100% !important;
    margin-left: 0 !important;
}
.legend_txt_charter_reset.invalid-pass,
.legend_txt_charter_reset_2.invalid-pass {
    margin: 2px 0 0 0;
    display: block;
    text-align: left;
}