/* - ploneCustom.css - */
@media all {
/****** Main layout ******/
/* restore tap highlight changed by bootstrap.min.css */
html {
    -webkit-tap-highlight-color: rgba(0,0,0,0.4) !important;
    font-size: 16px !important; /*undo bootstrap 10px*/
}

body {
    font-size: 16px !important; /*undo bootstrap 10px*/

}

body.userrole-member div#portal-personaltools-wrapper,
body.userrole-member div#edit-bar{
    display: none;
}

/*unhide for managers*/
body.userrole-manager div#portal-personaltools-wrapper,
body.userrole-manager div#edit-bar{
    display: revert;
}

div#visual-portal-wrapper {
    /*setting Mozilla Firefox element alignment to center*/
    margin-left: auto;
    margin-right: auto;
}

#portal-top {
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 25px;
    padding-right: 25px;
}

div[id^="portal-top-row2"] {
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 25px;
    padding-right: 25px;
}

table#portal-columns {
    max-width: 1300px;
    padding-left: 25px;
    padding-right: 25px;
}

table#portal-columns-v2 {
    max-width: 1300px;
    padding-left: 25px;
    padding-right: 25px;
}

#portal-columns-v2.container.redefine {
    display: block;
}

div#visual-portal-wrapper.en {
    font-family: NewsGothic, Arial, FreeSans, sans-serif !important;
}   

div#visual-portal-wrapper.zh {
    font-family: NewsGothic, "Microsoft YaHei", 微软雅黑, STHeiti, 华文黑体, Arial, FreeSans, sans-serif;
}

div#visual-portal-wrapper.en h1, h2, h3, h4, h5, h6 {
    font-family: NewsGothic, Arial, FreeSans, sans-serif !important;
}

a {
    color: #3f3b3b; /*reset bootstrap*/
}

/*restrict content width on certain pages*/
body[class*='subsection-Introduction'] div#content,
body[class*='subsection-Staff'].template-document_view div#content,
body[class*='subsection-Case-Studies'].template-document_view div#content,
body[class*='subsection-Grant'].template-document_view div#content,
body[class*='section-Programs'][class*='subsection-'].template-document_view div#content,
body[class*='subsection-Jobs'].template-document_view div#content,
body[class*='subsection-report'].template-document_view div#content,
body[class*='subsection-FAQ'] div#content
{
    max-width: 790px;
    margin-left: auto;
    margin-right: auto;
}

body[class*='section-Programs'] div#category.documentByLine {
    max-width: 790px;
    margin-left: auto;
    margin-right: auto;
}

/* align staff inner page to left*/
body[class*='subsection-Staff'].template-document_view div#content
{
    max-width: 790px;
    margin-left: 0px;
    margin-right: auto;
}
    
#content {
    font-size: 0.875em; /* reset plone default font size to 14px*/
    color: #3f3b3b;
    margin-top: 0;
}

#content p {
    margin-bottom: 1.25em;
    line-height: 1.75em;
}
#content h3 {
    font-size: 20px;
    margin-top: initial; /*reset boostrap style*/
}

#content .row {
    margin-right: auto;
    margin-left: auto;
    max-width: 100%;
}

#edit-bar {
    font-size: 95%;
}

#portal-columns {
    margin-left: auto;
    margin-right: auto;
}

#portal-columns.zh p {
   text-indent:2em;
}

#portal-columns.zh p.no-indent {
   text-indent:0em;
}

#portal-columns.zh p.newsitem-desc {
   text-indent:0em;
}

#portal-column-one {
    vertical-align: top;
    width: 25%;
}

#portal-column-two {
	vertical-align: top;
    width: 25%;
}

#portal-column-content{
	width: 50%;
	vertical-align: top;
	padding: 0em 2.5em;
}
/*
:not(body[class*='section-Front-Page']) div#content {
    border-top: #008ec2 2px solid;
}
*/

.more {
    float: right;
}

/*reset bootstrap link underline*/
a:focus, a:hover {
    text-decoration: none;
}

#portal-languageselector .currentLanguage {
display: none;
}

#portal-searchbox {
    vertical-align: bottom;
    margin: 0;
    display: inline-block;
    float: none;
    /*position: absolute;
    right: 6em;
    bottom: 0;*/
    width: 12%;
    font-size: initial;
}

#portal-searchbox .searchButton {
    vertical-align: bottom;
    background: url(/modaji/images/search_submit.png) no-repeat;
    border: none;
    width: 22px;
    height: 22px;
}

#LSResult {
    z-index: 2;
    margin-top: 0em; 
}

/* fixed white border on the live search result box */
#LSShadow fieldset {
    position: relative;
    top: .75em;
    margin: 1em 0 .75em 0;;
}

.main-title-en {
/*
    font-family: NewsGothicBT-BoldCondensed, BernardMT-Condensed, Arial, FreeSans, sans-serif;
*/
    font-family: NewsGothicBT-Roman, Arial, FreeSans, sans-serif;
    font-size: 2em;
    position: relative;
    font-weight: bold;
    color: #5b5758;
    letter-spacing: -1px;
    padding-left: 35px;
    top: 10px;
}

.main-title-cn {
    font-family: STHeiti, 华文黑体, "Microsoft YaHei", 微软雅黑, Arial, FreeSans, sans-serif;
    font-size: 2.5em;
    position: relative;
    font-weight: bold;
    color: #5b5758;
    top: 10px;
    padding-left: 35px;
}


#portal-top p.hiddenStructure {
    display: none;
}


#portal-searchbox input.searchField {
	border: 1px solid #ccc;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	outline: 0;
	-webkit-appearance: none;
    max-width: 100%;
    padding-left: 0.5em; /* make search site text shift right a little*/
}

