body{
    color: #232323;
    background-color: #fff;
}
a{
    color: #0069B4;
}
.topWrap{
    background-color: #fff;
    color: #232323;
}
.topWrap.with-notice{
    border-bottom: 1px solid #e9e9ef;
}
.topWrap a{
    color: #232323;
}
.topWrap a:hover{
    color: #0069B4;
}
.menuWrap{
    background-color: #0069B4;
}
.menuWrap .level-1 > a,
.menuWrap .level-1  > a:hover,
.menuWrap .menu-level.level-1 a.active{
    color: #fff !important;
}
.menuWrap .level-2 > a{
    border-bottom: 2px dotted #e9e9ef;
}
.menuWrap .menu-level.level-2{
    box-shadow: 0px 4px 4px #e9e9ef;
}
.menuWrap .menu-level.level-2{
    background-color: #fff;
}
.logo-main{
    background-image: url('../../images/site/logo-dark@2x.png');
}
.lang-btns{
    background-color: #e9e9ef;
}
.lang-btns a{
    color: #232323;
}
.lang-btns a.active{
    color: #0069B4;
}
.block-btn{
    border: 2px solid #e9e9ef;
    color: #232323;
}
.block-btn:hover{
    background-color: #0069B4 !important;
    color: #f7f7f7 !important;
    border-color: #0069B4;
}
.header-block.with-bg{
    border: 1px solid #e9e9ef;
    box-shadow: 0px 0px 20px #e9e9ef;
}
.header-block.with-bg .header-content{
    background-color: #fff;
}
span.kindness-stories{
    color: #0069B4 !important;
}
.header-story{
    background-color: #fff;
    color: #232323;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
}
.header-story:before,
.header-story:after{
    border: 1px solid #232323;
}
.container-row > div:not(.slick-list),
.container-row > a{
    background-color: #fff;
    color: #232323;
    border: 1px solid #e9e9ef;
}
.container-row .slick-track > a{
    background-color: #fff;
    color: #232323;
}
.mixed-first > a,
.mixed-others > a{
    background-color: #fff;
    color: #232323;
}
.container-block > .container-row{
    background-color: transparent;
}
.section-block{
    background-color: #fff;
    border: 1px solid #e9e9ef;
    box-shadow: 0px 0px 20px #e9e9ef;
}
.feed-block .embed-block{
    border: 1px solid #e9e9ef;
}
.overlay{
    background-color: rgba(0, 0, 0, 0.9);
}
.overlay-box{
    background-color: #fff;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
}
.articleWrap{
    background-color: #fff;
    border: 1px solid #e9e9ef;
    box-shadow: 0px 0px 20px #e9e9ef;
}
.body-text-block table,
.body-text-block th,
.body-text-block td,
.html-block table,
.html-block th,
.html-block td {
   border: 4px solid #e9e9ef;
}
.articleWrap .body-text-block h1,
.html-block h1{
    color: #232323;
}
.articleWrap .body-text-block blockquote:before,
.html-block blockquote:before{
    color: #0069B4;
}
.body-text-block pre,
.html-block pre{
    background-color: #f7f7f7;
}
.body-text-block hr,
.html-block hr{
    border-top: 2px solid #e9e9ef;
}
.body-text-block .highlight,
.html-block .highlight{
    background-color: rgba(255, 194, 92, 0.4);
}
.container-row a span.text-title{
    background: linear-gradient(#0069B4,#0069B4) no-repeat left 155%/0 40%;
}
.text-image,
.body-text-block .text-image{
    background-color: #fff;
}
.one-event .event-image{
    background-color: #fff;
    border: 1px solid #e9e9ef;
}
.one-event .event-date{
    color: #232323;
    background-color: #e9e9ef;
    box-shadow: 0.2em 0 0 #e9e9ef, -0.2em 0 0 #e9e9ef;
}
.one-event:hover .event-date{
    color: #f7f7f7;
    background-color: #0069B4;
    box-shadow: 0.2em 0 0 #0069B4, -0.2em 0 0 #0069B4;
}
.html-block a{
    border-bottom: 3px solid rgba(255, 194, 92, 0.8);
    color: #232323;
}
.html-block a:hover{
    border-bottom: 4px solid rgb(255, 194, 92);
    color: #0069B4;
}
.html-block .ae-twitter-link{
    background-color: rgba(29, 161, 242, 0.3);
    color: #232323;
}
.carousel-block .gallery-title{
    background-color: rgba(20, 18, 17, 0.9);
    color: #fff;
}
.carousel-block .gallery-title a{
    color: #fff;
}
.articleWrap .header-content{
    border-bottom: 4px solid #e9e9ef;
}
.article-block .block-table{
    background-color: #f7f7f7;
}
.article-block .block-provider{
    border: 2px solid #e9e9ef;
    color: #232323;
}
.article-block .block-provider:hover{
    background-color: #0069B4;
    color: #f7f7f7;
    border-color: #0069B4;
}
.article-block .block-provider a span{
    color: #232323;
}
.article-block .block-provider:hover a span{
    color: #f7f7f7;
}
.article-block .button-block a{
    background-color: #0069B4;
    color: #232323;
}
.article-block .button-block a:hover{
    box-shadow: 0px 5px 5px rgba(0,0,0,0.4);
}
.file-type label{
    color: #262627;
}
.file-type div{
    background-image: url('../../images/site/file-icons.png');
}
.file-pdf label{
    color: #eb141e;
}
.file-doc label{
    color: #33a7fc;
}
.file-ppt label{
    color: #ef5b30;
}
.file-xls label{
    color: #40b34f;
}
.file-zip label{
    color: #999;
}
.file-song label{
    color: #ff509e;
}
.file-video label{
    color: #e33030;
}
.file-ai label{
    color: #fdb746;
}
.file-sketch label{
    color: #ff721c;
}
.file-psd label{
    color: #273161;
}
.file-code label{
    color: #7f6046;
}
.file-css label{
    color: #e7b600;
}
.file-download{
    border: 1px solid #e5e5e5;
    color: #262627;
}
.link-menu{
    border: 2px solid #e9e9ef;
    background-color: #fff;
    color: #232323;
}
.link-menu:hover{
    background-color: #0069B4;
    color: #f7f7f7;
    border-color: #0069B4;
}
.link-search{
    background-image: url('../../images/app/main-icons-dark.png');
}
.searchWrap{
    background-color: #f7f7f7;
    border: 2px solid #e9e9ef;
}
.searchWrap .triangle{
    border-bottom: 15px solid #e9e9ef;
    border-bottom-color: #e9e9ef;
}
.searchWrap input{
    color: #232323;
    background-color: #fff;
    border: 1px solid #fff;
}
.searchWrap .search-tip{
    color: #888;
}
.search-results .search-header{
    color: #232323;
    border: 2px solid #e9e9ef;
}
.search-results .one-search-result .result-title{
    color: #232323;
}
.search-results .one-search-result:hover .result-title{
    color: #0069B4;
}
.nav-btns a{
    color: #232323;
}
.nav-btns a:hover,
.page-institute.page-home .link-home,
.page-newsroom .link-newsroom,
.page-about .link-about,
.page-people .link-people{
    color: #0069B4;
}
.link-m-newsroom{
    background-image: url('../../images/app/main-icons-dark.png');
}
.footer-social a{
    background-image: url('../../images/site/social-icons.png');
}
.menu-overlay{
    background-color: #fff;
    border-left: 1px solid #e9e9ef;
}
.menu-level a{
    color: #232323;
}
.menu-level a:hover,
.menu-level a.active{
    color: #0069B4;
}
.menu-level span.new{
    background-color: #0069B4;
    color: #f7f7f7;
}
.feed-btn{
    background-color: #0069B4;
    background-image: url('../images/app/main-icons-dark.png');
}
.sidebar-box{
    background-color: #f7f7f7;
}
.sidebar-box .sidebar-header{
    background-color: #0069B4;
}
.sidebar-box h2.message{
    color: #fff;
}
.one-feed{
    background-color: #fff;
    color: #232323;
    box-shadow: 0px 0px 20px #e9e9ef;
}
.one-feed .feed-label{
    background-color: #f7f7f7;
    border: 1px solid #e9e9ef;
}
.one-feed:hover .text-title{
    color: #0069B4;
}
.theme-a{
    background-image: linear-gradient(45deg, #ff9a9e 0%, #fad0c4 99%, #fad0c4 100%) !important;
    color: #232323 !important;
}
.theme-a .block-btn{
    background-color: #ff484f;
    color: #fff;
    border-color: #ff484f;
}
.theme-b{
    background-image: linear-gradient(120deg, #f6d365 0%, #fda085 100%) !important;
    color: #232323 !important;
}
.theme-b .block-btn{
    background-color: #fb6439;
    color: #fff;
    border-color: #fb6439;
}
.theme-c{
    background-image: linear-gradient(to top, #fdcbf1 0%, #fdcbf1 1%, #e6dee9 100%) !important;
    color: #232323 !important;
}
.theme-c .block-btn{
    background-color: #f973d9;
    color: #fff;
    border-color: #f973d9;
}
.theme-d{
    background-image: linear-gradient(to top, #accbee 0%, #e7f0fd 100%) !important;
    color: #232323 !important;
}
.theme-d .block-btn{
    background-color: #67a0e0;
    color: #fff;
    border-color: #67a0e0;
}
.theme-e{
    background-image: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%) !important;
    color: #232323 !important;
}
.theme-e .block-btn{
    background-color: #9bb0bc;
    color: #fff;
    border-color: #9bb0bc;
}
.theme-f{
    background-image: linear-gradient(to right, #4facfe 0%, #00f2fe 100%) !important;
    color: #232323 !important;
}
.theme-f .block-btn{
    background-color: #0c8cfd;
    color: #fff;
    border-color: #0c8cfd;
}
.theme-g{
    background-image: linear-gradient(to top, #a8edea 0%, #fed6e3 100%) !important;
    color: #232323 !important;
}
.theme-g .block-btn{
    background-color: #43d8d1;
    color: #fff;
    border-color: #43d8d1;
}
.theme-h{
    background-image: linear-gradient(to top, #fff1eb 0%, #ace0f9 100%) !important;
    color: #232323 !important;
}
.theme-h .block-btn{
    background-color: #fe8a58;
    color: #fff;
    border-color: #fe8a58;
}
.footer-embed input{
    background-color: #fff;
    color: #232323;
    border: 1px solid #e5e5e5;
}
.footer-embed .btn-footer{
    background-color: #0069B4;
    color: #fff;
}
.footer-message{
    color: #0069B4;
}
@media (min-width: 300px) and (max-width: 659px){
    .header-block.with-bg{
        border: 0px;
        box-shadow: none;
    }
    .header-block.with-bg .header-content{
        background-color: transparent;
    }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){
    .logo-main{
        background-image: url('../../images/site/logo-dark@2x.png');
    }
    .footer-social a{
        background-image: url('../../images/site/social-icons@2x.png');
    }
    .link-search,
    .link-m-newsroom,
    .feed-btn{
        background-image: url('../../images/app/main-icons-dark@2x.png');
    }
}
/* System Dark mode */
@media (prefers-color-scheme: dark) {
    body{
        color: #fff;
        background-color: #1A1A1A;
    }
    a{
        color: #ffd370;
    }
    .topWrap{
        background-color: #232323;
        color: #fff;
    }
    .topWrap.with-notice{
        border-bottom: 0px;
    }
    .topWrap a{
        color: #fff;
    }
    .topWrap a:hover{
        color: #ffd370;
    }
    .menuWrap{
        background-color: #ffd370;
    }
    .menuWrap .level-1 > a,
    .menuWrap .level-1  > a:hover,
    .menuWrap .menu-level.level-1 a.active{
        color: #1A1A1A !important;
    }
    .menuWrap .level-2 > a{
        border-bottom: 2px dotted #5A5A5A;
    }
    .menuWrap .menu-level.level-2{
        box-shadow: 0px 4px 4px #232323;
    }
    .menuWrap .menu-level.level-2{
        background-color: #232323;
    }
    .logo-main{
        background-image: url('../../images/site/logo@2x.png');
    }
    .lang-btns{
        background-color: #5A5A5A;
    }
    .lang-btns a{
        color: #fff;
    }
    .lang-btns a.active{
        color: #ffd370;
    }
    .block-btn{
        border: 2px solid #5A5A5A;
        color: #fff;
    }
    .block-btn:hover{
        background-color: #ffd370 !important;
        color: #1A1A1A !important;
        border-color: #ffd370;
    }
    .header-block.with-bg{
        border: 0px;
        box-shadow: none;
    }
    .header-block.with-bg .header-content{
        background-color: #232323;
    }
    span.kindness-stories{
        color: #ffd370 !important;
    }
    .header-story{
        background-color: #232323;
        color: #fff;
        box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
    }
    .header-story:before,
    .header-story:after{
        border: 1px solid #fff;
    }
    .container-row > div:not(.slick-list),
    .container-row > a,
    .container-row .slick-track > a{
        background-color: #232323;
        color: #fff;
        border: 0px;
        box-shadow: none;
    }
    .mixed-first > a,
    .mixed-others > a{
        background-color: #232323;
        color: #fff;
    }
    .container-block > .container-row{
        background-color: transparent;
    }
    .section-block{
        background-color: #232323;
        border: 0px;
        box-shadow: none;
    }
    .feed-block .embed-block{
        border: 0px;
    }
    .overlay{
        background-color: rgba(0, 0, 0, 0.9);
    }
    .overlay-box{
        background-color: #232323;
        box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
    }
    .articleWrap{
        background-color: #232323;
        border: 0px;
        box-shadow: none;
    }
    .body-text-block table,
    .body-text-block th,
    .body-text-block td,
    .html-block table,
    .html-block th,
    .html-block td {
       border: 4px solid #5A5A5A;
    }
    .articleWrap .body-text-block h1,
    .html-block h1{
        color: #fff;
    }
    .articleWrap .body-text-block blockquote:before,
    .html-block blockquote:before{
        color: #ffd370;
    }
    .body-text-block pre,
    .html-block pre{
        background-color: #1A1A1A;
    }
    .body-text-block hr,
    .html-block hr{
        border-top: 2px solid #5A5A5A;
    }
    .body-text-block .highlight,
    .html-block .highlight{
        background-color: rgba(255, 194, 92, 0.4);
    }
    .container-row a span.text-title{
        background: linear-gradient(#ffd370,#ffd370) no-repeat left 155%/0 40%;
    }
    .text-image,
    .body-text-block .text-image{
        background-color: #232323;
    }
    .one-event .event-image{
        background-color: #000;
    }
    .one-event .event-date{
        color: #fff;
        background-color: #5A5A5A;
        box-shadow: 0.2em 0 0 #5A5A5A, -0.2em 0 0 #5A5A5A;
    }
    .one-event:hover .event-date{
        color: #1A1A1A;
        background-color: #ffd370;
        box-shadow: 0.2em 0 0 #ffd370, -0.2em 0 0 #ffd370;
    }
    .html-block a{
        border-bottom: 3px solid rgba(255, 194, 92, 0.8);
        color: #fff;
    }
    .html-block a:hover{
        border-bottom: 4px solid rgb(255, 194, 92);
        color: #ffd370;
    }
    .html-block .ae-twitter-link{
        background-color: rgba(29, 161, 242, 0.3);
        color: #fff;
    }
    .carousel-block .gallery-title{
        background-color: rgba(20, 18, 17, 0.9);
        color: #fff;
    }
    .carousel-block .gallery-title a{
        color: #fff;
    }
    .articleWrap .header-content{
        border-bottom: 4px solid #5A5A5A;
    }
    .article-block .block-table{
        background-color: #1A1A1A;
    }
    .article-block .block-provider{
        border: 2px solid #5A5A5A;
        color: #fff;
    }
    .article-block .block-provider:hover{
        background-color: #ffd370;
        color: #1A1A1A;
        border-color: #ffd370;
    }
    .article-block .block-provider a span{
        color: #fff;
    }
    .article-block .block-provider:hover a span{
        color: #1A1A1A;
    }
    .article-block .button-block a{
        background-color: #ffd370;
        color: #fff;
    }
    .article-block .button-block a:hover{
        box-shadow: 0px 5px 5px rgba(0,0,0,0.4);
    }
    .file-type label{
        color: #262627;
    }
    .file-type div{
        background-image: url('../../images/site/file-icons.png');
    }
    .file-pdf label{
        color: #eb141e;
    }
    .file-doc label{
        color: #33a7fc;
    }
    .file-ppt label{
        color: #ef5b30;
    }
    .file-xls label{
        color: #40b34f;
    }
    .file-zip label{
        color: #999;
    }
    .file-song label{
        color: #ff509e;
    }
    .file-video label{
        color: #e33030;
    }
    .file-ai label{
        color: #fdb746;
    }
    .file-sketch label{
        color: #ff721c;
    }
    .file-psd label{
        color: #273161;
    }
    .file-code label{
        color: #7f6046;
    }
    .file-css label{
        color: #e7b600;
    }
    .file-download{
        border: 1px solid #e5e5e5;
        color: #262627;
    }
    .link-menu{
        border: 2px solid #5A5A5A;
        background-color: #1A1A1A;
        color: #fff;
    }
    .link-menu:hover{
        background-color: #ffd370;
        color: #1A1A1A;
        border-color: #ffd370;
    }
    .link-search{
        background-image: url('../../images/app/main-icons.png');
    }
    .searchWrap{
        background-color: #1A1A1A;
        border: 2px solid #5A5A5A;
    }
    .searchWrap .triangle{
        border-bottom: 15px solid #5A5A5A;
        border-bottom-color: #5A5A5A;
    }
    .searchWrap input{
        color: #fff;
        background-color: #232323;
        border: 1px solid #232323;
    }
    .searchWrap .search-tip{
        color: #ccc;
    }
    .search-results .search-header{
        color: #fff;
        border: 2px solid #5A5A5A;
    }
    .search-results .one-search-result .result-title{
        color: #fff;
    }
    .search-results .one-search-result:hover .result-title{
        color: #ffd370;
    }
    .nav-btns a{
        color: #fff;
    }
    .nav-btns a:hover,
    .page-institute.page-home .link-home,
    .page-newsroom .link-newsroom,
    .page-about .link-about,
    .page-people .link-people{
        color: #ffd370;
    }
    .link-m-newsroom{
        background-image: url('../../images/app/main-icons.png');
    }
    .footer-social a{
        background-image: url('../../images/site/social-icons.png');
    }
    .menu-overlay{
        background-color: #232323;
        border-left: 1px solid #232323;
    }
    .menu-level a{
        color: #fff;
    }
    .menu-level a:hover,
    .menu-level a.active{
        color: #ffd370;
    }
    .menu-level span.new{
        background-color: #ffd370;
        color: #1A1A1A;
    }
    .feed-btn{
        background-color: #ffd370;
        background-image: url('../images/app/main-icons.png');
    }
    .sidebar-box{
        background-color: #1A1A1A;
    }
    .sidebar-box .sidebar-header{
        background-color: #ffd370;
    }
    .sidebar-box h2.message{
        color: #1A1A1A;
    }
    .one-feed{
        background-color: #232323;
        color: #fff;
        box-shadow: none;
    }
    .one-feed .feed-label{
        background-color: #5A5A5A;
        border: 1px solid #5A5A5A;
    }
    .one-feed:hover .text-title{
        color: #ffd370;
    }
    .theme-a{
        background-image: linear-gradient(0deg, #F6D810 0%, #FBB2BC 100%) !important;
        color: #1A1A1A !important;
    }
    .theme-a .block-btn{
        background-color: #c9b007;
        color: #1A1A1A;
        border-color: #c9b007;
    }
    .theme-b{
        background-image: linear-gradient(-180deg, #CEB9F4 0%, #A082E5 100%) !important;
        color: #1A1A1A !important;
    }
    .theme-b .block-btn{
        background-color: #9a6ee8;
        color: #1A1A1A;
        border-color: #9a6ee8;
    }
    .theme-c{
        background-image: linear-gradient(-180deg, #6FDCF7 0%, #63A1FE 100%) !important;
        color: #1A1A1A !important;
    }
    .theme-c .block-btn{
        background-color: #4dd3f5;
        color: #1A1A1A;
        border-color: #4dd3f5;
    }
    .theme-d{
        background-image: linear-gradient(19deg, #FDD1CE 0%, #ECE8F9 100%) !important;
        color: #1A1A1A !important;
    }
    .theme-d .block-btn{
        background-color: #f97e75;
        color: #1A1A1A;
        border-color: #f97e75;
    }
    .theme-e{
        background-image: linear-gradient(-180deg, #6AD48E 0%, #C36FF7 100%) !important;
        color: #1A1A1A !important;
    }
    .theme-e .block-btn{
        background-color: #b44df5;
        color: #1A1A1A;
        border-color: #b44df5;
    }
    .theme-f{
        background-image: linear-gradient(-132deg, #F4D03F 0%, #16A085 100%) !important;
        color: #1A1A1A !important;
    }
    .theme-f .block-btn{
        background-color: #139077;
        color: #1A1A1A;
        border-color: #139077;
    }
    .theme-g{
        background-image: linear-gradient(90deg, #FF9A8B 0%, #FF6A88 55%, #FF99AC 100%) !important;
        color: #1A1A1A !important;
    }
    .theme-g .block-btn{
        background-color: #ff553c;
        color: #1A1A1A;
        border-color: #ff553c;
    }
    .theme-h{
        background-image: linear-gradient(0deg, #FFDEE8 0%, #B4FFFC 100%) !important;
        color: #1A1A1A !important;
    }
    .theme-h .block-btn{
        background-color: #ffaec6;
        color: #1A1A1A;
        border-color: #ffaec6;
    }
    .footer-embed input{
        background-color: #232323;
        color: #fff;
        border: 1px solid #5A5A5A;
    }
    .footer-embed .btn-footer{
        background-color: #ffd370;
        color: #232323;
    }
    .footer-message{
        color: #ffd370;
    }
    @media (min-width: 300px) and (max-width: 659px){
        .header-block.with-bg .header-content{
            background-color: transparent;
        }
    }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){
        .logo-main{
            background-image: url('../../images/site/logo@2x.png');
        }
        .footer-social a{
            background-image: url('../../images/site/social-icons@2x.png');
        }
        .link-search,
        .link-m-newsroom,
        .feed-btn{
            background-image: url('../../images/app/main-icons@2x.png');
        }
    }
}