@font-face {
font-family: 'Rubik-Light';
src: url(//webarchive.lib.cuhk.edu.hk/20250218144839oe_///sdmatters.cuhk.edu.hk/wp-content/fonts/Rubik-Light.ttf);
font-weight: 100;
font-style: normal;
}
h3.sdg-mainhead {
font-weight: 400!important;
}
@font-face {
font-family: 'Rubik-Regular';
src: url(//webarchive.lib.cuhk.edu.hk/20250218144839oe_///sdmatters.cuhk.edu.hk/wp-content/fonts/Rubik-Regular.ttf);
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Rubik-Medium';
src: url(//webarchive.lib.cuhk.edu.hk/20250218144839oe_///sdmatters.cuhk.edu.hk/wp-content/fonts/Rubik-Medium.ttf);
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Rubik-SemiBold';
src: url(//webarchive.lib.cuhk.edu.hk/20250218144839oe_///sdmatters.cuhk.edu.hk/wp-content/fonts/Rubik-SemiBold.ttf);
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Rubik-Bold';
src: url(//webarchive.lib.cuhk.edu.hk/20250218144839oe_///sdmatters.cuhk.edu.hk/wp-content/fonts/Rubik-Bold.ttf);
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Rubik-Italic';
src: url(//webarchive.lib.cuhk.edu.hk/20250218144839oe_///sdmatters.cuhk.edu.hk/wp-content/fonts/Rubik-Italic.ttf);
font-weight: 600;
font-style: normal;
}
body:lang(en-US) {
font-family: "Rubik-Regular"!important;
}
.nav li ul {
width: 300px;
padding:0px;
}
#top-menu li{
border-bottom:1px solid #f0f0f0;
}
#top-menu li li,
#top-menu li li a {
width: 100%;
padding:10px;
}
#top-menu li li a {
text-align: center;
}
.et_mobile_menu li a:hover, .nav ul li a:hover {
background-color: #ffffff; color: #49dabb!important;
opacity:1;
}
.et_pb_button {
text-decoration: none;
}
.font-light {
font-family: "Rubik-Light"!important;
}
.font-medium {
font-family: "Rubik-Medium"!important;
}
.font-bold{
font-family: "Rubik-Bold"!important;
}
.post-heading h1,
.post-heading h2,
.post-heading h3,
.post-heading h4,
.post-heading h5 {
font-family: "Rubik-SemiBold"!important;
}
.about-us-heading { font-family: 'Rubik-Regular'!important;
}
.et_pb_section{
background-color:transparent;
}
.et-menu .menu-item-has-children>a:first-child:after {
position: inherit;
}
.et_header_style_left #et-top-navigation nav>ul>li>a,
.et_header_style_split #et-top-navigation nav>ul>li>a {
margin-bottom: 30px;
padding-bottom: 10px!important;
}
.et_header_style_left #et-top-navigation nav>ul>li>a:hover,
.et_header_style_split #et-top-navigation nav>ul>li>a:hover { box-shadow: inset 0 -3px 0 #49dabb;
}
.et_pb_blurb_position_left .et_pb_blurb_container,
.et_pb_blurb_position_right .et_pb_blurb_container {
vertical-align: middle;
}
.et_pb_image .et_overlay:before {
color: #000000!important;
background-color: #FFF;
padding: 5px;
border-radius: 100px;
}
.et_overlay:before {
top: 50%;
left: 50%;
margin: -24px 0 0 -24px;
}
.category-block {
display: inline-block;
padding: 10px;
}
.first-block {
padding-left: 0px;
}
.hashtag-blue {
color: #00689d;
}
.hashtag-red {
color: #e4361f;
} .hashtag-brown {
color: #DDA63A;
}
.hashtag-green {
color: #00903d;
}
.sdg-mainhead {
font-size: 26px;
}
.sdg-mainhead span {
font-weight: 600;
}
.sdg-mainhead,
.sdg-subhead {
margin-left: 200px;
}
.sdg-table {
border: none;
}
.et_pb_slide_title span {
font-weight: 600;
}
.sdg-imgs {
padding-left: 260px;
}
.sdg-table {
margin-top: 20px!important;
}
.sdg-table,
.sdg-table tr td {
border: none!important;
}
.sdg-table tr td {
padding-left: 0px!important;
padding-right: 0px!important;
}
.sdg-topic{
width:200px;
}
.sdg-slider .et_pb_button_wrapper {
position: absolute;
right: 80px;
bottom: 0;
} .vertical_slider .et-pb-controllers {
text-align: center;
}
.vertical_slider .et-pb-controllers a {
display: inline-block;
width: 10px;
height: 10px; margin-right: 30px;
padding: 0;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
text-indent: -9999px;
margin-bottom: 16px;
}
.vertical_slider .et-pb-arrow-next,
.vertical_slider .et-pb-arrow-prev {
top: 0%;
margin-top: 0px;
opacity: 1;
color: #ffffff!important;
font-size: 35px;
}
.vertical_slider .et-pb-arrow-prev,
.vertical_slider .et_pb_slider:hover .et-pb-arrow-prev {
display: none;
} .vertical_slider .et-pb-arrow-next, .gq_m_vertical_slider .et_pb_slider:hover .et-pb-arrow-next {
right: 260px !important;
background: #5e7d88;
border-radius: 100px;
padding: 10px;
bottom: 0px;
top: inherit !important;
}  .sdg-slider h4.et_pb_slide_title {
position: absolute;
bottom: -30px;
right: 30px;
}
.vertical_slider .et-pb-arrow-next:before {
content: "\24";
}
.moving-mouse-holder {
margin: auto;
margin-top: -60px;
width: 170px;
}
.moving-mouse-holder span {
color: #799eaa;
position: absolute;
bottom: 20px;
font-size: 12px;
left: 5px;
}
.moving-mouse-holder .mouse {
width: 64px;
height: 140px;
position: relative;
right: 0;
border-radius: 100px;
border: 1px solid #979797;
}
.moving-mouse-holder .mouse-button {
background-color: #979797;
width: 3px;
height: 80px;
border-radius: 2px;
position: absolute;
top: 10px;
left: 50%;
margin: 0 0 0 -2px;
animation: mouse-scroll 1s infinite alternate;
}
ul.et_pb_tabs_controls {
background-color: #f4f4f4;
position: absolute;
bottom: 0;
right: 0;
}
.tab-content,
.slide-2-tab-content,
.slide-3-tab-content {
display: none!important;
}
.tab-open {
display: block!important;
}
.et_pb_module.et_pb_image.tab-title,
.et_pb_module.et_pb_image.slide-2-tab-title,
.et_pb_module.et_pb_image.slide-3-tab-title {
width: 150px;
transition: width 0.5s;
}
.et_pb_module.et_pb_image.tab-title.active-tab,
.et_pb_module.et_pb_image.slide-2-tab-title.active-tab,
.et_pb_module.et_pb_image.slide-3-tab-title.active-tab {
width: 200px;
}
.goal-inline {
padding-right: 20px;
}
.goal-inline-2 {
padding-left: 20px;
}
#slide-in-open {
cursor: pointer;
}
.line {
display: block;
position: absolute;
height: 4px;
width: 100%;
background: #023245;
border-radius: 9px;
opacity: 1;
-webkit-transition: .1s ease-in-out;
-moz-transition: .1s ease-in-out;
-o-transition: .1s ease-in-out;
transition: .1s ease-in-out;
}
.line-2 {
top: 10px;
}
.line-3 {
top: 20px;
}
#slide-in-open.open .line-1 {
top: 10px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}
#slide-in-open.open .line-2 {
display: none;
}
#slide-in-open.open .line-3 {
top: 10px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.slide-in-menu {
right: 0 !important;
opacity: 1 !important;
}
.slide-in-menu-container {
-webkit-transition: all 0.5s ease !important;
-moz-transition: all 0.5s ease !important;
-o-transition: all 0.5s ease !important;
-ms-transition: all 0.5s ease !important;
transition: all 0.5s ease !important;
}
.sdg-four-mobile .et_pb_image_wrap {
padding: 5%;
}
@media all and (max-width: 980px) {
.custom_row {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.first-on-mobile {
-webkit-order: 1;
order: 1;
}
.second-on-mobile {
-webkit-order: 2;
order: 2;
}
.third-on-mobile {
-webkit-order: 3;
order: 3;
}
.fourth-on-mobile {
-webkit-order: 4;
order: 4;
}
.custom_row:last-child .et_pb_column:last-child {
margin-bottom: 30px;
}
.sdg-mainhead,
.sdg-subhead {
margin-left: 0px;
}
.sdg-table tr td {
display: block;
}
.sdg-four-mobile {
width: 25%!important;
}
.two-columns-in-row{
width:50%!important;
}
}
@media (max-width:490px) {
.et_pb_slide {
padding: 0px!important;
}
.vertical_slider .et-pb-arrow-next,
.gq_m_vertical_slider .et_pb_slider:hover .et-pb-arrow-next {
top: 0px!important;
bottom: inherit!important;
}
}
@keyframes mouse-scroll {
to {
transform: translate(0, 6px) scale(1, 0.8);
}
}
.unclickable > a:hover {
cursor: default;
}
.rectangle {
width: 215px;
height: 40px;
margin: 8px 905px 82px 0;
padding: 0 16px;
border-radius: 20px;
background-color: #ffffff;
}
.sdg-3-lorem-ipsum {
width: 183px;
height: 40px;
font-family: Rubik;
font-size: 20px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 2;
letter-spacing: normal;
color: #4c9f38;
}
.featured-img-2 img {
padding: 15% 8% 0% 8%!important;
}
.featured-img-2 .et_overlay {
margin: 15% 8% 0% 8%!important;
width: 84%!important;
height: 89.2%!important;
}
@media (max-width:479px){
.et_pb_column_20 {
padding-top: 30px!important;
}
}
@media (max-width:479px){
.et_pb_column_10 {
padding-top: 30px!important;
}
}
@media (max-width:479px){
.et_pb_column_23 {
padding-top: 30px!important;
}
}
@media (max-width:479px){
.et_pb_column_36 {
padding-top: 30px!important;
}
}
@media (min-width:1024px) and (max-width:1439px){
.vertical_slider .et-pb-arrow-next, .gq_m_vertical_slider .et_pb_slider:hover .et-pb-arrow-next {
bottom: 230px!important;
}
.sdg-slider h4.et_pb_slide_title {
position: absolute;
bottom: 200px; right: 35px;
}
}
@media (min-width:768px) and (max-width:991px){
.vertical_slider .et-pb-arrow-next, .gq_m_vertical_slider .et_pb_slider:hover .et-pb-arrow-next { } }
@media (min-width: 768px) and (max-width: 991px){
.vertical_slider .et-pb-arrow-next, .gq_m_vertical_slider .et_pb_slider:hover .et-pb-arrow-next { bottom: 5px !important;
font-size: 25px!important;
}
.vertical_slider .et-pb-arrow-next, .gq_m_vertical_slider .et_pb_slider:hover .et-pb-arrow-next {
right: 100px !important;
}
.sdg-slider h4.et_pb_slide_title {
position: absolute; bottom: -80px;
right: -30px;
}
.home .et_pb_slider .et_pb_slides .et_pb_slide .et_pb_container.clearfix .et_pb_slider_container_inner .et_pb_slide_description h4.et_pb_slide_title {
font-size: 16px !important;
}
}
@media (min-width: 0px) and (max-width: 767px) {
.home .et_pb_slider.vertical_slider .et-pb-slider-arrows .et-pb-arrow-next {
top: inherit !important;
bottom: 40px !important;
right: 10px !important;
font-size: 25px!important;
}
.home .et_pb_slider .et_pb_slides .et_pb_slide .et_pb_container.clearfix .et_pb_slider_container_inner .et_pb_slide_description h4.et_pb_slide_title {
font-size: 16px !important;
margin-left: 0px!important; bottom: 0px!important;
}
.et_pb_slide_description .et_pb_slide_content .sdg-section .tab-open .et_pb_column {
padding: 0 !important;
}
.et_pb_slide_description .et_pb_slide_content .sdg-section .tab-open .et_pb_column:last-child, 	.et_pb_slide_description .et_pb_slide_content .sdg-section .et_pb_equal_columns .et_pb_column:last-child {
padding-top: 0 !important;
}
.et-pb-controllers {
bottom: 0%!important;
}
.et_pb_slides .et_pb_slide_content .sdg-section {
padding-top: 0 !important;
}
.et_pb_slides .et_pb_slide_content .blurb-tabs.sdg-section {
height: 550px !important;
}
}
@media (min-width:768px) and (max-width:980px){
.page-id-2 .et_pb_row_12.et_pb_row {
margin-left: 55px!important;
}
.page-id-2 .et_pb_row_25.et_pb_row {
margin-left: 55px!important;
}
.page-id-2 .et_pb_row_19.et_pb_row {
margin-left: 55px!important;
}
}
h1, h2, h3, h4, h5, h6 {
line-height: 1.2em!important;
}
body.post-template-default.single.single-post.postid-463 div#et-main-area div#main-content .container div#content-area div#left-area .entry-content .et_pb_text_inner p a {
color: #333!important;
border-bottom: 2px solid #108349!important;
}
body.post-template-default.single.single-post.postid-463 div#et-main-area div#main-content .container div#content-area div#left-area .entry-content .et_pb_text_inner p a:hover {
color: #108349!important;
}
body.post-template-default.single.single-post div#et-main-area div#main-content .container div#content-area div#left-area .entry-content .et_pb_text_inner p a {
color: #333!important;
border-bottom: 2px solid #00689D!important;
}
body.post-template-default.single.single-post div#et-main-area div#main-content .container div#content-area div#left-area .entry-content .et_pb_text_inner p a:hover {
color: #00689D!important;
} .et_pb_module.our-journey-section-inner-image {
margin-top: 80px!important;
}
.page-id-30 .et_pb_module.et_pb_text.font-medium h3 {
font-size: 120px!important;
}
@media (max-width:374px){
.page-id-30 .et_pb_module.et_pb_text.font-medium h3 {
font-size: 80px!important;
}
}
@media (min-width:375px) and (max-width:419px){
.page-id-30 .et_pb_module.et_pb_text.font-medium h3 {
font-size: 90px!important;
}
}
@media (min-width:420px) and (max-width:500px){
.page-id-30 .et_pb_module.et_pb_text.font-medium h3 {
font-size: 100px!important;
}
}
.page-id-30 .et_pb_module.et_pb_text.the-year-font-small p {
display: none!important;
}
@media (min-width:1024px){
.page-id-30 .et_pb_module.et_pb_text.font-medium h3 {
margin-left: -100px!important;
}
}
@media (min-width:1280px){
.page-id-30 .et_pb_module.et_pb_text.font-medium h3 { margin-left: -70px!important;
}
}
@media (min-width:1440px){
.page-id-30 .et_pb_module.et_pb_text.font-medium h3 {
margin-left: -50px!important;
}
}
@media (min-width: 1700px){
.page-id-30 .et_pb_module.et_pb_text.font-medium h3 {
margin-left: 10px!important;
}
}
@media (min-width: 1900px){
.page-id-30 .et_pb_module.et_pb_text.font-medium h3 {
margin-left: 110px!important;
}
} .et_pb_button_wrapper a.et_pb_button.et_pb_custom_button_icon.et_pb_promo_button {
position: absolute;
bottom: 10px;
}
.et_pb_column.et_pb_column_1_4.et_pb_column_1.et_pb_css_mix_blend_mode_passthrough .et_pb_module.et_pb_text.et_pb_text_1.et_pb_text_align_left.et_pb_bg_layout_light .et_pb_text_inner .container {
position: relative;
text-align: right;
color: white;
}
.bottom-left {
position: absolute;
bottom: 40px;
left: 16px;
text-align: left;
margin: auto 22px;
line-height: 32px;
}
.top-left {
position: absolute;
top: 8px;
left: 16px;
}
.top-right {
position: absolute;
top: 8px;
right: 16px;
}
.bottom-right {
position: absolute;
bottom: 8px;
right: 16px;
}
.centered {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.page-id-3222 .et_pb_column.et_pb_column_1_4.et_pb_column_1.et_pb_css_mix_blend_mode_passthrough .et_pb_module.et_pb_text.et_pb_text_1.et_pb_text_align_left.et_pb_bg_layout_light .et_pb_text_inner .container {
padding-top: 0!important;
width:100%;
}
img.img-of-vc{
width: 100%;
object-fit: cover;
}
@media (min-width:320px) and (max-width:478px){
img.img-of-vc {
height: 35rem;
}
}
@media (min-width:768px) and (max-width:880px){
img.img-of-vc { height: 36.5rem;
}
}
@media (min-width:1024px) and (max-width:1050px){
img.img-of-vc { height: 30.2rem;
}
}
@media (min-width:1051px) and (max-width:1099px){
img.img-of-vc { height: 30.6rem;
}
}
@media (min-width:1100px) and (max-width:1199px){
img.img-of-vc{ height: 31.4rem;
}
}
@media (min-width:1200px) and (max-width:1299px){
img.img-of-vc{ height: 33.7rem;
}
}
@media (min-width:1300px) and (max-width:1399px){
img.img-of-vc{ height: 34.2rem;
}
}
@media (min-width:1400px) and (max-width:1499px){
img.img-of-vc{ height: 35.7rem;
}
}
@media (min-width:1500px) and (max-width:1599px){
img.img-of-vc{ height: 37.1rem;
}
}
@media (min-width:1600px) and (max-width:1699px){
img.img-of-vc{ height: 38.5rem;
}
}
@media (min-width:1700px) and (max-width:1799px){
img.img-of-vc{ height: 40rem;
}
}
@media (min-width:1800px) and (max-width:1899px){
img.img-of-vc{ height: 41.5rem;
}
}
@media (min-width:1900px) and (max-width:1999px){
img.img-of-vc{ height: 42.9rem;
}
}
@media (min-width:2000px) and (max-width:2099px){
img.img-of-vc{ height: 44.5rem;
}
}
@media (min-width:2100px) and (max-width:2199px){
img.img-of-vc{
height: 39rem;
}
}
@media (min-width:2200px) and (max-width:2299px){
img.img-of-vc{
height: 40rem;
}
}
@media (min-width:2300px) and (max-width:2399px){
img.img-of-vc{
height: 41rem;
}
}
@media (min-width:2400px) and (max-width:2499px){
img.img-of-vc{
height: 42rem;
}
}
@media (min-width:2500px) and (max-width:2599px){
img.img-of-vc{
height: 43rem;
}
} li.hidden.menu-item { }
li.hidden.menu-item ul.sub-menu {
left: auto !important;
right: 0 !important;
} @media (min-width:320px) and (max-width:1023px){
a.et_pb_button.et_pb_custom_button_icon.et_pb_promo_button:after {
display: block!important;
}
}
a.et_pb_button.et_pb_custom_button_icon.et_pb_promo_button:after {
display: block!important;
visibility: visible;
font-size: 32px!important;
position: relative!important; }
a.et_pb_button.et_pb_custom_button_icon.et_pb_promo_button {
visibility: hidden;
}
body #page-container .et_pb_section .et_pb_promo_button.et_pb_button:after {
margin-left: unset!important;
}
@media only screen and (max-width: 767px){
.et_pb_text h2 {
font-size: 20px!important;
}
}
h2 span.hidden {
visibility: hidden;
} @media (max-width: 1429px){
.stories.category-block {
padding: 0!important;
}
} .page-id-4085 td.sdg-topic {
opacity: 0;
} .et_pb_row_inner.et_pb_row_inner_0_tb_footer.et_pb_row_1-4_1-4_1-4 img {
height: 40px!important;
}
@media (min-width: 1024px) and (max-width: 1400px) {
.et_pb_row_inner.et_pb_row_inner_0_tb_footer.et_pb_row_1-4_1-4_1-4 img {
object-fit: contain;
}
}  span.wpml-ls-native:before {
content: '\f0ac';
font-family: 'FontAwesome';
font-size: 1rem;
color: #000;
margin-right: 0.4rem;
font-weight: 500;
}
li.wpml-ls-item ul.sub-menu{
left: auto !important;
right: 0 !important;
}    p.footer-copyright-en:lang(zh-hans) {
display: none;
}
p.footer-copyright-en:lang(zh-hant) {
display: none;
}
p.footer-copyright-tc:lang(zh-hant) {
display: block!important;
}
p.footer-copyright-sc:lang(zh-hans) {
display: block!important;
}
body:lang(zh-hans) .wpml-ls-item-en, body:lang(zh-hant) .wpml-ls-item-en {
font-family: "Rubik"!important;
font-weight: 500!important;
} .page-id-9653 .read-full-story-icon:after {
content: "\f178"!important;
font-family: 'Font Awesome\ 5 Free'!important;
font-weight: 600;
}
.page-id-9653 .read-full-story-icon:after {
border: none!important;
background-color: #d6f3ed;
}
.page-id-9653 .stories-testimonial-ceots:before {
content: '“';
font-family: sans-serif;
font-size: 12rem;
color: #fff;
width: 100%;
display: block;
margin-top: 50px;
}
.page-id-9653 .read-full-story-icon-ceots:before {
content: "\f178";
font-family: 'Font Awesome\ 5 Free';
font-weight: 600;
color: #edb11f; padding: 1rem;
border-radius: 55px;
background-color: #fff;
font-size: 2rem;
}
.page-id-9653 .stories-testimonial-csdm:before {
content: '“';
font-family: sans-serif;
font-size: 12rem;
color: #007b32;
width: 100%;
display: block;
margin-top: 50px;
}
.page-id-9653 .read-full-story-icon-csdm:before {
content: "\f178";
font-family: 'Font Awesome\ 5 Free';
font-weight: 600;
font-size: 2rem;
color: #007b32; padding: 1rem;
border-radius: 55px;
background-color: #fff;
}
@media (min-width: 981px) and (max-width:1788px){
.page-id-9653 .ceots-image img{
height: 400px;
object-fit: cover;
} }
@media (min-width: 981px){
.page-id-9653 .csdm-image img{
height: 440px;
object-fit: cover;
}
}
.page-id-9653 .csdm-row .csdm-col-1 {
margin-right: 0!important;
}
@media (min-width:1789px){
.page-id-9653 .csdm-row .csdm-col-1 {
margin-right: -10rem!important;
}
}
@media (max-width: 980px){
.page-id-9653 .csdm-row {
display: flex;
flex-direction: column-reverse;
}
.page-id-9653 .csdm-row .csdm-col-1{
margin-bottom: 0!important;
}
}
.page-id-9653 div#page-container {
padding-top: 0!important;
}
.page-id-9653 header#main-header {
display: none!important;
}
.page-id-9653 .footer-row .footer-logo-img img {
height: 45px!important;
}
@media (min-width:1440px){
.page-id-9653 .footer-row .footer-logo-img img {
height: 50px!important;
}
}
.page-id-9653 footer.et-l.et-l--footer {
display: none;
} @media (min-width: 981px){
.page-id-9653 .ceots-col-2:before {
background-image: url(https://webarchive.lib.cuhk.edu.hk/20250218144839oe_/https://sdmatters.cuhk.edu.hk/wp-content/uploads/group-9.png);
display: block;
z-index: 999999999999;
width: 100%;
height: 110px;
opacity: 1;
visibility: visible;
content: '';
background-repeat: no-repeat;
position: absolute; left: -55px; margin-top: 345px;
}
.page-id-9653 .ceots-row {
overflow: visible;
}
}
.page-id-9653 .journey-year { margin-top: 170px;
margin-left: 10rem;
}
.page-id-9653 .journey-year h1, .page-id-9653 .journey-year h2, .page-id-9653 .journey-year h3 {
line-height: 0!important;
margin-bottom: 1rem;
}
.page-id-9653 .journey-year h1:before {
content: '';
display: list-item;
font-size: 2rem;
}
.page-id-9653 .journey-year h2:before {
content: '';
display: list-item;
font-size: 2rem;
}
.page-id-9653 .journey-year h3 {
opacity: 25%;
}
.page-id-9653 .journey-year h3:before {
content: '';
display: list-item;
font-size: 2rem;
color: #007a26;
opacity: 25%;
}
.page-id-9653 .journey-year p {
line-height: 0!important;
margin-bottom: 1rem;
}
.page-id-9653 .journey-year p:last-child::before {
opacity: 25%;
}
.page-id-9653 .journey-year p:before {
border-left: 1px solid #007b32!important;
content: '';
margin-left: -22px;
} .page-id-9653 .sfsiplus_norm_row.sfsi_plus_wDiv {
display: block!important;
width: 100%!important;
text-align: center!important;
}
.page-id-9653 .et_pb_code_inner .sfsi_plus_widget.sfsi_plus_shortcode_container .sfsiplus_norm_row.sfsi_plus_wDiv {
width: 100%!important;
}
.page-id-9653 .sfsiplus_norm_row.sfsi_plus_wDiv .sfsi_premium_wicons.shuffeldiv.sfsi_premium_tooltip_align_automatic .sfsiplus_inerCnt a.sficn.sciconfront {
background-color: transparent!important;
border: 1px solid #fff;
}
.page-id-9653 .sfsiplus_norm_row.sfsi_plus_wDiv .sfsi_premium_wicons.shuffeldiv.sfsi_premium_tooltip_align_automatic .sfsiplus_inerCnt a.sficn.sciconfront {
background: transparent!important;
}
.page-id-9653 .footer-social-media a:not(:first-child) {
margin-left: 1rem;
}
.page-id-9653 .footer-social-media {
display: flex;
justify-content: center;
} .page-id-9833 .read-full-story-icon:after {
content: "\f178"!important;
font-family: 'Font Awesome\ 5 Free'!important;
font-weight: 600;
}
.page-id-9833 .read-full-story-icon:after {
border: none!important;
background-color: #d6f3ed;
}
.page-id-9833 .stories-testimonial-ceots:before {
content: '“';
font-family: sans-serif;
font-size: 12rem;
color: #fff;
width: 100%;
display: block;
margin-top: 50px;
}
.page-id-9833 .read-full-story-icon-ceots:before {
content: "\f178";
font-family: 'Font Awesome\ 5 Free';
font-weight: 600;
color: #edb11f; padding: 1rem;
border-radius: 55px;
background-color: #fff;
font-size: 2rem;
}
.page-id-9833 .stories-testimonial-csdm:before {
content: '“';
font-family: sans-serif;
font-size: 12rem;
color: #007b32;
width: 100%;
display: block;
margin-top: 50px;
}
.page-id-9833 .read-full-story-icon-csdm:before {
content: "\f178";
font-family: 'Font Awesome\ 5 Free';
font-weight: 600;
font-size: 2rem;
color: #007b32; padding: 1rem;
border-radius: 55px;
background-color: #fff;
}
@media (min-width: 981px) and (max-width:1788px){
.page-id-9833 .ceots-image img{
height: 400px;
object-fit: cover;
} }
@media (min-width: 981px){
.page-id-9833 .csdm-image img{
height: 440px;
object-fit: cover;
}
}
.page-id-9833 .csdm-row .csdm-col-1 {
margin-right: 0!important;
}
@media (min-width:1789px){
.page-id-9833 .csdm-row .csdm-col-1 {
margin-right: -10rem!important;
}
}
@media (max-width: 980px){
.page-id-9833 .csdm-row {
display: flex;
flex-direction: column-reverse;
}
.page-id-9833 .csdm-row .csdm-col-1{
margin-bottom: 0!important;
}
}
.page-id-9833 div#page-container {
padding-top: 0!important;
}
.page-id-9833 header#main-header {
display: none!important;
}
.page-id-9833 .footer-row .footer-logo-img img {
height: 45px!important;
}
@media (min-width:1440px){
.page-id-9833 .footer-row .footer-logo-img img {
height: 50px!important;
}
} @media (min-width: 981px){
.page-id-9833 .ceots-col-2:before {
background-image: url(https://webarchive.lib.cuhk.edu.hk/20250218144839oe_/https://sdmatters.cuhk.edu.hk/wp-content/uploads/group-9.png);
display: block;
z-index: 999999999999;
width: 100%;
height: 110px;
opacity: 1;
visibility: visible;
content: '';
background-repeat: no-repeat;
position: absolute; left: -55px; margin-top: 345px;
}
.page-id-9833 .ceots-row {
overflow: visible;
}
}
.page-id-9833 .journey-year { margin-top: 170px;
margin-left: 10rem;
}
.page-id-9833 .journey-year h1, .page-id-9833 .journey-year h2, .page-id-9833 .journey-year h3 {
line-height: 0!important;
margin-bottom: 1rem;
}
.page-id-9833 .journey-year h1:before {
content: '';
display: list-item;
font-size: 2rem;
}
.page-id-9833 .journey-year h2:before {
content: '';
display: list-item;
font-size: 2rem;
}
.page-id-9833 .journey-year h3 {
opacity: 25%;
}
.page-id-9833 .journey-year h3:before {
content: '';
display: list-item;
font-size: 2rem;
color: #007a26;
opacity: 25%;
}
.page-id-9833 .journey-year p {
line-height: 0!important;
margin-bottom: 1rem;
}
.page-id-9833 .journey-year p:last-child::before {
opacity: 25%;
}
.page-id-9833 .journey-year p:before {
border-left: 1px solid #007b32!important;
content: '';
margin-left: -22px;
} .page-id-9833 .sfsiplus_norm_row.sfsi_plus_wDiv {
display: block!important;
width: 100%!important;
text-align: center!important;
}
.page-id-9833 .et_pb_code_inner .sfsi_plus_widget.sfsi_plus_shortcode_container .sfsiplus_norm_row.sfsi_plus_wDiv {
width: 100%!important;
}
.page-id-9833 .sfsiplus_norm_row.sfsi_plus_wDiv .sfsi_premium_wicons.shuffeldiv.sfsi_premium_tooltip_align_automatic .sfsiplus_inerCnt a.sficn.sciconfront {
background-color: transparent!important;
border: 1px solid #fff;
}
.page-id-9833 .sfsiplus_norm_row.sfsi_plus_wDiv .sfsi_premium_wicons.shuffeldiv.sfsi_premium_tooltip_align_automatic .sfsiplus_inerCnt a.sficn.sciconfront {
background: transparent!important;
}
.page-id-9833 .footer-social-media a:not(:first-child) {
margin-left: 1rem;
}
.page-id-9833 .footer-social-media {
display: flex;
justify-content: center;
}
.page-id-9833 footer.et-l.et-l--footer {
display: none;
}
h3.sdg-mainhead {
font-weight: 300!important;
}
.cuhk-efforts-on-the-sdgs-title-row::before {
background-image: url(//webarchive.lib.cuhk.edu.hk/20250218144839oe_///sdmatters.cuhk.edu.hk/wp-content/uploads/Asset-15.png);
content: '';
background-repeat: no-repeat;
background-size: 100%;
width: 50px;
height: 50px;
display: block;
position: absolute;
left: -40px; top: -15px;
}
.single .et_pb_post {
margin-bottom: 10px !important;
padding-bottom: 0 !important;
}
.single .stories-content {
text-align: justify;
}
.wpml-ls-menu-item { }