@charset "UTF-8";
/* 
homepage-gray.css 
2023-02-20 grayscale for homepage
*/


/* homepage */
main, footer {
  -moz-filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  filter: gray; 
  filter: grayscale(100%);
}
h1,h2,h3,input,span,aside {
  -moz-filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  filter: gray; 
  filter: grayscale(100%);
}
              
/* R4 version */
.subMenu, .menuItem, .topicLink, #innerLogo, .navigator, .navMobile, .searchBlock, .homeNav, .hmNewTopPanel__searchKit, .hmNewTopPanel__search, .ui-menu, #govhk_survey_pop, #chatbo_btn, .isd-promotion {
  -moz-filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  filter: gray; 
  filter: grayscale(100%);
}
                                    
.bwversion {
  -moz-filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  filter: gray; 
  filter: grayscale(100%);
}

/* IE */
.hmNewTopPanel__logo #headerLogo {
	background: transparent url(/images/emblem/GovHK_with_Emblem_PD_monotone.svg) no-repeat center center;
	background: rgba(255, 255, 255, 0) url(/images/emblem/GovHK_with_Emblem_PD_monotone.svg) no-repeat center center; 
}

.chatbot.v1_normal_tc::after {
    background: url(../applications/chatbot/images/bonny_v1_normal_tc_grey.png) no-repeat center center/100% auto;
}

.chatbot.v1_normal_en::after {
    background: url(../applications/chatbot/images/bonny_v1_normal_en_grey.png) no-repeat center center/100% auto;
}

.chatbot.v1_normal_sc::after {
    background: url(../applications/chatbot/images/bonny_v1_normal_sc_grey.png) no-repeat center center/100% auto;
}

.menuFixed header nav #innerLogo {
  background-image: url(https://www.gov.hk/images/logo_main_grey.svg); 
}

.hmNewTopList__itemInner, .pageBusiness .hmNewTopList__itemInner, .pageNonResidents .hmNewTopList__itemInner {
  background: #555555;
}

.hmNewCheckItOut, .webCast {
  background: #555555;
}                        
                        
#WebCastTitle {
	color: #ffffff;
}

.hmNewTopPanel__search .searchBtn {
    background: url(/images/home-enhancement/icon-search-bw.svg) no-repeat center center;
}

.hmNewAdvsearch a:after {
    background: url(/images/home-enhancement/icon-arrow-bw.svg) no-repeat center center;
}

.hmNewTopbar #toolBar .langOther:hover:after {
  border-top: 5px solid #555555; 
}                      
     
/* IE */
header nav .navMobile #navToggle .navToggleInner span, 
header nav .navMobile #navToggle .navToggleInner::before, 
header nav .navMobile #navToggle .navToggleInner::after {
    background: #d7d7d7; 
}

header nav.active .navMobile .navBtn.active#navToggle .navToggleInner span {
    background: #fffff;
    background-color: #fffff;
}
   
/* IE : search */
header nav .navMobile #navSearch {
    background: rgba(255, 255, 255, 0) url(../images/common_icons/grey/icon_search_grey.svg) no-repeat center center;
    background-size: 40% 40%; 
}

header nav > .menuTab .menuItem.menuSearchBtn a {
    display: block;
    width: 22px;
    height: 22px;
    background: #FFF url("../images/common_icons/grey/icon_search_grey.svg") no-repeat scroll center center;
    background-size: 100% 100%;
    margin-left: 25px;
    margin-bottom: -5px; 
}

header nav .subMenu .searchWrapper .subSearchBtn {
    box-sizing: border-box;
    float: left;
    min-width: 0;
    display: block;
    margin: 0;
    border: 0;
    width: 48px;
    height: 48px;
    border-bottom: 1px solid #cc4c02;
    padding: 6px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: white url(../images/common_icons/grey/icon_search_grey.svg) no-repeat center center;
    background-size: 45%;
    margin: 0;
    float: left;
    display: block;
    text-indent: -9999px; 
}

.searchBlock .searchHolder .searchBtn {
    box-sizing: border-box;
    float: left;
    min-width: 0;
    display: block;
    margin: 0;
    border: 0;
    width: 48px;
    height: 48px;
    border: 1px solid #cc4c02;
    border-left: 0;
    padding: 6px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: white url(../images/common_icons/grey/icon_search_grey.svg) no-repeat center center;
    background-size: 45%;
    margin: 0;
    float: left;
    display: block;
    text-indent: -9999px; 
}