#visual-portal-wrapper.zh #portal-searchbox input.searchField {
        right: 5em;
}
#visual-portal-wrapper.zh #portal-searchbox input.searchButton {
        right: 2em;
}
#portal-searchbox input.searchField:focus {
	border-color: #339933;
}

/*-- main navigation menu styles start --*/
/*make nav menu slot 58% if total width, measured design pic to get this number*/
/*1250-262.5(logo)-262.5(right elements=725px, exactly 58%*/
.portal-header-r {
    display: inline-block;
    vertical-align: bottom;
    width: 58%;
}

#nav-en, #nav-zh {
    height: 20px; /*limit child element vertical position*/
    text-align: center; /* center ul in parent div*/
}
/*make nav ul center in parent div and only take certain percent of width*/
#portal-header #nav-ul-zh,
#portal-header #nav-ul-en {
    display: inline-block; /*so that menu list can have a width, and be centered in parent*/
    margin-bottom: 0; /*override bootstrap ul margin*/
    font-size: 89%; /*smaller font for cop29 */
    letter-spacing: -1px;
}
/*first level menu item style, almost the same for both lang*/
#portal-header #nav-en>ul>li {
    float: left; /*must float left for 2nd level menu to align to edge of their parents*/
    font-size: 1.3em;
    font-weight: bold;
    padding-right: 1.2em;
    line-height: 1em; /* reset bootstrap line-height for proper alignment*/    
    letter-spacing: -1px;
    font-family: 'NewsGothic';
}
#portal-header #nav-zh>ul>li {
    float: left; /*must float left for 2nd level menu to align to edge of their parents*/
    font-size:1.5em;
    font-weight: bold;
    padding-right: 1.5em;
    line-height: 1em; /* reset bootstrap line-height for proper alignment*/
}
/*no right padding for last li, menu line starts with text (no left padding) should end with text */
#portal-header #nav-en>ul>li:last-child,
#portal-header #nav-zh>ul>li:last-child{
    padding-right:0;
}

#portal-header #nav-en>ul>li#menu_taskforces,
#portal-header #nav-zh>ul>li#menu_taskforces,
div#mobilemenu ul>li#menu_taskforces {
/*hide 14fyp menu*/
    display: none;
}

#portal-header #nav-en>ul>li#menu_14fyp,
#portal-header #nav-zh>ul>li#menu_14fyp,
div#mobilemenu ul>li#menu_14fyp {
/*hide 14fyp menu*/
    display: none;
}

#portal-header #nav-en>ul>li#menu_ip,
#portal-header #nav-zh>ul>li#menu_ip,
div#mobilemenu ul>li#menu_14fyp {
/*hide international project menu - 20250509*/
    display: none;
}

#portal-header #nav-en>ul>li#menu_news>#nav_news>li#subitem-3,
#portal-header #nav-zh>ul>li#menu_news>#nav_news>li#subitem-3,
div#mobilemenu ul#nav-ul-en li#menu_news>#nav_news>li#subitem-3,
div#mobilemenu ul#nav-ul-zh li#menu_news>#nav_news>li#subitem-3 {
/*hide en,zh blog menu*/
    display: none;
}

#portal-header #nav-zh>ul>li#menu_cop29 a{
    font-style: italic;
    font-size: 1.2em;
    text-shadow: 0.1em 0.1em 0.2em rgb(212 235 237), 0.1em 0.2em 0.3em rgb(212 235 237), 0.1em 0.2em 0.3em rgb(212 235 237);
    color: #75ad0a;;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
#portal-header #nav-zh>ul>li#menu_cop29 a:hover {
    font-style: italic;
    color: rgb(121 0 13);
    text-shadow:0px 0px 30px #fdec6e;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

#portal-header #nav-zh>ul>li#menu_cop28 a{
    font-style: italic;
    font-size: 1.2em;
    text-shadow: 0.1em 0.1em 0.2em rgb(212 235 237), 0.1em 0.2em 0.3em rgb(212 235 237), 0.1em 0.2em 0.3em rgb(212 235 237);
    color: #75ad0a;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
#portal-header #nav-zh>ul>li#menu_cop28 a:hover {
    font-style: italic;
    color: rgb(121 0 13);
    text-shadow:0px 0px 30px #fdec6e;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

/*second level menus (not subitems) common style for both lang*/
#portal-header .nav>ul>li>ul {
    position:absolute; /*absolute or submenu jumps when hovering*/
    background:url(images-ieco/nav_angle.png) 18px 0px no-repeat; /*hover arrow*/
    padding-top:8px !important; /*padding needed to show hover arrow*/
    overflow:hidden; 
    display:none;
    min-width: 6em;
    text-align: left;
}
/*second level menus (not subitems) style for Chinese*/
#nav-zh>ul>li>ul { 
    min-width: 6em; /*default width is too narrow*/
}
/*overrides for second level menu subitems */
/*set en 2nd level menu width*/
/* Programs 2nd level menu, make wide to avoid line wrap, adjusted for Arial*/
/*
#nav-en>ul>li>ul#nav_programs { 
    width: 12em; 
}
*/
#nav-en>ul>li>ul#nav_reports { 
    width: 7em; /* Reports 2nd level menu*/
}
#nav-en>ul>li>ul#nav_news { 
    width: 9em; /* News 2nd level menu*/
}
#nav-en>ul>li>ul#nav_aboutus { 
    width: 8em; /* About Us 2nd level menu*/
}


/* style common to both languages use .nav selector */
#portal-header .nav>ul>li>ul>li { 
    font-size:14px; 
    background-color:#8a0015; 
    padding: 0.5em 1em;
    border-bottom:1px solid #700010;
    display: block; /* so that item fills the entire row */
    font-family: 'NewsGothic';
}


