/*
Theme Name: LKSF
Description: LKSF Theme
Version: 1.2
Author: Anna Needham, Ian Atkins
Author URI: http://www.addedlovely.com
*/

/* Gallery Lightbox */
@import url("css/swipebox.css");

/* Fonts */
@import url("css/fontello.css"); /* Social Media Icons */

@font-face {
    font-family: 'Gravur-CondensedBold';
    src: url('fonts/Gravur-CondensedBold.eot');
    src: url('fonts/Gravur-CondensedBold.eot?#iefix') format('embedded-opentype'),
         url('fonts/Gravur-CondensedBold.woff') format('woff'),
         url('fonts/Gravur-CondensedBold.ttf') format('truetype'),
         url('fonts/Gravur-CondensedBold.svg#Gravur-CondensedBold') format('svg');
}


* {margin: 0; padding: 0;}
html {-webkit-text-size-adjust: none;}
body {color: #666666; font-family: 'Chronicle Display A', 'Chronicle Display B';  -webkit-font-smoothing: antialiased;}
#container {width: 940px; margin: 20px auto 0 auto; position: relative; clear: both; overflow: auto; padding: 0 20px;}

/* typography */
h1 {font-size: 50px; line-height: 50px; font-family: 'Gravur-CondensedBold'; text-transform: uppercase; font-weight: normal; color: #666666; text-align: center;}
h2 {font-size: 21px; line-height: 26px; margin-bottom: 10px; font-weight: normal; font-family: 'Chronicle Display A', 'Chronicle Display B'; }
h3 {font-size: 40px; line-height: normal; font-family: 'Gravur-CondensedBold'; text-transform: uppercase; font-weight: normal;}
h4 {font-size: 21px; line-height: 24px; margin-bottom: 6px; font-family: 'Chronicle Display A', 'Chronicle Display B';  font-weight: normal;}
h5 {font-size: 14px; line-height: 26px; color: #999999; text-transform: uppercase; font-family: 'Gravur-CondensedBold'; padding: 0px 0 10px 0; font-weight: normal;}
p {font-size: 16px; line-height: 22px; margin-bottom: 20px; font-family: 'Chronicle Display A', 'Chronicle Display B'; }
.underline:after {content: ''; width: 142px; height: 1px; background-color: #e5e2e1; display: block; margin: 20px auto 0 auto;}
.gravur {font-family: 'Gravur-CondensedBold'; text-transform: uppercase;}

/* h1 - bg imgs */
.page section h1.hasIcon, .page section h1.hasIcon {padding-top: 70px; margin-bottom: 38px; position: relative;}
h1.education-2 {background: url(images/general/education-2.png) no-repeat center 0;}
.hk h1.education-2 {background-image: url(images/general/education-2_hk.png);}
.zh h1.education-2 {background-image: url(images/general/education-2_zh.png);}
h1.healthcare-2 {background: url(images/general/healthcare-2.png) no-repeat center 0;}
.hk h1.healthcare-2 {background: url(images/general/healthcare-2_hk.png) no-repeat center 0;}
.zh h1.healthcare-2 {background: url(images/general/healthcare-2_zh.png) no-repeat center 0;}
h1.culture-religion-2 {background: url(images/general/culture-religion-2.png) no-repeat center 0;}
.hk h1.culture-religion-2 {background: url(images/general/culture-religion-2_hk.png);}
.zh h1.culture-religion-2 {background: url(images/general/culture-religion-2_zh.png);}
h1.technology {background: url(images/general/technology.png) no-repeat center 0;}
.hk h1.technology {background: url(images/general/technology_hk.png);}
.zh h1.technology {background: url(images/general/technology_zh.png);}
h1.community {background: url(images/general/community-2.png) no-repeat left 0;}
h1.community-2 {background: url(images/general/community-2.png) no-repeat center 0;}
.hk h1.community-2 {background: url(images/general/community-2_hk.png) no-repeat center 0;}
.zh h1.community-2 {background: url(images/general/community-2_zh.png) no-repeat center 0;}

/* Grey Icons */
.healthcare-2-grey {background: url(images/general/healthcare-2-icon.png) no-repeat center 0;}
.education-2-grey {background: url(images/general/education-2-icon.png) no-repeat center 0;}
.culture-religion-2-grey {background: url(images/general/culture-religion-2-icon.png) no-repeat center 0;}
.technology-grey {background: url(images/general/technology-icon.png) no-repeat center 0;}
.community-2-grey {background: url(images/general/community-2-icon.png) no-repeat center 0;}

/* Home Icons */
.homepage h1.initiative {background-image: url(images/home/icons.png);}
.homepage h1.education-2 {background-position: 0 0;}
.homepage h1.healthcare-2 {background-position: 0 -70px;}
.homepage h1.culture-religion-2 {background-position: 0 -140px;}
.homepage h1.technology {}
.homepage h1.community-2 {background-position: 0 -210px;}

/* buttons */
a.button, input.button {height: 33px; font-size: 16px; display: inline-block; padding: 0 20px; color: #74b572; border: 1px solid #74b572; text-transform: uppercase; line-height: 35px; background-color: #fff; font-family: 'Gravur-CondensedBold'; -webkit-border-radius: 6px; border-radius: 6px;
background-clip: padding-box; background-color: #fff;}
a.button:hover, input.button:hover {background-color: #74b572; color: #fff;}
.slideshow .buttons {width: 462px; height: 33px; margin: 0 auto; text-align: center; font-size: 0;}
.slideshow a.button {margin: 0 5px 0 5px; width: 105px; border: 1px solid #fff; color: #fff; display: inline-block; text-align: center; font-family: 'Gravur-CondensedBold'; background: none;}
.slideshow a.button.first {margin-left: 0;}
.three-column .button {position: relative; bottom: -28px;}
.has-button {padding-bottom: 10px;}

/* general */
a {text-decoration: none; color: #666666;}
a:hover, .active a, a.active, span.active {color: #74b572;}
img {display: block; border: 0; outline: none;}
li {list-style-type: none; font-size: 14px; line-height: 28px;}
.meta {font-family: 'Chronicle Display A', 'Chronicle Display B';  font-size: 14px; color: #999999;}
aside img {margin-bottom: 10px;}
p.caption {color: #999999; text-transform: uppercase; font-family: 'Gravur-CondensedBold'; font-size: 14px; line-height: 40px; margin-bottom: 0;}
p.image {margin-bottom: 40px;}
p.excerpt {font-size: 14px; line-height: 18px; margin-bottom: 0;}
strong {font-size: 18px; line-height: 26px; color: #4b4a4a; font-family: 'Chronicle Display A', 'Chronicle Display B'; font-weight:600;}
.three-column .clear {clear: both; overflow: auto;}
address {font-style: normal; margin-bottom: 20px;}
.last {margin-right: 0!important;}
.clear {clear: both; overflow: auto;}

/* blockquote */
.one-column blockquote {max-width: 650px; font-size: 40px; line-height: 42px; margin: 30px auto 30px auto; display: block;}
.one-column blockquote h2 {font-size: 40px; line-height: 42px; padding-bottom: 10px;}
.one-column cite {font-size: 20px; font-style: normal; display: none; padding-top: 20px; max-width: 500px; margin: 0 auto;}
.one-column blockquote p {max-width: 500px; margin: 0 auto 20px auto;}
#main blockquote {font-size: 26px; line-height: 26px; padding: 20px 0 20px 0;}
#main blockquote p {font-size: 26px; line-height: 26px;}

cite {font-size: 16px; margin-bottom: 20px; font-style: normal; display: block; margin-bottom: 20px; line-height: normal;}
blockquote.no-quote {background: none; padding-top: 0; margin-top: 0;}
.page blockquote.no-quote cite {font-size: 16px; padding-top: 0;}

/* header */
header {font-family: 'Gravur-CondensedBold';}
nav {position: absolute; right: 10px; top: 0px;}
nav a {color:#999; font-size: 12px; text-transform: uppercase; float: left; margin-right: 10px; line-height: 28px;}
nav a.active {color: #666666;}
nav li {display: inline; line-height: inherit;}
#logo {margin: 0 auto; display: block; width: 256px; height: 132px;}
.qtrans_language_chooser {float: left; margin-left: 16px;}

/* Header - Search */
header form {position: relative; float: left;}
header input {color: #666666; width: 140px; height: 26px; font-size: 13px; line-height: 20px; border: 1px solid #e5e2e1;}
header input.submit {border: none; background: url(images/news&views/search.png) no-repeat; display: block; cursor: pointer; width: 18px; height: 18px; z-index: 1000; position: absolute; top: 5px; right: 8px;}

/* Header - Fixed */
body.fixed {padding-top: 192px;}
.fixed header, .fixedSub header {overflow: hidden; height: 61px; position: fixed; width: 100%; left:0; top:0; background: #FFF; background: rgba(255,255,255,0.9); z-index: 1001;}
.fixed #logo, .fixedSub #logo {height: 32px; width: 27px; position: absolute; top:14px; left:50%; margin-left: -470px; overflow: hidden; background: url(images/logo-mini.png) no-repeat; background-size: 27px 32px;}
.fixed #logo img, .fixedSub #logo img {visibility: hidden;}
.fixed nav a, .fixedSub nav a {line-height: 60px;}
body.fixedSub {padding-top: 253px;}
.fixedSub header {height: 122px;}
.fixed header form, .fixedSub header form  {margin-top: 16px;}
.fixed header .search-input {opacity: 0; -webkit-transition: opacity 0.3s ease-out 0.1s;  transition: opacity 0.3s ease-out 0.1s; }
.fixed header form:hover .search-input {opacity:1;}
/* Hide search bar when header is fixed */
.fixed header .search-input, .fixedSub header .search-input{visibility: hidden;}
.fixed header input.submit, .fixedSub header input.submit{visibility: hidden;}

/* menu */
.menu {list-style-type: none; height: 60px; line-height: 60px; text-align: center; font-size: 0; border-bottom: 1px solid #e5e2e1; font-family: 'Gravur-CondensedBold';}
.menu li {font-size: 16px; line-height: 60px; display: inline-block; text-transform: uppercase; letter-spacing: 0.025em; font-family: 'Gravur-CondensedBold';}
.menu li a {font-family: 'Gravur-CondensedBold';}
.menu li:hover a, .menu li.active a {color: #74b572;}
.menu li span {margin: 0 20px 0 20px;}
.menu li:last-child span {display: none;}

/* heading */
#heading {text-align: center; border-bottom: 1px solid #e5e2e1;}
#heading h1 {max-width: 900px; margin: 0 auto;}
#heading h5 {line-height: 55px; padding: 10px 0 0 0;}
#heading .meta {padding-bottom: 10px; line-height: 55px;}
.page h1 {padding: 0px 0 20px 0;}
.page #heading {padding: 30px 0 30px 0;}
#heading p {font-size: 20px; line-height: 26px; width: 620px; margin: 0 auto;}

/* aside */
aside.graphic {position: absolute; bottom: 50px; right: 0; width: 300px;}
aside.graphic img {width: 100%; height: auto; margin-bottom: 0;}
.geographic {text-align: center;}

/* author aside */
#author {width: 300px; font-size: 14px; text-transform: uppercase; color: #666666;    font-family: 'Gravur-CondensedBold'; line-height: 18px;}
#author span {font-size: 18px; display: block; margin: 10px 0 10px 0;}

/* sidebar */
#sidebar {width: 199px; display: block; float: left; padding-left: 20px; margin-top: 30px; overflow: hidden;}
#sidebar h5 {padding: 10px 0 10px 0;}
#sidebar h5.border {border-bottom: 1px solid #d3cfcc;}
#sidebar h5 a {color: #999999;}
#sidebar ul h5 {border-bottom: none; padding-bottom: 0;}
#sidebar ul {border-bottom: 1px solid #d3cfcc; padding: 0 0 10px 0; position: relative;}
#sidebar li {line-height: 20px; padding: 4px 0;}
#sidebar li:hover a {color: #74b572;}
#sidebar a.reset, aside a.more {font-size: 12px; float: right;    font-family: 'Gravur-CondensedBold'; color: #999999; text-transform: uppercase; position: absolute;}
#sidebar a.more {right:0; bottom: 10px;}
#sidebar a.reset {right: 0; top: 0; height: 47px; line-height: 47px;}
#sidebar #filter {position: relative;}

/* share buttons */
.share {width: 210px; height: 60px; line-height: 60px;  position: relative; color: #999999; text-transform: uppercase; font-family: 'Gravur-CondensedBold'; font-size: 14px;}
.share a.twitter {background: url(images/general/twitter-grey.png) no-repeat; right: 46px;}
.share a.facebook {background: url(images/general/facebook-grey.png) no-repeat; right: 0;}
a.twitter, a.facebook {width: 37px; height: 36px; position: absolute; top: 50%; margin-top: -18px; display: block; }
#green.share {width: 300px; background-color: #74b572; color: #fff; margin-bottom: 30px; text-indent: 20px; font-size: 17px;}
#green.share a.twitter {background: url(images/general/twitter.png) no-repeat; right: 63px;}
#green.share a.facebook {background: url(images/general/facebook.png) no-repeat; right: 20px;}
#share-article.share {position: absolute; right: 0; bottom: 30px;}

/* forms */
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {color: transparent;}
input, textarea {-webkit-border-radius: 6px; border-radius: 4px; background-clip: padding-box; text-indent: 10px; font-family: 'Chronicle Display A', 'Chronicle Display B';  outline: none; border: 1px solid #e5e2e1; -webkit-appearance: none;}
#sidebar form {width: 199px; height: 35px; display: block; position: relative; margin-bottom: 35px;}
#sidebar input {color: #666666; width: 197px; height: 33px; border: 0; font-size: 14px; line-height: 20px; border: 1px solid #e5e2e1;}
#sidebar input.submit {border: none; background: url(images/news&views/search.png) no-repeat;  display: block; cursor: pointer; width: 18px; height: 18px; z-index: 1000; position: absolute; top: 8px; right: 8px;}
#sidebar select {font-family: inherit; color: #666666; font-size: 14px; line-height: 18px; width: 199px; height: 30px;}

/* forms - gravity forms */
.gplaceholder .button {float: left;}
.gform_ajax_spinner {margin: 13px; float: left;}
.validation_message {position: relative; top: -16px; color: #b57272;}
.validation_error {color: #b57272; margin-bottom: 20px; display: none;}

/* Homepage slideshow */
.homepage {background-color: #aba095; border: 4px solid #aba095; clear: both; overflow: auto; position: relative; width: 932px; height: 360px;}
.homepage figure {width: 716px; height: 360px; display: block; background-color: #FFF; overflow: hidden; float: right;}
.homepage figure img {width: 100%; height: auto;}
.homepage .info {position: absolute; left:16px; top:16px; bottom: 16px; width: 180px;}
.homepage .button {border-color: #FFF; color: #FFF; margin-top: 10px; display: block; background-color: transparent; text-align: center;}
.homepage .buttons {position: absolute; bottom: 0; left:0; width: 180px;}
.homepage h1 {color: #FFF; padding-bottom: 14px; text-align: left;}
.homepage h1 { font-size: 16px; line-height: 20px; font-weight: bold; }
.homepage h1.initiative {font-size: 16px; padding:26px 0 14px 0;}
.homepage h1.initiative.community {display:none;}
.homepage p {font-size: 14px; line-height: 16px; color: #FFF;}

/* slideshow */
.slideshow {position: relative; font-family: 'Gravur-CondensedBold'; padding: 0 0 30px 0; border-bottom: 1px solid #e5e2e1; width: 940px; min-height:450px; margin-top: 30px;}
.slideshow h1 {z-index: 1000; color: #fff; padding-bottom: 30px; margin-bottom: 0;}
.slideshow h1.hasIcon {padding-top: 90px;}
.slideshow #info {position: absolute; width: 464px; height: 270px; top: 50%; left: 50%; margin-left: -232px; margin-top: -135px; text-align: center; z-index: 1000;}
.slideshow .bg {width: 100%; height: 450px; background-position: top left; background-repeat: no-repeat; position: absolute; top:0; left:0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
/* .slideshow.initiatives{display:none;} */

/* full - image */
.full-image.slideshow {border-bottom: none;}

/* three-column */
.three-column {text-align: center; overflow: visible;}
.three-column:after {clear: both; content: ''; display: block; visibility: hidden;}
.three-column article {width: 300px; display: block; margin: 0 20px 0px 0; padding-top: 0; text-align: left;}
.three-column article p {margin-bottom: 0;}
.three-column article a:hover h5 {color: #74b572;}
.three-column figure {margin-bottom: 15px;}
.three-column h2 {min-height: 80px;}
.zh .three-column h2, .hk .three-column h2 {min-height: 105px;}
.columns h2 {min-height: inherit !important;}

/* two-column */
.two-column {position: relative;}
.two-column img {float: left;}
.two-column:after {content: ''; position: absolute; width:1px; height: 437px; background-color: #e5e2e1; left: 50%; top: 50%; margin-top: -219px;}

/* one-column */
.page .one-column h1 {padding: 40px 0 50px 0;}
.one-column .button {margin-bottom: 20px;}
.one-column {text-align: center; }
.one-column img {margin: 0 auto;}

/* section */
section {clear: both; overflow: auto; padding: 30px 0 30px 0; border-bottom: 1px solid #e5e2e1; position: relative;}
section.last {border: none;}

/* article */
article {display: block; float: left; padding: 20px 0 20px 0;}
article a {display: block; position: relative;}
.timeline article a {display: inline-block;}

/* article - hover */
article a:hover {color: #74b572;}
figure {position: relative; -webkit-border-radius: 2px; border-radius: 2px; overflow: hidden;}
a:hover figure img {-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);}
a:hover figure:after {content:''; background-color: #74b572; position: absolute; left: 0; top: 0; z-index: 1000; opacity: 0.5; width:100%; height: 100%;}
figure.thumbnail {width: 300px; height: 167px; overflow: hidden; margin-bottom: 10px;}
figure.thumbnail img, figure.small-thumbnail img {width: 100%; height: auto;}
figure.small-thumbnail {width: 224px; height:124px; overflow: hidden; }

/* listing - template */
.listing .meta {margin-bottom: 10px;}
.listing h1 {padding: 40px 0 40px 0;}
.listing section {width: 700px; text-align: center; border: none; float: left; padding: 0 19px 0 0; margin: 30px 0 30px 0; border-right: 1px solid #d3cfcc; }
.listing #hero h2 {font-size: 30px; line-height: 34px;}
.listing #hero {border-bottom: 1px solid #d3cfcc; padding-bottom: 30px; text-align: center; width: 100%; padding-top: 0;}
.listing #hero h5 {line-height: 70px; padding-bottom: 0;}
.listing #hero figure {margin-bottom: 20px;}
.listing #hero img {width: 100%; height: auto;}
.listing #hero a:hover h5 {color: inherit;}
.listing section article:first-child {padding-top: 0;}
.listing article {text-align: left; border-bottom: 1px solid #d3cfcc; float: none; clear: both; overflow: auto;}
.listing article figure {margin-right: 20px; float: left;}
.listing article a {display: inline-block; /* float: left; */}
.listing article a p {color: #999999; margin-bottom: 10px; /* width:224px;word-wrap: break-word; font-size:13px; */ }
.listing article a:hover p {color: #74b572;}
.listing section article:last-child {border-bottom: none;}
.listing article.first {clear:both;}
.listing article .right {width: 456px; float: right; height: auto;}

/* Listing - News */
.read-more {float: none !important;}
.post-categories {display: block; clear: both;}
.post-categories li {list-style-type: none;}
.listing .news a {float: none;}
.listing .news .date {margin-bottom: 4px;}
.listing .news .post-categories a {float: none;}
.listing .news .excerpt {line-height: 22px;}
.listing .post-categories {margin-bottom: 10px;}
.listing article .medium-thumbnail {width: 700px; max-height: 394px; overflow: hidden; margin: 0 0 20px 0; float: none;}
.tags a {margin: 0 6px 6px 0; border: 1px solid #999999; padding: 0 6px; line-height: 24px; font-size: 12px; color: #999999; text-transform: uppercase; font-family: 'Gravur-CondensedBold'; -webkit-border-radius: 2px; border-radius: 2px;}


/* article - template */
.article .slideshow {border-bottom: 0; padding-bottom: 0;}
.article #main {position: relative;}
.article #main article { min-height: 350px;text-align: justify;}
.article #main p br {display: none;} /* removed forced line breaks from old content */
.article article a {display: inline-block;}
.article h2 {margin-bottom: 20px; font-size: 26px; line-height: 30px;}
.article h3 {margin-bottom: 30px; position: relative; }
.article h3:after {content: ''; position: absolute; width: 147px; height: 1px; background-color: #d3cfcc; display: block; bottom: 0; left: 0;}
.article article {width: 620px; padding: 0px 20px 0 0;}
.article aside {float: left;}
.article .two-thirds aside#sidebar {text-align: left;}
.article .two-thirds aside#sidebar h5 {padding-top: 0;}
.article #share-article.share {bottom: 10px;}

/* Videos */
.media {margin-bottom: 20px;}

/* Photo Gallery */
.gallery #heading h1 {padding: 0;}

/* #press-albums page */
#press-albums h2 {font-size: 18px; margin-bottom: 0;}
#press-albums article {width: 224px; height:230px; margin-right: 14px; border: 0; float: left; padding-top: 0; clear: none; overflow:hidden;}
#press-albums article figure, .press-album.article article figure  {margin-right: 0; margin-bottom: 10px;}

/* press-album page */
.gallery #gallery {width: 100%; padding-right: 0; border: 0;}
#gallery {clear: both; overflow: auto; border-bottom: 0;}
#gallery a {width: 300px; height: 166px; margin: 0 20px 20px 0; border: 0; padding: 0; display: block; float: left;}
#gallery-filter {width: 100%;; height: 70px; border-bottom: 1px solid #e5e2e1; position: relative;}
#gallery-filter a {line-height: 70px;  font-family: 'Gravur-CondensedBold';}
#gallery-filter p.back {color: #74b572;}
#gallery-filter select {outline: none; width: 180px; height: 35px; border: 1px solid #e5e2e1; position: absolute; right: 0; top: 50%; margin-top: -17px; font-family: inherit;}


/* #our-heroes section */
.five li {width: 168px; float: left; margin-right: 20px; line-height: normal;}
#our-heroes .columns img {margin-bottom: 10px;}

/* Press Icons */
aside.categories {clear: both; visibility: hidden; opacity: 0; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; margin-top: 10px;}
aside.categories a.first span {left: 0; margin-left: 0;}
aside.categories a.first span:after {left:18px;}
article:hover aside.categories {visibility: visible; opacity: 1;}

/* #related-press section */
#related-press, .article #related-articles {padding: 20px 0 20px 0;}
#related-press span,  aside.categories span {border: 1px solid  #d3cfcc; font-size: 14px; display: block; -webkit-border-radius: 4px; border-radius: 4px; background-clip: padding-box; padding: 6px; display: inline-block; position: absolute; top: -40px; left: 50%; margin-left: -57px; z-index: 1000; display: none; background-color: #fff; color: #666666; width: 100px; text-align: center;}
.icon#press-release span {left: 0; margin-left: 0;}
#related-press span:after, aside.categories span:after {content:''; position: absolute; bottom: -5px; left: 50%; margin-left: -4px; background-image: url(images/news&views/speech-arrow.png); background-repeat: no-repeat; width: 7px; height: 5px;}
#related-press #press-release span:after {left:18px}
#related-press a:hover span, aside.categories a:hover span {display: block;}
#related-press h5, #related-articles h5, aside#case-studies h5 {padding-top: 0;}

.icon {display: block; width: 37px; height: 36px; float: left; margin-right: 10px; position: relative; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out;}
.icon#press-release {background: url(images/news&views/press-release.png) no-repeat; }
.icon#press-release:hover {background: url(images/news&views/press-release-active.png) no-repeat; }
.icon#photos {background: url(images/news&views/photos.png) no-repeat; }
.icon#photos:hover {background: url(images/news&views/photos-active.png) no-repeat; }
.icon#media-reports {background: url(images/news&views/media-reports.png) no-repeat; }
.icon#media-reports:hover {background: url(images/news&views/media-reports-active.png) no-repeat; }
.icon#video {background: url(images/news&views/video.png) no-repeat; }
.icon#video:hover {background: url(images/news&views/video-active.png) no-repeat; }
.icon#interviews {background: url(images/news&views/interviews.png) no-repeat; }
.icon#interviews:hover {background: url(images/news&views/interviews-active.png) no-repeat; }
.icon#partners {background: url(images/news&views/partners.png) no-repeat; }
.icon#partners:hover {background: url(images/news&views/partners-active.png) no-repeat; }
.icon#coverage {background: url(images/news&views/coverage.png) no-repeat; }
.icon#coverage:hover {background: url(images/news&views/coverage-active.png) no-repeat; }

/* timeline - page */
.timeline #container {width: 1128px;}
#timeline {background: #FFFFFF;box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.07);border-radius: 12px;display: block;clear: both; overflow: auto; padding: 50px 145px; border: none; margin-bottom: 26px;}
.timeline article {height: auto; position: relative; padding:  0 0 50px 130px; min-height: 200px; float: none;}
.timeline article img {position: relative; top: -15px; height: 192px; border-radius: 20px;}
.timeline h1 {margin: 70px 0 60px 0;}
.timeline h3 {position: absolute; left: 0; top: -15px; background-color: #fff; height: 60px; line-height: 1; width: 100px; display: inline-block;padding-left: 18px;}
.timeline h3:before {content: ''; background-color: #fff; height: 12px; width: 12px; display: block; position: absolute; top: 14px; left: -9px;  border-radius: 50%;}
.timeline p {border-bottom: 1px solid #e5e2e1; margin-bottom: 0; padding: 10px 0 10px 0;}
.timeline .timeline-subtitle {  margin-bottom: 35px; display: block; color: #008A5E; font-size: 160%; font-weight: 700; font-family: 'Gravur-CondensedBold'; text-transform: uppercase; }
.timeline-inner{border-left: 2px solid #EFEFEF;}
.timeline-inner>article:nth-child(2n+1) h3{ color: #008A5E;}
.timeline-inner>article:nth-child(2n+1) h3:before{ border: 2px solid #008A5E;}
.timeline-inner>article:nth-child(2n) h3{ color: #77B971;}
.timeline-inner>article:nth-child(2n) h3:before{ border: 2px solid #77B971;}
.timeline-inner>article:last-child{padding-bottom: 0;}
.timeline article p>a{position: relative; display: block; padding-right: 18px;}
.timeline article p>a:after {
    content: "";
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    display: block;
    width: 10px;
    height: 10px;
    margin: auto;
    position: absolute;
    top: 50%;
    margin-top: -7px;
    border-color: #77B96E;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    right: 5px;
}
.timeline article p>a.link{ color: #77B971; text-decoration: underline; display: inline-block;}
.timeline article p>a.link:after{ display: none; }
/* Timeline - Hard Spacings */
/*.timeline article.timeline-2017 {padding-bottom: 210px;}
.timeline article.timeline-2011 {padding-bottom: 160px;}
.timeline article.timeline-2009 {padding-bottom: 260px;}
.timeline article.timeline-2007 {padding-bottom: 130px;}
.timeline article.timeline-2004 {padding-bottom: 460px;}

.hk.timeline article.timeline-2004 {padding-bottom: 280px;}
.hk.timeline article.timeline-1997 {padding-bottom: 60px;}

.zh.timeline article.timeline-2011 {padding-bottom: 200px;}
.zh.timeline article.timeline-2007 {padding-bottom: 100px;}
.zh.timeline article.timeline-2004 {padding-bottom: 420px;}
.zh.timeline article.timeline-1997 {padding-bottom: 200px;}*/

.timeline article.timeline-2020 { min-height: 400px;/* height: 400px; */overflow: visible; }
html[lang="en-US"] .homepage h1 { font-size: 16px; line-height: 17px; }


/* keyproject - page */
.keyproject #container {width: 1128px;}
#keyproject {background: #FFFFFF;display: block;clear: both; overflow: auto; padding: 50px 145px; border: none; margin-bottom: 26px;}
.keyproject h1 {margin: 70px 0 60px 0;}
.keyproject p {border-bottom: 1px solid #e5e2e1; margin-bottom: 0; padding: 10px 0 10px 0;position: relative}
.keyproject p.leadin{border: none; }
.keyproject .keyproject-subtitle { margin-top: 40px; margin-bottom: 15px; display: block; color: #008A5E; font-size: 160%; font-weight: 700; font-family: 'Gravur-CondensedBold'; text-transform: uppercase; }

.keyproject p>a {position: relative;display: block;padding-right: 18px;}
.keyproject p>a:after {
    content: "";
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    display: block;
    width: 10px;
    height: 10px;
    margin: auto;
    position: absolute;
    top: 50%;
    margin-top: -7px;
    border-color: #77B96E;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    right: 5px;
}

/* Home - Page */
.home .slideshow h1, .home .slideshow a.button {color: #382719;}
.home .slideshow a.button {border-color:#382719; background-color: rgba(255,255,255,0.5);}
.home .slideshow #info {top:45%;}

/* copyright - page */
.copyright section, .contact section {padding-top: 60px;}
.copyright p, .contact p {font-size: 20px; line-height: 26px;}

/* contact - page */
.contact article {border-right: 1px solid #e5e2e1;}
.contact #sidebar {margin-top: 0;}
.contact input, .contact textarea {font-size: 18px; margin-bottom: 20px;}
.contact input {width: 322px; height: 42px;}
.contact textarea {width: 302px; height: 70px; padding: 10px; text-indent: 0;}
.contact input.button {width: 160px; display: block; text-indent: 0;}
.contact aside {padding-top: 90px;}
.contact address {font-size: 18px;}
.contact input.search-input{width:140px; height:26px; font-size: 13px; line-height: 20px;}

/* sitemap - page */
.sitemap {text-align: center;}
.sitemap section {width: 300px; margin: 0 auto;}
.sitemap h3 {display: inline-block; border-bottom: 1px solid #e5e2e1;}
#sitemap {text-transform: uppercase;}
#sitemap > li {font-size: 24px;  font-family: 'Gravur-CondensedBold'; margin: 20px 0 20px 0; display: block;}
#sitemap > li > a {color: #74b572; display: block;}
#sitemap > li:after {content: ''; width: 20px; height: 2px; text-align: center; background-color: #e5e2e1; display: block; margin: 20px auto;}
#sitemap ul li {font-size: 18px; text-transform: uppercase;}

/* work with us - page */
.work-with-us .slideshow {border-bottom: 0;}
.work-with-us .slideshow p {color: #fff; font-size: 20px; line-height: 26px;}
.work-with-us p.center {width: 564px;}
.work-with-us article h3 {font-size: 24px; line-height: 60px;}
.work-with-us section {border: none;}
.work-with-us section.last {padding-top: 0;}
.work-with-us .two-thirds aside#sidebar {margin-top: 50px; text-align: left; padding: 0 20px 0 20px;}
.work-with-us .two-thirds aside#sidebar h5 {padding-top: 0;}
.no-border {border-bottom: none !important;}

/* our-mission - page */
.our-mission .two-thirds #sidebar {text-align: center;}
.our-mission .one-column img {padding-top: 20px;}

/* .two-thirds section */
.two-thirds #sidebar {width: 300px; float: right; text-align: center; border-left: 1px solid #e5e2e1; margin-top: 0;}
.two-thirds aside img {margin: 0 auto 10px auto;}
.two-thirds article {width: 620px; padding: 0 20px 0 0;}
.two-thirds article {width: 460px;}
.two-thirds h2 {font-size: 40px; line-height: 46px;}

/* .text-section */
.text h3 {width: 494px; padding-top: 90px; margin: 0 auto 30px auto; text-align: center; line-height: normal;}
.text .left, .text .right {width: 432px; float: left; margin-bottom: 30px;}
.text .left {margin-right: 38px;}
.text img {margin: 0 auto;}
p.center {width: 780px; text-align: center; margin: 0 auto 20px auto;}

/* our-founder - page */
.our-founder #container, .our-founder .one-column {overflow: visible;}
.our-founder .text {border: none; padding-bottom: 0;}
.our-founder .one-column img {position: absolute; top: 130px; left: -50px; z-index: 1;}
.our-founder .one-column blockquote {position: relative; z-index: 2; max-width: 550px; margin-left: auto; margin-right: auto;}
.our-founder .three-column article {text-align: center;}
.our-founder .three-column h3 {line-height: 40px; padding-top: 60px; margin: 0 auto 20px auto; display: block; max-width: 250px; position: relative;}
.our-founder .three-column h3:before {position: absolute; top:0; left:50%; margin-left: -19px; width: 38px; height: 38px; color: #FFF; background-color: #bdb6b3; -webkit-border-radius: 19px; border-radius: 19px; font-size: 30px; line-height: 38px; margin-top: 0; text-align: center; font-family: 'Gravur-CondensedBold';}
.our-founder .three-column h3.one:before {content:'1';}
.our-founder .three-column h3.two:before {content:'2';}
.our-founder .three-column h3.three:before {content:'3';}
.our-founder .three-column p:first-child {margin-bottom: 50px;}
.our-founder .three-column p {padding: 0 50px 0 50px;}

/* #related-articles section */
#related-articles {width: 640px; float: left; border-bottom: 0;}
.related-posts {border-bottom: 0; border-top: 1px solid #e5e2e1;}
.related-posts h4 {display: inline-block;}

/* #case-study page */
.speech {border-bottom: none; margin-bottom: 30px;}
.speech strong {font-size: inherit;}
a.arrow:after {content: ''; background: url(images/general/button-arrow.png) no-repeat; display: block; width: 17px; height: 10px; position: absolute; right: 10px; top: 14px;}
a.arrow:hover:after {background: url(images/general/button-arrow-white.png) no-repeat; }

.speech article, .interview article {border-bottom: 1px solid #d3cfcc; position: relative; padding-bottom: 60px; height: 400px; overflow: hidden;}
.speech article:after , .interview article:after {position: absolute; content: ''; height: 20px; bottom:0; background-color: #FFF; width: 100%; z-index: 1;}
.speech a.button, .interview a.button {position: absolute; left: 320px; margin-left: -100px; width: 200px; height: 35px; bottom: 12px; letter-spacing: 0.025em; z-index: 2;}

/* interview - section */
.interview {border-bottom: none; width: 640px; margin-bottom: 30px;}
.interview img {float: left; margin: 0 40px 26px 0;}
.interview .q-and-a {clear: both; overflow: auto; }
.interview .right {width: 412px; float: left; height: 138px; padding-top: 30px;}

/* active sections  */
.active article {height: auto;}
.active a.button {visibility: hidden;}

/* Q&A section */
.q-and-a li {font-size: 16px; padding: 0 0 20px 50px; display: block; width: auto; height: auto; line-height: 26px;}
.q-and-a li:nth-child(odd) {background: url(images/general/Q.png) no-repeat; font-family: 'Chronicle Display A', 'Chronicle Display B'; font-weight:600; }
.q-and-a li:nth-child(even) {background: url(images/general/A.png) no-repeat;}
.q-and-a li p:last-child {margin-bottom: 0;}

/* Sister Sites */
.sister-sites h3 {text-align: center;}
.four-column article {width: 470px;}
.four-column a.image {float: left; width: 220px; overflow: hidden; margin-right: 20px;}
.four-column a.image img {width: 100%; height: auto;}

/* .tags section */
.tags {padding-top: 20px; }
.tags h5 {display: inline-block; padding: 0px 10px 0 0;}
.tags p.meta {display: inline-block; margin-bottom: 0;}

/* footer */
footer {height: auto; text-align: center; font-size: 14px; line-height: 24px; clear: both; overflow: auto; border-top: 1px solid #e5e2e1; padding-bottom: 20px;}
footer .menu, footer .menu li  {height: 90px; line-height: 90px; border-bottom: none;}
footer div {display: block;}
footer a.social {font-size: 30px; margin: 0 10px 20px 10px; display: inline-block; color: #999999;}

/* Ian New Changes */
.article h3 {padding-bottom: 20px; height: auto;}

/* Inline Tables */
article table td, article table {border: 1px solid #e5e2e1; border-collapse: collapse;}
article table {width: 100%;}
article thead {font-family: 'Gravur-CondensedBold';}
article td {padding: 5px;}
article img {width:auto;height:auto;}

/* Pagination */
.pagination {padding: 30px 20px 0 20px; position: relative; font-family: 'Gravur-CondensedBold'; color: #999999; clear: both; overflow: auto; line-height: 20px; border-top: 1px solid #d3cfcc; margin-top: -1px;}
.pagination .prev, .pagination .next {position: absolute; top:30px;}
.pagination .prev {left:0;}
.pagination .next {right:0;}
.pagination a, .pagination span {padding: 0 5px;}

/* Inline Press Release Formatting */
table {border-collapse: collapse; border-spacing: 0; font-size: 14px; margin-bottom: 20px;}
table strong {font-size: 14px; line-height: inherit;}
.press_release_table { border: 1px solid #000; margin: 0 auto 20px auto;}
.press_release_table td { padding:5px; }
.tr_border { border:1px solid #000;}

/* Internet Explorer */
.oldie #sidebar input {line-height: 30px;}
.ie7 a.button, .ie7 input.button, .ie7 .slideshow a.button, .ie7 .menu li, .ie7 .listing article a, .ie7 .article article a, .ie7 #related-press span, .ie7 .sitemap h3, .ie7 .tags h5, .ie7 .tags p.meta  {display: inline;}

/* Added by Ellery on 27 Aug 2015 */
#map nav.type{
	display:none;
}

/* Mobile */
.mobile {display: none;}
body.mobile {display: block;}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	.mobile {display: block;}

	#container {width: 100% !important; background-color: #FFF; padding-left: 5%; padding-right: 5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-top: 20px; margin-top: 0;}
	article {width: 100% !important; padding-right: 0!important; margin-right: 0!important; float: none;}

	/* typography */
	h1 {font-size: 32px; line-height: 32px;}
	h3 {font-size: 32px;}

	/* Language Selector */
	nav {position: fixed; top:0; left:0; text-align: center; line-height: 43px; border-bottom: 1px solid #e5e2e1; z-index: -1;}
	nav a {padding: 0 20px; line-height: 43px; float: none; margin: 0 auto;}

	/* Header Menu */
	header #menu {position: fixed; top:44px; left:0; right:0; height: auto; z-index: -1; border-bottom: 0;}
	header .menu li {line-height: 42px; border-bottom: 1px solid #e5e2e1; width: 50%; float: left;}
	header #menu :nth-child(even) {border-left:1px solid #e5e2e1;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	#logo, #logo img {width: 192px; height: 99px;}

	/* Header - Search */
	header form {display: none;}
	.qtrans_language_chooser {float: none; margin: 0 auto;}

	/* Header Sub Menu */
	#submenu {border-top:1px solid #e5e2e1; margin: 20px 0 0 0; height: auto; border-bottom: 0;}
	#submenu li {width: 100%; float: none;}

	/* Header - Menu Toggle */
	#toggle-menu {position: absolute; width: 24px; height: 14px; display: block; background: url(images/mobile/menu.png) no-repeat; top:15px; left:15px; z-index: 100;}
	body.menu-open { overflow: hidden;}
	body.menu-open #logo {margin-top: 173px; pointer-events:none;}
	body.menu-open header .menu, body.menu-open header nav {z-index: 1;}
	body.menu-open #toggle-menu {background: url(images/mobile/menu-close.png); width: 24px; height: 23px; top:173px;}
	body.menu-open #container {position: fixed; z-index: 0;}

	.menu li {display: block; width: 100%;}
	.menu li span {display: none;}

	.three-column figure {margin-bottom: 10px;}
	.three-column h2 {min-height: inherit;}

	.two-column img {width: 100%; height: auto; margin-bottom: 20px; float: none;}
	.two-column:after {display: none;}

	/* Homepage */
	div.homepage {width: 100%; margin-top: 10px; height: auto; box-sizing:border-box;}
	div.homepage .info {position: static; padding: 10px; width:100%; box-sizing: border-box; clear: both;}
	div.homepage div.buttons {position: static; width: 100%;}

	/* Images */
	.slideshow {width:110%; height: 370px; min-height: inherit; position: relative; padding-bottom: 0; left:-5%; right:-5%;}
	.slideshow .bg {height: 370px;}
	.slideshow #info {width: 100%; margin-left: 0; left:0;}
	.slideshow .buttons {width: 100%; height: auto; text-align: center}
	.slideshow a.button {margin: 0 auto 10px auto !important; float: none;}
	.slideshow .bg {-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position:  top right;}
	.slideshow img {width: 100%; height: auto;}

	figure {width: 100% !important; height: auto !important;}
	figure img {width: 100% !important; height: auto; margin-right: 0; margin-bottom: 0;}

	/* Listing */
	#sidebar {display: none;}
	.listing #heading {margin-bottom: 20px;}
	.listing section {width: 100%; padding: 0;  border: 0; margin-top: 0;}
	.listing article figure {margin-right: 0;}
	.listing article .right {width: 100%; float: none;}
	.listing article a {width: 100%;}
	.listing #hero figure {margin-bottom: 0;}
	.listing figure {margin-bottom: 10px;}

	/* Article */
	.article aside {width: 100%;}
	#green.share {width: 100%;}

	/* Page */
	#heading p {width: 100%;}
	.one-column img {width: 100%; height: auto;}
	.page cite {line-height: normal; padding: 20px 0 0 0; font-size: 16px;}
	.page blockquote {width: 100%; font-size: 28px; line-height: 34px;}

	/* Our Founder */
	.our-founder blockquote p, .our-founder blockquote, p.center {width: 100%;}
	.our-founder blockquote h2 {font-size: 32px; line-height: 36px;}
	.our-founder .slideshow {height: auto;}
	.our-founder .crop {height: 241px; overflow: hidden; margin: 0 auto; margin-bottom: 20px;}
	.our-founder .crop img { position: static;}
	.our-founder .one-column h1 {padding-bottom: 10px;}

	/* Our Mission */
	.two-thirds article {text-align: center;}
	.our-mission .two-thirds h2 {font-size: 26px; line-height: 30px; margin-bottom: 20px;}
	.our-mission #sidebar {display: block; width: 100%; padding-left: 0;}
	.our-mission .slideshow, .our-mission .slideshow .bg {height: 200px;}
	.our-mission .slideshow h1 {margin-bottom: 0;}
	.text h3 {width: 100%;}
	.text .left, .text .right {width: 100%; margin-right: 0;}
	.text .right {margin-bottom: 0;}
	.text .right img {width: 100%; height: auto;}

	/* Work With Us */
	.work-with-us section {text-align: center;}
	.work-with-us p.center {width: 100%;}
	.text .left, .text .right {width: 100%; margin-right: 0;}
	.work-with-us .two-thirds aside#sidebar, .two-thirds article  {padding: 0;}
	.two-thirds #sidebar {display: block; float: none; border: 0; text-align: center !important;}
	.text img {width: 100%; height: auto;}

	/* Timeline */
	#timeline {background: none; padding: 20px 15px; margin-bottom: 0;}
	.timeline article {padding: 60px 15px 50px 15px; box-sizing: border-box;}
	.timeline article.timeline-2020 { height: auto; }
	.timeline article img {width: 100%; height: auto;}
	.timeline h3{/*position: relative; left: auto; top: auto;*/}
	.timeline h3:before{top: 0px;}
	
	/* keyproject */
	#keyproject {background: none; padding: 20px 15px; margin-bottom: 0;}
	/* Contact */
	.contact article {border: 0;}
	.contact input, .contact textarea {width: 100%;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.contact #sidebar {display: block; width: 100%; float: none; padding-left: 0; padding-top: 20px; clear: both;}

	/* Gallery */
	#gallery a {width: 100%; height: auto;}

	/* Press  - Inline Styles */
	#main div, #main table {max-width: 100%;}

	/* Map */
	#map, #map img {width: 100% !important; height: auto;}

	/* Sister Sites */
	.four-column article {clear: both; overflow: auto;}
	.four-column a.image {width: 110px;}
	.four-column h2 {font-size: 16px; line-height: 22px;}
	.four-column h5 {padding-bottom: 0;}
	.four-column h2, .four-column h5 {width: 150px; float: left;}

	/* Sitemap */
	.sitemap section {width: 100%;}

	footer {line-height: 60px; padding-top: 20px;}
	footer .menu, footer .menu li {height: auto; line-height: 40px;}
	footer a.social {margin: 0 5px 10px 5px;}
}
.related_posts_title {
	font-size: 22px;
	font-weight: bold;
}

ul.related_posts {
	margin: 20px 0;
}

li.related_post_item {
	list-style-type: disc;
	list-style-position: inside;
	line-height: 30px;
	text-decoration: underline;
	font-size: 16px;
}
#swipebox-title{
	line-height: normal;
	width:90% !important;
	margin: 0 auto !important;
}

ul.dash {
    list-style-type: disc;
    margin: 1em;
}
ul.dash li::before {
	content: '-';
	position: absolute;
	margin-left: -1em;
}
.timeline #left article img,
.timeline #right article img {
	width: 100%;
}

.project-goals-and-purpose > ul {
	padding-left: 20px !important;
    box-sizing: border-box;
}

.project-goals-and-purpose > ul > li {
	margin-left: 0 !important;
    box-sizing: border-box;
}


.project-goals-and-purpose > ul > li > ul > li{
	margin-left: 0 !important;
    box-sizing: border-box;
}

.project-goals-and-purpose ul > li > ul  {
	box-sizing: border-box;
	margin-left: 20px;
}

.project-goals-and-purpose ul > li > p  {
	margin-bottom: 0;
}

.project-goals-and-purpose ul.unstyled {
	margin-left: -20px;
}

.project-goals-and-purpose ul.unstyled > li {
	list-style-type: none;
	margin-left: 0;
}

.project-goals-and-purpose ul.unstyled > li > ul {
	padding-left: 20px;
	margin-bottom: 20px;
	box-sizing: border-box;
}

.project-goals-and-purpose ul.unstyled > li > ul > li{
	margin-left: 0 !important;
	box-sizing: border-box;
}

.project-goals-and-purpose ul.unstyled > li > p {
	margin-bottom: 0;
}

.label-width {
	width: 30% !important;
}
.label-width-with-thumbnail {
	width: 30% !important;
}
@media(min-width:768px) {
	.label-width {
		width: 12% !important;
	}

	.label-width-with-thumbnail {
		width: 24% !important;
	}
}

.purpose-heading {
	display: flex;
}

.purpose-heading > span:first-child {
	width: auto;
	margin-right: 5px;
}

.related_links {
	padding-left: 20px;
    box-sizing: border-box;
}

.additional-resources li {
	margin-left: 0 !important;
}

.our-founder-timeline {
	border-bottom: none;
}

.our-founder-timeline .item {
	border-bottom: 1px solid #e5e2e1;
    margin-bottom: 0;
    padding: 10px 0 10px 0;
}

.item.item-content {
	position: relative;
}

.item.item-content .year {
	position: absolute;
}

.item.item-content .content {
	padding-left: 120px;
	text-align: left;
}