@charset "UTF-8";


.pdp-background {
	background: #41295a;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #2F0743, #41295a);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #2F0743, #41295a); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
a:link {
	text-decoration-line: none;
}
.btn {
	border-radius: 0 !important;
}
tr {
	font-family: 'Noto Sans HK', sans-serif;
	vertical-align: middle;
	font-weight: 300;
}
th {
	font-family: 'Noto Sans HK', sans-serif;
	font-weight: 300;
}
td {
	font-family: 'Noto Sans HK', sans-serif;
	font-weight: 300;
}
.pt-100 {
	padding-top: 125px;
}
.mt-300 {
	margin-top: 300px;
}
.theme {
	position: relative;
	text-align: center;
	color: white;
}
.centered {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.left-bottom {
	position: absolute;
	top: 85%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.nav-item {
	padding-left: 10px;
	padding-right: 10px;
}
.nav-item:hover {
	background-color: white;
	border-style: none;
}
.nav-item:visited :checked :focus {
	background-color: red;
	border-style: none;
}
.dropdown-menu {
	border-radius: 0;
	border-style: none;
}
.dropdown-item:hover {
	background-color: #764f8f;
	color: white;
}
.dropdown-item:active {
	background-color: #764f8f;
	color: white;
}
.pdp-title {
	font-weight: 900;
	font-family: 'Noto Sans HK', sans-serif;
	color: #764f8f;
	font-size: 300%;
}
.pdp-title-white {
	font-weight: 900;
	font-family: 'Noto Sans HK', sans-serif;
	color: #FFFFFF;
	font-size: 300%;
}
.pdp-subtitle {
	font-weight: 400;
	font-family: 'Noto Sans TC', sans-serif;
	color: #764f8f;
	line-height: 1.8;
}
.pdp-text {
	font-family: 'Noto Sans TC', sans-serif;
	line-height: 1.5;
	font-weight: 300;
}
.pdp-text:visited {
	font-family: 'Noto Sans TC', sans-serif;
	font-weight: 900;
	color: #764f8f;
}

.pdp-text-light{
    	font-family: 'Noto Sans TC', sans-serif;
    line-height: 1.5;
    font-weight: 100;
}

.FAQ-numbering {
	font-size: 200%;
	line-height: 1.5;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"
}
.accordion {
}
.accordion-header {
}
.accordion-button {
	color: black;
	font-weight: 300;
	line-height: 1.5;
	background-color: white;
}
.accordion-button:hover {
	background-color: lavender;
}
.accordion-item {
	font-weight: 300;
	line-height: 1.5;
	text-align: justify;
	font-family: 'Noto Sans HK', sans-serif;
	border-top-style: none;
	border-left-style: none;
	border-right-style: none;
}
#ngoLCM h6 {
	font-size: 115%;
	text-align: center;
	padding-left: 7.5%;
	padding-right: 7.5%;
}
#ngoLCM .ngo-block {
	background-color: white;
	border: dotted thin;
	border-color: grey;
}
#ngoLCM .img-fluid {
	width: 75%;
	height: auto;
}
#ngoLCM .cr-name-title {
	font-weight: 300;
	color: #764f8f;
	text-align: center;
}
#ngoLCM .cr-name-eng {
	font-weight: 600;
	text-align: center;
	padding-left: 10%;
	padding-right: 10%;
}
#ngoLCM .cr-name-chinese {
	font-weight: 600;
	text-align: center;
}
#ngoLCM .cr {
	font-size: 150%;
	font-weight: 900;
	color: #764f8f;
}
#ngoLCM .ngo-block:hover {
	background-color: #DCD0ff;
}
#ngoLCM .crtitle {
	font-weight: 300;
}
#ngoLCM .ngo-block:hover .crtitle {
	color: white;
}
#ngoLCM .ngo-block:hover .cr {
	color: white;
}
#ngoLCM .ngo-block:hover .btn-outline-dark {
	border-color: black;
	background-color: #4b0082;
}
#ngoLCM .btn-outline-dark {
	border-color: #E0E0E0;
}
#ngoLCM .btn-outline-light {
	border: none;
}
#ngoLCM .btn-outline-dark:hover {
	background-color: #4b0082;
	opacity: 70%;
}
#ngoLCM .btn-outline-light {
	border: none;
}
#NgoDetails td {
	font-family: 'Noto Sans TC', sans-serif;
	font-weight: 900;
	vertical-align: middle;
}
#NgoDetails td .pdp-title {
	font-size: 150%;
	font-weight: 500;
}
/*<!--.charity-category-overlay {
      position: absolute;
      background-color: indigo;
      bottom: 0;
      height: 100%;
      width: 100%;
      opacity: 0;
      transition: .5s ease-out;
      border-radius: 0px;
}
.charity-category:hover .charity-category-overlay {
      opacity: 1;
      width: 100%;
}
.charity-category:focus .charity-category-overlay {
      opacity: 1;
      width: 100%;
}
.charity-category-icon {
      width: 100%;
      height: auto;
      padding: 0px;
      border: 1px solid white;
      border-radius: 0px;
}*/ 
.intro {
	font-family: 'Noto Sans TC', sans-serif;
	font-weight: 300;
	line-height: 2.2;
}
.title {
    font-family: 'Noto Sans TC', sans-serif;
	font-size: 150%;
	font-weight: 300;
    	color: #764f8f;
	color: #000000;
}
.news {
    font-family: 'Noto Sans TC', sans-serif;
	font-size: 125%;
	font-weight: 300;
	color: #764f8f;
}
.content {
    font-family: 'Noto Sans TC', sans-serif;
	font-weight: 300;
	line-height: 1.5;
    	color: #764f8f;
	text-align: justify;
}
/*Video Cover*/
header {
	position: relative;
	background-color: black;
	height: 90vh;
	min-height: 25rem;
	width: 100%;
	overflow: hidden;
}
header video {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: 0;
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
header .container {
	position: relative;
	z-index: 2;
}
header .overlay {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: black;
	opacity: 0.5;
	z-index: 1;
}
.ngoCategoryBlock {
	position: relative;
	width: 100%;
}
.ngoCategoryBlockOverlay {
	position: absolute;
	background: rgb(2,0,36);
	background: linear-gradient(43deg, rgba(2,0,36,1) 0%, rgba(59,9,121,1) 35%, rgba(190,0,255,1) 100%);
	bottom: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	transition: .5s ease-out;
	border-radius: 0px;
}
.ngoCategoryBlock:hover .ngoCategoryBlockOverlay {
	opacity: 1;
	width: 100%;
}
.ngoCategoryBlock:focus .ngoCategoryBlockOverlay {
	opacity: 1;
	width: 100%;
}
.ngoCategoryBlock-icon {
	width: 100%;
	height: auto;
	padding: 0px;
	border: 1px solid white;
	border-radius: 0px;
}