#portal-header #nav-ul-en>li#menu_news>ul>li#subitem-4 {
    display: none; /* hide English newsletter by request from CMY 2024/1/8 */
}

#portal-header .nav ul li a {
    color: #3f3b3b; /*modaji color*/
}

li#menu_25th a:hover {
    font-style: italic;
    color: rgb(201,28,37) !important;
    text-shadow:0px 0px 30px #fdec6e;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

li#menu_25th a {
    font-style: italic;
    font-size: 1.2em;
    text-shadow: 0.1em 0.1em 0.2em rgb(212 235 237), 0.1em 0.2em 0.3em rgb(212 235 237), 0.1em 0.2em 0.3em rgb(212 235 237);
    color: rgb(0,107,135) !important;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

/*set 2nd level submenu item text color, only effective on a tag which directly contains text*/
#portal-header .nav ul li ul li a, #portal-header .nav ul li ul li a:hover { 
    color:#fff !important; /*added by rwc*/
}

/*-- hide menu items
#nav-ul-en #nav_news #subitem-4 {display:none}
--*/
#nav-ul-en #nav_news #subitem-5 {display:none}


/*-- main navigation menu styles end --*/

/* define portlet background styles*/
dl.portlet {
    /* rounded corner for portlets */
    border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
}

dl.portlet dd ul li {
    padding: 12px 1em 10px 1em;  /* make top padding larget to compensate for bottom space caused by line height*/
    border-bottom: 2px solid white;
    margin-bottom: 0em;
}

dl.portlet dd ul li.active {
    background-color: #cee0e5;
}
dl.portlet dd ul li.active::before {
    font-family: FontAwesome;
    content: "\f0da";
    padding-right: 0.5em;
    float: left;
}
dl.portlet dd ul li.inactive::before {
    font-family: FontAwesome;
    content: "\f0da"; /*add invisible arrow to make inactive items left aligned the same as active*/
    padding-right: 0.5em;
    visibility: hidden;
    float: left;
}

/*
dl.portlet dd ul li.hastfcontent::before {
    font-family: FontAwesome;
    content: "\f0da";
    padding-right: 0.5em;
    float: left;
}
dl.portlet dd ul li.notfcontent::before {
    font-family: FontAwesome;
    content: "\f0da";
    padding-right: 0.5em;
    visibility: hidden;
    float: left;
}
*/

/*this style coupled with floated left arrow makes 2nd line of bended sector text align with the first line*/
dl.portlet dd ul li a.sector-item {
    display: table-cell;
}

dt.portletHeader a {
    float: left;
}

dd.portletItem {
    clear: both;
}

/* apply clearfix to portlet header*/
dt.portletHeader::after,
dt.portletSearchHeader::after {
    display: block;
    content: "";
    clear: both;
}

#portal-column-content #content {
    margin-top: 0em;
}

#content a:link,
#content a:visited
{
    color:#3f3b3b;
    border-bottom: none;
}

#content a:hover {
  color:#1F6C86;
}

#content a h3:hover {
  color:#1F6C86;
}

dl.portlet a:link,
dl.portlet a:link,
dl.portlet a:visited {
    color: #3f3b3b;
    border-bottom: none;
}

dl.portlet ul li span {
  color: #3f3b3b;
}


dl.portlet dd.portletItem,
dl.portlet dd.portletFooter,
dl.portletError dd {
    padding: 0em;
	background: #efeff0;
}

.portletFPLeft dd.portletItem {
    padding: 0em 0em 1em 0em !important;
}

.portletFPLeft .portletItem p {
    text-indent: 0em !important;
}

.portletFPLeft div.autoFlowPlayer a img {
    width: 290px;
    height: 155px;
}

body[class*='section-Front-Page']  .autoFlowPlayer {
    display: inline;
}

body[class*='section-Programs'] #content h4,
body[class*='section-Taskforces'] #content h4 { 
    border-bottom: 2px solid #008EC2;
    margin-top: 2em;
}

body[class*='section-Newest-Activitie'] #portal-column-content div#content-core{
    width: 810px;
}

/* adjust width for map portlet */
body[class*='section-17th'] #portal-column-content,
body[class*='section-15th'] #portal-column-content{
    width: 66%;
}
body[class*='section-17th'] #portal-column-two,
body[class*='section-15th'] #portal-column-two {
    width: 33%;
}

#title-slot {
    background-color: #226c87;
    margin-top: 15px;
}

#title-slot h1.documentFirstHeading {
    /* margin auto sets the element as centered*/
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px; /*make lower element padding easier to calculate*/
    color: #fff;
    max-width: 1300px;
    text-transform: uppercase;
    display: block;
    padding-left: 25px;
    padding-right: 25px;
    font-size: 1.625em; /*26px*/
    padding-top:1em;
    padding-bottom:1em;
}

#portal-breadcrumbs { /* make content block below breadcrumb align with right portlet content*/
    margin-bottom: 16px;
    margin-top: 17px;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#portal-breadcrumbs,
#portal-breadcrumbs a {
    padding: 0;
    margin-left: 0;
    font-size: 14px;
    color: #009ccc
}
#portal-breadcrumbs .breadcrumbSeparator {
    color: #009ccc
}
#portal-breadcrumbs span#breadcrumbs-current span {
    color: initial;
}

#content h1.documentFirstHeading {
    color: #3f3b3b;
    font-size: 24px;
}

body[class*='section-Taskforces'] #content h1.documentFirstHeading,
body[class*='section-Programs'] #content h1.documentFirstHeading {
    display: none;
}

