/* 
append_style_addon.css 
govhk: fix issue on FS.
14:29 2020-03-17 use #fcf3ea as background 
9:33 2020-03-24 for second or more h1 resize a little bit small
10:05 2020-03-24 align bottom margin for each box
11:51 2020-03-24 validator
12:54 2020-03-27 finder
17:01 2020-03-27 change some fonts to 32px for user requirement
17:14 2020-03-27 align one for en font
17:40 2020-03-31 guidebook green button
18:41 2020-04-01 set bottomOption margin top
10:11 2020-04-22 reduce h1 margin-top as user request
08:53 2021-05-25 show outline for web accessibility
10:23 2021-07-22 fix first h1 to 40px (not 32px)
11:44 2021-08-25 change h1 "feature article" of guidebook font-size 30px, and resize relevant sub-title
*/

/* ====== core (all) ====== */
body.innerPage .guidebook--bar {
    display: block;
    padding:0;
    border-bottom: 3px solid #e86e1d;
    margin: 0px 0px 20px 0px;
    color: #951717; }




/* 16:59 2020-02-28 fix breadcrumb mark underline in guidebook */
body.innerPage .contentWrapper .navigator a {
    text-decoration: none;
}

/* 14:26 2020-03-17 use #fcf3ea as background - (3 new templates (search,comparision,scenario use this color))
	another color selection: #fbebda use by finder, step-or-leasing, expand 
*/
body.innerPage main.lightOrangeBarkground {
  background-color: #fcf3ea; }
  

/*	9:33 2020-03-24 for second or more h1 resize a little bit small (2.5em vs 2em) (40 vs 32px) */
/* 10:03 2020-03-24 align comparisonContainer bottom is 46px */
/* body.innerPage h1:nth-child(n+2) { */
/* body.innerPage h1:nth-of-type(2) { */
body.innerPage h1.title {
	font-size:30px;
	/* font-size:2em;  10:38 2021-08-25 old */
	margin-top:0;
}

/* 11:42 2021-08-25 for second or more h1, have margin-top:30px */
body.innerPage h1.title:nth-of-type(2) {	
	/* 10:11 2020-04-22 reduce h1 margin-top as user request
	margin-top:46px; */
	margin-top:30px; 
	
}


/* ====== expand ====== */
/*	19:11 2020-03-23 for guidebook_content_expand, wrap h2 to button for web accessibility */
.dropDowntrigger button {  
	background-color: transparent;
	border:0;
	padding-left:0;
	/* outline: none; 08:53 2021-05-25 show outline for web accessibility */
}

/* 18:41 2020-04-01 in case content have not enough bottom margin */
.bottomOption {
    margin-top: 30px;
}



/* 12:15 2020-03-31 for all list content disc fix here */
body.innerPage .finderContent .findertagContentItem ul.findertagItemList li.ussActionButtonParentList:before {
    top: 26px;
}

body.innerPage .main2.comparisonIndex .comparisonTable.comparisonTable ul li.ussActionButtonParentList:before,
body.innerPage .main2.searchIndex .searchContent__item .itemContent ul li.ussActionButtonParentList:before,
body.innerPage .main2.searchIndex .searchContent__item .itemContent ul li.ussActionButtonParentList:before,
body.innerPage .main2.differentScenarioIndex .scenarioContents ul li.ussActionButtonParentList:before {
    top: 16px;
}

/* 17:08 2020-03-31 clearfix for appslink (avoid content continue after Green Button) */
/* https://css-tricks.com/all-about-floats/ */
body.innerPage.guidebookContentPage .blockDetailHolder p.ussActionButtonParentP:after {
   content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 	
   clear:both;
}



/* ====== scenario ====== */
/* 16:54 2020-03-27 user requirement: all change to 80% of h1 (40px) = 32px */
/* 10:39 2021-08-25 change to 80% of h1 (30px) = 24px */
body.innerPage .main2.differentScenarioIndex .scenarioContents .contentHeader,
:lang(zh-hk) body.innerPage .main2.differentScenarioIndex .scenarioContents .contentHeader, 
:lang(zh-cn) body.innerPage .main2.differentScenarioIndex .scenarioContents .contentHeader {
	/* font-size: 32px; */
	font-size: 24px; 
}
:lang(zh-hk) body.innerPage .main2.differentScenarioIndex .scenarioContents .contentHeader, 
:lang(zh-cn) body.innerPage .main2.differentScenarioIndex .scenarioContents .contentHeader {
	font-weight:normal;
}
	  

/* 11:05 2020-03-24
 add for style_addon_scenario.css line 170 
 from button-h2 to h2-button (for validator) */
body.innerPage .main2.differentScenarioIndex .scenarioTags h2 .scenarioTags__item  {
  font-size: 15px; }

/* 11:19 2020-03-24 wrap h2 make tags all break newline, add inline to make it one line again */
body.innerPage .main2.differentScenarioIndex .scenarioTags h2  {
  display:inline; }  

/* 11:49 2020-03-24 set the select (option) to white to align FS design */  
body.innerPage .main2.differentScenarioIndex .scenarioMobileSelect_holder select {
	background:#FFFFFF;
}	

/* ====== step ====== */
	
/* 9:07 2020-03-27 change from inline-block to block for h2 */
/* 16:54 2020-03-27 user requirement: change to 80% of h1 (40px) = 32px */
/* 10:39 2021-08-25 change to 80% of h1 (30px) = 24px */
.govStepBlk__smalltitle {
	display:block;
	/* font-size: 32px; */
	font-size: 24px; 
}	
/* 17:10 2020-03-27 align font family with other h1-h2 */
:lang(en) h2.govStepBlk__smalltitle {
	font-family: "Montserrat", Arial, sans-serif;
}

/*
:not(.govStepBlks) ul.govStepBlk__list li { 
	color:#353535;
}
*/

/* ====== finder ====== */
/* 12:47 2020-03-27  fix finder tag add h2 */
/* 10:39 2021-08-25 change to 80% of h1 (30px) = 24px */
.finderTag a.finderTagBtn h2 {
	/* font-size: 30px; */
	font-size: 24px; 
  font-weight:normal;
}

/* 12:47 2020-03-27  fix finder tag add h2 */
.finderTag a.finderTagBtn.selected h2 {
    font-weight:bold;
}