.commonlyUsed .searchWrap .searchMainBtn {
    background-color: #FFF;
    background-image: url(../images/common_icons/grey/icon_search_grey.svg);
    background-size: 20px 20px;
    background-position: center center;
    background-repeat: no-repeat;
    width: 43px;
    height: 43px;
    margin-left: -5px;
    border-top: 1px solid #cc4c02;
    border-bottom: 1px solid #cc4c02;
    border-left: 0;
    border-right: 1px solid #cc4c02; 
}

body.innerPage .innerPageWrapper.searchPage .searchHolder .searchMainBtn {
    box-sizing: border-box;
    float: left;
    min-width: 0;
    display: block;
    margin: 0;
    border: 0;
    width: 48px;
    height: 48px;
    border: 1px solid #cc4c02;
    border-left: 0;
    padding: 6px;
    -webkit-appearance: none;
    -moz-appearance: none;
    /* background: #FFF url(../images/common_icons/orange/icon_search_orange.png) no-repeat center center; */
    background: white url(../images/common_icons/grey/icon_search_grey.svg) no-repeat center center;
    background-size: 45%;
    margin-right: 15px;
    float: left;
    display: block; 
}
/* IE : lang */
header nav .navMobile #navLang {
    background: transparent url(../images/common_icons/grey/icon_lang_grey.png) no-repeat center center;
    background: rgba(255, 255, 255, 0) url(../images/common_icons/grey/icon_lang_grey.svg) no-repeat center center;
    background-size: 40% 40%; 
}
/* IE : warning */
.iewarning {
  background: #d7d7d7;
  display: block;
  z-index: 2000;
  position: relative;
  padding: 15px 0;
}
.iewarningWrapper {
  display: block;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  width: 90%;
  clear: both;
}
.iewarningWrapper span {
  font-size: 0.93em;
  color: #000000;
}
/* IE : other */
.hmNewCards__btn-prev:hover, .hmNewCards__btn-prev:focus, .hmNewCards__btn-next:hover, .hmNewCards__btn-next:focus {
    background-color: rgba(50, 50, 50, 0.85); 
}
body:not(.mobile) .hmNewGuidebooks__btn:hover, body:not(.mobile) .hmNewMap__btn:hover, body:not(.mobile) .hmNewGuidebooks__btn:focus, body:not(.mobile) .hmNewMap__btn:focus {
      background: #353445;
    border-color: #353445; }
body:not(.mobile).pageBusiness .hmNewGuidebooks__btn:hover, body:not(.mobile).pageBusiness .hmNewMap__btn:hover, body:not(.mobile).pageBusiness .hmNewGuidebooks__btn:focus, body:not(.mobile).pageBusiness .hmNewMap__btn:focus {
      background: #353445;
    border-color: #353445; }
body:not(.mobile).pageNonResidents .hmNewGuidebooks__btn:hover, body:not(.mobile).pageNonResidents .hmNewMap__btn:hover, body:not(.mobile).pageNonResidents .hmNewGuidebooks__btn:focus, body:not(.mobile).pageNonResidents .hmNewMap__btn:focus {
      background: #353445;
    border-color: #353445; }
body:not(.mobile).pageBusiness .hmNewGuidebooks__btn:hover, body:not(.mobile).pageBusiness .hmNewMap__btn:hover, body:not(.mobile).pageBusiness .hmNewGuidebooks__btn:focus, body:not(.mobile).pageBusiness .hmNewMap__btn:focus {
      background: #353445;
    border-color: #353445; }
body:not(.mobile).pageNonResidents .hmNewGuidebooks__btn:hover, body:not(.mobile).pageNonResidents .hmNewMap__btn:hover, body:not(.mobile).pageNonResidents .hmNewGuidebooks__btn:focus, body:not(.mobile).pageNonResidents .hmNewMap__btn:focus {
      background: #353445;
    border-color: #353445; }
.ui-autocomplete.ui-menu {
  border-color: #000 !important; }
.hmNewTopPanel__search .searchBtn {
    background: url(../images/home-enhancement/icon-search-bw.svg) no-repeat center center;
    background-size: 60%;}
.hmNewLinkList__item:before,
.pageBusiness .hmNewLinkList__item:before,
.pageNonResidents .hmNewLinkList__item:before {
    background: #353445; }
header.hmNewHeader .searchBlock .searchHolder .searchBtn {
  background: url(../images/home-enhancement/icon-search-bw.svg) no-repeat center center;
  background-size: 60%;}