body[class*='section-About-Us'] #content h1.documentFirstHeading {
    display: none;
}

body[class*='subsection-25th-Anniv'] #content h1.documentFirstHeading {
    display: block;
    text-align: center;
}

body[class*='section-News'] #content h1.documentFirstHeading,
body[class*='section-Blog'] #content h1.documentFirstHeading,
body[class*='section-20th'] #content h1.documentFirstHeading {
    text-align: center;
}

body.subsection-EF-China-News-en-COP28-Agenda-en #content h1.documentFirstHeading {
    text-align: left;
}
#portal-footer-content {
    max-width: 1250px;
    margin-left: auto;
    margin-right: auto;
}

#portal-footer a:link,
#portal-footer a:visited {
color: #fff;
}

#footer-address span.dotted:before {
    content:"● ";
}

#footer-nav-zh, #footer-nav-en {
    text-align: center;
    color: #fff;
    font-size: 20px;
    margin: 2em 0;
}

/* footer social media icons */
#social-media-container {
    margin-top: 1em;
    text-align: center;
}
#social-media-container :not(:last-child) {
    margin-right: 50px;
}

#footer-address {
    padding: 2em 0px 0px;
    margin: auto;  /*this centers address within parent block*/
    text-align: center;
}

#footer-address span.footer-address-heading {
    font-size: 18px;
    display: block;
}

#footer-address p {
    margin-bottom: 2em; /*space between China and US address blocks*/
}

#footer-icp-reg p {
    text-align: center;
}

#portal-footer {
    background: #1f6c86;
    color: #fff;
    font-size: 14px;
    position: relative; /*so that back to top link can position relative to this parent */
    margin-bottom: 0; /*eliminate white space at bottom of page */
}

#portal-colophon {
    margin-bottom: 0; /*eliminate white space at bottom of page */
}

.portletHeader,
.portletSearchHeader {
    padding: 0;
    border: none;
    font-size: 20px;
    font-weight: bold;
}

dl.portlet dt {
    padding: 1em .75em;
    background: none;
    line-height: 1.5em;
    min-height: 73px;
}

dl.portlet p, dl.portlet {
    line-height: 1.5em;
}

#portal-languageselector {
    background: none;
    display: inline-block;
    float: none;
    vertical-align: bottom;
    padding: 0;
    font-size: 1.25em;
    position: absolute;
    bottom: 0;
    top: auto;
    margin-bottom: 0px; /* override bootstrap style*/
    line-height: 20px; /*to make child align correctly vertically*/
}

ul#portal-languageselector li a {
    color: #3f3b3b;
}


#portal-languageselector .language-zh {
    font-family: "Microsoft YaHei", 微软雅黑, STHeiti, 华文黑体, NewsGothicBT-Roman, Arial, FreeSans, sans-serif;
}

#portal-personaltools-wrapper {
    z-index: 1;
    position: absolute;
    right: 0;
    top: 0;
}


/*项目列表页 Project Landing page start*/
.project_list{ width:100%; overflow:hidden; margin:3px 0 27px 0;}
#content .project_list ul {
    margin-left: 0em;
}
.project_list ul li {
    list-style: none;
}
.project_list ul li:nth-child(odd) {
    clear: left; /*make sure odd children start on new line, without being stuck by li on previous line*/
    padding-left: 0;
}
.project_list ul li:nth-child(even) {
    padding-right: 0;
}
.project_list li .project_list_img{ width:100%; margin-bottom:0.5em;}
.project_list li p {
    text-indent: 0em !important;
}
.banner-container {
    margin-bottom: 1em;
}
.banner-container img {
    width: 100%;
    float: none;
}

.section-banner-container img {
    width: 100%;
    float: none;
    margin-bottom: 1em;
}

/*项目列表页 end*/

.overlay_text {
    position: relative;
}

.overlay_text p {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    width: 640px;
    height: 2em;
    line-height: 2em;
    background: url(../images-ieco/gray_bg_50.png) repeat;
    color: #fff;
    font-size: 2em;
}

.subsection-Dialogue-Partners-en .dp-member {
    border-bottom: 1px solid #d7d7d7;
    min-height: 190px;
    margin-bottom: 0;
    float: left;
    width: 30%;
    padding: 0 1% 0 2%;
}

.subsection-Dialogue-Partners-zh .dp-member {
    border-bottom: 1px solid #d7d7d7;
    min-height: 120px;
    margin-bottom: 0;
    float: left;
    width: 30%;
    padding: 0 1% 0 2%;
}

.dp-member h4 {
    color: #1e6d86;
    padding-bottom: 5px;
    margin-top: 15px;
} 

#portal-columns.zh .dp-member p {
    text-indent: 0em;
}

.subsection-Senior-Policy-Advisory-Council-zh .pac-member {
    border-bottom: 1px solid #d7d7d7;
    min-height: 160px;
    margin-bottom: 0;
    float: left;
    width: 30%;
    padding: 0 1% 0 2%;
}

.subsection-Senior-Policy-Advisory-Council-en .pac-member {
    border-bottom: 1px solid #d7d7d7;
    min-height: 180px;
    margin-bottom: 0;
    float: left;
    width: 30%;
    padding: 0 1% 0 2%;
}

.pac-member h4 {
    color: #1e6d86;
    padding-bottom: 5px;
    margin-top: 15px;
} 

#pac-china-members {
    clear: both;
}

#pac-china-members p,
#pac-foreign-members p {
    text-indent: 0em !important;
}

#pac-foreign-members {
    clear: both;
    padding-top: 2em;
}

#content h3.staff-title {
    font-size: 24px;
    padding-top: 20px;
    padding-bottom: 45px;
}

