/* 
=====================================
*** ABOUT PAGE GENERAL
=====================================
*/
.about_us .bgDecor {
	display: none;
}
.about_us main {
	position: relative;
}
.about_us .content-group .container {
	max-width: 940px;
}

.about_us .hide {
	display: none;
}

.about_us .pageHead::before {
	min-height: 160px;
	padding-bottom: 0;
}

.about_us .pageHead .title {
	/* font-size: 1.6em; */
	margin-top: 0;
}

.about_us .article-title {
	font-size: 22px;
	margin-bottom: 14px;
}

/* 
=====================================
*** CONTENT TABS
=====================================
*/

.about_us .content-tabs {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	overflow-x: scroll;
}

.about_us .content-tabs::-webkit-scrollbar {
	display: none;
	background-color: transparent;
}

.about_us .tabItem {
	flex-shrink: 0;
	padding: 5px 15px;

	color: white;
	text-align: center;
	text-decoration: none;
}

.about_us .tabItem.active {
	color: var(--pink_light_txt);
	font-weight: normal;
	border-bottom: 1px solid var(--pink_light_txt);
}

/* 
=====================================
*** ABOUT US
=====================================
*/
.about_us .section-articles article + article {
	margin-top: 50px;
}

.section-mission {
	/* background-color: white; */
}

.section-mission .titleContainer {
	margin-bottom: 40px;
}
.section-mission .title {
	position: relative;
	color: var(--purple);
}

.section-mission .title::after {
	content: "";
	background-image: url(../images/white_content_divider.svg);
}

.section-mission article .article-title {
	line-height: normal;
	color: var(--purple);
}

.section-mission article + article {
	margin-top: 50px;
}

.section-mission article .content {
	color: var(--body);
}

/* Archives */
.archives-group article {
}
.archives-group .article-title {
	padding-bottom: var(--pad_top);
}
.archives-group .article-contentItem {
	padding-bottom: var(--pad_top_big);
}
.archives-group .article-contentItem .itemTitle {
	border-bottom: 1px solid var(--mint);
	padding-bottom: 10px;
    font-size: 1.19em;

}
.archives-group .article-contentItem .itemDesc {
}
.archives-group .article-contentItem .itemDesc p {
	padding-top: var(--pad_top);
}

/* 
=====================================
*** FINANCIAL
=====================================
*/
.section-financial .article-title {
	margin-bottom: 20px;
}

.section-financial .table + .table {
	margin-top: 67px;
}

.table-header {
	padding: 6px 0;
	border-bottom: 1px solid var(--mint);
}

.table-header h3 {
	font-size: 22px;
	font-weight: bold;
}

.table-body .row {
	--_label-width: 60%;
	margin-top: 15px;

	display: flex;
	align-items: start;
	justify-content: space-between;

	font-size: 16px;
}

.table-body .row .label {
	width: var(--_label-width);
}

.table-body .row .value {
	width: calc(100% - var(--_label-width));
}

.table-footer {
	margin-top: 15px;
}

.table-footer .remark {
	font-size: 12px;
}

/* 
=====================================
*** INVITATION
=====================================
*/
/* .invitation-group .content {
	min-height: 220px;
}

@media only screen and (min-width: 540px) {
	.invitation-group .content {
		min-height: 0px;
	}
} */

/* 
=====================================
*** RELATED LINKS
=====================================
*/
.section-links.contentInner {
	padding-right: 40px;
}
.section-links .linksTable .tableRow {
	padding-top: 34px;
}
.section-links .linksTable .tableRow:first-child {
	padding-top: 0;
}
.section-links .linksTable .tableRow div {
	padding-top: 4px;
}
.section-links .linksTable .tableRow div:first-child {
	font-weight: bold;
	padding-top: 0;
}
.section-links .linksTable a,
.section-links .linksTable a:link,
.section-links .linksTable a:visited {
	text-decoration: none;
	word-break: break-all;
}

/* .links .link-name {
	font-size: 16px;
	line-height: 1.6;
}

.links .link-item + .link-item {
	margin-top: 34px;
}

.links .link,
.links .link:link,
.links .link:visited {
	text-decoration: none;
	color: white;
	word-break: break-all;
} */


@media only screen and (min-width: 641px) {
	.table-body .row {
		--_label-width: 30%;
	}
	.table-body .row .label {
		min-width: 250px;
	}
}

@media (min-width: 961px) {
	.about_us {
		font-size: 18px;
	}
	/* .about_us .pageHead .title {
		font-size: 2em;
	} */

	.about_us .article-title {
		font-size: 25px;
		margin-bottom: 20px;
	}
	

	/* Archives */
	.archives-group .article-content {
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: flex-start;
		flex-wrap: wrap;
		margin: 0 -20px;
	}
	.archives-group .article-contentItem {
		width: 50%;
		padding-left: 20px;
		padding-right: 20px;
	}

	.archives-group .article-contentItem .itemTitle {
		font-size: 1.33em;
	
	}
	
	.section-financial .article-title {
		margin-bottom: 50px;
	}

	.table-header {
		padding: 12px 0;
	}


	.section-mission .titleContainer {
		margin-bottom: 100px;
	}
	.section-mission .title {
		align-self: flex-end;
	}

	.section-mission article {
		display: grid;
		grid-template-columns: 3.5fr 6.5fr;
		gap: 20px;
	}

	
	.section-links .article-title {
		margin-bottom: 30px;
	}
	.section-links .linksTable {
		display: table;
	}
	.section-links .linksTable .tableRow {
		display: table-row;
		padding-top: 0;
	}
	.section-links .linksTable .tableRow div {
		display: table-cell;
		padding-top: 16px;
		padding-left: 20px;
	}
	.section-links .linksTable .tableRow div:first-child {
		padding-left: 0;
	}
	.section-links .linksTable a,
	.section-links .linksTable a:link,
	.section-links .linksTable a:visited {
		text-decoration: none;
		word-break: keep-all;
	}

	/* .links .link-item {
		display: grid;
		grid-template-columns: 3.5fr 6.5fr;
		gap: 20px;
	} */
}

@media (min-width: 1360px) {
	.about_us .bgDecor {
		display: block;
	}
}