/* English site additions for reachingkayo.com/en/
   Scoped so the Chinese site keeps its original look. */

/* --- desktop: the inner-page header sits on white, so the white logo needs to go dark --- */
body.en-inner .header .header-logo img{filter:invert(1) brightness(.12);}
body.en-inner .header.scrolled .header-logo img{filter:none;}

/* --- mobile / tablet header (the template switches to .header2 below 1200px) --- */
@media only screen and (max-width:1200px){
  .header2 .logo img{filter:invert(1) brightness(.12);}
  .header2 .nav-btn .line{background:#151515 !important;}
  .header2 .language .cur e{color:#151515;}
  .header2 .language .cur e::before{background:url("/jincancms/images/icon_language.png") no-repeat center !important;background-size:22px 22px !important;}
}

/* --- mobile hero: a dedicated in-flow block, because the template headline does not wrap in English --- */
.en-mobile-hero{display:none;}
@media only screen and (max-width:769px){
  .banner .swiper{display:none !important;}
  .banner .en-mobile-hero{display:flex;position:relative;width:100%;min-height:330px;padding:44px 22px;
    box-sizing:border-box;flex-direction:column;align-items:center;justify-content:center;text-align:center;
    background:linear-gradient(180deg,rgba(6,20,45,.58),rgba(6,20,45,.36)),url("/Uploads/flash/6a2a1af24dfd7.webp") center/cover no-repeat;}
  .banner .en-mobile-hero h1{font-size:23px;line-height:1.35;color:#fff;margin:0 0 10px;font-weight:700;letter-spacing:0;}
  .banner .en-mobile-hero p{font-size:13px;line-height:1.6;color:#fff;margin:0 0 16px;font-weight:400;}
  .banner .en-mobile-hero .btn{font-size:13px;padding:9px 20px;border:1px solid #fff;color:#fff;background:transparent;}
}

/* --- long English labels in narrow sidebars --- */
.product-nav .menu-item a.title{white-space:normal;}