#board-member {
    border-bottom: 1px solid #d7d7d7;
    min-height: 15em;
    margin-bottom: 1em;
    float: left;
    width: 33%;
    /*padding: 1% 1% 0 2%;*/
}

#board-member-container {
    max-width: 200px;
}

div#board-member-img {
    padding-left: 0;
}
#board-member-desc {
    padding-left:0;
    padding-right:0;
}
#board-member-desc h2 {
    margin-top:0;
}
div#board-member-img img {
    max-width: 275px;
    width: 100%;
}

#content h3.board-member-name {
    font-weight: bold;
    margin-top: 0.5em;
}

#board-member-list-img img {
    /*width: 75%;*/
    max-width: 200px
}

#board-member:nth-child(3n+1) {
    clear: left;
}
/* no indent for board member */
.subsection-Board-of-Directors-zh #content-core p {
    text-indent: 0em;
} 

#board-member h4#board-member-name {
    color: #1e6d86;
    padding-bottom: 5px;
    margin-top: 15px;
}


#fp-eng-content dt,
#fp-chs-content dt {
    font-weight: normal;
    margin-bottom: 2em;
}

div#publication_list,
div#publication_list .col-sm-4.newsroom-newsImageContainer,
div#video_list .col-sm-6.newsroom-videoContainer {
    padding-left: 0;
}

div#video_list,
div#video_list .col-sm-6.newsroom-videoTitle,
div#publication_list .col-sm-8.newsroom-newsImageTitle {
    padding-right: 0;
}

.content_block {
    margin-bottom: 1em;
}
.content_block_title {
    border-bottom: 1.25px solid #008EC2;
    height: 40px;
    font-size: 1.25em;
    margin-bottom: 1em;
}

.listing_entry {
    padding-bottom: 20px;
    padding-top: 20px;
    border-bottom: #efeff0 1px solid;
}

.listing_entry .col-sm-2 { 
    padding-left: 0px; /*reset listing page first col left padding*/
    margin-bottom: 1em; /*make sure date field has enough margin when stacked*/
}
.listing_entry .col-sm-10 {
    padding-right: 0px;/*reset listing page second col right padding*/
}
/*
body[class*='subsection-Jobs'] div#content .listing_entry {
    margin-bottom:1em;
}
*/
body[class*='subsection-Publications'] div#content .listing_entry {
    min-height: 15em;
}

.news_source {
    color: #009ccc;
    display: inline-block;
    float: right;
    line-height: 1.5em;
    padding-top: 0.5em;
    padding-left: 2em;
}

body[class*='section-News'] #video_list video,
body.section-Videos #video_list video {
    border: 1px grey solid;
}

body.section-Videos #video_list div:nth-child(4n+1) {
    clear: left;
}

body.section-Videos #video_list>div {
    margin-bottom:2em;
    min-height:10em;
}

body.section-Videos #video_list .listing_entry {
    min-height: 13em;
}

/*news letter listing page style*/
body[class*='subsection-Newsletters'] #publication_list .listing_entry {
    min-height: 22em;
}
#publication_list div.listing_entry:nth-child(odd) {
    clear: left;
}

body[class*='section-News'] #publication_list div.listing_entry img {
    width: initial;  /*News listing page, smaller image to line up with videos*/
}

body[class*='subsection-Newsletters'] #publication_list div.listing_entry {
    border-bottom: none;
}
body[class*='subsection-Newsletters'] #publication_list div.listing_entry img {
    border: grey 1px solid;
    width: 100%;
    height: auto;
    max-width: 200px;
}

body[class*='section-News'] #publication_list div.listing_entry,
body[class*='section-News'] #video_list div.listing_entry {
    min-height: 250px;  /*make news listing page video and newsletter have equal height, making them seemed to be in one row */
}

#video_list .video_entry_title h3 { 
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 25px;
    max-height: 125px;
    min-height: 125px;
    font-size: initial;
}

#publication_list .pagination {
    clear: left;
    float: left;
}

.case_title.col-md-9 {
    padding-left: 0;
}

.workshop_title.col-md-9 {
    padding-left: 0;
}

body[class*='section-Reports'].template-document_view #more-related-items {
    border-top: 1.5px solid #008EC2;
    margin-top: 3em;
}

body[class*='section-Reports'].template-document_view h1.documentFirstHeading {
    display:none;
}

body[class*='section-Reports'] .report_entry {
    clear: both;
}

#report_title h1 {
    line-height: 1.2em;
    margin-top: 0;
    font-size: 20px;
}

#more-related-items h3 {
    margin-top: 0.5em;
}

/*hide plone builtin related items*/
body[class*='section-Reports'] #content>div.relatedItems,
body[class*='section-14FYP'] #content>div.relatedItems {
    display: none;
}

/* this style is shared by frontpage and report section*/
.report_cover_title {
    top: 74%;
    padding: 0em 25px 0em 12px;
    position: absolute;
    display: block;
    word-break: break-all;
    hyphens: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 156px;
    color: white;
    text-shadow: #dacece 0px 2px 3px;
    line-height: 1em;
    font-size: 12px;
    max-height: 20%;
    font-family: NewsGothXCnBT;
}

body.section-Reports-zh .report_cover_title {
    font-size: 10px;
}

div#report_entry {
    margin-bottom: 1em;
    padding-bottom: 1em;
    border-bottom: #efeff0 1px solid;
}

div#report_desc_container>span {
    float: left;
}

#report_picture {
    padding-left: 0
}
body[class*='section-Reports'].template-document_view #report_page_contents {
    margin-bottom: 1em;
}

.report_download_box {
    margin-left: 1em; /*prevent connecting with left floated report title*/
}
.size_label { /* used by grant application page*/
    padding-left: 1em;
    min-width: 90px;
    text-align: right;
}

.related_report_entry>a::before {
    font-family: FontAwesome;
    content: "\f0da";
    padding-right: 0.5em;
    float: left;
}

.related_report_entry .related_report_title {
    float: left;
}
.related_report_entry .related_report_size {
    text-align: right;
    min-width: 90px;
}
/*this makes download button and size label wrap together*/
.related_report_download {
    display: inline;
    float: right;
    margin-left: 1em; /*prevent "connecting with left element*/
}
.related_report_entry { /* prevent next entry floating into empty space of previous line*/
    clear: both;
}

.related_report_subentry {
    margin-left: 2em;
    clear: left;
}

.coming_soon {
    font-style: italic;
}
.title_wh {
float: left;
display: inline;
}

.portletReports .title_wh {
float: none;
margin-bottom: 1em;
}

.portletReports .portletItem {
    padding-left: 0em !important;
    clear: both;
}

.portletReports dt {
    font-weight: normal;
}

/* two columns of key works for portlet report search */
div.dropdown-multicol{
  width: 30em;
}
div.dropdown-multicol>optgroup.dropdown-col{
  display:inline-block;
  width: 32%;
}


#fp-eng-content .title_h3,
#fp-chs-content .title_h3 {
    float:left
}

h3.title_h3 {
    color: #3f3b3b;
    font-weight: bold;
    float: left;
    line-height: 34px;
    margin-top: 0; /*reset bootstrap h3 top margin*/
    font-size: 24px;
}

/*adjusted for the alignment of image caption in news items*/
#content div.newsImageContainer p.discreet {
    width: 100%;
    max-width: 400px;
    padding: 0.5em 0em;
    top: -30px;
}

/*image caption in news items, added padding*/
#content div.newsImageContainer p.discreet span {
    padding: 0em 1em;
    display: block;
}

dt#fp-newsitem-0 {
    /*min-height: 200px;*/
    clear: both;
    margin-bottom: 0em; /*margin is set by fp-newsitem-1 top padding since this block has variable height*/
}


#fp-newsitem-0 img {
    padding: 0.5em 1em 0px 0px;
}

#fp-newsitem-0 .fp-newsImageContainer {
    text-align: center;
}

#fp-newsitem-0 p.newsitem-desc {
    padding-top: 0.25em;
}

#fp-newsitem-2 {
    clear:left;
    min-height: 14.5em;
}

.fp-other-news23 .col-xs-4 {
    width: 35%;
}

.fp-other-news23 .col-xs-8{
    width: 65%;
}

.show-block {
    display: block;
}

.hide {
    display: none;
}

#nav-button-container {
    margin: auto; /* center container itself */
    text-align: center; /* center button image */
    display: none;
}

#nav-button-container,   
#nav-button-container img {
    max-width:100px;
}

div.newsImageContainer-left {
    float: left;
    margin: 0 1em 0.5em 0em;
    width: 400px;
}
div.newsImageContainer-left img {
    width: 100%
}
#relatedItemBox table { 
    border-spacing: 4px;
    border-collapse: separate;
}


.subsection-EF-China-News-en div#content-core .newsImageContainer {
    display: none;
}

.subsection-EF-China-News-zh div#content-core .newsImageContainer,
.subsection-EF-China-News-zh #parent-fieldname-text h1 {
    display: none;
}

/* fix -15 margin caused by bootstrap.min.css */
#relatedItemBox table tr.row { 
    margin: 0em;
}

/* fix related items tds appear on one line when possible */
#portal-columns-v2.container.redefine #relatedItemBox table tr td { 
    display: inline;
}

/* make English Font Size bigger */
#portal-columns.en dl.portlet {
    font-size: 85%;
}

#portal-columns.en #content {
    font-size: 85%;
}

/* more specific rule overrides global rule to indent p in body text*/
.section-Front-Page-zh #portal-columns.zh p {
    text-indent: 0em;
}

.listingBar a:link, .listingBar a:visited {
    border-bottom: 0.1em solid #ccc !important; /*override a bottom border removed by portlet style*/
}

#category a.link-category,
#search-results a.link-category {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    font-family: NewsGothCnBT;   
}

#category a.link-category.tag-sector,
#search-results a.link-category.tag-sector {
    background-color: #009ccc;
    color: white;
    display: inline-block;
    margin-bottom: 2px;
}

#search-results a.link-category {
    background-color: #ddd;
    padding: 2px;
}

#search-results a.link-category.tag-sector {
    padding: 2px;
}

a.link-category::before {
    font-family: FontAwesome;
    content: "\f02b";
    padding-right: 2px;
}

/* remove title slot from search page*/
.template-search #title-slot {
    display: none;
}

/* fix report inner page attachment list dd alignment */
#content-core dd {
    margin-left: 0;
}

/* temporary font override */
span.en {
    font-family: NewsGothicMT, NewsGothicBT-Roman, Arial, FreeSans, sans-serif !important;
}

/* overlay text on frontpage navigation pictures */
.slide-info {
    position: absolute;
    bottom: 0px;
    width: 100%;
    background-color:rgba(0, 0, 0, 0.15);
}

.slide-info .slide-desc {
    color: #fff;
    font-size: 16px;
    text-shadow: 2px 2px 1px #626262;
    text-transform: uppercase;
    margin-left: 25px;
    min-height: 60px;
    padding-top: 1em;
}

.slide-info .slide-desc span {
    /*display: block;*/
}


.listingBar {
    clear: both;
    padding-top: 1em;
    display: block; /*make pagination bar show on new line*/
}

/*reset default external link style*/
#content span.link-external a {
    background: none;
    padding: 1px 0px 1px 1px;;
}

/* add FA external icon*/
span.link-external::before {
    content: "\f08e";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    padding-right: 0.5em;
}
/*hide FA external icon in Jobs Section*/
body[class*='subsection-Jobs'] span.link-external::before {
    display: none;
}

body[class*='section-Front'] div#plone-document-byline {
	display: none;
}

/* put documentbyline on a separate line*/
body[class*='template-folder_listing'] .documentByLine {
    display: inline-block;
}

/* style for attachment download table file name cell */
.width_600px {
	width: 600px;
}


/* set front page left column images to fit partent width, otherwise initial size is used.*/
img.AboutUsImg {
	width: 100%;
	height: auto;
}

img.LastestActivityImg {
	width: 100%;
	height: auto;
}

img.FPVideoImg {
	width: 100%;
	height: auto;
}

#hidden_radios {
	display: none;
}

#gmap_canvas {
	height: 400px;
	width: 355px;
}

#map_canvas {
	height: 400px;
	width: 355px;
}

#iCenter {
	height: 244px;
}

#registration-open input {
	align-items: flex-start;
	text-align: center;
	font-size: 2em;
	width: 200px;
	height: 50px;
	border: 2px outset buttonface;
	border-radius: 5px;
}

/*set second level bullet to circle*/
#content ul ul, ol ul {
    list-style-type: circle;
}


body.section-Videos #portal-columns-v2.container.redefine img { 
    width: initial;
    min-width: initial;
}



/* make video splash screen auto-adjust with screen size */
    #content-core .autoFlowPlayer {
        height: 100% !important;
        width: 100% !important;
        max-width: 1140px;
    }

    #content-core .autoFlowPlayer>a>img {
        height: 100% !important;;
        width: 100% !important;
        max-width: 1140px;
    }

/* reset plone icon size */
#portal-columns-v2.container.redefine #relatedItemBox img { 
    width: initial;
    min-width: initial;
}

td#portal-column-content-v2.col-md-12 {
	padding-left: 0;
	padding-right: 0;
}

td#portal-column-two-v2.col-md-3,
td#portal-column-content-v2.col-md-9 {
    padding-left: 0px; /*remove bootstrap padding for proper alignment on the left*/
}

#footer-address span {
    display: inline-block;
}

#footer-icp-reg span {
    display: inline-block;
}

#footer-icp-reg a {
    display: inline !important;
}

#portal-logo {
	clear: right;
    text-align: center;
    margin-bottom: 0;
}

#portal-logo img {
    max-width: 277px;
}
#portal-logo span {
    padding-left: 0;
}

#portal-header dl#portal-personaltools {
    margin-bottoms: 0px !important;
}
/* clear right of portal-logo... - end */


#back_to_top_of_page {
    position: absolute;
    right: 1.5em;
    bottom: 0.5em;
}

/*Back To Top Link from https://codyhouse.co/gem/back-to-top/ */
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}



/* reset file icon size in folder in various views, they werer enlarged by mobile redefine.css */
body.template-folder_listing div#content-core span.summary img,
body.template-folder_contents div#content-core table#listing-table img,
body.template-atct_edit div#content div#archetypes-fieldname-file img,
body.template-file_view div.documentEditable div#content-core img,
body.template-atct_edit div#content div.plone_jscalendar img,
body.template-atct_edit div#content div#archetypes-fieldname-image img {    
    width: initial;
    min-width: initial;
}
/*
body.portaltype-plone-site #visual-portal-wrapper #portal-column-content-v2 img {
    width: initial;
    min-width: initial;
}
*/
#content-core #plone-image-details span.discreet img {
    width: initial;
    min-width: initial;
}

/*wechat icon and QR tile CSS */
div#jiathis_weixin_share {
    display:none;
}


div#jiathis_modal_body>p>img {
    max-width: 220px;
    width: 100%;
    height: auto;
}

/*wechat icon button positioning*/
div#wechat_icon {
    margin: 0.75em 0.5em 0em 0em;
    text-align: center;
}

img.LastestActivityImgLong {
    width: 100%;
}
img.FPVideoImgLong {
    width: 100%;
}

dl.portletAboutUs p.job-1-en {
    top: -60px;
    position: relative;
    font-weight: 600;
    font-size: 1.1em;
    text-transform: uppercase;
    padding: 0em 0.5em;
    margin-top: -70px;
}

dl.portletAboutUs p.job-1-zh {
    top: -65px;
    position: relative;
    font-weight: 500;
    font-size: 1.25em;
    text-transform: uppercase;
    padding: 0em 0.5em;
    margin-top: -70px;
}

dl.portletAboutUs p.job-more-en {
    top: -30px;
    position: relative;
    font-size: .75em;
    padding: 0.5em 0.75em;
    margin-top: -50px;
}

dl.portletAboutUs p.job-more-zh {
    top: -30px;
    position: relative;
    font-size: .75em;
    padding: 0em 1em;
    margin-top: -50px;
}

dl.portletAboutUs p.job-joinus-en {
    color: white;
    text-align: right;
    padding-right: 0.5em;
    font-size: 2em;
    margin-top: -20px;
    top: 30px;
    position: relative;
    font-weight: bolder;
}

dl.portletAboutUs p.job-joinus-en a {
    color: white;
}

dl.portletAboutUs p.job-joinus-zh {
    color: white;
    text-align: right;
    padding-right: 0.5em;
    font-size: 2em;
    margin-top: -20px;
    top: 30px;
    position: relative;
    font-weight: bolder;
}

dl.portletAboutUs p.job-joinus-zh a {
    color: white;
}

dl.portletAboutUs p.job-1-en a,
dl.portletAboutUs p.job-1-zh a {
    color: black !important;
    letter-spacing: -1px;
}
dl.portletAboutUs p.job-more-en a,
dl.portletAboutUs p.job-more-zh a {
    color: black !important;
}

dl.portletReportsSearch select,
dl.portletCaseStudySearch select,
dl.portletWorkshopSearch select {
    width: 100%;
}

/* should be 2nd child, why is 4th effective*/
dl.portletReportsSearch .portletItem:nth-child(4),
dl.portletWorkshopSearch .portletItem:nth-child(4),
dl.portletCaseStudySearch .portletItem:nth-child(4)
 {
    padding: 2em;
}

dl.portlet20thAnnivStoriesSearch .portletItem:nth-child(4),
dl.portlet14FYPProgramupdate .portletItem,
dl.portlet14FYPReport .portletItem {
    padding: 2em !important;
}


.relatedItems {
    margin-top: 2em; 
}

#report_attributes_download .relatedItems {
    margin-top: 0em; 
}

.body_img_container {
    text-align: center;
    padding: 1em 0;
}
.body_img_container img {
     margin-bottom: 0.5em;
}
.body_img_container div {
    display: inline-block;
    max-width: 40%;
}
div.body_img_container span {
    font-size: small;
}

.strategy-link a {
    text-align: right;
    float: right;
    color: #009ccc !important;;
    font-weight: bold;
}

.photoAlbumEntryWrapper {
    width: auto;
}

.photoAlbumEntry {
    height: auto;
    width: 300px;
    background-image: none;
}

.photoAlbumEntry:nth-child(4n+1) {
    clear: left;
}

.photoAlbumEntry a {
    height: auto;
    width: auto;
}

.photoAlbumEntryTitle {
    width: auto;
    text-align: left;
}

/*-- new definition 20230927 */

div.imgBlock {clear: both; float: left;}

div.imgBlock div.imgContainer:nth-child(odd) {
    clear: left;
}

div.imgContainer {
    text-align: center;
    margin-left:auto;
    margin-right:auto;
    max-width: 65%;
}

div.imgContainer p {
    text-align: center;
    line-height: 1.25em !important;
}

div.imgContainer span {
    font-size: smaller;
}

/* only adjust btn size for the advanced search page*/
form.searchPage .btn.btn-primary {
    padding: 8px 12px;
    vertical-align: bottom;
}    
 
 /* fix plone control panel table display */   
.portaltype-plone-site #portal-columns-v2 div#content-core tbody {
        float: initial;
        display: table-row-group;
}
.portaltype-plone-site #portal-columns-v2 div#content-core tr {
        float: initial;
        display: table-row;
}
.portaltype-plone-site #portal-columns-v2 div#content-core td {
        float: initial;
        display: table-cell;
}

/*advanced search page*/
.item_count_text {
    padding-left: 15px;
    line-height: 34px;
}
.item_count {
    color: #0097ce;
}

p.tf_description {
  overflow: hidden;
  position: relative; 
  line-height: 1.75em;
  max-height: 5.25em; 
  text-align: left;  
  margin-right: -1em;
  padding-right: 1em;
}

/* auto ... for text morethan 3 lines tall.
p.tf_description:before {
    content: '...';
    position: absolute;
    right: 0.7em;
    bottom: 0;
    width: 1.3em;
    background-color: white;
}
*/
/* hide ... if we have text, which is less than or equal to max lines */
/*
p.tf_description:after {
  content: '';
  position: absolute;
  right: 0;
  width: 1em;
  height: 1em;
  margin-top: 0.2em;
  background: white;
}
*/

.funder_logo {
    min-height: 100px;
    display: flex;
    /*justify-content: space-evenly; center logo*/
    align-items: center;
    padding-bottom: 0.5em;
}
.funder_name {
    display: flex;
    align-items: center;
}

.funder_tile {
    min-height: 235px;
    margin-bottom: 3em;
}

.subsection-New_Funders-index_html span.link-external::before {display: none}

a.link-internal::after {
    font-family: FontAwesome;
    content: " \f14c";
    color: #009ccc;
} 

#content-core .caption {
    max-width: 553px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

#content-core .video_block {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#content-core .video_block video {
    display: inline-block;
}

.picture_wall {
    text-align: center;
}
.picture_wall img {
    width: 31%;
}
/*define my own base classes*/

.no-padding {
    padding: 0;
}

.padding-sm {
    padding: 2px;
}

.text-center {
    text-align: center;    
}

.text-left {
    text-align: left;    
}

.text-right {
    text-align: right;    
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}

.img-full-wid {
    width: 100%;
}

.img-blog-lead {
    width: 100%;
}
.margin-bt-1 {
    margin-bottom: 1em;
}
.margin-bt-2 {
    margin-bottom: 2em;
}
.margin-tp-1 {
    margin-top: 1em;
}
.margin-tp-2 {
    margin-top: 2em;
}

.item_time {
    margin-bottom: 1em;
}

.center {
    margin-left: auto;
    margin-right: auto;
}

div#content-core img {
    max-width: 100%
}

#min_768 {
        display: none;
}
#min_993 {
        display: none;
}
#min_1200 {
        display: none;
}

/* special css for individual pages */
.subsection-EF-China-News-zh-news-efchina-2021211-zh div#content h1.documentFirstHeading {
    font-size:23px;
}

/* ---keep all @media all statements with in above paragraph--- */

/* ---keep all screen size specific statements with in below paragraph--- */
/* moved to plonecustom_mobile.css

/* extra open parenthesis to complement plone added @media all {} stanza */
{
}